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/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 f9418b26..03b2a3dd 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
@@ -96,7 +97,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 = `
@@ -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, convert colors to 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
 
@@ -279,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
@@ -716,15 +762,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 +779,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 a3e5b92c..a0ae68c2 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -160,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
     /**
@@ -195,6 +226,8 @@
         return product;
     }
 
+    const colorPrecision = 6;
+    const anglePrecision = .001;
     const colorRange = {
         lab: {
             l: [0, 100],
@@ -217,38 +250,9 @@
             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["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 = {}));
+    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,
@@ -427,193 +431,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: exports.ColorType.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 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) {
@@ -626,7 +579,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) {
@@ -658,37 +611,217 @@
         return alpha == null ? [l, c, h] : [l, c, h, alpha];
     }
 
-    function hex2oklch(token) {
+    /*
+    */
+    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 labvalues2lchvalues(l, a, b, alpha);
+    }
+    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 xyzd502srgb(x, y, z, alpha = null) {
+        // @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, alpha);
+    }
+
+    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 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);
+    }
+    // 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;
+    }
+    // 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;
+    }
+
+    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 cmyk2oklchToken(token) {
+        const values = cmyk2oklchvalues(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: exports.ColorType.OKLCH
+        };
+    }
+    function hex2oklchvalues(token) {
         // @ts-ignore
-        return lab2lchvalues(...hex2oklab(token));
+        return labvalues2lchvalues(...hex2oklabvalues(token));
     }
-    function rgb2oklch(token) {
+    function rgb2oklchvalues(token) {
+        const values = rgb2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return labvalues2lchvalues(...values);
+    }
+    function hsl2oklchvalues(token) {
         // @ts-ignore
-        return lab2lchvalues(...rgb2oklab(token));
+        return labvalues2lchvalues(...hsl2oklabvalues(token));
     }
-    function hsl2oklch(token) {
+    function hwb2oklchvalues(token) {
         // @ts-ignore
-        return lab2lchvalues(...hsl2oklab(token));
+        return labvalues2lchvalues(...hwb2oklabvalues(token));
     }
-    function hwb2oklch(token) {
+    function cmyk2oklchvalues(token) {
+        const values = cmyk2srgbvalues(token);
         // @ts-ignore
-        return lab2lchvalues(...hwb2oklab(token));
+        return values == null ? null : srgb2oklch(...values);
     }
-    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);
@@ -719,33 +852,143 @@
         return [l, c, h, alpha];
     }
 
-    function hex2oklab(token) {
-        // @ts-ignore
-        return srgb2oklab(...hex2srgb(token));
-    }
-    function rgb2oklab(token) {
-        // @ts-ignore
-        return srgb2oklab(...rgb2srgb(token));
+    function hex2oklabToken(token) {
+        const values = hex2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
     }
-    function hsl2oklab(token) {
-        // @ts-ignore
-        return srgb2oklab(...hsl2srgb(token));
+    function rgb2oklabToken(token) {
+        const values = rgb2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
     }
-    function hwb2oklab(token) {
-        // @ts-ignore
-        return srgb2oklab(...hwb2srgb(token));
+    function hsl2oklabToken(token) {
+        const values = hsl2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
     }
-    function lab2oklab(token) {
-        // @ts-ignore
-        return srgb2oklab(...lab2srgb(token));
+    function hwb2oklabToken(token) {
+        const values = hwb2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
     }
-    function lch2oklab(token) {
-        // @ts-ignore
-        return srgb2oklab(...lch2srgb(token));
+    function cmyk2oklabToken(token) {
+        const values = cmyk2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
     }
-    function oklch2oklab(token) {
-        // @ts-ignore
-        return lch2labvalues(...getOKLCHComponents(token));
+    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: exports.ColorType.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(...values);
+    }
+    function hwb2oklabvalues(token) {
+        // @ts-ignore
+        return srgb2oklab(...hwb2srgbvalues(token));
+    }
+    function cmyk2oklabvalues(token) {
+        const values = cmyk2srgbvalues(token);
+        // @ts-ignore
+        return values == null ? null : srgb2oklab(...values);
+    }
+    function lab2oklabvalues(token) {
+        const values = lab2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return srgb2oklab(...values);
+    }
+    function lch2oklabvalues(token) {
+        const values = lch2srgbvalues(token);
+        // @ts-ignore
+        return values == null ? null : srgb2oklab(...values);
+    }
+    function oklch2oklabvalues(token) {
+        const values = getOKLCHComponents(token);
+        // @ts-ignore
+        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);
@@ -755,18 +998,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
@@ -780,9 +1018,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);
@@ -834,78 +1073,150 @@
             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) {
+        const values = hex2labvalues(token);
+        return values == null ? null : labToken(values);
     }
-    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: exports.ColorType.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) {
+        const values = hex2srgbvalues(token);
+        // @ts-ignore
+        return values == null ? null : srgb2labvalues(...values);
+    }
+    function rgb2labvalues(token) {
+        const values = rgb2srgb(token);
+        // @ts-ignore
+        return values == null ? null : srgb2labvalues(...values);
+    }
+    function cmyk2labvalues(token) {
+        const values = cmyk2srgbvalues(token);
+        // @ts-ignore
+        return values == null ? null : srgb2labvalues(...values);
     }
-    function rgb2lab(token) {
+    function hsl2labvalues(token) {
+        const values = hsl2srgb(token);
+        if (values == null) {
+            return null;
+        }
         // @ts-ignore
-        return srgb2lab(...rgb2srgb(token));
+        return srgb2labvalues(...values);
     }
-    function hsl2lab(token) {
+    function hwb2labvalues(token) {
+        const values = hwb2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
         // @ts-ignore
-        return srgb2lab(...hsl2srgb(token));
+        return srgb2labvalues(...values);
     }
-    function hwb2lab(token) {
+    function lch2labvalues(token) {
+        const values = getLCHComponents(token);
         // @ts-ignore
-        return srgb2lab(...hwb2srgb(token));
+        return values == null ? null : lchvalues2labvalues(...values);
     }
-    function lch2lab(token) {
+    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
@@ -937,7 +1248,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) {
@@ -952,7 +1263,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
@@ -980,8 +1291,11 @@
     // 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
-        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) {
@@ -1009,26 +1323,26 @@
     // 0 <= r, g, b <= 1
     function srgbvalues(token) {
         switch (token.kin) {
-            case ColorKind.LIT:
-            case ColorKind.HEX:
-                return hex2srgb(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.LIT:
+            case exports.ColorType.HEX:
+                return hex2srgbvalues(token);
+            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:
-                return hwb2srgb(token);
-            case ColorKind.LAB:
-                return lab2srgb(token);
-            case ColorKind.LCH:
-                return lch2srgb(token);
-            case ColorKind.OKLAB:
-                return oklab2srgb(token);
-            case ColorKind.OKLCH:
-                return oklch2srgb(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.HWB:
+                return hwb2srgbvalues(token);
+            case exports.ColorType.LAB:
+                return lab2srgbvalues(token);
+            case exports.ColorType.LCH:
+                return lch2srgbvalues(token);
+            case exports.ColorType.OKLAB:
+                return oklab2srgbvalues(token);
+            case exports.ColorType.OKLCH:
+                return oklch2srgbvalues(token);
+            case exports.ColorType.COLOR:
                 return color2srgbvalues(token);
         }
         return null;
@@ -1036,24 +1350,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) {
-        const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    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 == 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);
         }
+        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;
@@ -1068,9 +1389,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;
@@ -1096,16 +1417,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;
@@ -1116,13 +1442,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);
         }
@@ -1153,7 +1479,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;
@@ -1206,7 +1532,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;
@@ -1217,9 +1543,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;
         }
@@ -1250,7 +1576,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
@@ -1270,97 +1596,464 @@
         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;
+        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] == 'f' ? '' : value[7]}`;
+            }
+        }
+        return named_color != null && named_color.length <= value.length ? named_color : value;
     }
-    function hwb2rgb(token) {
-        return hwb2srgb(token)?.map?.(srgb2rgb) ?? null;
+    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 hsl2rgb(token) {
-        let { h, s, l, a } = hslvalues(token) ?? {};
-        if (h == null || s == null || l == null) {
+    function rgb2HexToken(token) {
+        let value = rgb2hexvalues(token);
+        if (value == null) {
             return null;
         }
-        return hsl2srgbvalues(h, s, l, a).map((t) => minmax(Math.round(t * 255), 0, 255));
-    }
-    function cmyk2rgb(token) {
-        return cmyk2srgb(token)?.map?.(srgb2rgb) ?? null;
+        return hexToken(value);
     }
-    function oklab2rgb(token) {
-        return oklab2srgb(token)?.map?.(srgb2rgb) ?? null;
+    function hsl2HexToken(token) {
+        let value = hsl2hexvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value);
     }
-    function oklch2rgb(token) {
-        return oklch2srgb(token)?.map?.(srgb2rgb) ?? null;
+    function cmyk2HexToken(token) {
+        let value = cmyk2hexvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value);
     }
-    function lab2rgb(token) {
-        return lab2srgb(token)?.map?.(srgb2rgb) ?? null;
+    function hwb2HexToken(token) {
+        let value = hwb2hexvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value);
     }
-    function lch2rgb(token) {
-        return lch2srgb(token)?.map?.(srgb2rgb) ?? null;
+    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 hwb2hsv(h, w, b, a) {
-        // @ts-ignore
-        return [h, 1 - w / (1 - b), 1 - b, a];
+    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'), '#'));
     }
-    // https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
-    function hsl2hsv(h, s, l, a = null) {
-        s *= l < .5 ? l : 1 - l;
-        const result = [
-            //Range should be between 0 - 1
-            h, //Hue stays the same
-            2 * s / (l + s), //Saturation
-            l + s //Value
-        ];
-        if (a != null) {
-            result.push(a);
+    function oklch2HexToken(token) {
+        let value = oklch2srgbvalues(token);
+        if (value == null) {
+            return null;
         }
-        return result;
+        return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
     }
-
-    function hex2hsl(token) {
-        // @ts-ignore
-        return rgb2hslvalues(...hex2rgb(token));
+    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 rgb2hsl(token) {
-        const chi = getComponents(token);
-        if (chi == null) {
+    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] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT
+        };
+    }
+    function rgb2hexvalues(token) {
+        let value = '#';
+        let t;
         // @ts-ignore
-        let t = chi[0];
-        // @ts-ignore
-        let r = getNumber(t);
-        // @ts-ignore
-        t = chi[1];
+        const components = getComponents(token);
+        if (components == null || components.length < 3) {
+            return null;
+        }
         // @ts-ignore
-        let g = getNumber(t);
+        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 == 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() };
+            });
+        }
+        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 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 = .01) {
+        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);
+    }
+    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: exports.ColorType.RGB
+        };
+    }
+    function hex2rgbvalues(token) {
+        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));
+        }
+        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 oklab2rgbvalues(token) {
+        return oklab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+    }
+    function oklch2rgbvalues(token) {
+        return oklch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+    }
+    function lab2rgbvalues(token) {
+        return lab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+    }
+    function lch2rgbvalues(token) {
+        return lch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+    }
+
+    function hwb2hsv(h, w, b, a) {
+        // @ts-ignore
+        return [h, 1 - w / (1 - b), 1 - b, a];
+    }
+    // https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
+    function hsl2hsv(h, s, l, a = null) {
+        s *= l < .5 ? l : 1 - l;
+        const result = [
+            //Range should be between 0 - 1
+            h, //Hue stays the same
+            2 * s / (l + s), //Saturation
+            l + s //Value
+        ];
+        if (a != null) {
+            result.push(a);
+        }
+        return result;
+    }
+
+    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 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: exports.ColorType.HSL
+        };
+    }
+    function rgb2hslvalues(token) {
+        const chi = getComponents(token);
+        if (chi == null || chi.length < 3) {
+            return null;
+        }
+        // @ts-ignore
+        let t = chi[0];
+        // @ts-ignore
+        let r = getNumber(t);
+        // @ts-ignore
+        t = chi[1];
+        // @ts-ignore
+        let g = getNumber(t);
         // @ts-ignore
         t = chi[2];
         // @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) {
@@ -1380,32 +2073,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;
@@ -1436,18 +2134,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: exports.ColorType.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 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 == exports.EnumToken.IdenTokenType && t.val == 'none')) {
                 return 1;
             }
@@ -1457,21 +2232,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);
@@ -1499,6 +2275,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;
@@ -1520,7 +2300,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));
     }
@@ -1577,94 +2357,40 @@
         }).concat(a == null || a == 1 ? [] : [a]);
     }
 
-    function a98rgb2srgbvalues(r, g, b, a = null) {
-        //  @ts-ignore
-        return xyz2srgb(...la98rgb2xyz(...a98rgb2la98(r, g, b, a)));
+    function rec20202srgb(r, g, b, a) {
+        // @ts-ignore
+        return xyz2srgb(...lrec20202xyz(...rec20202lrec2020(r, g, b)), a);
     }
-    function srgb2a98values(r, g, b, a = null) {
+    function srgb2rec2020values(r, g, b, a) {
         // @ts-ignore
-        return la98rgb2a98rgb(xyz2la98rgb(...srgb2xyz(r, g, b, a)));
+        return lrec20202rec2020(...xyz2lrec2020(...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
+    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.
-        // negative values are also now accepted
+        // ITU-R BT.2020-2 p.4
+        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);
-            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);
-    }
-    function srgb2rec2020values(r, g, b, a) {
-        // @ts-ignore
-        return lrec20202rec2020(...xyz2lrec2020(...srgb2xyz(r, g, b)), a);
-    }
-    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;
-        return [r, g, b].map(function (val) {
-            let sign = val < 0 ? -1 : 1;
-            let abs = Math.abs(val);
-            if (abs < β * 4.5) {
-                return val / 4.5;
-            }
-            return sign * (Math.pow((abs + α - 1) / α, 1 / 0.45));
-        }).concat([] );
+            if (abs < beta * 4.5) {
+                return val / 4.5;
+            }
+            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]);
@@ -1673,7 +2399,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],
@@ -1683,7 +2409,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],
@@ -1697,7 +2423,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
@@ -1738,1035 +2464,407 @@
         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 (values.length > 0) {
-                return values2rgbtoken(values);
+        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 (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 {
+                if (+percentage2.val <= 0) {
+                    return null;
+                }
+                if (+percentage2.val >= 100) {
                     // @ts-ignore
-                    values.push(...srgb2lab(...color2srgbvalues(token)));
-                    break;
-            }
-            if (values.length > 0) {
-                return values2colortoken(values, to);
+                    percentage2 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
+                }
+                // @ts-ignore
+                percentage1 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage2.val / 100) };
             }
         }
-        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 {
+            // @ts-ignore
+            if (percentage1.val <= 0) {
+                return null;
             }
-        }
-        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:
+            if (percentage2 == null) {
+                // @ts-ignore
+                if (percentage1.val >= 100) {
                     // @ts-ignore
-                    values.push(...srgb2oklab(...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.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);
-            }
+        let values1 = srgbvalues(color1);
+        let values2 = srgbvalues(color2);
+        if (values1 == null || values2 == null) {
+            return null;
         }
-        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);
-            }
-        }
-        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);
+                values1 = srgb2rgb(...values1);
+                // @ts-ignore
+                values2 = srgb2rgb(...values2);
                 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) });
+            case 'hsl':
+                // @ts-ignore
+                values1 = srgb2hslvalues(...values1);
+                // @ts-ignore
+                values2 = srgb2hslvalues(...values2);
+                break;
+            case 'hwb':
+                // @ts-ignore
+                values1 = srgb2hwb(...values1);
+                // @ts-ignore
+                values2 = srgb2hwb(...values2);
+                break;
+            case 'lab':
+                // @ts-ignore
+                values1 = srgb2labvalues(...values1);
+                // @ts-ignore
+                values2 = srgb2labvalues(...values2);
+                break;
+            case 'lch':
+                // @ts-ignore
+                values1 = srgb2lch(...values1);
+                // @ts-ignore
+                values2 = srgb2lch(...values2);
+                break;
+            case 'oklab':
+                // @ts-ignore
+                values1 = srgb2oklab(...values1);
+                // @ts-ignore
+                values2 = srgb2oklab(...values2);
+                break;
+            case 'oklch':
+                // @ts-ignore
+                values1 = srgb2oklch(...values1);
+                // @ts-ignore
+                values2 = srgb2oklch(...values2);
+                break;
+            default:
+                return null;
         }
-        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) });
+        const lchSpaces = ['lch', 'oklch'];
+        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) {
+                values1[2] = values2[2];
+            }
         }
-        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) });
+        // powerless
+        if (lchSpaces.includes(colorSpace2) || lchSpaces.includes(colorSpace.val)) {
+            if ((components2[2].typ == exports.EnumToken.IdenTokenType && components2[2].val == 'none') || values2[2] == 0) {
+                values2[2] = values1[2];
+            }
         }
-        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) });
+        if (hueInterpolationMethod != null) {
+            let hueIndex = 2;
+            let multiplier = 1;
+            if (['hwb', 'hsl'].includes(colorSpace.val)) {
+                hueIndex = 0;
+                multiplier = 360;
+            }
+            const [h1, h2] = interpolateHue(hueInterpolationMethod, values1[hueIndex] * multiplier, values2[hueIndex] * multiplier);
+            values1[hueIndex] = h1 / multiplier;
+            values2[hueIndex] = h2 / multiplier;
         }
-        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));
-                    }
+        switch (colorSpace.val) {
+            case 'xyz':
+            case 'xyz-d65':
+            case 'xyz-d50':
+                let values = values1.map((v1, i) => (mul1 * v1 * p1 + mul2 * values2[i] * p2) / mul)
+                    .concat(mul == 1 ? [] : [mul]);
+                if (colorSpace.val == 'xyz-d50') {
+                    // @ts-ignore
+                    values = xyzd502lch(...values);
                 }
                 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));
-                    }
+                    // @ts-ignore
+                    values = xyz2lchvalues(...values);
                 }
-            });
-        }
-        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 {
+                    typ: exports.EnumToken.ColorTokenType,
+                    val: 'lch',
+                    chi: values.map(v => {
+                        return {
+                            typ: exports.EnumToken.NumberTokenType,
+                            val: String(v)
+                        };
+                    }),
+                    kin: exports.ColorType.LCH
+                };
+            case 'srgb':
+            case 'srgb-linear':
+            case 'a98-rgb':
+            case 'rec2020':
+                // @ts-ignore
+                return {
+                    typ: exports.EnumToken.ColorTokenType,
+                    val: 'color',
+                    chi: calculate(),
+                    kin: exports.ColorType.COLOR,
+                    cal: 'col'
+                };
+            case 'rgb':
+            case 'hsl':
+            case 'hwb':
+            case 'lab':
+            case 'lch':
+            case 'oklab':
+            case 'oklch':
+                if (['hsl', 'hwb'].includes(colorSpace.val)) {
                     // @ts-ignore
-                    return token.val / 360;
-                case 'rad':
+                    if (values1[2] < 0) {
+                        // @ts-ignore
+                        values1[2] += 1;
+                    }
                     // @ts-ignore
-                    return token.val / (2 * Math.PI);
-                case 'grad':
+                    if (values2[2] < 0) {
+                        // @ts-ignore
+                        values2[2] += 1;
+                    }
+                }
+                else if (['lch', 'oklch'].includes(colorSpace.val)) {
                     // @ts-ignore
-                    return token.val / 400;
-                case 'turn':
+                    if (values1[2] < 0) {
+                        // @ts-ignore
+                        values1[2] += 360;
+                    }
                     // @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;
+                    if (values2[2] < 0) {
+                        // @ts-ignore
+                        values2[2] += 360;
+                    }
                 }
-                else if (h2 - h1 < -180) {
-                    h2 += 360;
+                // @ts-ignore
+                const result = {
+                    typ: exports.EnumToken.ColorTokenType,
+                    val: colorSpace.val,
+                    chi: calculate().slice(1),
+                    kin: exports.ColorType[colorSpace.val.toUpperCase().replaceAll('-', '_')]
+                };
+                if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
+                    // @ts-ignore
+                    result.chi[0] = { typ: exports.EnumToken.AngleTokenType, val: String(result.chi[0].val * 360), unit: 'deg' };
+                    // @ts-ignore
+                    result.chi[1] = { typ: exports.EnumToken.PercentageTokenType, val: String(result.chi[1].val * 100) };
+                    // @ts-ignore
+                    result.chi[2] = { typ: exports.EnumToken.PercentageTokenType, val: String(result.chi[2].val * 100) };
                 }
-                break;
+                return result;
         }
-        return [h1, h2];
+        return null;
     }
-    function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color2, percentage2) {
-        if (color1.val == 'currentcolor' || color2.val == 'currentcolor') {
-            return null;
+
+    function gcd(x, y) {
+        x = Math.abs(x);
+        y = Math.abs(y);
+        if (x == y) {
+            return x;
         }
-        if (hueInterpolationMethod != null && isRectangularOrthogonalColorspace(colorSpace)) {
-            return null;
+        let t;
+        // if (x == 0) {
+        //
+        //     return y;
+        // }
+        //
+        // if (y == 0) {
+        //
+        //     return x;
+        // }
+        if (y > x) {
+            [x, y] = [y, x];
         }
-        if (isPolarColorspace(colorSpace) && hueInterpolationMethod == null) {
-            hueInterpolationMethod = { typ: exports.EnumToken.IdenTokenType, val: 'shorter' };
+        while (y) {
+            t = y;
+            y = x % y;
+            x = t;
         }
-        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) };
+        return x;
+    }
+    function compute$1(a, b, op) {
+        if (typeof a == 'number' && typeof b == 'number') {
+            switch (op) {
+                case exports.EnumToken.Add:
+                    return a + b;
+                case exports.EnumToken.Sub:
+                    return a - b;
+                case exports.EnumToken.Mul:
+                    return a * b;
+                case exports.EnumToken.Div:
+                    const r = simplify(a, b);
+                    if (r[1] == 1) {
+                        return r[0];
+                    }
+                    const result = a / b;
+                    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: minifyNumber(r[0]) },
+                        r: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(r[1]) }
+                    };
             }
         }
-        else {
-            // @ts-ignore
-            if (percentage1.val <= 0) {
-                return null;
-            }
-            if (percentage2 == null) {
+        let l1 = typeof a == 'number' ? {
+            typ: exports.EnumToken.FractionTokenType,
+            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: minifyNumber(b) },
+            r: { typ: exports.EnumToken.NumberTokenType, val: '1' }
+        } : b;
+        let l2;
+        let r2;
+        switch (op) {
+            case exports.EnumToken.Add:
                 // @ts-ignore
-                if (percentage1.val >= 100) {
-                    // @ts-ignore
-                    percentage1 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
-                }
+                l2 = l1.l.val * r1.r.val + l1.r.val * r1.l.val;
                 // @ts-ignore
-                percentage2 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage1.val / 100) };
-            }
-            else {
+                r2 = l1.r.val * r1.r.val;
+                break;
+            case exports.EnumToken.Sub:
                 // @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 {
+                l2 = l1.l.val * r1.r.val - l1.r.val * r1.l.val;
                 // @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':
+                r2 = l1.r.val * r1.r.val;
                 break;
-            case 'display-p3':
+            case exports.EnumToken.Mul:
                 // @ts-ignore
-                values1 = srgb2p3values(...values1);
+                l2 = l1.l.val * r1.l.val;
                 // @ts-ignore
-                values2 = srgb2p3values(...values2);
+                r2 = l1.r.val * r1.r.val;
                 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);
-                break;
-            case 'hsl':
-                // @ts-ignore
-                values1 = srgb2hsl(...values1);
-                // @ts-ignore
-                values2 = srgb2hsl(...values2);
-                break;
-            case 'hwb':
-                // @ts-ignore
-                values1 = srgb2hwb(...values1);
-                // @ts-ignore
-                values2 = srgb2hwb(...values2);
-                break;
-            case 'lab':
-                // @ts-ignore
-                values1 = srgb2lab(...values1);
-                // @ts-ignore
-                values2 = srgb2lab(...values2);
-                break;
-            case 'lch':
-                // @ts-ignore
-                values1 = srgb2lch(...values1);
-                // @ts-ignore
-                values2 = srgb2lch(...values2);
-                break;
-            case 'oklab':
-                // @ts-ignore
-                values1 = srgb2oklab(...values1);
-                // @ts-ignore
-                values2 = srgb2oklab(...values2);
-                break;
-            case 'oklch':
-                // @ts-ignore
-                values1 = srgb2oklch(...values1);
-                // @ts-ignore
-                values2 = srgb2oklch(...values2);
-                break;
-            default:
-                return null;
-        }
-        const lchSpaces = ['lch', 'oklch'];
-        const colorSpace1 = ColorKind[color1.kin].toLowerCase().replaceAll('_', '-');
-        const colorSpace2 = ColorKind[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) {
-                values1[2] = values2[2];
-            }
-        }
-        // powerless
-        if (lchSpaces.includes(colorSpace2) || lchSpaces.includes(colorSpace.val)) {
-            if ((components2[2].typ == exports.EnumToken.IdenTokenType && components2[2].val == 'none') || values2[2] == 0) {
-                values2[2] = values1[2];
-            }
-        }
-        if (hueInterpolationMethod != null) {
-            let hueIndex = 2;
-            let multiplier = 1;
-            if (['hwb', 'hsl'].includes(colorSpace.val)) {
-                hueIndex = 0;
-                multiplier = 360;
-            }
-            const [h1, h2] = interpolateHue(hueInterpolationMethod, values1[hueIndex] * multiplier, values2[hueIndex] * multiplier);
-            values1[hueIndex] = h1 / multiplier;
-            values2[hueIndex] = h2 / multiplier;
-        }
-        switch (colorSpace.val) {
-            case 'xyz':
-            case 'xyz-d65':
-            case 'xyz-d50':
-                let values = values1.map((v1, i) => (mul1 * v1 * p1 + mul2 * values2[i] * p2) / mul)
-                    .concat(mul == 1 ? [] : [mul]);
-                if (colorSpace.val == 'xyz-d50') {
-                    // @ts-ignore
-                    values = xyzd502lch(...values);
-                }
-                else {
-                    // @ts-ignore
-                    values = xyz2lchvalues(...values);
-                }
-                // @ts-ignore
-                return {
-                    typ: exports.EnumToken.ColorTokenType,
-                    val: 'lch',
-                    chi: values.map(v => {
-                        return {
-                            typ: exports.EnumToken.NumberTokenType,
-                            val: String(v)
-                        };
-                    }),
-                    kin: ColorKind.LCH
-                };
-            case 'srgb':
-            case 'srgb-linear':
-            case 'a98-rgb':
-            case 'rec2020':
-                // @ts-ignore
-                return {
-                    typ: exports.EnumToken.ColorTokenType,
-                    val: 'color',
-                    chi: calculate(),
-                    kin: ColorKind.COLOR,
-                    cal: 'col'
-                };
-            case 'rgb':
-            case 'hsl':
-            case 'hwb':
-            case 'lab':
-            case 'lch':
-            case 'oklab':
-            case 'oklch':
-                if (['hsl', 'hwb'].includes(colorSpace.val)) {
-                    // @ts-ignore
-                    if (values1[2] < 0) {
-                        // @ts-ignore
-                        values1[2] += 1;
-                    }
-                    // @ts-ignore
-                    if (values2[2] < 0) {
-                        // @ts-ignore
-                        values2[2] += 1;
-                    }
-                }
-                else if (['lch', 'oklch'].includes(colorSpace.val)) {
-                    // @ts-ignore
-                    if (values1[2] < 0) {
-                        // @ts-ignore
-                        values1[2] += 360;
-                    }
-                    // @ts-ignore
-                    if (values2[2] < 0) {
-                        // @ts-ignore
-                        values2[2] += 360;
-                    }
-                }
-                // @ts-ignore
-                const result = {
-                    typ: exports.EnumToken.ColorTokenType,
-                    val: colorSpace.val,
-                    chi: calculate().slice(1),
-                    kin: ColorKind[colorSpace.val.toLowerCase().replaceAll('-', '_')]
-                };
-                if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
-                    // @ts-ignore
-                    result.chi[0] = { typ: exports.EnumToken.AngleTokenType, val: String(result.chi[0].val * 360), unit: 'deg' };
-                    // @ts-ignore
-                    result.chi[1] = { typ: exports.EnumToken.PercentageTokenType, val: String(result.chi[1].val * 100) };
-                    // @ts-ignore
-                    result.chi[2] = { typ: exports.EnumToken.PercentageTokenType, val: String(result.chi[2].val * 100) };
-                }
-                return result;
-        }
-        return null;
-    }
-
-    function gcd(x, y) {
-        x = Math.abs(x);
-        y = Math.abs(y);
-        if (x == y) {
-            return x;
-        }
-        let t;
-        if (x == 0) {
-            return y;
-        }
-        if (y == 0) {
-            return x;
-        }
-        if (y > x) {
-            t = x;
-            x = y;
-            y = t;
-        }
-        while (y) {
-            t = y;
-            y = x % y;
-            x = t;
-        }
-        return x;
-    }
-    function compute$1(a, b, op) {
-        if (typeof a == 'number' && typeof b == 'number') {
-            switch (op) {
-                case exports.EnumToken.Add:
-                    return a + b;
-                case exports.EnumToken.Sub:
-                    return a - b;
-                case exports.EnumToken.Mul:
-                    return a * b;
-                case exports.EnumToken.Div:
-                    const r = simplify(a, b);
-                    if (r[1] == 1) {
-                        return r[0];
-                    }
-                    const result = a / b;
-                    const r2 = reduceNumber(r[0]) + '/' + reduceNumber(r[1]);
-                    return reduceNumber(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]) }
-                    };
-            }
-        }
-        let l1 = typeof a == 'number' ? {
-            typ: exports.EnumToken.FractionTokenType,
-            l: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(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) },
-            r: { typ: exports.EnumToken.NumberTokenType, val: '1' }
-        } : b;
-        let l2;
-        let r2;
-        switch (op) {
-            case exports.EnumToken.Add:
-                // @ts-ignore
-                l2 = l1.l.val * r1.r.val + l1.r.val * r1.l.val;
-                // @ts-ignore
-                r2 = l1.r.val * r1.r.val;
-                break;
-            case exports.EnumToken.Sub:
-                // @ts-ignore
-                l2 = l1.l.val * r1.r.val - l1.r.val * r1.l.val;
-                // @ts-ignore
-                r2 = l1.r.val * r1.r.val;
-                break;
-            case exports.EnumToken.Mul:
-                // @ts-ignore
-                l2 = l1.l.val * r1.l.val;
-                // @ts-ignore
-                r2 = l1.r.val * r1.r.val;
-                break;
-            case exports.EnumToken.Div:
+            case exports.EnumToken.Div:
                 // @ts-ignore
                 l2 = l1.l.val * r1.r.val;
                 // @ts-ignore
@@ -2779,10 +2877,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) {
@@ -2825,12 +2923,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) {
@@ -2903,48 +3001,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) {
@@ -2968,7 +3077,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
@@ -2977,22 +3086,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;
     }
@@ -3010,9 +3123,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 [{
@@ -3025,19 +3139,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;
                 }
@@ -3053,35 +3170,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],
@@ -3118,82 +3244,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];
     }
@@ -3203,10 +3331,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);
             }
@@ -3319,12 +3448,12 @@
         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('-', '_')]);
+        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,
@@ -3357,12 +3486,13 @@
         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('-', '_');
+            let colorSpace = exports.ColorType[converted.kin].toLowerCase().replaceAll('-', '_');
             if (colorSpace in colorRange) {
                 // @ts-ignore
                 value *= colorRange[colorSpace][component].at(-1);
@@ -3389,44 +3519,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 +3581,10 @@
                 if (result.length == 1 && result[0].typ != exports.EnumToken.BinaryExpressionTokenType) {
                     expr[key] = result[0];
                 }
-                else {
-                    return null;
-                }
+                // else {
+                //
+                //     return null;
+                // }
             }
         }
         return expr;
@@ -3465,236 +3607,915 @@
         }
     }
 
-    // from https://github.com/Rich-Harris/vlq/tree/master
-    // credit: Rich Harris
-    const integer_to_char = {};
-    let i = 0;
-    for (const char of 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=') {
-        integer_to_char[i++] = char;
-    }
-    function encode(value) {
-        if (typeof value === 'number') {
-            return encode_integer(value);
+    function rgb2cmykToken(token) {
+        const components = rgb2srgbvalues(token);
+        if (components == null || components.length < 3) {
+            return null;
         }
-        let result = '';
-        for (let i = 0; i < value.length; i += 1) {
-            result += encode_integer(value[i]);
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...components));
+    }
+    function hsl2cmykToken(token) {
+        const values = hsl2srgbvalues(token);
+        if (values == null) {
+            return null;
         }
-        return result;
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...values));
     }
-    function encode_integer(num) {
-        let result = '';
-        if (num < 0) {
-            num = (-num << 1) | 1;
+    function hwb2cmykToken(token) {
+        const values = hwb2srgbvalues(token);
+        if (values == null) {
+            return null;
         }
-        else {
-            num <<= 1;
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...values));
+    }
+    function lab2cmykToken(token) {
+        const components = lab2srgbvalues(token);
+        if (components == null || components.length < 3) {
+            return null;
         }
-        do {
-            let clamped = num & 31;
-            num >>>= 5;
-            if (num > 0) {
-                clamped |= 32;
-            }
-            result += integer_to_char[clamped];
-        } while (num > 0);
-        return result;
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...components));
     }
-
-    class SourceMap {
-        lastLocation = null;
-        #version = 3;
-        #sources = [];
-        #map = new Map;
-        #line = -1;
-        add(source, original) {
-            if (original.src !== '') {
-                if (!this.#sources.includes(original.src)) {
-                    this.#sources.push(original.src);
-                }
-                const line = source.sta.lin - 1;
-                let record;
-                if (line > this.#line) {
-                    this.#line = line;
-                }
-                if (!this.#map.has(line)) {
-                    record = [Math.max(0, source.sta.col - 1), this.#sources.indexOf(original.src), original.sta.lin - 1, original.sta.col - 1];
-                    this.#map.set(line, [record]);
-                }
-                else {
-                    const arr = this.#map.get(line);
-                    record = [Math.max(0, source.sta.col - 1 - arr[0][0]), this.#sources.indexOf(original.src) - arr[0][1], original.sta.lin - 1, original.sta.col - 1];
-                    arr.push(record);
-                }
-                if (this.lastLocation != null) {
-                    record[2] -= this.lastLocation.sta.lin - 1;
-                    record[3] -= this.lastLocation.sta.col - 1;
-                }
-                this.lastLocation = original;
-            }
+    function lch2cmykToken(token) {
+        const components = lch2srgbvalues(token);
+        if (components == null || components.length < 3) {
+            return null;
         }
-        toUrl() {
-            // /*# sourceMappingURL = ${url} */
-            return `data:application/json,${encodeURIComponent(JSON.stringify(this.toJSON()))}`;
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...components));
+    }
+    function oklab2cmyk(token) {
+        const components = oklab2srgbvalues(token);
+        if (components == null || components.length < 3) {
+            return null;
         }
-        toJSON() {
-            const mappings = [];
-            let i = 0;
-            for (; i <= this.#line; i++) {
-                if (!this.#map.has(i)) {
-                    mappings.push('');
-                }
-                else {
-                    mappings.push(this.#map.get(i).reduce((acc, curr) => acc + (acc === '' ? '' : ',') + encode(curr), ''));
-                }
-            }
-            return {
-                version: this.#version,
-                sources: this.#sources.slice(),
-                mappings: mappings.join(';')
-            };
+        // @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 reduceNumber(val) {
-        val = String(+val);
-        if (val === '0') {
-            return '0';
+    function color2cmykToken(token) {
+        const values = color2srgbvalues(token);
+        if (values == null) {
+            return null;
         }
-        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);
+        // @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 val;
+        return result;
     }
-    function update(position, str) {
-        let i = 0;
-        for (; i < str.length; i++) {
-            if (isNewLine(str[i].charCodeAt(0))) {
-                position.lin++;
-                position.col = 0;
-            }
-            else {
-                position.col++;
-            }
-        }
+    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: exports.ColorType.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]);
     }
+
     /**
-     * render ast
-     * @param data
-     * @param options
+     * Converts a color token to another color space
+     * @param token
+     * @param to
      */
-    function doRender(data, options = {}) {
-        const minify = options.minify ?? true;
-        const beautify = options.beautify ?? !minify;
-        options = {
-            ...(beautify ? {
-                indent: ' ',
-                newLine: '\n',
-            } : {
-                indent: '',
-                newLine: '',
-            }),
-            ...(minify ? {
-                removeEmpty: true,
-                removeComments: true,
-                minify: true
-            } : {
-                removeEmpty: false,
-                removeComments: false,
-            }), sourcemap: false, convertColor: true, expandNestingRules: false, preserveLicense: false, ...options
-        };
-        if (options.withParents) {
-            // @ts-ignore
-            let parent = data.parent;
-            // @ts-ignore
-            while (data.parent != null) {
-                // @ts-ignore
-                parent = { ...data.parent, chi: [{ ...data }] };
-                // @ts-ignore
-                parent.parent = data.parent.parent;
-                // @ts-ignore
-                data = parent;
-            }
+    function convertColor(token, to) {
+        if (token.kin == exports.ColorType.SYS ||
+            token.kin == exports.ColorType.DPSYS ||
+            (isIdentColor(token) &&
+                ('currentcolor'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0))) {
+            return token;
         }
-        const startTime = performance.now();
-        const errors = [];
-        const sourcemap = options.sourcemap ? new SourceMap : null;
-        const cache = Object.create(null);
-        const result = {
-            code: renderAstNode(options.expandNestingRules ? expand(data) : data, options, sourcemap, {
-                ind: 0,
-                lin: 1,
-                col: 1
-            }, errors, function reducer(acc, curr) {
-                if (curr.typ == exports.EnumToken.CommentTokenType && options.removeComments) {
-                    if (!options.preserveLicense || !curr.val.startsWith('/*!')) {
-                        return acc;
+        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]);
+                }
+                else {
+                    if (![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType, exports.EnumToken.CommaTokenType].includes(t.typ)) {
+                        acc[acc.length - 1].push(t);
                     }
-                    return acc + curr.val;
                 }
-                return acc + renderToken(curr, options, cache, reducer, errors);
-            }, cache), errors, stats: {
-                total: `${(performance.now() - startTime).toFixed(2)}ms`
+                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 (options.output != null) {
-            // @ts-ignore
-            options.output = options.resolve(options.output, options.cwd).absolute;
         }
-        if (sourcemap != null) {
-            result.map = sourcemap;
-            if (options.sourcemap === 'inline') {
-                result.code += `\n/*# sourceMappingURL=data:application/json,${encodeURIComponent(JSON.stringify(result.map))} */`;
+        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;
+                }
             }
         }
-        return result;
+        if (token.kin == to) {
+            if (token.kin == exports.ColorType.HEX || token.kin == exports.ColorType.LIT) {
+                token.val = reduceHexValue(token.val);
+                token.kin = token.val[0] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT;
+            }
+            return token;
+        }
+        if (token.kin == exports.ColorType.COLOR) {
+            const colorSpace = token.chi.find(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
+            if (colorSpace.val == exports.ColorType[to].toLowerCase().replaceAll('_', '-')) {
+                return token;
+            }
+        }
+        if (to == exports.ColorType.HSL) {
+            switch (token.kin) {
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
+                    return rgb2HslToken(token);
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
+                    return hex2HslToken(token);
+                case exports.ColorType.HWB:
+                    return hwb2HslToken(token);
+                case exports.ColorType.DEVICE_CMYK:
+                    return cmyk2HslToken(token);
+                case exports.ColorType.OKLAB:
+                    return oklab2HslToken(token);
+                case exports.ColorType.OKLCH:
+                    return oklch2HslToken(token);
+                case exports.ColorType.LAB:
+                    return lab2HslToken(token);
+                case exports.ColorType.LCH:
+                    return lch2HslToken(token);
+                case exports.ColorType.COLOR:
+                    return color2HslToken(token);
+            }
+        }
+        else if (to == exports.ColorType.HWB) {
+            switch (token.kin) {
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
+                    return rgb2hwbToken(token);
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
+                    return rgb2hwbToken(token);
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
+                    return hsl2hwbToken(token);
+                case exports.ColorType.OKLAB:
+                    return oklab2hwbToken(token);
+                case exports.ColorType.OKLCH:
+                    return oklch2hwbToken(token);
+                case exports.ColorType.LAB:
+                    return lab2hwbToken(token);
+                case exports.ColorType.LCH:
+                    return lch2hwbToken(token);
+                case exports.ColorType.DEVICE_CMYK:
+                    return cmyk2hwbToken(token);
+                case exports.ColorType.COLOR:
+                    return color2hwbToken(token);
+            }
+        }
+        else if (to == exports.ColorType.DEVICE_CMYK) {
+            switch (token.kin) {
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
+                    return rgb2cmykToken(token);
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
+                    return rgb2cmykToken(token);
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
+                    return hsl2cmykToken(token);
+                case exports.ColorType.HWB:
+                    return hwb2cmykToken(token);
+                case exports.ColorType.OKLAB:
+                    return oklab2cmyk(token);
+                case exports.ColorType.OKLCH:
+                    return oklch2cmykToken(token);
+                case exports.ColorType.LAB:
+                    return lab2cmykToken(token);
+                //
+                case exports.ColorType.LCH:
+                    return lch2cmykToken(token);
+                case exports.ColorType.COLOR:
+                    return color2cmykToken(token);
+            }
+        }
+        else if (to == exports.ColorType.HEX || to == exports.ColorType.LIT) {
+            switch (token.kin) {
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT: {
+                    const val = reduceHexValue(token.val);
+                    return {
+                        typ: exports.EnumToken.ColorTokenType,
+                        val,
+                        kin: val[0] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT
+                    };
+                }
+                case exports.ColorType.HSL:
+                    return hsl2HexToken(token);
+                case exports.ColorType.HWB:
+                    return hwb2HexToken(token);
+                case exports.ColorType.DEVICE_CMYK:
+                    return cmyk2HexToken(token);
+                case exports.ColorType.OKLAB:
+                    return oklab2HexToken(token);
+                case exports.ColorType.OKLCH:
+                    return oklch2HexToken(token);
+                case exports.ColorType.LAB:
+                    return lab2HexToken(token);
+                case exports.ColorType.LCH:
+                    return lch2HexToken(token);
+                case exports.ColorType.COLOR:
+                    return color2HexToken(token);
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
+                    return rgb2HexToken(token);
+            }
+        }
+        else if (to == exports.ColorType.RGB) {
+            switch (token.kin) {
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
+                    return hex2RgbToken(token);
+                case exports.ColorType.HSL:
+                    return hsl2RgbToken(token);
+                case exports.ColorType.HWB:
+                    return hwb2RgbToken(token);
+                case exports.ColorType.DEVICE_CMYK:
+                    return cmyk2RgbToken(token);
+                case exports.ColorType.OKLAB:
+                    return oklab2RgbToken(token);
+                case exports.ColorType.OKLCH:
+                    return oklch2RgbToken(token);
+                case exports.ColorType.LAB:
+                    return lab2RgbToken(token);
+                case exports.ColorType.LCH:
+                    return lch2RgbToken(token);
+                case exports.ColorType.COLOR:
+                    return color2RgbToken(token);
+            }
+        }
+        else if (to == exports.ColorType.LAB) {
+            switch (token.kin) {
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
+                    return hex2labToken(token);
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
+                    return rgb2labToken(token);
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
+                    return hsl2labToken(token);
+                case exports.ColorType.HWB:
+                    return hwb2labToken(token);
+                case exports.ColorType.DEVICE_CMYK:
+                    return cmyk2labToken(token);
+                case exports.ColorType.LCH:
+                    return lch2labToken(token);
+                case exports.ColorType.OKLAB:
+                    return oklab2labToken(token);
+                case exports.ColorType.OKLCH:
+                    return oklch2labToken(token);
+                case exports.ColorType.COLOR:
+                    return color2labToken(token);
+            }
+        }
+        else if (to == exports.ColorType.LCH) {
+            switch (token.kin) {
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
+                    return hex2lchToken(token);
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
+                    return rgb2lchToken(token);
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
+                    return hsl2lchToken(token);
+                case exports.ColorType.HWB:
+                    return hwb2lchToken(token);
+                case exports.ColorType.DEVICE_CMYK:
+                    return cmyk2lchToken(token);
+                case exports.ColorType.LAB:
+                    return lab2lchToken(token);
+                case exports.ColorType.OKLAB:
+                    return oklab2lchToken(token);
+                case exports.ColorType.OKLCH:
+                    return oklch2lchToken(token);
+                case exports.ColorType.COLOR:
+                    return color2lchToken(token);
+            }
+        }
+        else if (to == exports.ColorType.OKLAB) {
+            switch (token.kin) {
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
+                    return hex2oklabToken(token);
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
+                    return rgb2oklabToken(token);
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
+                    return hsl2oklabToken(token);
+                case exports.ColorType.HWB:
+                    return hwb2oklabToken(token);
+                case exports.ColorType.DEVICE_CMYK:
+                    return cmyk2oklabToken(token);
+                case exports.ColorType.LAB:
+                    return lab2oklabToken(token);
+                case exports.ColorType.LCH:
+                    return lch2oklabToken(token);
+                case exports.ColorType.OKLCH:
+                    return oklch2oklabToken(token);
+                case exports.ColorType.COLOR:
+                    return color2oklabToken(token);
+            }
+        }
+        else if (to == exports.ColorType.OKLCH) {
+            switch (token.kin) {
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
+                    return hex2oklchToken(token);
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
+                    return rgb2oklchToken(token);
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
+                    return hsl2oklchToken(token);
+                case exports.ColorType.HWB:
+                    return hwb2oklchToken(token);
+                case exports.ColorType.DEVICE_CMYK:
+                    return cmyk2oklchToken(token);
+                case exports.ColorType.LAB:
+                    return lab2oklchToken(token);
+                case exports.ColorType.OKLAB:
+                    return oklab2oklchToken(token);
+                case exports.ColorType.LCH:
+                    return lch2oklchToken(token);
+                case exports.ColorType.COLOR:
+                    return color2oklchToken(token);
+            }
+        }
+        else if (colorFuncColorSpace.includes(exports.ColorType[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
+            switch (token.kin) {
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
+                    return hex2colorToken(token, to);
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
+                    return rgb2colorToken(token, to);
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
+                    return hsl2colorToken(token, to);
+                case exports.ColorType.HWB:
+                    return hwb2colorToken(token, to);
+                case exports.ColorType.DEVICE_CMYK:
+                    return cmyk2colorToken(token, to);
+                case exports.ColorType.LAB:
+                    return lab2colorToken(token, to);
+                case exports.ColorType.OKLAB:
+                    return oklab2colorToken(token, to);
+                case exports.ColorType.LCH:
+                    return lch2colorToken(token, to);
+                case exports.ColorType.OKLCH:
+                    return oklch2colorToken(token, to);
+                case exports.ColorType.COLOR:
+                    return color2colorToken(token, to);
+            }
+        }
+        return null;
     }
-    function updateSourceMap(node, options, cache, sourcemap, position, str) {
-        if ([
-            exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType,
-            exports.EnumToken.KeyFrameRuleNodeType, exports.EnumToken.KeyframeAtRuleNodeType
-        ].includes(node.typ)) {
-            let src = node.loc?.src ?? '';
-            let output = options.output ?? '';
-            if (!(src in cache)) {
+    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;
+        }
+        return values2colortoken(values, to);
+    }
+    function srgb2srgbcolorspace(val, to) {
+        const values = [];
+        switch (to) {
+            case exports.ColorType.SRGB:
+                values.push(...val);
+                break;
+            case exports.ColorType.SRGB_LINEAR:
                 // @ts-ignore
-                cache[src] = options.resolve(src, options.cwd ?? '').relative;
-            }
-            if (!(output in cache)) {
+                values.push(...srgb2lsrgbvalues(...val));
+                break;
+            case exports.ColorType.DISPLAY_P3:
                 // @ts-ignore
-                cache[output] = options.resolve(output, options.cwd).relative;
-            }
-            // @ts-ignore
-            sourcemap.add({ src: cache[output], sta: { ...position } }, {
-                ...node.loc,
+                values.push(...srgb2p3values(...val));
+                break;
+            case exports.ColorType.PROPHOTO_RGB:
                 // @ts-ignore
-                src: options.resolve(cache[src], options.cwd).relative
-            });
+                values.push(...srgb2prophotorgbvalues(...val));
+                break;
+            case exports.ColorType.A98_RGB:
+                // @ts-ignore
+                values.push(...srgb2a98values$1(...val));
+                break;
+            case exports.ColorType.REC2020:
+                // @ts-ignore
+                values.push(...srgb2rec2020values(...val));
+                break;
+            case exports.ColorType.XYZ:
+            case exports.ColorType.XYZ_D65:
+                // @ts-ignore
+                values.push(...srgb2xyz(...val));
+                break;
+            case exports.ColorType.XYZ_D50:
+                // @ts-ignore
+                values.push(...srgb2xyz_d50(...val));
+                break;
         }
-        update(position, str);
+        return values;
     }
-    /**
-     * render ast node
-     * @param data
-     * @param options
-     * @param sourcemap
-     * @param position
-     * @param errors
-     * @param reducer
-     * @param cache
-     * @param level
-     * @param indents
-     */
-    function renderAstNode(data, options, sourcemap, position, errors, reducer, cache, level = 0, indents = []) {
-        if (indents.length < level + 1) {
-            indents.push(options.indent.repeat(level));
+    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) {
+        values = srgb2srgbcolorspace(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.LiteralTokenType, val: "/" }, {
+                typ: exports.EnumToken.PercentageTokenType,
+                val: (values[3] * 100).toFixed()
+            });
+        }
+        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: exports.ColorType.COLOR
+        } : {
+            typ: exports.EnumToken.ColorTokenType,
+            val: colorSpace,
+            chi,
+            kin: to
+        };
+    }
+    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 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
+    // credit: Rich Harris
+    const integer_to_char = {};
+    let i = 0;
+    for (const char of 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=') {
+        integer_to_char[i++] = char;
+    }
+    function encode(value) {
+        if (typeof value === 'number') {
+            return encode_integer(value);
+        }
+        let result = '';
+        for (let i = 0; i < value.length; i += 1) {
+            result += encode_integer(value[i]);
+        }
+        return result;
+    }
+    function encode_integer(num) {
+        let result = '';
+        if (num < 0) {
+            num = (-num << 1) | 1;
+        }
+        else {
+            num <<= 1;
+        }
+        do {
+            let clamped = num & 31;
+            num >>>= 5;
+            if (num > 0) {
+                clamped |= 32;
+            }
+            result += integer_to_char[clamped];
+        } while (num > 0);
+        return result;
+    }
+
+    class SourceMap {
+        lastLocation = null;
+        #version = 3;
+        #sources = [];
+        #map = new Map;
+        #line = -1;
+        add(source, original) {
+            if (original.src !== '') {
+                if (!this.#sources.includes(original.src)) {
+                    this.#sources.push(original.src);
+                }
+                const line = source.sta.lin - 1;
+                let record;
+                if (line > this.#line) {
+                    this.#line = line;
+                }
+                if (!this.#map.has(line)) {
+                    record = [Math.max(0, source.sta.col - 1), this.#sources.indexOf(original.src), original.sta.lin - 1, original.sta.col - 1];
+                    this.#map.set(line, [record]);
+                }
+                else {
+                    const arr = this.#map.get(line);
+                    record = [Math.max(0, source.sta.col - 1 - arr[0][0]), this.#sources.indexOf(original.src) - arr[0][1], original.sta.lin - 1, original.sta.col - 1];
+                    arr.push(record);
+                }
+                if (this.lastLocation != null) {
+                    record[2] -= this.lastLocation.sta.lin - 1;
+                    record[3] -= this.lastLocation.sta.col - 1;
+                }
+                this.lastLocation = original;
+            }
+        }
+        toUrl() {
+            // /*# sourceMappingURL = ${url} */
+            return `data:application/json,${encodeURIComponent(JSON.stringify(this.toJSON()))}`;
+        }
+        toJSON() {
+            const mappings = [];
+            let i = 0;
+            for (; i <= this.#line; i++) {
+                if (!this.#map.has(i)) {
+                    mappings.push('');
+                }
+                else {
+                    mappings.push(this.#map.get(i).reduce((acc, curr) => acc + (acc === '' ? '' : ',') + encode(curr), ''));
+                }
+            }
+            return {
+                version: this.#version,
+                sources: this.#sources.slice(),
+                mappings: mappings.join(';')
+            };
+        }
+    }
+
+    function update(position, str) {
+        let i = 0;
+        for (; i < str.length; i++) {
+            if (isNewLine(str[i].charCodeAt(0))) {
+                position.lin++;
+                position.col = 0;
+            }
+            else {
+                position.col++;
+            }
+        }
+    }
+    /**
+     * render ast
+     * @param data
+     * @param options
+     */
+    function doRender(data, options = {}) {
+        const minify = options.minify ?? true;
+        const beautify = options.beautify ?? !minify;
+        options = {
+            ...(beautify ? {
+                indent: ' ',
+                newLine: '\n',
+            } : {
+                indent: '',
+                newLine: '',
+            }),
+            ...(minify ? {
+                removeEmpty: true,
+                removeComments: true,
+                minify: true
+            } : {
+                removeEmpty: false,
+                removeComments: false,
+            }), sourcemap: false, convertColor: true, expandNestingRules: false, preserveLicense: false, ...options
+        };
+        if (options.withParents) {
+            // @ts-ignore
+            let parent = data.parent;
+            // @ts-ignore
+            while (data.parent != null) {
+                // @ts-ignore
+                parent = { ...data.parent, chi: [{ ...data }] };
+                // @ts-ignore
+                parent.parent = data.parent.parent;
+                // @ts-ignore
+                data = parent;
+            }
+        }
+        const startTime = performance.now();
+        const errors = [];
+        const sourcemap = options.sourcemap ? new SourceMap : null;
+        const cache = Object.create(null);
+        const result = {
+            code: renderAstNode(options.expandNestingRules ? expand(data) : data, options, sourcemap, {
+                ind: 0,
+                lin: 1,
+                col: 1
+            }, errors, function reducer(acc, curr) {
+                if (curr.typ == exports.EnumToken.CommentTokenType && options.removeComments) {
+                    if (!options.preserveLicense || !curr.val.startsWith('/*!')) {
+                        return acc;
+                    }
+                    return acc + curr.val;
+                }
+                return acc + renderToken(curr, options, cache, reducer, errors);
+            }, cache), errors, stats: {
+                total: `${(performance.now() - startTime).toFixed(2)}ms`
+            }
+        };
+        if (options.output != null) {
+            // @ts-ignore
+            options.output = options.resolve(options.output, options.cwd).absolute;
+        }
+        if (sourcemap != null) {
+            result.map = sourcemap;
+            if (options.sourcemap === 'inline') {
+                result.code += `\n/*# sourceMappingURL=data:application/json,${encodeURIComponent(JSON.stringify(result.map))} */`;
+            }
+        }
+        return result;
+    }
+    function updateSourceMap(node, options, cache, sourcemap, position, str) {
+        if ([
+            exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType,
+            exports.EnumToken.KeyFrameRuleNodeType, exports.EnumToken.KeyframeAtRuleNodeType
+        ].includes(node.typ)) {
+            let src = node.loc?.src ?? '';
+            let output = options.output ?? '';
+            if (!(src in cache)) {
+                // @ts-ignore
+                cache[src] = options.resolve(src, options.cwd ?? '').relative;
+            }
+            if (!(output in cache)) {
+                // @ts-ignore
+                cache[output] = options.resolve(output, options.cwd).relative;
+            }
+            // @ts-ignore
+            sourcemap.add({ src: cache[output], sta: { ...position } }, {
+                ...node.loc,
+                // @ts-ignore
+                src: options.resolve(cache[src], options.cwd).relative
+            });
+        }
+        update(position, str);
+    }
+    /**
+     * render ast node
+     * @param data
+     * @param options
+     * @param sourcemap
+     * @param position
+     * @param errors
+     * @param reducer
+     * @param cache
+     * @param level
+     * @param indents
+     */
+    function renderAstNode(data, options, sourcemap, position, errors, reducer, cache, level = 0, indents = []) {
+        if (indents.length < level + 1) {
+            indents.push(options.indent.repeat(level));
         }
         if (indents.length < level + 2) {
             indents.push(options.indent.repeat(level + 1));
@@ -3781,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 '';
         }
     }
     /**
@@ -3860,7 +4679,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;
                     }
@@ -3876,143 +4695,41 @@
             case exports.EnumToken.Div:
                 return '/';
             case exports.EnumToken.ColorTokenType:
-                if (token.kin == ColorKind.LIGHT_DARK || ('chi' in token && !options.convertColor)) {
+                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) {
-                    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);
-                    }
-                    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) {
+                    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 ([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)) {
-                    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:
@@ -4099,7 +4816,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);
@@ -4111,7 +4828,7 @@
                         }
                         switch (u) {
                             case 'turn':
-                                v = reduceNumber(angle);
+                                v = minifyNumber(angle);
                                 if (v.length + 4 < value.length) {
                                     val = v;
                                     unit = u;
@@ -4119,7 +4836,7 @@
                                 }
                                 break;
                             case 'deg':
-                                v = reduceNumber(angle * 360);
+                                v = minifyNumber(angle * 360);
                                 if (v.length + 3 < value.length) {
                                     val = v;
                                     unit = u;
@@ -4127,7 +4844,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;
@@ -4135,7 +4852,7 @@
                                 }
                                 break;
                             case 'grad':
-                                v = reduceNumber(angle * 400);
+                                v = minifyNumber(angle * 400);
                                 if (v.length + 4 < value.length) {
                                     val = v;
                                     unit = u;
@@ -4161,7 +4878,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';
                         }
@@ -4176,10 +4893,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 '';
@@ -4753,15 +5470,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);
+        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');
     }
     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;
@@ -4850,79 +5576,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;
                         }
                     }
                 }
@@ -4935,7 +5662,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
@@ -5202,6 +5929,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",
@@ -6847,11 +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 ||
@@ -6874,7 +7656,6 @@
                 buffer += value;
                 yield pushToken(buffer, parseInfo, hasNewLine ? exports.EnumToken.BadStringTokenType : exports.EnumToken.StringTokenType);
                 next(parseInfo);
-                // i += value.length;
                 buffer = '';
                 return;
             }
@@ -6916,15 +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;
@@ -10748,7 +11523,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>?"
@@ -12009,9 +12784,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;
@@ -12323,6 +13099,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]()));
@@ -12720,9 +13500,10 @@
                         key = matches[1] + matches[3];
                     }
                 }
-                if (!(key in obj)) {
-                    return null;
-                }
+                // if (!(key in obj)) {
+                //
+                //     return null;
+                // }
             }
             // @ts-ignore
             obj = obj[key];
@@ -12823,13 +13604,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;
@@ -12840,9 +13621,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([]);
             }
@@ -12857,18 +13639,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,
@@ -12881,21 +13664,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
@@ -12911,16 +13698,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
@@ -13032,17 +13811,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
@@ -13075,20 +13844,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,
@@ -13205,32 +13965,34 @@
 
     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
-            };
-        }
+        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
-                };
-            }
+            // 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 +14013,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,39 +14032,24 @@
             }
         }
         // @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) {
         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: [],
@@ -13322,34 +14070,17 @@
         };
     }
 
-    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.slice();
-        if (result.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
-            result.pop();
-        }
+        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) {
@@ -13369,15 +14100,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 +14130,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 +14143,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 +14183,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 +14203,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}`);
@@ -13505,7 +14239,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()) {
@@ -13515,6 +14262,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();
@@ -13525,7 +14276,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);
@@ -13579,9 +14336,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
         };
     }
@@ -13604,7 +14361,7 @@
         };
     }
     function matchList(syntax, context, options) {
-        let success = false;
+        let success;
         let result;
         let count = 0;
         let con = context.clone();
@@ -13613,15 +14370,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 list: ${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,7 +14400,7 @@
             }
         }
         success = count > 0;
-        if (count && syntax.occurence != null) {
+        if (success && syntax.occurence != null) {
             success = count >= syntax.occurence.min;
             if (success && syntax.occurence.max != null) {
                 success = count <= syntax.occurence.max;
@@ -13650,7 +14408,7 @@
         }
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax,
             error: '',
             context
@@ -13675,7 +14433,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,26 +14457,29 @@
                 }
                 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
                 };
             }
         }
-        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 +14515,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(),
@@ -13764,6 +14525,7 @@
                     };
                 }
                 result = match(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val + '()')?.[0], context, options);
+                // console.error(`>>[]
                 if (result.valid == SyntaxValidationResult.Valid) {
                     context.next();
                     result.context = context;
@@ -13778,37 +14540,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();
@@ -13823,21 +14597,22 @@
                 if (!wildCardFuncs.includes(syntax.val) && syntax.val != token.val) {
                     break;
                 }
-                if (token.typ != exports.EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
-                    success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
-                        ...options,
-                        isRepeatable: null,
-                        isList: null,
-                        occurence: null,
-                        atLeastOnce: null
-                    }).valid == SyntaxValidationResult.Valid;
+                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 (syntax.typ == ValidationTokenEnum.Function) {
-                    success = funcLike.includes(token.typ) && doEvaluateSyntax(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val + '()')?.[0]?.chi, createContext(token.chi), {
+                if (token.typ != exports.EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
+                    success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
                         ...options,
                         isRepeatable: null,
                         isList: null,
@@ -13866,7 +14641,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 */]) {
@@ -14010,10 +14787,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':
@@ -14029,10 +14806,10 @@
                 }
                 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 && 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];
                 }
@@ -14076,7 +14853,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');
@@ -14140,10 +14917,12 @@
         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);
+            // console.error(`>> someOf: ${JSON.stringify({result}, null, 1)}`);
             if (result.valid == SyntaxValidationResult.Valid) {
                 success = true;
                 if (result.context.done()) {
@@ -14156,11 +14935,13 @@
             // 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.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 +14963,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
         };
     }
@@ -14211,9 +14992,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 == '/')) {
@@ -14230,18 +15012,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) {
@@ -14256,9 +15037,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;
                 }
@@ -14271,12 +15051,13 @@
                 i = -1;
             }
         }
+        // console.error()
         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
         };
     }
@@ -14298,42 +15079,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
@@ -14360,13 +15143,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) {
@@ -15241,7 +16026,7 @@
                 tokens: []
             };
         }
-        const result = validateFamilyName(atRule.tokens, atRule);
+        const result = validateFamilyName(atRule.tokens);
         if (result.valid == SyntaxValidationResult.Drop) {
             return result;
         }
@@ -15410,22 +16195,10 @@
             syntax: '@document',
             error: ''
         };
-    }
-
-    function validateAtRuleKeyframes(atRule, options, root) {
-        if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
-            // @ts-ignore
-            return {
-                valid: SyntaxValidationResult.Drop,
-                context: [],
-                node: atRule,
-                syntax: '@keyframes',
-                error: 'expecting at-rule prelude'
-            };
-        }
-        const tokens = atRule.tokens.slice();
-        consumeWhitespace(tokens);
-        if (tokens.length == 0) {
+    }
+
+    function validateAtRuleKeyframes(atRule, options, root) {
+        if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
             // @ts-ignore
             return {
                 valid: SyntaxValidationResult.Drop,
@@ -15435,7 +16208,20 @@
                 error: 'expecting at-rule prelude'
             };
         }
-        if (![exports.EnumToken.StringTokenType, exports.EnumToken.IdenTokenType].includes(tokens[0].typ)) {
+        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'
+        //     } as ValidationSyntaxResult;
+        // }
+        if (tokens.length == 0 || ![exports.EnumToken.StringTokenType, exports.EnumToken.IdenTokenType].includes(tokens[0].typ)) {
             // @ts-ignore
             return {
                 valid: SyntaxValidationResult.Drop,
@@ -16041,7 +16827,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,
@@ -16359,7 +17145,6 @@
                     }
                 }
                 catch (error) {
-                    // console.error(error);
                     // @ts-ignore
                     errors.push({ action: 'ignore', message: 'doParse: ' + error.message, error });
                 }
@@ -16610,7 +17395,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 });
@@ -16632,7 +17417,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);
@@ -16669,6 +17453,7 @@
             else {
                 node.val = node.tokens.reduce((acc, curr) => acc + renderToken(curr, {
                     minify: false,
+                    convertColor: false,
                     removeComments: true
                 }), '');
             }
@@ -16800,7 +17585,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;
                     }
@@ -16909,12 +17694,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 +17859,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 ([
@@ -17090,7 +17871,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;
@@ -17117,7 +17898,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 ||
@@ -17130,43 +17911,6 @@
                     // @ts-ignore
                     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 == exports.EnumToken.LiteralTokenType) {
                     if (value.val.charAt(0) == '&') {
                         // @ts-ignore
@@ -17184,12 +17928,7 @@
                             value.typ = exports.EnumToken.ClassSelectorTokenType;
                         }
                     }
-                    // @ts-ignore
-                    if (value.typ == exports.EnumToken.DelimTokenType) {
-                        // @ts-ignore
-                        value.typ = exports.EnumToken.NextSiblingCombinatorTokenType;
-                    }
-                    else if (['*', '>', '+', '~'].includes(value.val)) {
+                    if (['*', '>', '+', '~'].includes(value.val)) {
                         switch (value.val) {
                             case '*':
                                 // @ts-ignore
@@ -17209,13 +17948,12 @@
                                 break;
                         }
                         // @ts-ignore
-                        // @ts-ignore
                         delete value.val;
                     }
                 }
                 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;
                             }
@@ -17255,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
@@ -17348,14 +18082,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,
@@ -17394,7 +18128,7 @@
             return {
                 typ: exports.EnumToken.ColorTokenType,
                 val: v,
-                kin: ColorKind.LIT
+                kin: exports.ColorType.LIT
             };
         }
         if (isIdent(val)) {
@@ -17402,14 +18136,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 {
@@ -17421,7 +18155,7 @@
             return {
                 typ: exports.EnumToken.ColorTokenType,
                 val,
-                kin: ColorKind.HEX
+                kin: exports.ColorType.HEX
             };
         }
         if (val.charAt(0) == '#' && isHash(val)) {
@@ -17498,7 +18232,6 @@
                 }
                 // @ts-ignore
                 if (attr.chi.length > 1) {
-                    /*(<AttrToken>t).chi =*/
                     // @ts-ignore
                     parseTokens(attr.chi, t.typ);
                 }
@@ -17711,524 +18444,234 @@
                     if (t.chi[0]?.typ == exports.EnumToken.UrlTokenTokenType) {
                         if (options.src !== '' && options.resolveUrls) {
                             // @ts-ignore
-                            t.chi[0].val = options.resolve(t.chi[0].val, options.src, options.cwd).relative;
-                        }
-                    }
-                }
-                // @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 &&
-                                (tokens[i + 1]?.typ == exports.EnumToken.CommaTokenType || tokens.length == i + 1)) ||
-                            (tokens[i - 1]?.typ == exports.EnumToken.CommaTokenType && (tokens[i + 1]?.typ == exports.EnumToken.CommaTokenType || tokens.length == i + 1))) {
-                            tokens.splice(i, 1, ...t.chi);
-                            i = Math.max(0, i - t.chi.length);
-                        }
-                    }
-                }
-                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;
-                }
-            }
-        }
-        return tokens;
-    }
-
-    function eq(a, b) {
-        if (a == null || b == null) {
-            return a == b;
-        }
-        if (typeof a != 'object' || typeof b != 'object') {
-            return a === b;
-        }
-        if (a.constructor != b.constructor) {
-            return false;
-        }
-        if (Array.isArray(a)) {
-            if (a.length != b.length) {
-                return false;
-            }
-            let i = 0;
-            for (; i < a.length; i++) {
-                if (!eq(a[i], b[i])) {
-                    return false;
-                }
-            }
-            return true;
-        }
-        const k1 = Object.keys(a);
-        const k2 = Object.keys(b);
-        if (k1.length != k2.length) {
-            return false;
-        }
-        let key;
-        for (key of k1) {
-            if (!(key in b) || !eq(a[key], b[key])) {
-                return false;
-            }
-        }
-        return true;
-    }
-
-    var WalkerOptionEnum;
-    (function (WalkerOptionEnum) {
-        WalkerOptionEnum[WalkerOptionEnum["Ignore"] = 0] = "Ignore";
-        WalkerOptionEnum[WalkerOptionEnum["Stop"] = 1] = "Stop";
-        WalkerOptionEnum[WalkerOptionEnum["Children"] = 2] = "Children";
-        WalkerOptionEnum[WalkerOptionEnum["IgnoreChildren"] = 3] = "IgnoreChildren";
-    })(WalkerOptionEnum || (WalkerOptionEnum = {}));
-    var WalkerValueEvent;
-    (function (WalkerValueEvent) {
-        WalkerValueEvent[WalkerValueEvent["Enter"] = 0] = "Enter";
-        WalkerValueEvent[WalkerValueEvent["Leave"] = 1] = "Leave";
-    })(WalkerValueEvent || (WalkerValueEvent = {}));
-    /**
-     * walk ast nodes
-     * @param node
-     * @param filter
-     */
-    function* walk(node, filter) {
-        const parents = [node];
-        const root = node;
-        const map = new Map;
-        while ((node = parents.shift())) {
-            let option = null;
-            if (filter != null) {
-                option = filter(node);
-                if (option === WalkerOptionEnum.Ignore) {
-                    continue;
-                }
-                if (option === WalkerOptionEnum.Stop) {
-                    break;
-                }
-            }
-            // @ts-ignore
-            if (option !== 'children') {
-                // @ts-ignore
-                yield { node, parent: map.get(node), root };
-            }
-            if (option !== WalkerOptionEnum.IgnoreChildren && 'chi' in node) {
-                parents.unshift(...node.chi);
-                for (const child of node.chi.slice()) {
-                    map.set(child, node);
-                }
-            }
-        }
-    }
-    /**
-     * walk ast node value tokens
-     * @param values
-     * @param root
-     * @param filter
-     * @param reverse
-     */
-    function* walkValues(values, root = null, filter, reverse) {
-        // const set = new Set<Token>();
-        const stack = values.slice();
-        const map = new Map;
-        let previous = null;
-        // let parent: FunctionToken | ParensToken | BinaryExpressionToken | null = null;
-        if (filter != null && typeof filter == 'function') {
-            filter = {
-                event: WalkerValueEvent.Enter,
-                fn: filter
-            };
-        }
-        else if (filter == null) {
-            filter = {
-                event: WalkerValueEvent.Enter
-            };
-        }
-        const eventType = filter.event ?? WalkerValueEvent.Enter;
-        while (stack.length > 0) {
-            let value = reverse ? stack.pop() : stack.shift();
-            let option = null;
-            if (filter.fn != null && eventType == WalkerValueEvent.Enter) {
-                const isValid = filter.type == null || value.typ == filter.type ||
-                    (Array.isArray(filter.type) && filter.type.includes(value.typ)) ||
-                    (typeof filter.type == 'function' && filter.type(value));
-                if (isValid) {
-                    option = filter.fn(value, map.get(value) ?? root);
-                    if (option === WalkerOptionEnum.Ignore) {
-                        continue;
-                    }
-                    if (option === WalkerOptionEnum.Stop) {
-                        break;
-                    }
-                    // @ts-ignore
-                    if (option != null && typeof option == 'object' && 'typ' in option) {
-                        map.set(option, map.get(value) ?? root);
-                    }
-                }
-            }
-            if (eventType == WalkerValueEvent.Enter && option !== WalkerOptionEnum.Children) {
-                yield {
-                    value,
-                    parent: map.get(value) ?? root,
-                    previousValue: previous,
-                    nextValue: stack[0] ?? null,
-                    // @ts-ignore
-                    root: root ?? null
-                };
-            }
-            if (option !== WalkerOptionEnum.IgnoreChildren && 'chi' in value) {
-                const sliced = value.chi.slice();
-                for (const child of sliced) {
-                    map.set(child, value);
-                }
-                if (reverse) {
-                    stack.push(...sliced);
-                }
-                else {
-                    stack.unshift(...sliced);
-                }
-            }
-            else {
-                const values = [];
-                if ('l' in value && value.l != null) {
-                    // @ts-ignore
-                    values.push(value.l);
-                    // @ts-ignore
-                    map.set(value.l, value);
-                }
-                if ('op' in value && typeof value.op == 'object') {
-                    values.push(value.op);
-                    // @ts-ignore
-                    map.set(value.op, value);
-                }
-                if ('r' in value && value.r != null) {
-                    if (Array.isArray(value.r)) {
-                        for (const r of value.r) {
-                            // @ts-ignore
-                            values.push(r);
-                            // @ts-ignore
-                            map.set(r, value);
-                        }
-                    }
-                    else {
-                        // @ts-ignore
-                        values.push(value.r);
-                        // @ts-ignore
-                        map.set(value.r, value);
-                    }
-                }
-                if (values.length > 0) {
-                    stack.unshift(...values);
-                }
-            }
-            if (eventType == WalkerValueEvent.Leave && filter.fn != null) {
-                const isValid = filter.type == null || value.typ == filter.type ||
-                    (Array.isArray(filter.type) && filter.type.includes(value.typ)) ||
-                    (typeof filter.type == 'function' && filter.type(value));
-                if (isValid) {
-                    option = filter.fn(value, map.get(value));
-                    // @ts-ignore
-                    if (option != null && 'typ' in option) {
-                        map.set(option, map.get(value) ?? root);
+                            t.chi[0].val = options.resolve(t.chi[0].val, options.src, options.cwd).relative;
+                        }
+                    }
+                }
+                // @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 &&
+                                (tokens[i + 1]?.typ == exports.EnumToken.CommaTokenType || tokens.length == i + 1)) ||
+                            (tokens[i - 1]?.typ == exports.EnumToken.CommaTokenType && (tokens[i + 1]?.typ == exports.EnumToken.CommaTokenType || tokens.length == i + 1))) {
+                            tokens.splice(i, 1, ...t.chi);
+                            i = Math.max(0, i - t.chi.length);
+                        }
                     }
                 }
             }
-            if (eventType == WalkerValueEvent.Leave && option !== WalkerOptionEnum.Children) {
-                yield {
-                    value,
-                    parent: map.get(value) ?? root,
-                    previousValue: previous,
-                    nextValue: stack[0] ?? null,
-                    // @ts-ignore
-                    root: root ?? null
-                };
-            }
-            previous = value;
         }
+        return tokens;
     }
 
-    /**
-     * expand nested css ast
-     * @param ast
-     */
-    function expand(ast) {
-        //
-        if (![exports.EnumToken.RuleNodeType, exports.EnumToken.StyleSheetNodeType, exports.EnumToken.AtRuleNodeType].includes(ast.typ)) {
-            return ast;
+    function eq(a, b) {
+        if (a == null || b == null) {
+            return a == b;
         }
-        if (exports.EnumToken.RuleNodeType == ast.typ) {
-            return {
-                typ: exports.EnumToken.StyleSheetNodeType,
-                chi: expandRule(ast)
-            };
+        if (typeof a != 'object' || typeof b != 'object') {
+            return a === b;
         }
-        if (!('chi' in ast)) {
-            return ast;
+        if (a.constructor != b.constructor) {
+            return false;
         }
-        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;
+        if (Array.isArray(a)) {
+            if (a.length != b.length) {
+                return false;
             }
-            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;
-                    }
+            let i = 0;
+            for (; i < a.length; i++) {
+                if (!eq(a[i], b[i])) {
+                    return false;
                 }
-                // @ts-ignore
-                result.chi.push({ ...(hasRule ? expand(node) : node) });
             }
-            else {
-                // @ts-ignore
-                result.chi.push(node);
+            return true;
+        }
+        const k1 = Object.keys(a);
+        const k2 = Object.keys(b);
+        if (k1.length != k2.length) {
+            return false;
+        }
+        let key;
+        for (key of k1) {
+            if (!(key in b) || !eq(a[key], b[key])) {
+                return false;
             }
         }
-        return result;
+        return true;
     }
-    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));
+
+    var WalkerOptionEnum;
+    (function (WalkerOptionEnum) {
+        WalkerOptionEnum[WalkerOptionEnum["Ignore"] = 0] = "Ignore";
+        WalkerOptionEnum[WalkerOptionEnum["Stop"] = 1] = "Stop";
+        WalkerOptionEnum[WalkerOptionEnum["Children"] = 2] = "Children";
+        WalkerOptionEnum[WalkerOptionEnum["IgnoreChildren"] = 3] = "IgnoreChildren";
+    })(WalkerOptionEnum || (WalkerOptionEnum = {}));
+    var WalkerValueEvent;
+    (function (WalkerValueEvent) {
+        WalkerValueEvent[WalkerValueEvent["Enter"] = 0] = "Enter";
+        WalkerValueEvent[WalkerValueEvent["Leave"] = 1] = "Leave";
+    })(WalkerValueEvent || (WalkerValueEvent = {}));
+    /**
+     * walk ast nodes
+     * @param node
+     * @param filter
+     */
+    function* walk(node, filter) {
+        const parents = [node];
+        const root = node;
+        const map = new Map;
+        while ((node = parents.shift())) {
+            let option = null;
+            if (filter != null) {
+                option = filter(node);
+                if (option === WalkerOptionEnum.Ignore) {
+                    continue;
                 }
-                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);
+                if (option === WalkerOptionEnum.Stop) {
+                    break;
+                }
+            }
+            // @ts-ignore
+            if (option !== 'children') {
+                // @ts-ignore
+                yield { node, parent: map.get(node), root };
+            }
+            if (option !== WalkerOptionEnum.IgnoreChildren && 'chi' in node) {
+                parents.unshift(...node.chi);
+                for (const child of node.chi.slice()) {
+                    map.set(child, node);
                 }
             }
         }
-        // @ts-ignore
-        return ast.chi.length > 0 ? [ast].concat(result) : result;
     }
     /**
-     * replace compound selector
-     * @param input
-     * @param replace
+     * walk ast node value tokens
+     * @param values
+     * @param root
+     * @param filter
+     * @param reverse
      */
-    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);
-                        }
+    function* walkValues(values, root = null, filter, reverse) {
+        // const set = new Set<Token>();
+        const stack = values.slice();
+        const map = new Map;
+        let previous = null;
+        // let parent: FunctionToken | ParensToken | BinaryExpressionToken | null = null;
+        if (filter != null && typeof filter == 'function') {
+            filter = {
+                event: WalkerValueEvent.Enter,
+                fn: filter
+            };
+        }
+        else if (filter == null) {
+            filter = {
+                event: WalkerValueEvent.Enter
+            };
+        }
+        const eventType = filter.event ?? WalkerValueEvent.Enter;
+        while (stack.length > 0) {
+            let value = reverse ? stack.pop() : stack.shift();
+            let option = null;
+            if (filter.fn != null && eventType == WalkerValueEvent.Enter) {
+                const isValid = filter.type == null || value.typ == filter.type ||
+                    (Array.isArray(filter.type) && filter.type.includes(value.typ)) ||
+                    (typeof filter.type == 'function' && filter.type(value));
+                if (isValid) {
+                    option = filter.fn(value, map.get(value) ?? root);
+                    if (option === WalkerOptionEnum.Ignore) {
                         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);
+                    if (option === WalkerOptionEnum.Stop) {
+                        break;
+                    }
+                    // @ts-ignore
+                    if (option != null && typeof option == 'object' && 'typ' in option) {
+                        map.set(option, map.get(value) ?? root);
+                    }
                 }
             }
-        }
-        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('');
+            if (eventType == WalkerValueEvent.Enter && option !== WalkerOptionEnum.Children) {
+                yield {
+                    value,
+                    parent: map.get(value) ?? root,
+                    previousValue: previous,
+                    nextValue: stack[0] ?? null,
+                    // @ts-ignore
+                    root: root ?? null
+                };
+            }
+            if (option !== WalkerOptionEnum.IgnoreChildren && 'chi' in value) {
+                const sliced = value.chi.slice();
+                for (const child of sliced) {
+                    map.set(child, value);
+                }
+                if (reverse) {
+                    stack.push(...sliced);
+                }
+                else {
+                    stack.unshift(...sliced);
+                }
             }
             else {
-                tokens[tokens.length - 1] += selector.charAt(i);
+                const values = [];
+                if ('l' in value && value.l != null) {
+                    // @ts-ignore
+                    values.push(value.l);
+                    // @ts-ignore
+                    map.set(value.l, value);
+                }
+                if ('op' in value && typeof value.op == 'object') {
+                    values.push(value.op);
+                    // @ts-ignore
+                    map.set(value.op, value);
+                }
+                if ('r' in value && value.r != null) {
+                    if (Array.isArray(value.r)) {
+                        for (const r of value.r) {
+                            // @ts-ignore
+                            values.push(r);
+                            // @ts-ignore
+                            map.set(r, value);
+                        }
+                    }
+                    else {
+                        // @ts-ignore
+                        values.push(value.r);
+                        // @ts-ignore
+                        map.set(value.r, value);
+                    }
+                }
+                if (values.length > 0) {
+                    stack.unshift(...values);
+                }
             }
-        }
-        return tokens.sort((a, b) => {
-            if (a == '&') {
-                return 1;
+            if (eventType == WalkerValueEvent.Leave && filter.fn != null) {
+                const isValid = filter.type == null || value.typ == filter.type ||
+                    (Array.isArray(filter.type) && filter.type.includes(value.typ)) ||
+                    (typeof filter.type == 'function' && filter.type(value));
+                if (isValid) {
+                    option = filter.fn(value, map.get(value));
+                    // @ts-ignore
+                    if (option != null && 'typ' in option) {
+                        map.set(option, map.get(value) ?? root);
+                    }
+                }
             }
-            return b == '&' ? -1 : 0;
-        }).reduce((acc, curr) => {
-            if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
-                return acc + ':is(' + replace + ')';
+            if (eventType == WalkerValueEvent.Leave && option !== WalkerOptionEnum.Children) {
+                yield {
+                    value,
+                    parent: map.get(value) ?? root,
+                    previousValue: previous,
+                    nextValue: stack[0] ?? null,
+                    // @ts-ignore
+                    root: root ?? null
+                };
             }
-            return acc + (curr == '&' ? replace : curr);
-        }, '');
+            previous = value;
+        }
     }
 
     const config$1 = getSyntaxConfig();
@@ -18291,12 +18734,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);
                 }
@@ -18332,10 +18778,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) {
@@ -18351,13 +18796,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), '');
                     }
@@ -18465,18 +18911,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);
@@ -18485,9 +18938,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;
@@ -18499,7 +18953,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;
                             }
@@ -19507,7 +19961,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), '');
@@ -19515,10 +19969,11 @@
                                 // @ts-ignore
                                 node[key] = slice;
                             }
-                            else {
-                                // @ts-ignore
-                                node[key] = values;
-                            }
+                            // else {
+                            //
+                            //     // @ts-ignore
+                            //     node[key] = values;
+                            // }
                             return WalkerOptionEnum.Ignore;
                         }
                         return null;
@@ -19534,41 +19989,42 @@
                                 // @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];
-                                        }
-                                        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;
-                                            }
+                                    // 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 {
                                     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
-                                                });
-                                            }
+                                            // 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;
                                         }
                                     }
@@ -19595,10 +20051,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));
@@ -19611,6 +20073,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);
     }
@@ -19633,11 +20158,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));
@@ -19742,16 +20268,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) {
@@ -19764,48 +20280,18 @@
         return v;
     }
     // https://drafts.csswg.org/css-transforms-1/#2d-matrix
-    function is2DMatrix(matrix) {
-        // m13,m14,  m23, m24, m31, m32, m34, m43 are all 0
-        return matrix[0][2] === 0 &&
-            matrix[0][3] === 0 &&
-            matrix[1][2] === 0 &&
-            matrix[1][3] === 0 &&
-            matrix[2][0] === 0 &&
-            matrix[2][1] === 0 &&
-            matrix[2][3] === 0 &&
-            matrix[3][2] === 0 &&
-            matrix[2][2] === 1 &&
-            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 is2DMatrix(matrix) {
+        // m13,m14,  m23, m24, m31, m32, m34, m43 are all 0
+        return matrix[0][2] === 0 &&
+            matrix[0][3] === 0 &&
+            matrix[1][2] === 0 &&
+            matrix[1][3] === 0 &&
+            matrix[2][0] === 0 &&
+            matrix[2][1] === 0 &&
+            matrix[2][3] === 0 &&
+            matrix[3][2] === 0 &&
+            matrix[2][2] === 1 &&
+            matrix[3][3] === 1;
     }
 
     function translateX(x, from) {
@@ -19980,7 +20466,7 @@
                     }
                     acc.push({
                         typ: exports.EnumToken.NumberTokenType,
-                        val: reduceNumber(t)
+                        val: minifyNumber(t)
                     });
                     return acc;
                 }, [])
@@ -19995,7 +20481,7 @@
                 }
                 acc.push({
                     typ: exports.EnumToken.NumberTokenType,
-                    val: reduceNumber(curr)
+                    val: minifyNumber(curr)
                 });
                 return acc;
             }, [])
@@ -20035,20 +20521,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,
@@ -20090,15 +20577,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' }
                     ]
                 });
             }
@@ -20174,9 +20655,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');
             }
@@ -20250,15 +20732,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)) ? [
             {
@@ -20322,9 +20805,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 = [];
@@ -20360,9 +20844,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;
             }
@@ -20375,25 +20860,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;
                         }
@@ -20428,9 +20915,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;
@@ -20473,17 +20961,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;
@@ -20521,13 +21011,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))) {
@@ -20664,7 +21157,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) {
@@ -20816,22 +21324,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;
     }
@@ -20862,11 +21373,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;
                 }
@@ -20883,7 +21395,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);
@@ -20908,7 +21420,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
@@ -20936,7 +21448,7 @@
                     continue;
                 }
                 // @ts-ignore
-                if (node.typ == exports.EnumToken.RuleNodeType) {
+                else if (node.typ == exports.EnumToken.RuleNodeType) {
                     reduceRuleSelector(node);
                     let wrapper;
                     let match;
@@ -20947,7 +21459,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
@@ -20969,7 +21481,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;
@@ -21018,12 +21530,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])) {
@@ -21037,18 +21549,39 @@
                         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('&')) {
-                            // @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;
                         }
@@ -21082,12 +21615,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;
@@ -21145,17 +21678,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) {
                 //
@@ -21205,10 +21742,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(')) {
@@ -21257,10 +21798,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] == ' ') {
@@ -21315,14 +21856,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);
@@ -21333,7 +21877,7 @@
                     // @ts-ignore
                     result.at(-1).push(' ');
                 }
-                i = k;
+                // i = k;
                 continue;
             }
             if (chr == ',') {
@@ -21384,21 +21928,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 == '(' ? ')' : ']';
@@ -21431,6 +21976,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));
@@ -21462,47 +22080,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);
@@ -21513,83 +22136,17 @@
                 break;
             }
         }
-        if (match.every(t => t.length == 0)) {
-            return null;
-        }
-        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;
-        }
+        if (match.every(t => t.length == 0)) {
+            return null;
+        }
+        if (eq([['&']], match)) {
+            return null;
+        }
+        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,
@@ -21674,9 +22231,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) {
@@ -21747,9 +22305,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;
@@ -21791,7 +22350,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;
         }, []));
@@ -21829,6 +22388,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
@@ -21902,27 +22744,14 @@
                 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;
-        }
         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) {
@@ -22011,10 +22840,13 @@
         });
     }
 
+    exports.convertColor = convertColor;
     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 9345ff17..6471de83 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -159,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
 /**
@@ -194,6 +225,8 @@ function multiplyMatrices(A, B) {
     return product;
 }
 
+const colorPrecision = 6;
+const anglePrecision = .001;
 const colorRange = {
     lab: {
         l: [0, 100],
@@ -216,38 +249,9 @@ 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["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 = {}));
+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,
@@ -426,193 +430,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: exports.ColorType.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 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) {
@@ -625,7 +578,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) {
@@ -657,37 +610,217 @@ function getLCHComponents(token) {
     return alpha == null ? [l, c, h] : [l, c, h, alpha];
 }
 
-function hex2oklch(token) {
+/*
+*/
+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 labvalues2lchvalues(l, a, b, alpha);
+}
+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 xyzd502srgb(x, y, z, alpha = null) {
+    // @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, alpha);
+}
+
+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 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);
+}
+// 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;
+}
+// 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;
+}
+
+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 cmyk2oklchToken(token) {
+    const values = cmyk2oklchvalues(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: exports.ColorType.OKLCH
+    };
+}
+function hex2oklchvalues(token) {
     // @ts-ignore
-    return lab2lchvalues(...hex2oklab(token));
+    return labvalues2lchvalues(...hex2oklabvalues(token));
 }
-function rgb2oklch(token) {
+function rgb2oklchvalues(token) {
+    const values = rgb2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return labvalues2lchvalues(...values);
+}
+function hsl2oklchvalues(token) {
     // @ts-ignore
-    return lab2lchvalues(...rgb2oklab(token));
+    return labvalues2lchvalues(...hsl2oklabvalues(token));
 }
-function hsl2oklch(token) {
+function hwb2oklchvalues(token) {
     // @ts-ignore
-    return lab2lchvalues(...hsl2oklab(token));
+    return labvalues2lchvalues(...hwb2oklabvalues(token));
 }
-function hwb2oklch(token) {
+function cmyk2oklchvalues(token) {
+    const values = cmyk2srgbvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...hwb2oklab(token));
+    return values == null ? null : srgb2oklch(...values);
 }
-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);
@@ -718,33 +851,143 @@ function getOKLCHComponents(token) {
     return [l, c, h, alpha];
 }
 
-function hex2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...hex2srgb(token));
-}
-function rgb2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...rgb2srgb(token));
+function hex2oklabToken(token) {
+    const values = hex2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
 }
-function hsl2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...hsl2srgb(token));
+function rgb2oklabToken(token) {
+    const values = rgb2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
 }
-function hwb2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...hwb2srgb(token));
+function hsl2oklabToken(token) {
+    const values = hsl2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
 }
-function lab2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...lab2srgb(token));
+function hwb2oklabToken(token) {
+    const values = hwb2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
 }
-function lch2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...lch2srgb(token));
+function cmyk2oklabToken(token) {
+    const values = cmyk2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
 }
-function oklch2oklab(token) {
-    // @ts-ignore
-    return lch2labvalues(...getOKLCHComponents(token));
+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: exports.ColorType.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(...values);
+}
+function hwb2oklabvalues(token) {
+    // @ts-ignore
+    return srgb2oklab(...hwb2srgbvalues(token));
+}
+function cmyk2oklabvalues(token) {
+    const values = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2oklab(...values);
+}
+function lab2oklabvalues(token) {
+    const values = lab2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2oklab(...values);
+}
+function lch2oklabvalues(token) {
+    const values = lch2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2oklab(...values);
+}
+function oklch2oklabvalues(token) {
+    const values = getOKLCHComponents(token);
+    // @ts-ignore
+    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);
@@ -754,18 +997,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
@@ -779,9 +1017,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);
@@ -833,78 +1072,150 @@ 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) {
+    const values = hex2labvalues(token);
+    return values == null ? null : labToken(values);
 }
-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: exports.ColorType.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) {
+    const values = hex2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2labvalues(...values);
+}
+function rgb2labvalues(token) {
+    const values = rgb2srgb(token);
+    // @ts-ignore
+    return values == null ? null : srgb2labvalues(...values);
+}
+function cmyk2labvalues(token) {
+    const values = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2labvalues(...values);
 }
-function rgb2lab(token) {
+function hsl2labvalues(token) {
+    const values = hsl2srgb(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2lab(...rgb2srgb(token));
+    return srgb2labvalues(...values);
 }
-function hsl2lab(token) {
+function hwb2labvalues(token) {
+    const values = hwb2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2lab(...hsl2srgb(token));
+    return srgb2labvalues(...values);
 }
-function hwb2lab(token) {
+function lch2labvalues(token) {
+    const values = getLCHComponents(token);
     // @ts-ignore
-    return srgb2lab(...hwb2srgb(token));
+    return values == null ? null : lchvalues2labvalues(...values);
 }
-function lch2lab(token) {
+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
@@ -936,7 +1247,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) {
@@ -951,7 +1262,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
@@ -979,8 +1290,11 @@ 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
-    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) {
@@ -1008,26 +1322,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:
-            return hex2srgb(token);
-        case ColorKind.RGB:
-        case ColorKind.RGBA:
+        case exports.ColorType.LIT:
+        case exports.ColorType.HEX:
+            return hex2srgbvalues(token);
+        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:
-            return hwb2srgb(token);
-        case ColorKind.LAB:
-            return lab2srgb(token);
-        case ColorKind.LCH:
-            return lch2srgb(token);
-        case ColorKind.OKLAB:
-            return oklab2srgb(token);
-        case ColorKind.OKLCH:
-            return oklch2srgb(token);
-        case ColorKind.COLOR:
+        case exports.ColorType.HWB:
+            return hwb2srgbvalues(token);
+        case exports.ColorType.LAB:
+            return lab2srgbvalues(token);
+        case exports.ColorType.LCH:
+            return lch2srgbvalues(token);
+        case exports.ColorType.OKLAB:
+            return oklab2srgbvalues(token);
+        case exports.ColorType.OKLCH:
+            return oklch2srgbvalues(token);
+        case exports.ColorType.COLOR:
             return color2srgbvalues(token);
     }
     return null;
@@ -1035,24 +1349,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) {
-    const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+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 == 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);
     }
+    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;
@@ -1067,9 +1388,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;
@@ -1095,16 +1416,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;
@@ -1115,13 +1441,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);
     }
@@ -1152,7 +1478,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;
@@ -1205,7 +1531,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;
@@ -1216,9 +1542,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;
     }
@@ -1249,7 +1575,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
@@ -1269,97 +1595,464 @@ 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;
+    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] == 'f' ? '' : value[7]}`;
+        }
+    }
+    return named_color != null && named_color.length <= value.length ? named_color : value;
 }
-function hwb2rgb(token) {
-    return hwb2srgb(token)?.map?.(srgb2rgb) ?? null;
+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 hsl2rgb(token) {
-    let { h, s, l, a } = hslvalues(token) ?? {};
-    if (h == null || s == null || l == null) {
+function rgb2HexToken(token) {
+    let value = rgb2hexvalues(token);
+    if (value == null) {
         return null;
     }
-    return hsl2srgbvalues(h, s, l, a).map((t) => minmax(Math.round(t * 255), 0, 255));
-}
-function cmyk2rgb(token) {
-    return cmyk2srgb(token)?.map?.(srgb2rgb) ?? null;
+    return hexToken(value);
 }
-function oklab2rgb(token) {
-    return oklab2srgb(token)?.map?.(srgb2rgb) ?? null;
+function hsl2HexToken(token) {
+    let value = hsl2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
 }
-function oklch2rgb(token) {
-    return oklch2srgb(token)?.map?.(srgb2rgb) ?? null;
+function cmyk2HexToken(token) {
+    let value = cmyk2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
 }
-function lab2rgb(token) {
-    return lab2srgb(token)?.map?.(srgb2rgb) ?? null;
+function hwb2HexToken(token) {
+    let value = hwb2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
 }
-function lch2rgb(token) {
-    return lch2srgb(token)?.map?.(srgb2rgb) ?? null;
+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 hwb2hsv(h, w, b, a) {
-    // @ts-ignore
-    return [h, 1 - w / (1 - b), 1 - b, a];
+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'), '#'));
 }
-// https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
-function hsl2hsv(h, s, l, a = null) {
-    s *= l < .5 ? l : 1 - l;
-    const result = [
-        //Range should be between 0 - 1
-        h, //Hue stays the same
-        2 * s / (l + s), //Saturation
-        l + s //Value
-    ];
-    if (a != null) {
-        result.push(a);
+function oklch2HexToken(token) {
+    let value = oklch2srgbvalues(token);
+    if (value == null) {
+        return null;
     }
-    return result;
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
 }
-
-function hex2hsl(token) {
-    // @ts-ignore
-    return rgb2hslvalues(...hex2rgb(token));
+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 rgb2hsl(token) {
-    const chi = getComponents(token);
-    if (chi == null) {
+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] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT
+    };
+}
+function rgb2hexvalues(token) {
+    let value = '#';
+    let t;
     // @ts-ignore
-    let t = chi[0];
-    // @ts-ignore
-    let r = getNumber(t);
-    // @ts-ignore
-    t = chi[1];
+    const components = getComponents(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
     // @ts-ignore
-    let g = getNumber(t);
+    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 == 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() };
+        });
+    }
+    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 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 = .01) {
+    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);
+}
+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: exports.ColorType.RGB
+    };
+}
+function hex2rgbvalues(token) {
+    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));
+    }
+    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 oklab2rgbvalues(token) {
+    return oklab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+function oklch2rgbvalues(token) {
+    return oklch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+function lab2rgbvalues(token) {
+    return lab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+function lch2rgbvalues(token) {
+    return lch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+
+function hwb2hsv(h, w, b, a) {
+    // @ts-ignore
+    return [h, 1 - w / (1 - b), 1 - b, a];
+}
+// https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
+function hsl2hsv(h, s, l, a = null) {
+    s *= l < .5 ? l : 1 - l;
+    const result = [
+        //Range should be between 0 - 1
+        h, //Hue stays the same
+        2 * s / (l + s), //Saturation
+        l + s //Value
+    ];
+    if (a != null) {
+        result.push(a);
+    }
+    return result;
+}
+
+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 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: exports.ColorType.HSL
+    };
+}
+function rgb2hslvalues(token) {
+    const chi = getComponents(token);
+    if (chi == null || chi.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    let t = chi[0];
+    // @ts-ignore
+    let r = getNumber(t);
+    // @ts-ignore
+    t = chi[1];
+    // @ts-ignore
+    let g = getNumber(t);
     // @ts-ignore
     t = chi[2];
     // @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) {
@@ -1379,32 +2072,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;
@@ -1435,18 +2133,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: exports.ColorType.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 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 == exports.EnumToken.IdenTokenType && t.val == 'none')) {
             return 1;
         }
@@ -1456,21 +2231,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);
@@ -1498,6 +2274,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;
@@ -1519,7 +2299,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));
 }
@@ -1576,94 +2356,40 @@ 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 rec20202srgb(r, g, b, a) {
+    // @ts-ignore
+    return xyz2srgb(...lrec20202xyz(...rec20202lrec2020(r, g, b)), a);
 }
-function srgb2a98values(r, g, b, a = null) {
+function srgb2rec2020values(r, g, b, a) {
     // @ts-ignore
-    return la98rgb2a98rgb(xyz2la98rgb(...srgb2xyz(r, g, b, a)));
+    return lrec20202rec2020(...xyz2lrec2020(...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
+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.
-    // negative values are also now accepted
+    // ITU-R BT.2020-2 p.4
+    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);
-        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);
-}
-function srgb2rec2020values(r, g, b, a) {
-    // @ts-ignore
-    return lrec20202rec2020(...xyz2lrec2020(...srgb2xyz(r, g, b)), a);
-}
-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;
-    return [r, g, b].map(function (val) {
-        let sign = val < 0 ? -1 : 1;
-        let abs = Math.abs(val);
-        if (abs < β * 4.5) {
-            return val / 4.5;
-        }
-        return sign * (Math.pow((abs + α - 1) / α, 1 / 0.45));
-    }).concat([] );
+        if (abs < beta * 4.5) {
+            return val / 4.5;
+        }
+        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]);
@@ -1672,7 +2398,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],
@@ -1682,7 +2408,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],
@@ -1696,7 +2422,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
@@ -1737,1035 +2463,407 @@ 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 (values.length > 0) {
-            return values2rgbtoken(values);
+    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 (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 {
+            if (+percentage2.val <= 0) {
+                return null;
+            }
+            if (+percentage2.val >= 100) {
                 // @ts-ignore
-                values.push(...srgb2lab(...color2srgbvalues(token)));
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
+                percentage2 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
+            }
+            // @ts-ignore
+            percentage1 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage2.val / 100) };
         }
     }
-    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 {
+        // @ts-ignore
+        if (percentage1.val <= 0) {
+            return null;
         }
-    }
-    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:
+        if (percentage2 == null) {
+            // @ts-ignore
+            if (percentage1.val >= 100) {
                 // @ts-ignore
-                values.push(...srgb2oklab(...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.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);
-        }
+    let values1 = srgbvalues(color1);
+    let values2 = srgbvalues(color2);
+    if (values1 == null || values2 == null) {
+        return null;
     }
-    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);
-        }
-    }
-    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);
+            values1 = srgb2rgb(...values1);
+            // @ts-ignore
+            values2 = srgb2rgb(...values2);
             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) });
+        case 'hsl':
+            // @ts-ignore
+            values1 = srgb2hslvalues(...values1);
+            // @ts-ignore
+            values2 = srgb2hslvalues(...values2);
+            break;
+        case 'hwb':
+            // @ts-ignore
+            values1 = srgb2hwb(...values1);
+            // @ts-ignore
+            values2 = srgb2hwb(...values2);
+            break;
+        case 'lab':
+            // @ts-ignore
+            values1 = srgb2labvalues(...values1);
+            // @ts-ignore
+            values2 = srgb2labvalues(...values2);
+            break;
+        case 'lch':
+            // @ts-ignore
+            values1 = srgb2lch(...values1);
+            // @ts-ignore
+            values2 = srgb2lch(...values2);
+            break;
+        case 'oklab':
+            // @ts-ignore
+            values1 = srgb2oklab(...values1);
+            // @ts-ignore
+            values2 = srgb2oklab(...values2);
+            break;
+        case 'oklch':
+            // @ts-ignore
+            values1 = srgb2oklch(...values1);
+            // @ts-ignore
+            values2 = srgb2oklch(...values2);
+            break;
+        default:
+            return null;
     }
-    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) });
+    const lchSpaces = ['lch', 'oklch'];
+    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) {
+            values1[2] = values2[2];
+        }
     }
-    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) });
+    // powerless
+    if (lchSpaces.includes(colorSpace2) || lchSpaces.includes(colorSpace.val)) {
+        if ((components2[2].typ == exports.EnumToken.IdenTokenType && components2[2].val == 'none') || values2[2] == 0) {
+            values2[2] = values1[2];
+        }
     }
-    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) });
+    if (hueInterpolationMethod != null) {
+        let hueIndex = 2;
+        let multiplier = 1;
+        if (['hwb', 'hsl'].includes(colorSpace.val)) {
+            hueIndex = 0;
+            multiplier = 360;
+        }
+        const [h1, h2] = interpolateHue(hueInterpolationMethod, values1[hueIndex] * multiplier, values2[hueIndex] * multiplier);
+        values1[hueIndex] = h1 / multiplier;
+        values2[hueIndex] = h2 / multiplier;
     }
-    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));
-                }
+    switch (colorSpace.val) {
+        case 'xyz':
+        case 'xyz-d65':
+        case 'xyz-d50':
+            let values = values1.map((v1, i) => (mul1 * v1 * p1 + mul2 * values2[i] * p2) / mul)
+                .concat(mul == 1 ? [] : [mul]);
+            if (colorSpace.val == 'xyz-d50') {
+                // @ts-ignore
+                values = xyzd502lch(...values);
             }
             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));
-                }
+                // @ts-ignore
+                values = xyz2lchvalues(...values);
             }
-        });
-    }
-    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 {
+                typ: exports.EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: values.map(v => {
+                    return {
+                        typ: exports.EnumToken.NumberTokenType,
+                        val: String(v)
+                    };
+                }),
+                kin: exports.ColorType.LCH
+            };
+        case 'srgb':
+        case 'srgb-linear':
+        case 'a98-rgb':
+        case 'rec2020':
+            // @ts-ignore
+            return {
+                typ: exports.EnumToken.ColorTokenType,
+                val: 'color',
+                chi: calculate(),
+                kin: exports.ColorType.COLOR,
+                cal: 'col'
+            };
+        case 'rgb':
+        case 'hsl':
+        case 'hwb':
+        case 'lab':
+        case 'lch':
+        case 'oklab':
+        case 'oklch':
+            if (['hsl', 'hwb'].includes(colorSpace.val)) {
                 // @ts-ignore
-                return token.val / 360;
-            case 'rad':
+                if (values1[2] < 0) {
+                    // @ts-ignore
+                    values1[2] += 1;
+                }
                 // @ts-ignore
-                return token.val / (2 * Math.PI);
-            case 'grad':
+                if (values2[2] < 0) {
+                    // @ts-ignore
+                    values2[2] += 1;
+                }
+            }
+            else if (['lch', 'oklch'].includes(colorSpace.val)) {
                 // @ts-ignore
-                return token.val / 400;
-            case 'turn':
+                if (values1[2] < 0) {
+                    // @ts-ignore
+                    values1[2] += 360;
+                }
                 // @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;
+                if (values2[2] < 0) {
+                    // @ts-ignore
+                    values2[2] += 360;
+                }
             }
-            else if (h2 - h1 < -180) {
-                h2 += 360;
+            // @ts-ignore
+            const result = {
+                typ: exports.EnumToken.ColorTokenType,
+                val: colorSpace.val,
+                chi: calculate().slice(1),
+                kin: exports.ColorType[colorSpace.val.toUpperCase().replaceAll('-', '_')]
+            };
+            if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
+                // @ts-ignore
+                result.chi[0] = { typ: exports.EnumToken.AngleTokenType, val: String(result.chi[0].val * 360), unit: 'deg' };
+                // @ts-ignore
+                result.chi[1] = { typ: exports.EnumToken.PercentageTokenType, val: String(result.chi[1].val * 100) };
+                // @ts-ignore
+                result.chi[2] = { typ: exports.EnumToken.PercentageTokenType, val: String(result.chi[2].val * 100) };
             }
-            break;
+            return result;
     }
-    return [h1, h2];
+    return null;
 }
-function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color2, percentage2) {
-    if (color1.val == 'currentcolor' || color2.val == 'currentcolor') {
-        return null;
+
+function gcd(x, y) {
+    x = Math.abs(x);
+    y = Math.abs(y);
+    if (x == y) {
+        return x;
     }
-    if (hueInterpolationMethod != null && isRectangularOrthogonalColorspace(colorSpace)) {
-        return null;
+    let t;
+    // if (x == 0) {
+    //
+    //     return y;
+    // }
+    //
+    // if (y == 0) {
+    //
+    //     return x;
+    // }
+    if (y > x) {
+        [x, y] = [y, x];
     }
-    if (isPolarColorspace(colorSpace) && hueInterpolationMethod == null) {
-        hueInterpolationMethod = { typ: exports.EnumToken.IdenTokenType, val: 'shorter' };
+    while (y) {
+        t = y;
+        y = x % y;
+        x = t;
     }
-    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) };
+    return x;
+}
+function compute$1(a, b, op) {
+    if (typeof a == 'number' && typeof b == 'number') {
+        switch (op) {
+            case exports.EnumToken.Add:
+                return a + b;
+            case exports.EnumToken.Sub:
+                return a - b;
+            case exports.EnumToken.Mul:
+                return a * b;
+            case exports.EnumToken.Div:
+                const r = simplify(a, b);
+                if (r[1] == 1) {
+                    return r[0];
+                }
+                const result = a / b;
+                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: minifyNumber(r[0]) },
+                    r: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(r[1]) }
+                };
         }
     }
-    else {
-        // @ts-ignore
-        if (percentage1.val <= 0) {
-            return null;
-        }
-        if (percentage2 == null) {
+    let l1 = typeof a == 'number' ? {
+        typ: exports.EnumToken.FractionTokenType,
+        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: minifyNumber(b) },
+        r: { typ: exports.EnumToken.NumberTokenType, val: '1' }
+    } : b;
+    let l2;
+    let r2;
+    switch (op) {
+        case exports.EnumToken.Add:
             // @ts-ignore
-            if (percentage1.val >= 100) {
-                // @ts-ignore
-                percentage1 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
-            }
+            l2 = l1.l.val * r1.r.val + l1.r.val * r1.l.val;
             // @ts-ignore
-            percentage2 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage1.val / 100) };
-        }
-        else {
+            r2 = l1.r.val * r1.r.val;
+            break;
+        case exports.EnumToken.Sub:
             // @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 {
+            l2 = l1.l.val * r1.r.val - l1.r.val * r1.l.val;
             // @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':
+            r2 = l1.r.val * r1.r.val;
             break;
-        case 'display-p3':
+        case exports.EnumToken.Mul:
             // @ts-ignore
-            values1 = srgb2p3values(...values1);
+            l2 = l1.l.val * r1.l.val;
             // @ts-ignore
-            values2 = srgb2p3values(...values2);
+            r2 = l1.r.val * r1.r.val;
             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);
-            break;
-        case 'hsl':
-            // @ts-ignore
-            values1 = srgb2hsl(...values1);
-            // @ts-ignore
-            values2 = srgb2hsl(...values2);
-            break;
-        case 'hwb':
-            // @ts-ignore
-            values1 = srgb2hwb(...values1);
-            // @ts-ignore
-            values2 = srgb2hwb(...values2);
-            break;
-        case 'lab':
-            // @ts-ignore
-            values1 = srgb2lab(...values1);
-            // @ts-ignore
-            values2 = srgb2lab(...values2);
-            break;
-        case 'lch':
-            // @ts-ignore
-            values1 = srgb2lch(...values1);
-            // @ts-ignore
-            values2 = srgb2lch(...values2);
-            break;
-        case 'oklab':
-            // @ts-ignore
-            values1 = srgb2oklab(...values1);
-            // @ts-ignore
-            values2 = srgb2oklab(...values2);
-            break;
-        case 'oklch':
-            // @ts-ignore
-            values1 = srgb2oklch(...values1);
-            // @ts-ignore
-            values2 = srgb2oklch(...values2);
-            break;
-        default:
-            return null;
-    }
-    const lchSpaces = ['lch', 'oklch'];
-    const colorSpace1 = ColorKind[color1.kin].toLowerCase().replaceAll('_', '-');
-    const colorSpace2 = ColorKind[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) {
-            values1[2] = values2[2];
-        }
-    }
-    // powerless
-    if (lchSpaces.includes(colorSpace2) || lchSpaces.includes(colorSpace.val)) {
-        if ((components2[2].typ == exports.EnumToken.IdenTokenType && components2[2].val == 'none') || values2[2] == 0) {
-            values2[2] = values1[2];
-        }
-    }
-    if (hueInterpolationMethod != null) {
-        let hueIndex = 2;
-        let multiplier = 1;
-        if (['hwb', 'hsl'].includes(colorSpace.val)) {
-            hueIndex = 0;
-            multiplier = 360;
-        }
-        const [h1, h2] = interpolateHue(hueInterpolationMethod, values1[hueIndex] * multiplier, values2[hueIndex] * multiplier);
-        values1[hueIndex] = h1 / multiplier;
-        values2[hueIndex] = h2 / multiplier;
-    }
-    switch (colorSpace.val) {
-        case 'xyz':
-        case 'xyz-d65':
-        case 'xyz-d50':
-            let values = values1.map((v1, i) => (mul1 * v1 * p1 + mul2 * values2[i] * p2) / mul)
-                .concat(mul == 1 ? [] : [mul]);
-            if (colorSpace.val == 'xyz-d50') {
-                // @ts-ignore
-                values = xyzd502lch(...values);
-            }
-            else {
-                // @ts-ignore
-                values = xyz2lchvalues(...values);
-            }
-            // @ts-ignore
-            return {
-                typ: exports.EnumToken.ColorTokenType,
-                val: 'lch',
-                chi: values.map(v => {
-                    return {
-                        typ: exports.EnumToken.NumberTokenType,
-                        val: String(v)
-                    };
-                }),
-                kin: ColorKind.LCH
-            };
-        case 'srgb':
-        case 'srgb-linear':
-        case 'a98-rgb':
-        case 'rec2020':
-            // @ts-ignore
-            return {
-                typ: exports.EnumToken.ColorTokenType,
-                val: 'color',
-                chi: calculate(),
-                kin: ColorKind.COLOR,
-                cal: 'col'
-            };
-        case 'rgb':
-        case 'hsl':
-        case 'hwb':
-        case 'lab':
-        case 'lch':
-        case 'oklab':
-        case 'oklch':
-            if (['hsl', 'hwb'].includes(colorSpace.val)) {
-                // @ts-ignore
-                if (values1[2] < 0) {
-                    // @ts-ignore
-                    values1[2] += 1;
-                }
-                // @ts-ignore
-                if (values2[2] < 0) {
-                    // @ts-ignore
-                    values2[2] += 1;
-                }
-            }
-            else if (['lch', 'oklch'].includes(colorSpace.val)) {
-                // @ts-ignore
-                if (values1[2] < 0) {
-                    // @ts-ignore
-                    values1[2] += 360;
-                }
-                // @ts-ignore
-                if (values2[2] < 0) {
-                    // @ts-ignore
-                    values2[2] += 360;
-                }
-            }
-            // @ts-ignore
-            const result = {
-                typ: exports.EnumToken.ColorTokenType,
-                val: colorSpace.val,
-                chi: calculate().slice(1),
-                kin: ColorKind[colorSpace.val.toLowerCase().replaceAll('-', '_')]
-            };
-            if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
-                // @ts-ignore
-                result.chi[0] = { typ: exports.EnumToken.AngleTokenType, val: String(result.chi[0].val * 360), unit: 'deg' };
-                // @ts-ignore
-                result.chi[1] = { typ: exports.EnumToken.PercentageTokenType, val: String(result.chi[1].val * 100) };
-                // @ts-ignore
-                result.chi[2] = { typ: exports.EnumToken.PercentageTokenType, val: String(result.chi[2].val * 100) };
-            }
-            return result;
-    }
-    return null;
-}
-
-function gcd(x, y) {
-    x = Math.abs(x);
-    y = Math.abs(y);
-    if (x == y) {
-        return x;
-    }
-    let t;
-    if (x == 0) {
-        return y;
-    }
-    if (y == 0) {
-        return x;
-    }
-    if (y > x) {
-        t = x;
-        x = y;
-        y = t;
-    }
-    while (y) {
-        t = y;
-        y = x % y;
-        x = t;
-    }
-    return x;
-}
-function compute$1(a, b, op) {
-    if (typeof a == 'number' && typeof b == 'number') {
-        switch (op) {
-            case exports.EnumToken.Add:
-                return a + b;
-            case exports.EnumToken.Sub:
-                return a - b;
-            case exports.EnumToken.Mul:
-                return a * b;
-            case exports.EnumToken.Div:
-                const r = simplify(a, b);
-                if (r[1] == 1) {
-                    return r[0];
-                }
-                const result = a / b;
-                const r2 = reduceNumber(r[0]) + '/' + reduceNumber(r[1]);
-                return reduceNumber(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]) }
-                };
-        }
-    }
-    let l1 = typeof a == 'number' ? {
-        typ: exports.EnumToken.FractionTokenType,
-        l: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(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) },
-        r: { typ: exports.EnumToken.NumberTokenType, val: '1' }
-    } : b;
-    let l2;
-    let r2;
-    switch (op) {
-        case exports.EnumToken.Add:
-            // @ts-ignore
-            l2 = l1.l.val * r1.r.val + l1.r.val * r1.l.val;
-            // @ts-ignore
-            r2 = l1.r.val * r1.r.val;
-            break;
-        case exports.EnumToken.Sub:
-            // @ts-ignore
-            l2 = l1.l.val * r1.r.val - l1.r.val * r1.l.val;
-            // @ts-ignore
-            r2 = l1.r.val * r1.r.val;
-            break;
-        case exports.EnumToken.Mul:
-            // @ts-ignore
-            l2 = l1.l.val * r1.l.val;
-            // @ts-ignore
-            r2 = l1.r.val * r1.r.val;
-            break;
-        case exports.EnumToken.Div:
+        case exports.EnumToken.Div:
             // @ts-ignore
             l2 = l1.l.val * r1.r.val;
             // @ts-ignore
@@ -2778,10 +2876,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) {
@@ -2824,12 +2922,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) {
@@ -2902,48 +3000,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) {
@@ -2967,7 +3076,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
@@ -2976,22 +3085,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;
 }
@@ -3009,9 +3122,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 [{
@@ -3024,19 +3138,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;
             }
@@ -3052,35 +3169,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],
@@ -3117,82 +3243,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];
 }
@@ -3202,10 +3330,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);
         }
@@ -3318,12 +3447,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 = convert(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,
@@ -3356,12 +3485,13 @@ 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('-', '_');
+        let colorSpace = exports.ColorType[converted.kin].toLowerCase().replaceAll('-', '_');
         if (colorSpace in colorRange) {
             // @ts-ignore
             value *= colorRange[colorSpace][component].at(-1);
@@ -3388,44 +3518,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 +3580,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;
@@ -3464,236 +3606,915 @@ function replaceValue(parent, value, newValue) {
     }
 }
 
-// from https://github.com/Rich-Harris/vlq/tree/master
-// credit: Rich Harris
-const integer_to_char = {};
-let i = 0;
-for (const char of 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=') {
-    integer_to_char[i++] = char;
-}
-function encode(value) {
-    if (typeof value === 'number') {
-        return encode_integer(value);
+function rgb2cmykToken(token) {
+    const components = rgb2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
     }
-    let result = '';
-    for (let i = 0; i < value.length; i += 1) {
-        result += encode_integer(value[i]);
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function hsl2cmykToken(token) {
+    const values = hsl2srgbvalues(token);
+    if (values == null) {
+        return null;
     }
-    return result;
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
 }
-function encode_integer(num) {
-    let result = '';
-    if (num < 0) {
-        num = (-num << 1) | 1;
+function hwb2cmykToken(token) {
+    const values = hwb2srgbvalues(token);
+    if (values == null) {
+        return null;
     }
-    else {
-        num <<= 1;
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
+}
+function lab2cmykToken(token) {
+    const components = lab2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
     }
-    do {
-        let clamped = num & 31;
-        num >>>= 5;
-        if (num > 0) {
-            clamped |= 32;
-        }
-        result += integer_to_char[clamped];
-    } while (num > 0);
-    return result;
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
 }
-
-class SourceMap {
-    lastLocation = null;
-    #version = 3;
-    #sources = [];
-    #map = new Map;
-    #line = -1;
-    add(source, original) {
-        if (original.src !== '') {
-            if (!this.#sources.includes(original.src)) {
-                this.#sources.push(original.src);
-            }
-            const line = source.sta.lin - 1;
-            let record;
-            if (line > this.#line) {
-                this.#line = line;
-            }
-            if (!this.#map.has(line)) {
-                record = [Math.max(0, source.sta.col - 1), this.#sources.indexOf(original.src), original.sta.lin - 1, original.sta.col - 1];
-                this.#map.set(line, [record]);
-            }
-            else {
-                const arr = this.#map.get(line);
-                record = [Math.max(0, source.sta.col - 1 - arr[0][0]), this.#sources.indexOf(original.src) - arr[0][1], original.sta.lin - 1, original.sta.col - 1];
-                arr.push(record);
-            }
-            if (this.lastLocation != null) {
-                record[2] -= this.lastLocation.sta.lin - 1;
-                record[3] -= this.lastLocation.sta.col - 1;
-            }
-            this.lastLocation = original;
-        }
+function lch2cmykToken(token) {
+    const components = lch2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
     }
-    toUrl() {
-        // /*# sourceMappingURL = ${url} */
-        return `data:application/json,${encodeURIComponent(JSON.stringify(this.toJSON()))}`;
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function oklab2cmyk(token) {
+    const components = oklab2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
     }
-    toJSON() {
-        const mappings = [];
-        let i = 0;
-        for (; i <= this.#line; i++) {
-            if (!this.#map.has(i)) {
-                mappings.push('');
-            }
-            else {
-                mappings.push(this.#map.get(i).reduce((acc, curr) => acc + (acc === '' ? '' : ',') + encode(curr), ''));
-            }
-        }
-        return {
-            version: this.#version,
-            sources: this.#sources.slice(),
-            mappings: mappings.join(';')
-        };
+    // @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 reduceNumber(val) {
-    val = String(+val);
-    if (val === '0') {
-        return '0';
+function color2cmykToken(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
     }
-    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);
+    // @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 val;
+    return result;
 }
-function update(position, str) {
-    let i = 0;
-    for (; i < str.length; i++) {
-        if (isNewLine(str[i].charCodeAt(0))) {
-            position.lin++;
-            position.col = 0;
-        }
-        else {
-            position.col++;
-        }
-    }
+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: exports.ColorType.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]);
 }
+
 /**
- * render ast
- * @param data
- * @param options
+ * Converts a color token to another color space
+ * @param token
+ * @param to
  */
-function doRender(data, options = {}) {
-    const minify = options.minify ?? true;
-    const beautify = options.beautify ?? !minify;
-    options = {
-        ...(beautify ? {
-            indent: ' ',
-            newLine: '\n',
-        } : {
-            indent: '',
-            newLine: '',
-        }),
-        ...(minify ? {
-            removeEmpty: true,
-            removeComments: true,
-            minify: true
-        } : {
-            removeEmpty: false,
-            removeComments: false,
-        }), sourcemap: false, convertColor: true, expandNestingRules: false, preserveLicense: false, ...options
-    };
-    if (options.withParents) {
-        // @ts-ignore
-        let parent = data.parent;
-        // @ts-ignore
-        while (data.parent != null) {
-            // @ts-ignore
-            parent = { ...data.parent, chi: [{ ...data }] };
-            // @ts-ignore
-            parent.parent = data.parent.parent;
-            // @ts-ignore
-            data = parent;
-        }
+function convertColor(token, to) {
+    if (token.kin == exports.ColorType.SYS ||
+        token.kin == exports.ColorType.DPSYS ||
+        (isIdentColor(token) &&
+            ('currentcolor'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0))) {
+        return token;
     }
-    const startTime = performance.now();
-    const errors = [];
-    const sourcemap = options.sourcemap ? new SourceMap : null;
-    const cache = Object.create(null);
-    const result = {
-        code: renderAstNode(options.expandNestingRules ? expand(data) : data, options, sourcemap, {
-            ind: 0,
-            lin: 1,
-            col: 1
-        }, errors, function reducer(acc, curr) {
-            if (curr.typ == exports.EnumToken.CommentTokenType && options.removeComments) {
-                if (!options.preserveLicense || !curr.val.startsWith('/*!')) {
-                    return acc;
+    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]);
+            }
+            else {
+                if (![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType, exports.EnumToken.CommaTokenType].includes(t.typ)) {
+                    acc[acc.length - 1].push(t);
                 }
-                return acc + curr.val;
             }
-            return acc + renderToken(curr, options, cache, reducer, errors);
-        }, cache), errors, stats: {
-            total: `${(performance.now() - startTime).toFixed(2)}ms`
+            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 (options.output != null) {
-        // @ts-ignore
-        options.output = options.resolve(options.output, options.cwd).absolute;
     }
-    if (sourcemap != null) {
-        result.map = sourcemap;
-        if (options.sourcemap === 'inline') {
-            result.code += `\n/*# sourceMappingURL=data:application/json,${encodeURIComponent(JSON.stringify(result.map))} */`;
+    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;
+            }
         }
     }
-    return result;
+    if (token.kin == to) {
+        if (token.kin == exports.ColorType.HEX || token.kin == exports.ColorType.LIT) {
+            token.val = reduceHexValue(token.val);
+            token.kin = token.val[0] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT;
+        }
+        return token;
+    }
+    if (token.kin == exports.ColorType.COLOR) {
+        const colorSpace = token.chi.find(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
+        if (colorSpace.val == exports.ColorType[to].toLowerCase().replaceAll('_', '-')) {
+            return token;
+        }
+    }
+    if (to == exports.ColorType.HSL) {
+        switch (token.kin) {
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
+                return rgb2HslToken(token);
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
+                return hex2HslToken(token);
+            case exports.ColorType.HWB:
+                return hwb2HslToken(token);
+            case exports.ColorType.DEVICE_CMYK:
+                return cmyk2HslToken(token);
+            case exports.ColorType.OKLAB:
+                return oklab2HslToken(token);
+            case exports.ColorType.OKLCH:
+                return oklch2HslToken(token);
+            case exports.ColorType.LAB:
+                return lab2HslToken(token);
+            case exports.ColorType.LCH:
+                return lch2HslToken(token);
+            case exports.ColorType.COLOR:
+                return color2HslToken(token);
+        }
+    }
+    else if (to == exports.ColorType.HWB) {
+        switch (token.kin) {
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
+                return rgb2hwbToken(token);
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
+                return rgb2hwbToken(token);
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
+                return hsl2hwbToken(token);
+            case exports.ColorType.OKLAB:
+                return oklab2hwbToken(token);
+            case exports.ColorType.OKLCH:
+                return oklch2hwbToken(token);
+            case exports.ColorType.LAB:
+                return lab2hwbToken(token);
+            case exports.ColorType.LCH:
+                return lch2hwbToken(token);
+            case exports.ColorType.DEVICE_CMYK:
+                return cmyk2hwbToken(token);
+            case exports.ColorType.COLOR:
+                return color2hwbToken(token);
+        }
+    }
+    else if (to == exports.ColorType.DEVICE_CMYK) {
+        switch (token.kin) {
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
+                return rgb2cmykToken(token);
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
+                return rgb2cmykToken(token);
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
+                return hsl2cmykToken(token);
+            case exports.ColorType.HWB:
+                return hwb2cmykToken(token);
+            case exports.ColorType.OKLAB:
+                return oklab2cmyk(token);
+            case exports.ColorType.OKLCH:
+                return oklch2cmykToken(token);
+            case exports.ColorType.LAB:
+                return lab2cmykToken(token);
+            //
+            case exports.ColorType.LCH:
+                return lch2cmykToken(token);
+            case exports.ColorType.COLOR:
+                return color2cmykToken(token);
+        }
+    }
+    else if (to == exports.ColorType.HEX || to == exports.ColorType.LIT) {
+        switch (token.kin) {
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT: {
+                const val = reduceHexValue(token.val);
+                return {
+                    typ: exports.EnumToken.ColorTokenType,
+                    val,
+                    kin: val[0] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT
+                };
+            }
+            case exports.ColorType.HSL:
+                return hsl2HexToken(token);
+            case exports.ColorType.HWB:
+                return hwb2HexToken(token);
+            case exports.ColorType.DEVICE_CMYK:
+                return cmyk2HexToken(token);
+            case exports.ColorType.OKLAB:
+                return oklab2HexToken(token);
+            case exports.ColorType.OKLCH:
+                return oklch2HexToken(token);
+            case exports.ColorType.LAB:
+                return lab2HexToken(token);
+            case exports.ColorType.LCH:
+                return lch2HexToken(token);
+            case exports.ColorType.COLOR:
+                return color2HexToken(token);
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
+                return rgb2HexToken(token);
+        }
+    }
+    else if (to == exports.ColorType.RGB) {
+        switch (token.kin) {
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
+                return hex2RgbToken(token);
+            case exports.ColorType.HSL:
+                return hsl2RgbToken(token);
+            case exports.ColorType.HWB:
+                return hwb2RgbToken(token);
+            case exports.ColorType.DEVICE_CMYK:
+                return cmyk2RgbToken(token);
+            case exports.ColorType.OKLAB:
+                return oklab2RgbToken(token);
+            case exports.ColorType.OKLCH:
+                return oklch2RgbToken(token);
+            case exports.ColorType.LAB:
+                return lab2RgbToken(token);
+            case exports.ColorType.LCH:
+                return lch2RgbToken(token);
+            case exports.ColorType.COLOR:
+                return color2RgbToken(token);
+        }
+    }
+    else if (to == exports.ColorType.LAB) {
+        switch (token.kin) {
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
+                return hex2labToken(token);
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
+                return rgb2labToken(token);
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
+                return hsl2labToken(token);
+            case exports.ColorType.HWB:
+                return hwb2labToken(token);
+            case exports.ColorType.DEVICE_CMYK:
+                return cmyk2labToken(token);
+            case exports.ColorType.LCH:
+                return lch2labToken(token);
+            case exports.ColorType.OKLAB:
+                return oklab2labToken(token);
+            case exports.ColorType.OKLCH:
+                return oklch2labToken(token);
+            case exports.ColorType.COLOR:
+                return color2labToken(token);
+        }
+    }
+    else if (to == exports.ColorType.LCH) {
+        switch (token.kin) {
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
+                return hex2lchToken(token);
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
+                return rgb2lchToken(token);
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
+                return hsl2lchToken(token);
+            case exports.ColorType.HWB:
+                return hwb2lchToken(token);
+            case exports.ColorType.DEVICE_CMYK:
+                return cmyk2lchToken(token);
+            case exports.ColorType.LAB:
+                return lab2lchToken(token);
+            case exports.ColorType.OKLAB:
+                return oklab2lchToken(token);
+            case exports.ColorType.OKLCH:
+                return oklch2lchToken(token);
+            case exports.ColorType.COLOR:
+                return color2lchToken(token);
+        }
+    }
+    else if (to == exports.ColorType.OKLAB) {
+        switch (token.kin) {
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
+                return hex2oklabToken(token);
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
+                return rgb2oklabToken(token);
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
+                return hsl2oklabToken(token);
+            case exports.ColorType.HWB:
+                return hwb2oklabToken(token);
+            case exports.ColorType.DEVICE_CMYK:
+                return cmyk2oklabToken(token);
+            case exports.ColorType.LAB:
+                return lab2oklabToken(token);
+            case exports.ColorType.LCH:
+                return lch2oklabToken(token);
+            case exports.ColorType.OKLCH:
+                return oklch2oklabToken(token);
+            case exports.ColorType.COLOR:
+                return color2oklabToken(token);
+        }
+    }
+    else if (to == exports.ColorType.OKLCH) {
+        switch (token.kin) {
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
+                return hex2oklchToken(token);
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
+                return rgb2oklchToken(token);
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
+                return hsl2oklchToken(token);
+            case exports.ColorType.HWB:
+                return hwb2oklchToken(token);
+            case exports.ColorType.DEVICE_CMYK:
+                return cmyk2oklchToken(token);
+            case exports.ColorType.LAB:
+                return lab2oklchToken(token);
+            case exports.ColorType.OKLAB:
+                return oklab2oklchToken(token);
+            case exports.ColorType.LCH:
+                return lch2oklchToken(token);
+            case exports.ColorType.COLOR:
+                return color2oklchToken(token);
+        }
+    }
+    else if (colorFuncColorSpace.includes(exports.ColorType[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
+        switch (token.kin) {
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
+                return hex2colorToken(token, to);
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
+                return rgb2colorToken(token, to);
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
+                return hsl2colorToken(token, to);
+            case exports.ColorType.HWB:
+                return hwb2colorToken(token, to);
+            case exports.ColorType.DEVICE_CMYK:
+                return cmyk2colorToken(token, to);
+            case exports.ColorType.LAB:
+                return lab2colorToken(token, to);
+            case exports.ColorType.OKLAB:
+                return oklab2colorToken(token, to);
+            case exports.ColorType.LCH:
+                return lch2colorToken(token, to);
+            case exports.ColorType.OKLCH:
+                return oklch2colorToken(token, to);
+            case exports.ColorType.COLOR:
+                return color2colorToken(token, to);
+        }
+    }
+    return null;
 }
-function updateSourceMap(node, options, cache, sourcemap, position, str) {
-    if ([
-        exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType,
-        exports.EnumToken.KeyFrameRuleNodeType, exports.EnumToken.KeyframeAtRuleNodeType
-    ].includes(node.typ)) {
-        let src = node.loc?.src ?? '';
-        let output = options.output ?? '';
-        if (!(src in cache)) {
+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;
+    }
+    return values2colortoken(values, to);
+}
+function srgb2srgbcolorspace(val, to) {
+    const values = [];
+    switch (to) {
+        case exports.ColorType.SRGB:
+            values.push(...val);
+            break;
+        case exports.ColorType.SRGB_LINEAR:
             // @ts-ignore
-            cache[src] = options.resolve(src, options.cwd ?? '').relative;
-        }
-        if (!(output in cache)) {
+            values.push(...srgb2lsrgbvalues(...val));
+            break;
+        case exports.ColorType.DISPLAY_P3:
             // @ts-ignore
-            cache[output] = options.resolve(output, options.cwd).relative;
-        }
-        // @ts-ignore
-        sourcemap.add({ src: cache[output], sta: { ...position } }, {
-            ...node.loc,
+            values.push(...srgb2p3values(...val));
+            break;
+        case exports.ColorType.PROPHOTO_RGB:
             // @ts-ignore
-            src: options.resolve(cache[src], options.cwd).relative
-        });
+            values.push(...srgb2prophotorgbvalues(...val));
+            break;
+        case exports.ColorType.A98_RGB:
+            // @ts-ignore
+            values.push(...srgb2a98values$1(...val));
+            break;
+        case exports.ColorType.REC2020:
+            // @ts-ignore
+            values.push(...srgb2rec2020values(...val));
+            break;
+        case exports.ColorType.XYZ:
+        case exports.ColorType.XYZ_D65:
+            // @ts-ignore
+            values.push(...srgb2xyz(...val));
+            break;
+        case exports.ColorType.XYZ_D50:
+            // @ts-ignore
+            values.push(...srgb2xyz_d50(...val));
+            break;
     }
-    update(position, str);
+    return values;
 }
-/**
- * render ast node
- * @param data
- * @param options
- * @param sourcemap
- * @param position
- * @param errors
- * @param reducer
- * @param cache
- * @param level
- * @param indents
- */
-function renderAstNode(data, options, sourcemap, position, errors, reducer, cache, level = 0, indents = []) {
-    if (indents.length < level + 1) {
-        indents.push(options.indent.repeat(level));
+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) {
+    values = srgb2srgbcolorspace(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.LiteralTokenType, val: "/" }, {
+            typ: exports.EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
+    }
+    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: exports.ColorType.COLOR
+    } : {
+        typ: exports.EnumToken.ColorTokenType,
+        val: colorSpace,
+        chi,
+        kin: to
+    };
+}
+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 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
+// credit: Rich Harris
+const integer_to_char = {};
+let i = 0;
+for (const char of 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=') {
+    integer_to_char[i++] = char;
+}
+function encode(value) {
+    if (typeof value === 'number') {
+        return encode_integer(value);
+    }
+    let result = '';
+    for (let i = 0; i < value.length; i += 1) {
+        result += encode_integer(value[i]);
+    }
+    return result;
+}
+function encode_integer(num) {
+    let result = '';
+    if (num < 0) {
+        num = (-num << 1) | 1;
+    }
+    else {
+        num <<= 1;
+    }
+    do {
+        let clamped = num & 31;
+        num >>>= 5;
+        if (num > 0) {
+            clamped |= 32;
+        }
+        result += integer_to_char[clamped];
+    } while (num > 0);
+    return result;
+}
+
+class SourceMap {
+    lastLocation = null;
+    #version = 3;
+    #sources = [];
+    #map = new Map;
+    #line = -1;
+    add(source, original) {
+        if (original.src !== '') {
+            if (!this.#sources.includes(original.src)) {
+                this.#sources.push(original.src);
+            }
+            const line = source.sta.lin - 1;
+            let record;
+            if (line > this.#line) {
+                this.#line = line;
+            }
+            if (!this.#map.has(line)) {
+                record = [Math.max(0, source.sta.col - 1), this.#sources.indexOf(original.src), original.sta.lin - 1, original.sta.col - 1];
+                this.#map.set(line, [record]);
+            }
+            else {
+                const arr = this.#map.get(line);
+                record = [Math.max(0, source.sta.col - 1 - arr[0][0]), this.#sources.indexOf(original.src) - arr[0][1], original.sta.lin - 1, original.sta.col - 1];
+                arr.push(record);
+            }
+            if (this.lastLocation != null) {
+                record[2] -= this.lastLocation.sta.lin - 1;
+                record[3] -= this.lastLocation.sta.col - 1;
+            }
+            this.lastLocation = original;
+        }
+    }
+    toUrl() {
+        // /*# sourceMappingURL = ${url} */
+        return `data:application/json,${encodeURIComponent(JSON.stringify(this.toJSON()))}`;
+    }
+    toJSON() {
+        const mappings = [];
+        let i = 0;
+        for (; i <= this.#line; i++) {
+            if (!this.#map.has(i)) {
+                mappings.push('');
+            }
+            else {
+                mappings.push(this.#map.get(i).reduce((acc, curr) => acc + (acc === '' ? '' : ',') + encode(curr), ''));
+            }
+        }
+        return {
+            version: this.#version,
+            sources: this.#sources.slice(),
+            mappings: mappings.join(';')
+        };
+    }
+}
+
+function update(position, str) {
+    let i = 0;
+    for (; i < str.length; i++) {
+        if (isNewLine(str[i].charCodeAt(0))) {
+            position.lin++;
+            position.col = 0;
+        }
+        else {
+            position.col++;
+        }
+    }
+}
+/**
+ * render ast
+ * @param data
+ * @param options
+ */
+function doRender(data, options = {}) {
+    const minify = options.minify ?? true;
+    const beautify = options.beautify ?? !minify;
+    options = {
+        ...(beautify ? {
+            indent: ' ',
+            newLine: '\n',
+        } : {
+            indent: '',
+            newLine: '',
+        }),
+        ...(minify ? {
+            removeEmpty: true,
+            removeComments: true,
+            minify: true
+        } : {
+            removeEmpty: false,
+            removeComments: false,
+        }), sourcemap: false, convertColor: true, expandNestingRules: false, preserveLicense: false, ...options
+    };
+    if (options.withParents) {
+        // @ts-ignore
+        let parent = data.parent;
+        // @ts-ignore
+        while (data.parent != null) {
+            // @ts-ignore
+            parent = { ...data.parent, chi: [{ ...data }] };
+            // @ts-ignore
+            parent.parent = data.parent.parent;
+            // @ts-ignore
+            data = parent;
+        }
+    }
+    const startTime = performance.now();
+    const errors = [];
+    const sourcemap = options.sourcemap ? new SourceMap : null;
+    const cache = Object.create(null);
+    const result = {
+        code: renderAstNode(options.expandNestingRules ? expand(data) : data, options, sourcemap, {
+            ind: 0,
+            lin: 1,
+            col: 1
+        }, errors, function reducer(acc, curr) {
+            if (curr.typ == exports.EnumToken.CommentTokenType && options.removeComments) {
+                if (!options.preserveLicense || !curr.val.startsWith('/*!')) {
+                    return acc;
+                }
+                return acc + curr.val;
+            }
+            return acc + renderToken(curr, options, cache, reducer, errors);
+        }, cache), errors, stats: {
+            total: `${(performance.now() - startTime).toFixed(2)}ms`
+        }
+    };
+    if (options.output != null) {
+        // @ts-ignore
+        options.output = options.resolve(options.output, options.cwd).absolute;
+    }
+    if (sourcemap != null) {
+        result.map = sourcemap;
+        if (options.sourcemap === 'inline') {
+            result.code += `\n/*# sourceMappingURL=data:application/json,${encodeURIComponent(JSON.stringify(result.map))} */`;
+        }
+    }
+    return result;
+}
+function updateSourceMap(node, options, cache, sourcemap, position, str) {
+    if ([
+        exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType,
+        exports.EnumToken.KeyFrameRuleNodeType, exports.EnumToken.KeyframeAtRuleNodeType
+    ].includes(node.typ)) {
+        let src = node.loc?.src ?? '';
+        let output = options.output ?? '';
+        if (!(src in cache)) {
+            // @ts-ignore
+            cache[src] = options.resolve(src, options.cwd ?? '').relative;
+        }
+        if (!(output in cache)) {
+            // @ts-ignore
+            cache[output] = options.resolve(output, options.cwd).relative;
+        }
+        // @ts-ignore
+        sourcemap.add({ src: cache[output], sta: { ...position } }, {
+            ...node.loc,
+            // @ts-ignore
+            src: options.resolve(cache[src], options.cwd).relative
+        });
+    }
+    update(position, str);
+}
+/**
+ * render ast node
+ * @param data
+ * @param options
+ * @param sourcemap
+ * @param position
+ * @param errors
+ * @param reducer
+ * @param cache
+ * @param level
+ * @param indents
+ */
+function renderAstNode(data, options, sourcemap, position, errors, reducer, cache, level = 0, indents = []) {
+    if (indents.length < level + 1) {
+        indents.push(options.indent.repeat(level));
     }
     if (indents.length < level + 2) {
         indents.push(options.indent.repeat(level + 1));
@@ -3780,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 '';
     }
 }
 /**
@@ -3859,7 +4678,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;
                 }
@@ -3875,143 +4694,41 @@ 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)) {
+            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) {
-                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);
-                }
-                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) {
+                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 ([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)) {
-                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:
@@ -4098,7 +4815,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);
@@ -4110,7 +4827,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;
@@ -4118,7 +4835,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;
@@ -4126,7 +4843,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;
@@ -4134,7 +4851,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;
@@ -4160,7 +4877,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';
                     }
@@ -4175,10 +4892,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 '';
@@ -4752,15 +5469,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);
+    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');
 }
 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;
@@ -4849,79 +5575,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;
                     }
                 }
             }
@@ -4934,7 +5661,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
@@ -5201,6 +5928,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",
@@ -6846,11 +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 ||
@@ -6873,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;
         }
@@ -6915,15 +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;
@@ -10747,7 +11522,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>?"
@@ -12008,9 +12783,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;
@@ -12322,6 +13098,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]()));
@@ -12719,9 +13499,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];
@@ -12822,13 +13603,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;
@@ -12839,9 +13620,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([]);
         }
@@ -12856,18 +13638,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,
@@ -12880,21 +13663,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
@@ -12910,16 +13697,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
@@ -13031,17 +13810,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
@@ -13074,20 +13843,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,
@@ -13205,31 +13965,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 +14012,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,39 +14031,24 @@ 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) {
     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: [],
@@ -13321,23 +14069,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
@@ -13411,27 +14142,14 @@ 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;
-    }
     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) {
@@ -13453,12 +14171,12 @@ 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();
-    if (result.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
-        result.pop();
-    }
+    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) {
@@ -13478,15 +14196,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 +14226,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 +14239,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 +14279,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 +14299,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}`);
@@ -13614,7 +14335,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()) {
@@ -13624,6 +14358,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();
@@ -13634,7 +14372,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);
@@ -13688,9 +14432,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
     };
 }
@@ -13713,7 +14457,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();
@@ -13722,15 +14466,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 list: ${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,7 +14496,7 @@ function matchList(syntax, context, options) {
         }
     }
     success = count > 0;
-    if (count && syntax.occurence != null) {
+    if (success && syntax.occurence != null) {
         success = count >= syntax.occurence.min;
         if (success && syntax.occurence.max != null) {
             success = count <= syntax.occurence.max;
@@ -13759,7 +14504,7 @@ function matchList(syntax, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: '',
         context
@@ -13784,7 +14529,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,26 +14553,29 @@ 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
             };
         }
     }
-    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 +14611,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(),
@@ -13873,6 +14621,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;
@@ -13887,37 +14636,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();
@@ -13932,21 +14693,22 @@ function match(syntax, context, options) {
             if (!wildCardFuncs.includes(syntax.val) && syntax.val != token.val) {
                 break;
             }
-            if (token.typ != exports.EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
-                success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
-                    ...options,
-                    isRepeatable: null,
-                    isList: null,
-                    occurence: null,
-                    atLeastOnce: null
-                }).valid == SyntaxValidationResult.Valid;
+            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 (syntax.typ == ValidationTokenEnum.Function) {
-                success = funcLike.includes(token.typ) && doEvaluateSyntax(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val + '()')?.[0]?.chi, createContext(token.chi), {
+            if (token.typ != exports.EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
+                success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
                     ...options,
                     isRepeatable: null,
                     isList: null,
@@ -13975,7 +14737,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 */]) {
@@ -14119,10 +14883,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':
@@ -14138,10 +14902,10 @@ 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 && 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];
             }
@@ -14185,7 +14949,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');
@@ -14249,10 +15013,12 @@ 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);
+        // console.error(`>> someOf: ${JSON.stringify({result}, null, 1)}`);
         if (result.valid == SyntaxValidationResult.Valid) {
             success = true;
             if (result.context.done()) {
@@ -14265,11 +15031,13 @@ 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.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 +15059,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
     };
 }
@@ -14320,9 +15088,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 == '/')) {
@@ -14339,18 +15108,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) {
@@ -14365,9 +15133,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;
             }
@@ -14380,12 +15147,13 @@ function allOf(syntax, context, options) {
             i = -1;
         }
     }
+    // console.error()
     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
     };
 }
@@ -14407,42 +15175,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
@@ -14469,13 +15239,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) {
@@ -15350,7 +16122,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;
     }
@@ -15521,20 +16293,8 @@ function validateAtRuleDocument(atRule, options, root) {
     };
 }
 
-function validateAtRuleKeyframes(atRule, options, root) {
-    if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: atRule,
-            syntax: '@keyframes',
-            error: 'expecting at-rule prelude'
-        };
-    }
-    const tokens = atRule.tokens.slice();
-    consumeWhitespace(tokens);
-    if (tokens.length == 0) {
+function validateAtRuleKeyframes(atRule, options, root) {
+    if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
         // @ts-ignore
         return {
             valid: SyntaxValidationResult.Drop,
@@ -15544,7 +16304,20 @@ function validateAtRuleKeyframes(atRule, options, root) {
             error: 'expecting at-rule prelude'
         };
     }
-    if (![exports.EnumToken.StringTokenType, exports.EnumToken.IdenTokenType].includes(tokens[0].typ)) {
+    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'
+    //     } as ValidationSyntaxResult;
+    // }
+    if (tokens.length == 0 || ![exports.EnumToken.StringTokenType, exports.EnumToken.IdenTokenType].includes(tokens[0].typ)) {
         // @ts-ignore
         return {
             valid: SyntaxValidationResult.Drop,
@@ -16150,7 +16923,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,
@@ -16468,7 +17241,6 @@ async function doParse(iterator, options = {}) {
                 }
             }
             catch (error) {
-                // console.error(error);
                 // @ts-ignore
                 errors.push({ action: 'ignore', message: 'doParse: ' + error.message, error });
             }
@@ -16719,7 +17491,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 });
@@ -16741,7 +17513,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);
@@ -16778,6 +17549,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
             }), '');
         }
@@ -16909,7 +17681,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;
                 }
@@ -17018,12 +17790,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 +17955,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 ([
@@ -17199,7 +17967,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;
@@ -17226,7 +17994,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 ||
@@ -17239,43 +18007,6 @@ function parseSelector(tokens) {
                 // @ts-ignore
                 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 == exports.EnumToken.LiteralTokenType) {
                 if (value.val.charAt(0) == '&') {
                     // @ts-ignore
@@ -17293,12 +18024,7 @@ function parseSelector(tokens) {
                         value.typ = exports.EnumToken.ClassSelectorTokenType;
                     }
                 }
-                // @ts-ignore
-                if (value.typ == exports.EnumToken.DelimTokenType) {
-                    // @ts-ignore
-                    value.typ = exports.EnumToken.NextSiblingCombinatorTokenType;
-                }
-                else if (['*', '>', '+', '~'].includes(value.val)) {
+                if (['*', '>', '+', '~'].includes(value.val)) {
                     switch (value.val) {
                         case '*':
                             // @ts-ignore
@@ -17318,13 +18044,12 @@ function parseSelector(tokens) {
                             break;
                     }
                     // @ts-ignore
-                    // @ts-ignore
                     delete value.val;
                 }
             }
             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;
                         }
@@ -17364,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
@@ -17457,14 +18178,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,
@@ -17503,7 +18224,7 @@ function getTokenType(val, hint) {
         return {
             typ: exports.EnumToken.ColorTokenType,
             val: v,
-            kin: ColorKind.LIT
+            kin: exports.ColorType.LIT
         };
     }
     if (isIdent(val)) {
@@ -17511,14 +18232,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 {
@@ -17530,7 +18251,7 @@ function getTokenType(val, hint) {
         return {
             typ: exports.EnumToken.ColorTokenType,
             val,
-            kin: ColorKind.HEX
+            kin: exports.ColorType.HEX
         };
     }
     if (val.charAt(0) == '#' && isHash(val)) {
@@ -17607,7 +18328,6 @@ function parseTokens(tokens, options = {}) {
             }
             // @ts-ignore
             if (attr.chi.length > 1) {
-                /*(<AttrToken>t).chi =*/
                 // @ts-ignore
                 parseTokens(attr.chi, t.typ);
             }
@@ -17818,526 +18538,236 @@ function parseTokens(tokens, options = {}) {
                     }
                 }
                 if (t.chi[0]?.typ == exports.EnumToken.UrlTokenTokenType) {
-                    if (options.src !== '' && options.resolveUrls) {
-                        // @ts-ignore
-                        t.chi[0].val = options.resolve(t.chi[0].val, options.src, options.cwd).relative;
-                    }
-                }
-            }
-            // @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 &&
-                            (tokens[i + 1]?.typ == exports.EnumToken.CommaTokenType || tokens.length == i + 1)) ||
-                        (tokens[i - 1]?.typ == exports.EnumToken.CommaTokenType && (tokens[i + 1]?.typ == exports.EnumToken.CommaTokenType || tokens.length == i + 1))) {
-                        tokens.splice(i, 1, ...t.chi);
-                        i = Math.max(0, i - t.chi.length);
-                    }
-                }
-            }
-            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;
-            }
-        }
-    }
-    return tokens;
-}
-
-function eq(a, b) {
-    if (a == null || b == null) {
-        return a == b;
-    }
-    if (typeof a != 'object' || typeof b != 'object') {
-        return a === b;
-    }
-    if (a.constructor != b.constructor) {
-        return false;
-    }
-    if (Array.isArray(a)) {
-        if (a.length != b.length) {
-            return false;
-        }
-        let i = 0;
-        for (; i < a.length; i++) {
-            if (!eq(a[i], b[i])) {
-                return false;
-            }
-        }
-        return true;
-    }
-    const k1 = Object.keys(a);
-    const k2 = Object.keys(b);
-    if (k1.length != k2.length) {
-        return false;
-    }
-    let key;
-    for (key of k1) {
-        if (!(key in b) || !eq(a[key], b[key])) {
-            return false;
-        }
-    }
-    return true;
-}
-
-var WalkerOptionEnum;
-(function (WalkerOptionEnum) {
-    WalkerOptionEnum[WalkerOptionEnum["Ignore"] = 0] = "Ignore";
-    WalkerOptionEnum[WalkerOptionEnum["Stop"] = 1] = "Stop";
-    WalkerOptionEnum[WalkerOptionEnum["Children"] = 2] = "Children";
-    WalkerOptionEnum[WalkerOptionEnum["IgnoreChildren"] = 3] = "IgnoreChildren";
-})(WalkerOptionEnum || (WalkerOptionEnum = {}));
-var WalkerValueEvent;
-(function (WalkerValueEvent) {
-    WalkerValueEvent[WalkerValueEvent["Enter"] = 0] = "Enter";
-    WalkerValueEvent[WalkerValueEvent["Leave"] = 1] = "Leave";
-})(WalkerValueEvent || (WalkerValueEvent = {}));
-/**
- * walk ast nodes
- * @param node
- * @param filter
- */
-function* walk(node, filter) {
-    const parents = [node];
-    const root = node;
-    const map = new Map;
-    while ((node = parents.shift())) {
-        let option = null;
-        if (filter != null) {
-            option = filter(node);
-            if (option === WalkerOptionEnum.Ignore) {
-                continue;
-            }
-            if (option === WalkerOptionEnum.Stop) {
-                break;
-            }
-        }
-        // @ts-ignore
-        if (option !== 'children') {
-            // @ts-ignore
-            yield { node, parent: map.get(node), root };
-        }
-        if (option !== WalkerOptionEnum.IgnoreChildren && 'chi' in node) {
-            parents.unshift(...node.chi);
-            for (const child of node.chi.slice()) {
-                map.set(child, node);
-            }
-        }
-    }
-}
-/**
- * walk ast node value tokens
- * @param values
- * @param root
- * @param filter
- * @param reverse
- */
-function* walkValues(values, root = null, filter, reverse) {
-    // const set = new Set<Token>();
-    const stack = values.slice();
-    const map = new Map;
-    let previous = null;
-    // let parent: FunctionToken | ParensToken | BinaryExpressionToken | null = null;
-    if (filter != null && typeof filter == 'function') {
-        filter = {
-            event: WalkerValueEvent.Enter,
-            fn: filter
-        };
-    }
-    else if (filter == null) {
-        filter = {
-            event: WalkerValueEvent.Enter
-        };
-    }
-    const eventType = filter.event ?? WalkerValueEvent.Enter;
-    while (stack.length > 0) {
-        let value = reverse ? stack.pop() : stack.shift();
-        let option = null;
-        if (filter.fn != null && eventType == WalkerValueEvent.Enter) {
-            const isValid = filter.type == null || value.typ == filter.type ||
-                (Array.isArray(filter.type) && filter.type.includes(value.typ)) ||
-                (typeof filter.type == 'function' && filter.type(value));
-            if (isValid) {
-                option = filter.fn(value, map.get(value) ?? root);
-                if (option === WalkerOptionEnum.Ignore) {
-                    continue;
-                }
-                if (option === WalkerOptionEnum.Stop) {
-                    break;
-                }
-                // @ts-ignore
-                if (option != null && typeof option == 'object' && 'typ' in option) {
-                    map.set(option, map.get(value) ?? root);
-                }
-            }
-        }
-        if (eventType == WalkerValueEvent.Enter && option !== WalkerOptionEnum.Children) {
-            yield {
-                value,
-                parent: map.get(value) ?? root,
-                previousValue: previous,
-                nextValue: stack[0] ?? null,
-                // @ts-ignore
-                root: root ?? null
-            };
-        }
-        if (option !== WalkerOptionEnum.IgnoreChildren && 'chi' in value) {
-            const sliced = value.chi.slice();
-            for (const child of sliced) {
-                map.set(child, value);
-            }
-            if (reverse) {
-                stack.push(...sliced);
-            }
-            else {
-                stack.unshift(...sliced);
-            }
-        }
-        else {
-            const values = [];
-            if ('l' in value && value.l != null) {
-                // @ts-ignore
-                values.push(value.l);
-                // @ts-ignore
-                map.set(value.l, value);
-            }
-            if ('op' in value && typeof value.op == 'object') {
-                values.push(value.op);
-                // @ts-ignore
-                map.set(value.op, value);
-            }
-            if ('r' in value && value.r != null) {
-                if (Array.isArray(value.r)) {
-                    for (const r of value.r) {
-                        // @ts-ignore
-                        values.push(r);
-                        // @ts-ignore
-                        map.set(r, value);
-                    }
-                }
-                else {
-                    // @ts-ignore
-                    values.push(value.r);
-                    // @ts-ignore
-                    map.set(value.r, value);
-                }
-            }
-            if (values.length > 0) {
-                stack.unshift(...values);
-            }
-        }
-        if (eventType == WalkerValueEvent.Leave && filter.fn != null) {
-            const isValid = filter.type == null || value.typ == filter.type ||
-                (Array.isArray(filter.type) && filter.type.includes(value.typ)) ||
-                (typeof filter.type == 'function' && filter.type(value));
-            if (isValid) {
-                option = filter.fn(value, map.get(value));
-                // @ts-ignore
-                if (option != null && 'typ' in option) {
-                    map.set(option, map.get(value) ?? root);
+                    if (options.src !== '' && options.resolveUrls) {
+                        // @ts-ignore
+                        t.chi[0].val = options.resolve(t.chi[0].val, options.src, options.cwd).relative;
+                    }
+                }
+            }
+            // @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 &&
+                            (tokens[i + 1]?.typ == exports.EnumToken.CommaTokenType || tokens.length == i + 1)) ||
+                        (tokens[i - 1]?.typ == exports.EnumToken.CommaTokenType && (tokens[i + 1]?.typ == exports.EnumToken.CommaTokenType || tokens.length == i + 1))) {
+                        tokens.splice(i, 1, ...t.chi);
+                        i = Math.max(0, i - t.chi.length);
+                    }
                 }
             }
         }
-        if (eventType == WalkerValueEvent.Leave && option !== WalkerOptionEnum.Children) {
-            yield {
-                value,
-                parent: map.get(value) ?? root,
-                previousValue: previous,
-                nextValue: stack[0] ?? null,
-                // @ts-ignore
-                root: root ?? null
-            };
-        }
-        previous = value;
     }
+    return tokens;
 }
 
-/**
- * expand nested css ast
- * @param ast
- */
-function expand(ast) {
-    //
-    if (![exports.EnumToken.RuleNodeType, exports.EnumToken.StyleSheetNodeType, exports.EnumToken.AtRuleNodeType].includes(ast.typ)) {
-        return ast;
+function eq(a, b) {
+    if (a == null || b == null) {
+        return a == b;
     }
-    if (exports.EnumToken.RuleNodeType == ast.typ) {
-        return {
-            typ: exports.EnumToken.StyleSheetNodeType,
-            chi: expandRule(ast)
-        };
+    if (typeof a != 'object' || typeof b != 'object') {
+        return a === b;
     }
-    if (!('chi' in ast)) {
-        return ast;
+    if (a.constructor != b.constructor) {
+        return false;
     }
-    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;
+    if (Array.isArray(a)) {
+        if (a.length != b.length) {
+            return false;
         }
-        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;
-                }
+        let i = 0;
+        for (; i < a.length; i++) {
+            if (!eq(a[i], b[i])) {
+                return false;
             }
-            // @ts-ignore
-            result.chi.push({ ...(hasRule ? expand(node) : node) });
         }
-        else {
-            // @ts-ignore
-            result.chi.push(node);
+        return true;
+    }
+    const k1 = Object.keys(a);
+    const k2 = Object.keys(b);
+    if (k1.length != k2.length) {
+        return false;
+    }
+    let key;
+    for (key of k1) {
+        if (!(key in b) || !eq(a[key], b[key])) {
+            return false;
         }
     }
-    return result;
+    return true;
 }
-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));
+
+var WalkerOptionEnum;
+(function (WalkerOptionEnum) {
+    WalkerOptionEnum[WalkerOptionEnum["Ignore"] = 0] = "Ignore";
+    WalkerOptionEnum[WalkerOptionEnum["Stop"] = 1] = "Stop";
+    WalkerOptionEnum[WalkerOptionEnum["Children"] = 2] = "Children";
+    WalkerOptionEnum[WalkerOptionEnum["IgnoreChildren"] = 3] = "IgnoreChildren";
+})(WalkerOptionEnum || (WalkerOptionEnum = {}));
+var WalkerValueEvent;
+(function (WalkerValueEvent) {
+    WalkerValueEvent[WalkerValueEvent["Enter"] = 0] = "Enter";
+    WalkerValueEvent[WalkerValueEvent["Leave"] = 1] = "Leave";
+})(WalkerValueEvent || (WalkerValueEvent = {}));
+/**
+ * walk ast nodes
+ * @param node
+ * @param filter
+ */
+function* walk(node, filter) {
+    const parents = [node];
+    const root = node;
+    const map = new Map;
+    while ((node = parents.shift())) {
+        let option = null;
+        if (filter != null) {
+            option = filter(node);
+            if (option === WalkerOptionEnum.Ignore) {
+                continue;
             }
-            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);
+            if (option === WalkerOptionEnum.Stop) {
+                break;
+            }
+        }
+        // @ts-ignore
+        if (option !== 'children') {
+            // @ts-ignore
+            yield { node, parent: map.get(node), root };
+        }
+        if (option !== WalkerOptionEnum.IgnoreChildren && 'chi' in node) {
+            parents.unshift(...node.chi);
+            for (const child of node.chi.slice()) {
+                map.set(child, node);
             }
         }
     }
-    // @ts-ignore
-    return ast.chi.length > 0 ? [ast].concat(result) : result;
 }
 /**
- * replace compound selector
- * @param input
- * @param replace
+ * walk ast node value tokens
+ * @param values
+ * @param root
+ * @param filter
+ * @param reverse
  */
-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);
-                    }
+function* walkValues(values, root = null, filter, reverse) {
+    // const set = new Set<Token>();
+    const stack = values.slice();
+    const map = new Map;
+    let previous = null;
+    // let parent: FunctionToken | ParensToken | BinaryExpressionToken | null = null;
+    if (filter != null && typeof filter == 'function') {
+        filter = {
+            event: WalkerValueEvent.Enter,
+            fn: filter
+        };
+    }
+    else if (filter == null) {
+        filter = {
+            event: WalkerValueEvent.Enter
+        };
+    }
+    const eventType = filter.event ?? WalkerValueEvent.Enter;
+    while (stack.length > 0) {
+        let value = reverse ? stack.pop() : stack.shift();
+        let option = null;
+        if (filter.fn != null && eventType == WalkerValueEvent.Enter) {
+            const isValid = filter.type == null || value.typ == filter.type ||
+                (Array.isArray(filter.type) && filter.type.includes(value.typ)) ||
+                (typeof filter.type == 'function' && filter.type(value));
+            if (isValid) {
+                option = filter.fn(value, map.get(value) ?? root);
+                if (option === WalkerOptionEnum.Ignore) {
                     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);
+                if (option === WalkerOptionEnum.Stop) {
+                    break;
+                }
+                // @ts-ignore
+                if (option != null && typeof option == 'object' && 'typ' in option) {
+                    map.set(option, map.get(value) ?? root);
+                }
             }
         }
-    }
-    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('');
+        if (eventType == WalkerValueEvent.Enter && option !== WalkerOptionEnum.Children) {
+            yield {
+                value,
+                parent: map.get(value) ?? root,
+                previousValue: previous,
+                nextValue: stack[0] ?? null,
+                // @ts-ignore
+                root: root ?? null
+            };
+        }
+        if (option !== WalkerOptionEnum.IgnoreChildren && 'chi' in value) {
+            const sliced = value.chi.slice();
+            for (const child of sliced) {
+                map.set(child, value);
+            }
+            if (reverse) {
+                stack.push(...sliced);
+            }
+            else {
+                stack.unshift(...sliced);
+            }
         }
         else {
-            tokens[tokens.length - 1] += selector.charAt(i);
+            const values = [];
+            if ('l' in value && value.l != null) {
+                // @ts-ignore
+                values.push(value.l);
+                // @ts-ignore
+                map.set(value.l, value);
+            }
+            if ('op' in value && typeof value.op == 'object') {
+                values.push(value.op);
+                // @ts-ignore
+                map.set(value.op, value);
+            }
+            if ('r' in value && value.r != null) {
+                if (Array.isArray(value.r)) {
+                    for (const r of value.r) {
+                        // @ts-ignore
+                        values.push(r);
+                        // @ts-ignore
+                        map.set(r, value);
+                    }
+                }
+                else {
+                    // @ts-ignore
+                    values.push(value.r);
+                    // @ts-ignore
+                    map.set(value.r, value);
+                }
+            }
+            if (values.length > 0) {
+                stack.unshift(...values);
+            }
         }
-    }
-    return tokens.sort((a, b) => {
-        if (a == '&') {
-            return 1;
+        if (eventType == WalkerValueEvent.Leave && filter.fn != null) {
+            const isValid = filter.type == null || value.typ == filter.type ||
+                (Array.isArray(filter.type) && filter.type.includes(value.typ)) ||
+                (typeof filter.type == 'function' && filter.type(value));
+            if (isValid) {
+                option = filter.fn(value, map.get(value));
+                // @ts-ignore
+                if (option != null && 'typ' in option) {
+                    map.set(option, map.get(value) ?? root);
+                }
+            }
         }
-        return b == '&' ? -1 : 0;
-    }).reduce((acc, curr) => {
-        if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
-            return acc + ':is(' + replace + ')';
+        if (eventType == WalkerValueEvent.Leave && option !== WalkerOptionEnum.Children) {
+            yield {
+                value,
+                parent: map.get(value) ?? root,
+                previousValue: previous,
+                nextValue: stack[0] ?? null,
+                // @ts-ignore
+                root: root ?? null
+            };
         }
-        return acc + (curr == '&' ? replace : curr);
-    }, '');
+        previous = value;
+    }
 }
 
 const config$1 = getSyntaxConfig();
@@ -18400,12 +18830,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);
             }
@@ -18441,10 +18874,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) {
@@ -18460,13 +18892,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), '');
                 }
@@ -18574,18 +19007,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);
@@ -18594,9 +19034,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;
@@ -18608,7 +19049,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;
                         }
@@ -19616,7 +20057,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), '');
@@ -19624,10 +20065,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;
@@ -19643,41 +20085,42 @@ 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];
-                                    }
-                                    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;
-                                        }
+                                // 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 {
                                 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
-                                            });
-                                        }
+                                        // 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;
                                     }
                                 }
@@ -19704,10 +20147,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));
@@ -19720,6 +20169,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);
 }
@@ -19742,11 +20254,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));
@@ -19851,16 +20364,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) {
@@ -19875,46 +20378,16 @@ function toZero(v) {
 // https://drafts.csswg.org/css-transforms-1/#2d-matrix
 function is2DMatrix(matrix) {
     // m13,m14,  m23, m24, m31, m32, m34, m43 are all 0
-    return matrix[0][2] === 0 &&
-        matrix[0][3] === 0 &&
-        matrix[1][2] === 0 &&
-        matrix[1][3] === 0 &&
-        matrix[2][0] === 0 &&
-        matrix[2][1] === 0 &&
-        matrix[2][3] === 0 &&
-        matrix[3][2] === 0 &&
-        matrix[2][2] === 1 &&
-        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;
+    return matrix[0][2] === 0 &&
+        matrix[0][3] === 0 &&
+        matrix[1][2] === 0 &&
+        matrix[1][3] === 0 &&
+        matrix[2][0] === 0 &&
+        matrix[2][1] === 0 &&
+        matrix[2][3] === 0 &&
+        matrix[3][2] === 0 &&
+        matrix[2][2] === 1 &&
+        matrix[3][3] === 1;
 }
 
 function translateX(x, from) {
@@ -20089,7 +20562,7 @@ function serialize(matrix) {
                 }
                 acc.push({
                     typ: exports.EnumToken.NumberTokenType,
-                    val: reduceNumber(t)
+                    val: minifyNumber(t)
                 });
                 return acc;
             }, [])
@@ -20104,7 +20577,7 @@ function serialize(matrix) {
             }
             acc.push({
                 typ: exports.EnumToken.NumberTokenType,
-                val: reduceNumber(curr)
+                val: minifyNumber(curr)
             });
             return acc;
         }, [])
@@ -20144,20 +20617,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,
@@ -20199,15 +20673,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' }
                 ]
             });
         }
@@ -20283,9 +20751,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');
         }
@@ -20359,15 +20828,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)) ? [
         {
@@ -20431,9 +20901,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 = [];
@@ -20469,9 +20940,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;
         }
@@ -20484,25 +20956,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;
                     }
@@ -20537,9 +21011,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;
@@ -20582,17 +21057,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;
@@ -20630,13 +21107,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))) {
@@ -20773,7 +21253,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) {
@@ -20925,22 +21420,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;
 }
@@ -20971,11 +21469,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;
             }
@@ -20992,7 +21491,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);
@@ -21017,7 +21516,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
@@ -21045,7 +21544,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;
@@ -21056,7 +21555,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
@@ -21078,7 +21577,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;
@@ -21127,12 +21626,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])) {
@@ -21146,18 +21645,39 @@ 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('&')) {
-                        // @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;
                     }
@@ -21191,12 +21711,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;
@@ -21254,17 +21774,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) {
             //
@@ -21314,10 +21838,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(')) {
@@ -21366,10 +21894,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] == ' ') {
@@ -21424,14 +21952,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);
@@ -21442,7 +21973,7 @@ function splitRule(buffer) {
                 // @ts-ignore
                 result.at(-1).push(' ');
             }
-            i = k;
+            // i = k;
             continue;
         }
         if (chr == ',') {
@@ -21493,21 +22024,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 == '(' ? ')' : ']';
@@ -21540,6 +22072,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));
@@ -21571,134 +22176,73 @@ 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;
-    }
-    for (const part of match) {
-        while (part.length > 0) {
-            const token = part.at(-1);
-            if (token == ' ' || combinators.includes(token) || notEndingWith.includes(token.at(-1))) {
-                part.pop();
-                continue;
-            }
-            break;
-        }
-    }
-    if (match.every(t => t.length == 0)) {
-        return null;
-    }
-    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;
-                }, []);
+    // 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);
+            if (token == ' ' || combinators.includes(token) || notEndingWith.includes(token.at(-1))) {
+                part.pop();
+                continue;
             }
+            break;
         }
-        acc.push(match.length == 0 ? ['&'] : (hasCompoundSelector && curr[0] != '&' && (curr.length == 0 || !combinators.includes(curr[0].charAt(0))) ? ['&'].concat(curr) : curr));
-        return acc;
     }
+    if (match.every(t => t.length == 0)) {
+        return null;
+    }
+    if (eq([['&']], match)) {
+        return null;
+    }
+    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,
@@ -21783,9 +22327,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) {
@@ -21856,9 +22401,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;
@@ -21900,7 +22446,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;
     }, []));
@@ -21938,6 +22484,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}`);
@@ -21988,10 +22817,13 @@ async function transform(css, options = {}) {
     });
 }
 
+exports.convertColor = convertColor;
 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 fb02214a..a7100870 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -142,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
@@ -203,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,
-    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
-}
+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
@@ -625,7 +628,7 @@ export declare interface ColorToken extends BaseToken {
 
     typ: EnumToken.ColorTokenType;
     val: string;
-    kin: ColorKind;
+    kin: ColorType;
     chi?: Token[];
     /* calculated */
     cal?: 'rel' | 'mix';
@@ -938,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;
@@ -1160,6 +1170,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;
@@ -1245,7 +1256,7 @@ export declare interface RenderOptions {
     indent?: string;
     newLine?: string;
     removeComments?: boolean;
-    convertColor?: boolean;
+    convertColor?: boolean | ColorType;
     withParents?: boolean;
     output?: string;
     cwd?: string;
@@ -1355,4 +1366,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, convertColor, dirname, expand, isOkLabClose, load, minify, okLabDistance, parse, parseString, parseTokens, render, renderToken, resolve, transform, walk, walkValues };
diff --git a/dist/lib/ast/expand.js b/dist/lib/ast/expand.js
index b19272e9..4347401c 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
@@ -13,18 +13,22 @@ import '../renderer/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 a1c9363e..e0998217 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';
@@ -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 ab0d0a40..f4cdebc8 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';
@@ -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;
@@ -140,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/features/prefix.js b/dist/lib/ast/features/prefix.js
index 12cc5627..c7547f5a 100644
--- a/dist/lib/ast/features/prefix.js
+++ b/dist/lib/ast/features/prefix.js
@@ -2,14 +2,14 @@ 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';
 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';
 
@@ -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/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..4e54bc43 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';
 
@@ -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 e5c0589c..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 '../../renderer/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 d68670f5..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 '../../renderer/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 d0e6b27b..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 { 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 { doRender, renderToken } from '../renderer/render.js';
-import '../renderer/color/utils/constants.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])) {
@@ -345,18 +348,39 @@ 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('&')) {
-                        // @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;
                     }
@@ -390,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;
@@ -453,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) {
             //
@@ -513,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(')) {
@@ -565,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] == ' ') {
@@ -623,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);
@@ -641,7 +676,7 @@ function splitRule(buffer) {
                 // @ts-ignore
                 result.at(-1).push(' ');
             }
-            i = k;
+            // i = k;
             continue;
         }
         if (chr == ',') {
@@ -692,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 == '(' ? ')' : ']';
@@ -739,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));
@@ -770,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);
@@ -827,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,
@@ -982,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) {
@@ -1055,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;
@@ -1099,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 62468a9c..648a8e28 100644
--- a/dist/lib/ast/transform/compute.js
+++ b/dist/lib/ast/transform/compute.js
@@ -1,14 +1,14 @@
 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';
 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';
@@ -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 1573b675..814a5421 100644
--- a/dist/lib/ast/transform/matrix.js
+++ b/dist/lib/ast/transform/matrix.js
@@ -1,14 +1,15 @@
 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';
 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/ast/types.js b/dist/lib/ast/types.js
index a01f04dd..e44e58a7 100644
--- a/dist/lib/ast/types.js
+++ b/dist/lib/ast/types.js
@@ -154,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 { EnumToken, SyntaxValidationResult, ValidationLevel };
+export { ColorType, EnumToken, SyntaxValidationResult, ValidationLevel };
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/fs/resolve.js b/dist/lib/fs/resolve.js
index 3a37b419..357ab60a 100644
--- a/dist/lib/fs/resolve.js
+++ b/dist/lib/fs/resolve.js
@@ -71,27 +71,14 @@ 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;
-    }
     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/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 a9241b5e..d1729949 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 { EnumToken, ValidationLevel, SyntaxValidationResult } from '../ast/types.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, 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, ColorKind, COLORS_NAMES, systemColors, deprecatedSystemColors, colorsFunc } from '../renderer/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';
@@ -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 });
             }
@@ -485,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 });
@@ -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);
@@ -544,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
             }), '');
         }
@@ -675,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;
                 }
@@ -784,12 +783,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 +948,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 ([
@@ -965,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;
@@ -992,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 ||
@@ -1005,43 +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(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.LiteralTokenType) {
                 if (value.val.charAt(0) == '&') {
                     // @ts-ignore
@@ -1059,12 +1017,7 @@ function parseSelector(tokens) {
                         value.typ = EnumToken.ClassSelectorTokenType;
                     }
                 }
-                // @ts-ignore
-                if (value.typ == EnumToken.DelimTokenType) {
-                    // @ts-ignore
-                    value.typ = EnumToken.NextSiblingCombinatorTokenType;
-                }
-                else if (['*', '>', '+', '~'].includes(value.val)) {
+                if (['*', '>', '+', '~'].includes(value.val)) {
                     switch (value.val) {
                         case '*':
                             // @ts-ignore
@@ -1084,13 +1037,12 @@ function parseSelector(tokens) {
                             break;
                     }
                     // @ts-ignore
-                    // @ts-ignore
                     delete value.val;
                 }
             }
             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;
                         }
@@ -1130,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
@@ -1223,14 +1171,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,
@@ -1269,7 +1217,7 @@ function getTokenType(val, hint) {
         return {
             typ: EnumToken.ColorTokenType,
             val: v,
-            kin: ColorKind.LIT
+            kin: ColorType.LIT
         };
     }
     if (isIdent(val)) {
@@ -1277,14 +1225,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 {
@@ -1296,7 +1244,7 @@ function getTokenType(val, hint) {
         return {
             typ: EnumToken.ColorTokenType,
             val,
-            kin: ColorKind.HEX
+            kin: ColorType.HEX
         };
     }
     if (val.charAt(0) == '#' && isHash(val)) {
@@ -1373,7 +1321,6 @@ function parseTokens(tokens, options = {}) {
             }
             // @ts-ignore
             if (attr.chi.length > 1) {
-                /*(<AttrToken>t).chi =*/
                 // @ts-ignore
                 parseTokens(attr.chi, t.typ);
             }
@@ -1593,7 +1540,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 &&
@@ -1604,28 +1550,6 @@ 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;
-            }
         }
     }
     return tokens;
diff --git a/dist/lib/parser/tokenize.js b/dist/lib/parser/tokenize.js
index 1888e2d1..32e39556 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,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 ||
@@ -119,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;
         }
@@ -161,15 +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/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/color/color.js b/dist/lib/renderer/color/color.js
deleted file mode 100644
index 61f613eb..00000000
--- a/dist/lib/renderer/color/color.js
+++ /dev/null
@@ -1,654 +0,0 @@
-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 { 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 { getComponents } from './utils/components.js';
-import { xyz2srgb, lsrgb2srgbvalues, srgb2lsrgbvalues, lch2srgb, oklab2srgb, lab2srgb, hwb2srgb, hsl2srgb, rgb2srgb, hex2srgb } 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 { p32srgbvalues, srgb2p3values } from './p3.js';
-import { xyzd502srgb, XYZ_D65_to_D50 } from './xyzd50.js';
-import '../sourcemap/lib/encode.js';
-
-function convert(token, to) {
-    if (token.kin == to) {
-        return token;
-    }
-    if (token.kin == ColorKind.COLOR) {
-        const colorSpace = token.chi.find(t => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
-        if (colorSpace.val == ColorKind[to].toLowerCase().replaceAll('_', '-')) {
-            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;
-            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);
-        }
-    }
-    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);
-        }
-    }
-    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 (values.length > 0) {
-            return values2rgbtoken(values);
-        }
-    }
-    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:
-                // @ts-ignore
-                values.push(...srgb2lab(...color2srgbvalues(token)));
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
-        }
-    }
-    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);
-        }
-    }
-    return null;
-}
-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) {
-        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 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) {
-    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) });
-    }
-    const colorSpace = ColorKind[to].toLowerCase().replaceAll('_', '-');
-    return colorFuncColorSpace.includes(colorSpace) ? {
-        typ: EnumToken.ColorTokenType,
-        val: 'color',
-        chi: [{ typ: EnumToken.IdenTokenType, val: colorSpace }].concat(chi),
-        kin: ColorKind.COLOR
-    } : {
-        typ: 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) => ![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;
-}
-
-export { clamp, color2srgbvalues, convert, getAngle, getNumber, minmax, values2hsltoken };
diff --git a/dist/lib/renderer/color/hex.js b/dist/lib/renderer/color/hex.js
deleted file mode 100644
index ae068cd3..00000000
--- a/dist/lib/renderer/color/hex.js
+++ /dev/null
@@ -1,105 +0,0 @@
-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 { 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';
-
-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]}`;
-        }
-    }
-    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 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 == EnumToken.Iden && t.val == 'none' ? '0' : Math.round(getNumber(t) * (t.typ == 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 == 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');
-        }
-    }
-    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) {
-        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, '#')}`;
-}
-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'), '#');
-}
-
-export { cmyk2hex, expandHexValue, hsl2hex, hwb2hex, lab2hex, lch2hex, oklab2hex, oklch2hex, reduceHexValue, rgb2hex, srgb2hexvalues };
diff --git a/dist/lib/renderer/color/hsl.js b/dist/lib/renderer/color/hsl.js
deleted file mode 100644
index 25f764f4..00000000
--- a/dist/lib/renderer/color/hsl.js
+++ /dev/null
@@ -1,125 +0,0 @@
-import { hwb2hsv } from './hsv.js';
-import { getNumber } from './color.js';
-import { lch2rgb, lab2rgb, oklch2rgb, oklab2rgb, hex2rgb } from './rgb.js';
-import './utils/constants.js';
-import { getComponents } from './utils/components.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 '../sourcemap/lib/encode.js';
-
-function hex2hsl(token) {
-    // @ts-ignore
-    return rgb2hslvalues(...hex2rgb(token));
-}
-function rgb2hsl(token) {
-    const chi = getComponents(token);
-    if (chi == null) {
-        return null;
-    }
-    // @ts-ignore
-    let t = chi[0];
-    // @ts-ignore
-    let r = getNumber(t);
-    // @ts-ignore
-    t = chi[1];
-    // @ts-ignore
-    let g = getNumber(t);
-    // @ts-ignore
-    t = chi[2];
-    // @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;
-    }
-    const values = [r, g, b];
-    if (a != null && a != 1) {
-        values.push(a);
-    }
-    // @ts-ignore
-    return rgb2hslvalues(...values);
-}
-// https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
-function hsv2hsl(h, s, v, a) {
-    const result = [
-        //[hue, saturation, lightness]
-        //Range should be between 0 - 1
-        h, //Hue stays the same
-        //Saturation is very different between the two color spaces
-        //If (2-sat)*val < 1 set it to sat*val/((2-sat)*val)
-        //Otherwise sat*val/(2-(2-sat)*val)
-        //Conditional is not operating with hue, it is reassigned!
-        s * v / ((h = (2 - s) * v) < 1 ? h : 2 - h),
-        h / 2, //Lightness is (2-sat)*val/2
-    ];
-    if (a != null) {
-        result.push(a);
-    }
-    return result;
-}
-function hwb2hsl(token) {
-    // @ts-ignore
-    return hsv2hsl(...hwb2hsv(...Object.values(hslvalues(token))));
-}
-function lab2hsl(token) {
-    // @ts-ignore
-    return rgb2hslvalues(...lab2rgb(token));
-}
-function lch2hsl(token) {
-    // @ts-ignore
-    return rgb2hslvalues(...lch2rgb(token));
-}
-function oklab2hsl(token) {
-    const t = oklab2rgb(token);
-    // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
-}
-function oklch2hsl(token) {
-    const t = oklch2rgb(token);
-    // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
-}
-function rgb2hslvalues(r, g, b, a = null) {
-    return srgb2hsl(r / 255, g / 255, b / 255, a);
-}
-function srgb2hsl(r, g, b, a = null) {
-    let max = Math.max(r, g, b);
-    let min = Math.min(r, g, b);
-    let h = 0;
-    let s = 0;
-    let l = (max + min) / 2;
-    if (max != min) {
-        let d = max - min;
-        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-        switch (max) {
-            case r:
-                h = (g - b) / d + (g < b ? 6 : 0);
-                break;
-            case g:
-                h = (b - r) / d + 2;
-                break;
-            case b:
-                h = (r - g) / d + 4;
-                break;
-        }
-        h /= 6;
-    }
-    const hsl = [h, s, l];
-    if (a != null && a < 1) {
-        // @ts-ignore
-        return hsl.concat([a]);
-    }
-    // @ts-ignore
-    return hsl;
-}
-
-export { hex2hsl, hsv2hsl, hwb2hsl, lab2hsl, lch2hsl, oklab2hsl, oklch2hsl, rgb2hsl, rgb2hslvalues, srgb2hsl };
diff --git a/dist/lib/renderer/color/hwb.js b/dist/lib/renderer/color/hwb.js
deleted file mode 100644
index ab50bbbf..00000000
--- a/dist/lib/renderer/color/hwb.js
+++ /dev/null
@@ -1,103 +0,0 @@
-import { hsl2hsv } from './hsv.js';
-import './utils/constants.js';
-import { getComponents } from './utils/components.js';
-import { 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 '../sourcemap/lib/encode.js';
-
-function rgb2hwb(token) {
-    // @ts-ignore
-    return srgb2hwb(...getComponents(token).map((t, index) => {
-        if (index == 3 && t.typ == EnumToken.IdenTokenType && t.val == 'none') {
-            return 1;
-        }
-        return getNumber(t) / 255;
-    }));
-}
-function hsl2hwb(token) {
-    // @ts-ignore
-    return hsl2hwbvalues(...getComponents(token).map((t, index) => {
-        if (index == 3 && (t.typ == EnumToken.IdenTokenType && t.val == 'none')) {
-            return 1;
-        }
-        if (index == 0) {
-            return getAngle(t);
-        }
-        return getNumber(t);
-    }));
-}
-function lab2hwb(token) {
-    // @ts-ignore
-    return srgb2hwb(...lab2srgb(token));
-}
-function lch2hwb(token) {
-    // @ts-ignore
-    return srgb2hwb(...lch2srgb(token));
-}
-function oklab2hwb(token) {
-    // @ts-ignore
-    return srgb2hwb(...oklab2srgb(token));
-}
-function oklch2hwb(token) {
-    // @ts-ignore
-    return srgb2hwb(...oklch2srgb(token));
-}
-function rgb2hue(r, g, b, fallback = 0) {
-    let value = rgb2value(r, g, b);
-    let whiteness = rgb2whiteness(r, g, b);
-    let delta = value - whiteness;
-    if (delta > 0) {
-        // calculate segment
-        let segment = value === r ? (g - b) / delta : (value === g
-            ? (b - r) / delta
-            : (r - g) / delta);
-        // calculate shift
-        let shift = value === r ? segment < 0
-            ? 360 / 60
-            : 0 / 60 : (value === g
-            ? 120 / 60
-            : 240 / 60);
-        // calculate hue
-        return (segment + shift) * 60;
-    }
-    return fallback;
-}
-function rgb2value(r, g, b) {
-    return Math.max(r, g, b);
-}
-function rgb2whiteness(r, g, b) {
-    return Math.min(r, g, b);
-}
-function srgb2hwb(r, g, b, a = null, fallback = 0) {
-    r *= 100;
-    g *= 100;
-    b *= 100;
-    let hue = rgb2hue(r, g, b, fallback);
-    let whiteness = rgb2whiteness(r, g, b);
-    let value = Math.round(rgb2value(r, g, b));
-    let blackness = 100 - value;
-    const result = [hue / 360, whiteness / 100, blackness / 100];
-    if (a != null) {
-        result.push(a);
-    }
-    return result;
-}
-function hsv2hwb(h, s, v, a = null) {
-    const result = [h, (1 - s) * v, 1 - v];
-    if (a != null) {
-        result.push(a);
-    }
-    return result;
-}
-function hsl2hwbvalues(h, s, l, a = null) {
-    // @ts-ignore
-    return hsv2hwb(...hsl2hsv(h, s, l, a));
-}
-
-export { hsl2hwb, hsl2hwbvalues, hsv2hwb, lab2hwb, lch2hwb, oklab2hwb, oklch2hwb, rgb2hwb, srgb2hwb };
diff --git a/dist/lib/renderer/color/lab.js b/dist/lib/renderer/color/lab.js
deleted file mode 100644
index 288c3ee4..00000000
--- a/dist/lib/renderer/color/lab.js
+++ /dev/null
@@ -1,148 +0,0 @@
-import { 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 { getLCHComponents } from './lch.js';
-import { OKLab_to_XYZ, getOKLABComponents } from './oklab.js';
-import { 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 '../sourcemap/lib/encode.js';
-
-// 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 rgb2lab(token) {
-    // @ts-ignore
-    return srgb2lab(...rgb2srgb(token));
-}
-function hsl2lab(token) {
-    // @ts-ignore
-    return srgb2lab(...hsl2srgb(token));
-}
-function hwb2lab(token) {
-    // @ts-ignore
-    return srgb2lab(...hwb2srgb(token));
-}
-function lch2lab(token) {
-    // @ts-ignore
-    return lch2labvalues(...getLCHComponents(token));
-}
-function oklab2lab(token) {
-    // @ts-ignore
-    return xyz2lab(...OKLab_to_XYZ(...getOKLABComponents(token)));
-}
-function oklch2lab(token) {
-    // @ts-ignore
-    return srgb2lab(...oklch2srgb(token));
-}
-function srgb2lab(r, g, b, a) {
-    // @ts-ignore */
-    const result = xyz2lab(...srgb2xyz(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
-    if (r === b && b === g) {
-        result[1] = result[2] = 0;
-    }
-    if (a != null) {
-        result.push(a);
-    }
-    return result;
-}
-function xyz2lab(x, y, z, a = null) {
-    // Assuming XYZ is relative to D50, convert to CIE Lab
-    // from CIE standard, which now defines these as a rational fraction
-    // var e = 216/24389;  // 6^3/29^3
-    // var k = 24389/27;   // 29^3/3^3
-    // compute xyz, which is XYZ scaled relative to reference white
-    const xyz = [x, y, z].map((value, i) => value / D50[i]);
-    // now compute f
-    const f = xyz.map((value) => value > e ? Math.cbrt(value) : (k * value + 16) / 116);
-    const result = [
-        (116 * f[1]) - 16, // L
-        500 * (f[0] - f[1]), // a
-        200 * (f[1] - f[2]) // b
-    ];
-    // L in range [0,100]. For use in CSS, add a percent
-    if (a != null && a != 1) {
-        result.push(a);
-    }
-    return result;
-}
-function lch2labvalues(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) {
-        result.push(a);
-    }
-    return result;
-}
-function getLABComponents(token) {
-    const components = getComponents(token);
-    if (components == null) {
-        return null;
-    }
-    for (let i = 0; i < components.length; i++) {
-        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
-            return [];
-        }
-    }
-    // @ts-ignore
-    let t = components[0];
-    // @ts-ignore
-    const l = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 100 : 1);
-    // @ts-ignore
-    t = components[1];
-    // @ts-ignore
-    const a = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 125 : 1);
-    // @ts-ignore
-    t = components[2];
-    // @ts-ignore
-    const b = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 125 : 1);
-    // @ts-ignore
-    t = components[3];
-    // @ts-ignore
-    const alpha = t == null ? 1 : getNumber(t);
-    const result = [l, a, b];
-    if (alpha != null && alpha != 1) {
-        result.push(alpha);
-    }
-    return result;
-}
-// from https://www.w3.org/TR/css-color-4/#color-conversion-code
-// D50 LAB
-function Lab_to_sRGB(l, a, b) {
-    // @ts-ignore
-    return xyzd502srgb(...Lab_to_XYZ(l, a, b));
-}
-// from https://www.w3.org/TR/css-color-4/#color-conversion-code
-function Lab_to_XYZ(l, a, b) {
-    // Convert Lab to D50-adapted XYZ
-    // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-    const k = 24389 / 27; // 29^3/3^3
-    const e = 216 / 24389; // 6^3/29^3
-    const f = [];
-    // compute f, starting with the luminance-related term
-    f[1] = (l + 16) / 116;
-    f[0] = a / 500 + f[1];
-    f[2] = f[1] - b / 200;
-    // compute xyz
-    const xyz = [
-        Math.pow(f[0], 3) > e ? Math.pow(f[0], 3) : (116 * f[0] - 16) / k,
-        l > k * e ? Math.pow((l + 16) / 116, 3) : l / k,
-        Math.pow(f[2], 3) > e ? Math.pow(f[2], 3) : (116 * f[2] - 16) / k
-    ];
-    // Compute XYZ by scaling xyz by reference white
-    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 };
diff --git a/dist/lib/renderer/color/lch.js b/dist/lib/renderer/color/lch.js
deleted file mode 100644
index 198f9b65..00000000
--- a/dist/lib/renderer/color/lch.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import './utils/constants.js';
-import { getComponents } from './utils/components.js';
-import { 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 '../sourcemap/lib/encode.js';
-
-function hex2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...hex2lab(token));
-}
-function rgb2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...rgb2lab(token));
-}
-function hsl2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...hsl2lab(token));
-}
-function hwb2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...hwb2lab(token));
-}
-function lab2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...getLABComponents(token));
-}
-function srgb2lch(r, g, blue, alpha) {
-    // @ts-ignore
-    return lab2lchvalues(...srgb2lab(r, g, blue, alpha));
-}
-function oklab2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...oklab2lab(token));
-}
-function oklch2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...oklch2lab(token));
-}
-function lab2lchvalues(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) {
-        h += 360;
-    }
-    if (c < .0001) {
-        c = h = 0;
-    }
-    return alpha == null ? [l, c, h] : [l, c, h, alpha];
-}
-function xyz2lchvalues(x, y, z, alpha) {
-    // @ts-ignore(
-    const lch = lab2lchvalues(...xyz2lab(x, y, z));
-    return alpha == null || alpha == 1 ? lch : lch.concat(alpha);
-}
-function getLCHComponents(token) {
-    const components = getComponents(token);
-    if (components == null) {
-        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
-    const l = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 100 : 1);
-    // @ts-ignore
-    t = components[1];
-    // @ts-ignore
-    const c = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 150 : 1);
-    // @ts-ignore
-    t = components[2];
-    // @ts-ignore
-    const h = getAngle(t) * 360;
-    // @ts-ignore
-    t = components[3];
-    // @ts-ignore
-    const alpha = t == null ? 1 : getNumber(t);
-    return alpha == null ? [l, c, h] : [l, c, h, alpha];
-}
-
-export { getLCHComponents, hex2lch, hsl2lch, hwb2lch, lab2lch, lab2lchvalues, oklab2lch, oklch2lch, rgb2lch, srgb2lch, xyz2lchvalues };
diff --git a/dist/lib/renderer/color/oklab.js b/dist/lib/renderer/color/oklab.js
deleted file mode 100644
index 14bdd542..00000000
--- a/dist/lib/renderer/color/oklab.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import { multiplyMatrices } from './utils/matrix.js';
-import './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 { 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 { getOKLCHComponents } from './oklch.js';
-import '../sourcemap/lib/encode.js';
-
-function hex2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...hex2srgb(token));
-}
-function rgb2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...rgb2srgb(token));
-}
-function hsl2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...hsl2srgb(token));
-}
-function hwb2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...hwb2srgb(token));
-}
-function lab2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...lab2srgb(token));
-}
-function lch2oklab(token) {
-    // @ts-ignore
-    return srgb2oklab(...lch2srgb(token));
-}
-function oklch2oklab(token) {
-    // @ts-ignore
-    return lch2labvalues(...getOKLCHComponents(token));
-}
-function srgb2oklab(r, g, blue, alpha) {
-    [r, g, blue] = srgb2lsrgbvalues(r, g, blue);
-    let L = Math.cbrt(0.41222147079999993 * r + 0.5363325363 * g + 0.0514459929 * blue);
-    let M = Math.cbrt(0.2119034981999999 * r + 0.6806995450999999 * g + 0.1073969566 * blue);
-    let S = Math.cbrt(0.08830246189999998 * r + 0.2817188376 * g + 0.6299787005000002 * blue);
-    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];
-}
-function getOKLABComponents(token) {
-    const components = getComponents(token);
-    if (components == null) {
-        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
-    const l = getNumber(t);
-    // @ts-ignore
-    t = components[1];
-    // @ts-ignore
-    const a = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
-    // @ts-ignore
-    t = components[2];
-    // @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);
-    const rgb = [l, a, b];
-    if (alpha != 1 && alpha != null) {
-        rgb.push(alpha);
-    }
-    return rgb;
-}
-function OKLab_to_XYZ(l, a, b, alpha = null) {
-    // Given OKLab, convert to XYZ relative to D65
-    const LMStoXYZ = [
-        [1.2268798758459243, -0.5578149944602171, 0.2813910456659647],
-        [-0.0405757452148008, 1.1122868032803170, -0.0717110580655164],
-        [-0.0763729366746601, -0.4214933324022432, 1.5869240198367816]
-    ];
-    const OKLabtoLMS = [
-        [1.0000000000000000, 0.3963377773761749, 0.2158037573099136],
-        [1.0000000000000000, -0.1055613458156586, -0.0638541728258133],
-        [1.0000000000000000, -0.0894841775298119, -1.2914855480194092]
-    ];
-    const LMSnl = multiplyMatrices(OKLabtoLMS, [l, a, b]);
-    const xyz = multiplyMatrices(LMStoXYZ, LMSnl.map((c) => c ** 3));
-    if (alpha != null) {
-        xyz.push(alpha);
-    }
-    return xyz;
-}
-// from https://www.w3.org/TR/css-color-4/#color-conversion-code
-function OKLab_to_sRGB(l, a, b) {
-    let L = Math.pow(l * 0.99999999845051981432 +
-        0.39633779217376785678 * a +
-        0.21580375806075880339 * b, 3);
-    let M = Math.pow(l * 1.0000000088817607767 -
-        0.1055613423236563494 * a -
-        0.063854174771705903402 * b, 3);
-    let S = Math.pow(l * 1.0000000546724109177 -
-        0.089484182094965759684 * a -
-        1.2914855378640917399 * b, 3);
-    return lsrgb2srgbvalues(
-    /* r: */
-    4.076741661347994 * L -
-        3.307711590408193 * M +
-        0.230969928729428 * S, 
-    /*  g: */
-    -1.2684380040921763 * L +
-        2.6097574006633715 * M -
-        0.3413193963102197 * S, 
-    /*  b: */
-    -0.004196086541837188 * L -
-        0.7034186144594493 * M +
-        1.7076147009309444 * S);
-}
-
-export { OKLab_to_XYZ, OKLab_to_sRGB, getOKLABComponents, hex2oklab, hsl2oklab, hwb2oklab, lab2oklab, lch2oklab, oklch2oklab, rgb2oklab, srgb2oklab };
diff --git a/dist/lib/renderer/color/oklch.js b/dist/lib/renderer/color/oklch.js
deleted file mode 100644
index f6dd8b0e..00000000
--- a/dist/lib/renderer/color/oklch.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import './utils/constants.js';
-import { getComponents } from './utils/components.js';
-import { 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 '../sourcemap/lib/encode.js';
-
-function hex2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...hex2oklab(token));
-}
-function rgb2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...rgb2oklab(token));
-}
-function hsl2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...hsl2oklab(token));
-}
-function hwb2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...hwb2oklab(token));
-}
-function lab2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...lab2oklab(token));
-}
-function lch2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...lch2oklab(token));
-}
-function oklab2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...getOKLABComponents(token));
-}
-function srgb2oklch(r, g, blue, alpha) {
-    // @ts-ignore
-    return lab2lchvalues(...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 (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, 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 == 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 == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
-    return [l, c, h, alpha];
-}
-
-export { getOKLCHComponents, hex2oklch, hsl2oklch, hwb2oklch, lab2oklch, lch2oklch, oklab2oklch, rgb2oklch, srgb2oklch };
diff --git a/dist/lib/renderer/color/rgb.js b/dist/lib/renderer/color/rgb.js
deleted file mode 100644
index fe04cafe..00000000
--- a/dist/lib/renderer/color/rgb.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import { minmax } from './color.js';
-import { COLORS_NAMES, ColorKind } from './utils/constants.js';
-import '../../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 '../sourcemap/lib/encode.js';
-
-function srgb2rgb(value) {
-    return minmax(Math.round(value * 255), 0, 255);
-}
-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));
-    }
-    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;
-    }
-    return hsl2srgbvalues(h, s, l, a).map((t) => minmax(Math.round(t * 255), 0, 255));
-}
-function cmyk2rgb(token) {
-    return cmyk2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-function oklab2rgb(token) {
-    return oklab2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-function oklch2rgb(token) {
-    return oklch2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-function lab2rgb(token) {
-    return lab2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-function lch2rgb(token) {
-    return lch2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-
-export { cmyk2rgb, hex2rgb, hsl2rgb, hwb2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb, srgb2rgb };
diff --git a/dist/lib/renderer/render.js b/dist/lib/renderer/render.js
index 9c95be1e..887e20c6 100644
--- a/dist/lib/renderer/render.js
+++ b/dist/lib/renderer/render.js
@@ -1,33 +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 { EnumToken } from '../ast/types.js';
+import { getAngle, convertColor } from '../syntax/color/color.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';
 import { expand } from '../ast/expand.js';
-import { colorMix } from './color/color-mix.js';
-import { parseRelativeColor } from './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 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++) {
@@ -236,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,7 +293,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;
                 }
@@ -331,143 +309,41 @@ 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 == 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) {
-                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) {
+                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 ([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)) {
-                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:
@@ -554,7 +430,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 +442,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 +450,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 +458,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 +466,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 +492,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 +507,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 +594,4 @@ function filterValues(values) {
     return values;
 }
 
-export { doRender, filterValues, reduceNumber, renderToken };
+export { doRender, filterValues, renderToken };
diff --git a/dist/lib/renderer/color/a98rgb.js b/dist/lib/syntax/color/a98rgb.js
similarity index 95%
rename from dist/lib/renderer/color/a98rgb.js
rename to dist/lib/syntax/color/a98rgb.js
index 43c101f6..24a61a9e 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
@@ -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..082dbfcf
--- /dev/null
+++ b/dist/lib/syntax/color/cmyk.js
@@ -0,0 +1,104 @@
+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 { 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';
+
+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: ColorType.DEVICE_CMYK
+    };
+}
+
+export { color2cmykToken, hsl2cmykToken, hwb2cmykToken, lab2cmykToken, lch2cmykToken, oklab2cmyk, oklch2cmykToken, rgb2cmykToken, srgb2cmykvalues };
diff --git a/dist/lib/renderer/color/color-mix.js b/dist/lib/syntax/color/color-mix.js
similarity index 92%
rename from dist/lib/renderer/color/color-mix.js
rename to dist/lib/syntax/color/color-mix.js
index b2f0a4d5..01969bd1 100644
--- a/dist/lib/renderer/color/color-mix.js
+++ b/dist/lib/syntax/color/color-mix.js
@@ -1,28 +1,27 @@
-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';
 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';
+import './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { srgb2hwb } from './hwb.js';
-import { srgb2hsl } from './hsl.js';
+import { srgb2oklab } from './oklab.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 '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function interpolateHue(interpolationMethod, h1, h2) {
     switch (interpolationMethod.val) {
@@ -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
@@ -230,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) {
@@ -279,7 +278,7 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
                         val: String(v)
                     };
                 }),
-                kin: ColorKind.LCH
+                kin: ColorType.LCH
             };
         case 'srgb':
         case 'srgb-linear':
@@ -290,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':
@@ -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: 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
new file mode 100644
index 00000000..9e3de413
--- /dev/null
+++ b/dist/lib/syntax/color/color.js
@@ -0,0 +1,581 @@
+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 { 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, 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';
+import { rec20202srgb, srgb2rec2020values } from './rec2020.js';
+import { srgb2xyz_d50, srgb2xyz } from './xyz.js';
+import { p32srgbvalues, srgb2p3values } from './p3.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';
+
+/**
+ * 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 ||
+        (isIdentColor(token) &&
+            ('currentcolor'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0))) {
+        return token;
+    }
+    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]);
+            }
+            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 == ColorType.HEX || token.kin == ColorType.LIT) {
+            token.val = reduceHexValue(token.val);
+            token.kin = token.val[0] == '#' ? ColorType.HEX : ColorType.LIT;
+        }
+        return token;
+    }
+    if (token.kin == ColorType.COLOR) {
+        const colorSpace = token.chi.find(t => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
+        if (colorSpace.val == ColorType[to].toLowerCase().replaceAll('_', '-')) {
+            return token;
+        }
+    }
+    if (to == ColorType.HSL) {
+        switch (token.kin) {
+            case ColorType.RGB:
+            case ColorType.RGBA:
+                return rgb2HslToken(token);
+            case ColorType.HEX:
+            case ColorType.LIT:
+                return hex2HslToken(token);
+            case ColorType.HWB:
+                return hwb2HslToken(token);
+            case ColorType.DEVICE_CMYK:
+                return cmyk2HslToken(token);
+            case ColorType.OKLAB:
+                return oklab2HslToken(token);
+            case ColorType.OKLCH:
+                return oklch2HslToken(token);
+            case ColorType.LAB:
+                return lab2HslToken(token);
+            case ColorType.LCH:
+                return lch2HslToken(token);
+            case ColorType.COLOR:
+                return color2HslToken(token);
+        }
+    }
+    else if (to == ColorType.HWB) {
+        switch (token.kin) {
+            case ColorType.RGB:
+            case ColorType.RGBA:
+                return rgb2hwbToken(token);
+            case ColorType.HEX:
+            case ColorType.LIT:
+                return rgb2hwbToken(token);
+            case ColorType.HSL:
+            case ColorType.HSLA:
+                return hsl2hwbToken(token);
+            case ColorType.OKLAB:
+                return oklab2hwbToken(token);
+            case ColorType.OKLCH:
+                return oklch2hwbToken(token);
+            case ColorType.LAB:
+                return lab2hwbToken(token);
+            case ColorType.LCH:
+                return lch2hwbToken(token);
+            case ColorType.DEVICE_CMYK:
+                return cmyk2hwbToken(token);
+            case ColorType.COLOR:
+                return color2hwbToken(token);
+        }
+    }
+    else if (to == ColorType.DEVICE_CMYK) {
+        switch (token.kin) {
+            case ColorType.RGB:
+            case ColorType.RGBA:
+                return rgb2cmykToken(token);
+            case ColorType.HEX:
+            case ColorType.LIT:
+                return rgb2cmykToken(token);
+            case ColorType.HSL:
+            case ColorType.HSLA:
+                return hsl2cmykToken(token);
+            case ColorType.HWB:
+                return hwb2cmykToken(token);
+            case ColorType.OKLAB:
+                return oklab2cmyk(token);
+            case ColorType.OKLCH:
+                return oklch2cmykToken(token);
+            case ColorType.LAB:
+                return lab2cmykToken(token);
+            //
+            case ColorType.LCH:
+                return lch2cmykToken(token);
+            case ColorType.COLOR:
+                return color2cmykToken(token);
+        }
+    }
+    else if (to == ColorType.HEX || to == ColorType.LIT) {
+        switch (token.kin) {
+            case ColorType.HEX:
+            case ColorType.LIT: {
+                const val = reduceHexValue(token.val);
+                return {
+                    typ: EnumToken.ColorTokenType,
+                    val,
+                    kin: val[0] == '#' ? ColorType.HEX : ColorType.LIT
+                };
+            }
+            case ColorType.HSL:
+                return hsl2HexToken(token);
+            case ColorType.HWB:
+                return hwb2HexToken(token);
+            case ColorType.DEVICE_CMYK:
+                return cmyk2HexToken(token);
+            case ColorType.OKLAB:
+                return oklab2HexToken(token);
+            case ColorType.OKLCH:
+                return oklch2HexToken(token);
+            case ColorType.LAB:
+                return lab2HexToken(token);
+            case ColorType.LCH:
+                return lch2HexToken(token);
+            case ColorType.COLOR:
+                return color2HexToken(token);
+            case ColorType.RGB:
+            case ColorType.RGBA:
+                return rgb2HexToken(token);
+        }
+    }
+    else if (to == ColorType.RGB) {
+        switch (token.kin) {
+            case ColorType.HEX:
+            case ColorType.LIT:
+                return hex2RgbToken(token);
+            case ColorType.HSL:
+                return hsl2RgbToken(token);
+            case ColorType.HWB:
+                return hwb2RgbToken(token);
+            case ColorType.DEVICE_CMYK:
+                return cmyk2RgbToken(token);
+            case ColorType.OKLAB:
+                return oklab2RgbToken(token);
+            case ColorType.OKLCH:
+                return oklch2RgbToken(token);
+            case ColorType.LAB:
+                return lab2RgbToken(token);
+            case ColorType.LCH:
+                return lch2RgbToken(token);
+            case ColorType.COLOR:
+                return color2RgbToken(token);
+        }
+    }
+    else if (to == ColorType.LAB) {
+        switch (token.kin) {
+            case ColorType.HEX:
+            case ColorType.LIT:
+                return hex2labToken(token);
+            case ColorType.RGB:
+            case ColorType.RGBA:
+                return rgb2labToken(token);
+            case ColorType.HSL:
+            case ColorType.HSLA:
+                return hsl2labToken(token);
+            case ColorType.HWB:
+                return hwb2labToken(token);
+            case ColorType.DEVICE_CMYK:
+                return cmyk2labToken(token);
+            case ColorType.LCH:
+                return lch2labToken(token);
+            case ColorType.OKLAB:
+                return oklab2labToken(token);
+            case ColorType.OKLCH:
+                return oklch2labToken(token);
+            case ColorType.COLOR:
+                return color2labToken(token);
+        }
+    }
+    else if (to == ColorType.LCH) {
+        switch (token.kin) {
+            case ColorType.HEX:
+            case ColorType.LIT:
+                return hex2lchToken(token);
+            case ColorType.RGB:
+            case ColorType.RGBA:
+                return rgb2lchToken(token);
+            case ColorType.HSL:
+            case ColorType.HSLA:
+                return hsl2lchToken(token);
+            case ColorType.HWB:
+                return hwb2lchToken(token);
+            case ColorType.DEVICE_CMYK:
+                return cmyk2lchToken(token);
+            case ColorType.LAB:
+                return lab2lchToken(token);
+            case ColorType.OKLAB:
+                return oklab2lchToken(token);
+            case ColorType.OKLCH:
+                return oklch2lchToken(token);
+            case ColorType.COLOR:
+                return color2lchToken(token);
+        }
+    }
+    else if (to == ColorType.OKLAB) {
+        switch (token.kin) {
+            case ColorType.HEX:
+            case ColorType.LIT:
+                return hex2oklabToken(token);
+            case ColorType.RGB:
+            case ColorType.RGBA:
+                return rgb2oklabToken(token);
+            case ColorType.HSL:
+            case ColorType.HSLA:
+                return hsl2oklabToken(token);
+            case ColorType.HWB:
+                return hwb2oklabToken(token);
+            case ColorType.DEVICE_CMYK:
+                return cmyk2oklabToken(token);
+            case ColorType.LAB:
+                return lab2oklabToken(token);
+            case ColorType.LCH:
+                return lch2oklabToken(token);
+            case ColorType.OKLCH:
+                return oklch2oklabToken(token);
+            case ColorType.COLOR:
+                return color2oklabToken(token);
+        }
+    }
+    else if (to == ColorType.OKLCH) {
+        switch (token.kin) {
+            case ColorType.HEX:
+            case ColorType.LIT:
+                return hex2oklchToken(token);
+            case ColorType.RGB:
+            case ColorType.RGBA:
+                return rgb2oklchToken(token);
+            case ColorType.HSL:
+            case ColorType.HSLA:
+                return hsl2oklchToken(token);
+            case ColorType.HWB:
+                return hwb2oklchToken(token);
+            case ColorType.DEVICE_CMYK:
+                return cmyk2oklchToken(token);
+            case ColorType.LAB:
+                return lab2oklchToken(token);
+            case ColorType.OKLAB:
+                return oklab2oklchToken(token);
+            case ColorType.LCH:
+                return lch2oklchToken(token);
+            case ColorType.COLOR:
+                return color2oklchToken(token);
+        }
+    }
+    else if (colorFuncColorSpace.includes(ColorType[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
+        switch (token.kin) {
+            case ColorType.HEX:
+            case ColorType.LIT:
+                return hex2colorToken(token, to);
+            case ColorType.RGB:
+            case ColorType.RGBA:
+                return rgb2colorToken(token, to);
+            case ColorType.HSL:
+            case ColorType.HSLA:
+                return hsl2colorToken(token, to);
+            case ColorType.HWB:
+                return hwb2colorToken(token, to);
+            case ColorType.DEVICE_CMYK:
+                return cmyk2colorToken(token, to);
+            case ColorType.LAB:
+                return lab2colorToken(token, to);
+            case ColorType.OKLAB:
+                return oklab2colorToken(token, to);
+            case ColorType.LCH:
+                return lch2colorToken(token, to);
+            case ColorType.OKLCH:
+                return oklch2colorToken(token, to);
+            case ColorType.COLOR:
+                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;
+    }
+    return values2colortoken(values, to);
+}
+function srgb2srgbcolorspace(val, to) {
+    const values = [];
+    switch (to) {
+        case ColorType.SRGB:
+            values.push(...val);
+            break;
+        case ColorType.SRGB_LINEAR:
+            // @ts-ignore
+            values.push(...srgb2lsrgbvalues(...val));
+            break;
+        case ColorType.DISPLAY_P3:
+            // @ts-ignore
+            values.push(...srgb2p3values(...val));
+            break;
+        case ColorType.PROPHOTO_RGB:
+            // @ts-ignore
+            values.push(...srgb2prophotorgbvalues(...val));
+            break;
+        case ColorType.A98_RGB:
+            // @ts-ignore
+            values.push(...srgb2a98values(...val));
+            break;
+        case ColorType.REC2020:
+            // @ts-ignore
+            values.push(...srgb2rec2020values(...val));
+            break;
+        case ColorType.XYZ:
+        case ColorType.XYZ_D65:
+            // @ts-ignore
+            values.push(...srgb2xyz(...val));
+            break;
+        case ColorType.XYZ_D50:
+            // @ts-ignore
+            values.push(...srgb2xyz_d50(...val));
+            break;
+    }
+    return values;
+}
+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) {
+    values = srgb2srgbcolorspace(values, 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.LiteralTokenType, val: "/" }, {
+            typ: EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
+    }
+    const colorSpace = ColorType[to].toLowerCase().replaceAll('_', '-');
+    return colorFuncColorSpace.includes(colorSpace) ? {
+        typ: EnumToken.ColorTokenType,
+        val: 'color',
+        chi: [{ typ: EnumToken.IdenTokenType, val: colorSpace }].concat(chi),
+        kin: ColorType.COLOR
+    } : {
+        typ: EnumToken.ColorTokenType,
+        val: colorSpace,
+        chi,
+        kin: to
+    };
+}
+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 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 { 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
new file mode 100644
index 00000000..78f0f8b5
--- /dev/null
+++ b/dist/lib/syntax/color/hex.js
@@ -0,0 +1,179 @@
+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 { color2srgbvalues, getNumber } from './color.js';
+import { srgb2rgb, cmyk2rgbvalues, hwb2rgbvalues, hsl2rgbvalues } from './rgb.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';
+
+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] &&
+            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] == '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: EnumToken.ColorTokenType,
+        val: value,
+        kin: value[0] == '#' ? ColorType.HEX : ColorType.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 == EnumToken.Iden && t.val == 'none' ? '0' : Math.round(getNumber(t) * (t.typ == 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, '')}`;
+}
+
+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
new file mode 100644
index 00000000..5204a48a
--- /dev/null
+++ b/dist/lib/syntax/color/hsl.js
@@ -0,0 +1,201 @@
+import { hwb2hsv } from './hsv.js';
+import { color2srgbvalues, toPrecisionAngle, getNumber } from './color.js';
+import { lch2rgbvalues, lab2rgbvalues, cmyk2rgbvalues } from './rgb.js';
+import './utils/constants.js';
+import { getComponents } from './utils/components.js';
+import { hex2srgbvalues, oklch2srgbvalues, oklab2srgbvalues, hslvalues } 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 '../../renderer/sourcemap/lib/encode.js';
+
+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 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: ColorType.HSL
+    };
+}
+function rgb2hslvalues(token) {
+    const chi = getComponents(token);
+    if (chi == null || chi.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    let t = chi[0];
+    // @ts-ignore
+    let r = getNumber(t);
+    // @ts-ignore
+    t = chi[1];
+    // @ts-ignore
+    let g = getNumber(t);
+    // @ts-ignore
+    t = chi[2];
+    // @ts-ignore
+    let b = getNumber(t);
+    // @ts-ignore
+    let a = null;
+    if (chi.length == 4) {
+        a = getNumber(chi[3]);
+    }
+    const values = [r, g, b];
+    if (a != null && a != 1) {
+        values.push(a);
+    }
+    // @ts-ignore
+    return rgbvalues2hslvalues(...values);
+}
+// https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
+function hsv2hsl(h, s, v, a) {
+    const result = [
+        //[hue, saturation, lightness]
+        //Range should be between 0 - 1
+        h, //Hue stays the same
+        //Saturation is very different between the two color spaces
+        //If (2-sat)*val < 1 set it to sat*val/((2-sat)*val)
+        //Otherwise sat*val/(2-(2-sat)*val)
+        //Conditional is not operating with hue, it is reassigned!
+        s * v / ((h = (2 - s) * v) < 1 ? h : 2 - h),
+        h / 2, //Lightness is (2-sat)*val/2
+    ];
+    if (a != null) {
+        result.push(a);
+    }
+    return result;
+}
+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 lab2hslvalues(token) {
+    // @ts-ignore
+    return rgbvalues2hslvalues(...lab2rgbvalues(token));
+}
+function lch2hslvalues(token) {
+    // @ts-ignore
+    return rgbvalues2hslvalues(...lch2rgbvalues(token));
+}
+function oklab2hslvalues(token) {
+    const t = oklab2srgbvalues(token);
+    // @ts-ignore
+    return t == null ? null : srgb2hslvalues(...t);
+}
+function oklch2hslvalues(token) {
+    const t = oklch2srgbvalues(token);
+    // @ts-ignore
+    return t == null ? null : srgb2hslvalues(...t);
+}
+function rgbvalues2hslvalues(r, g, b, a = null) {
+    return srgb2hslvalues(r / 255, g / 255, b / 255, a);
+}
+function srgb2hslvalues(r, g, b, a = null) {
+    let max = Math.max(r, g, b);
+    let min = Math.min(r, g, b);
+    let h = 0;
+    let s = 0;
+    let l = (max + min) / 2;
+    if (max != min) {
+        let d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    const hsl = [h, s, l];
+    if (a != null && a < 1) {
+        // @ts-ignore
+        return hsl.concat([a]);
+    }
+    // @ts-ignore
+    return hsl;
+}
+
+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/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/syntax/color/hwb.js b/dist/lib/syntax/color/hwb.js
new file mode 100644
index 00000000..d1b6fc65
--- /dev/null
+++ b/dist/lib/syntax/color/hwb.js
@@ -0,0 +1,185 @@
+import { hsl2hsv } from './hsv.js';
+import './utils/constants.js';
+import { getComponents } from './utils/components.js';
+import { color2srgbvalues, toPrecisionAngle, getAngle, getNumber } from './color.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 '../../renderer/sourcemap/lib/encode.js';
+
+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: ColorType.HWB
+    };
+}
+function rgb2hwbvalues(token) {
+    // @ts-ignore
+    return srgb2hwb(...getComponents(token).map((t, index) => {
+        if (index == 3) {
+            return getNumber(t);
+        }
+        return getNumber(t) / 255;
+    }));
+}
+function cmyk2hwbvalues(token) {
+    // @ts-ignore
+    return srgb2hwb(...cmyk2srgbvalues(token));
+}
+function hsl2hwbvalues(token) {
+    // @ts-ignore
+    return hslvalues2hwbvalues(...getComponents(token).map((t, index) => {
+        if (index == 3 && (t.typ == EnumToken.IdenTokenType && t.val == 'none')) {
+            return 1;
+        }
+        if (index == 0) {
+            return getAngle(t);
+        }
+        return getNumber(t);
+    }));
+}
+function lab2hwbvalues(token) {
+    // @ts-ignore
+    return srgb2hwb(...lab2srgbvalues(token));
+}
+function lch2hwbvalues(token) {
+    // @ts-ignore
+    return srgb2hwb(...lch2srgbvalues(token));
+}
+function oklab2hwbvalues(token) {
+    // @ts-ignore
+    return srgb2hwb(...oklab2srgbvalues(token));
+}
+function oklch2hwbvalues(token) {
+    const values = oklch2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2hwb(...values);
+}
+function rgb2hue(r, g, b, fallback = 0) {
+    let value = rgb2value(r, g, b);
+    let whiteness = rgb2whiteness(r, g, b);
+    let delta = value - whiteness;
+    if (delta > 0) {
+        // calculate segment
+        let segment = value === r ? (g - b) / delta : (value === g
+            ? (b - r) / delta
+            : (r - g) / delta);
+        // calculate shift
+        let shift = value === r ? segment < 0
+            ? 360 / 60
+            : 0 / 60 : (value === g
+            ? 120 / 60
+            : 240 / 60);
+        // calculate hue
+        return (segment + shift) * 60;
+    }
+    return fallback;
+}
+function rgb2value(r, g, b) {
+    return Math.max(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;
+    b *= 100;
+    let hue = rgb2hue(r, g, b, fallback);
+    let whiteness = rgb2whiteness(r, g, b);
+    let value = Math.round(rgb2value(r, g, b));
+    let blackness = 100 - value;
+    const result = [hue / 360, whiteness / 100, blackness / 100];
+    if (a != null) {
+        result.push(a);
+    }
+    return result;
+}
+function hsv2hwb(h, s, v, a = null) {
+    const result = [h, (1 - s) * v, 1 - v];
+    if (a != null) {
+        result.push(a);
+    }
+    return result;
+}
+function hslvalues2hwbvalues(h, s, l, a = null) {
+    // @ts-ignore
+    return hsv2hwb(...hsl2hsv(h, s, l, a));
+}
+
+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
new file mode 100644
index 00000000..47ae6fda
--- /dev/null
+++ b/dist/lib/syntax/color/lab.js
@@ -0,0 +1,262 @@
+import { e, k, D50 } from './utils/constants.js';
+import { getComponents } from './utils/components.js';
+import { color2srgbvalues, getNumber } from './color.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, xyz2srgb } from './srgb.js';
+import { getLCHComponents } from './lch.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) {
+    const values = hex2labvalues(token);
+    return values == null ? null : labToken(values);
+}
+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: ColorType.LAB
+    };
+}
+// 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 values == null ? null : srgb2labvalues(...values);
+}
+function rgb2labvalues(token) {
+    const values = rgb2srgb(token);
+    // @ts-ignore
+    return values == null ? null : srgb2labvalues(...values);
+}
+function cmyk2labvalues(token) {
+    const values = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2labvalues(...values);
+}
+function hsl2labvalues(token) {
+    const values = hsl2srgb(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2labvalues(...values);
+}
+function hwb2labvalues(token) {
+    const values = hwb2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2labvalues(...values);
+}
+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 xyz2lab(...XYZ_D65_to_D50(...OKLab_to_XYZ(...values)));
+}
+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_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
+    if (r === b && b === g) {
+        result[1] = result[2] = 0;
+    }
+    if (a != null) {
+        result.push(a);
+    }
+    return result;
+}
+function xyz2lab(x, y, z, a = null) {
+    // Assuming XYZ is relative to D50, convert to CIE Lab
+    // from CIE standard, which now defines these as a rational fraction
+    // var e = 216/24389;  // 6^3/29^3
+    // var k = 24389/27;   // 29^3/3^3
+    // compute xyz, which is XYZ scaled relative to reference white
+    const xyz = [x, y, z].map((value, i) => value / D50[i]);
+    // now compute f
+    const f = xyz.map((value) => value > e ? Math.cbrt(value) : (k * value + 16) / 116);
+    const result = [
+        (116 * f[1]) - 16, // L
+        500 * (f[0] - f[1]), // a
+        200 * (f[1] - f[2]) // b
+    ];
+    // L in range [0,100]. For use in CSS, add a percent
+    if (a != null && a != 1) {
+        result.push(a);
+    }
+    return result;
+}
+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) {
+        result.push(a);
+    }
+    return result;
+}
+function getLABComponents(token) {
+    const components = getComponents(token);
+    if (components == null) {
+        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
+    const l = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 100 : 1);
+    // @ts-ignore
+    t = components[1];
+    // @ts-ignore
+    const a = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 125 : 1);
+    // @ts-ignore
+    t = components[2];
+    // @ts-ignore
+    const b = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 125 : 1);
+    // @ts-ignore
+    t = components[3];
+    // @ts-ignore
+    const alpha = t == null ? 1 : getNumber(t);
+    const result = [l, a, b];
+    if (alpha != null && alpha != 1) {
+        result.push(alpha);
+    }
+    return result;
+}
+// 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
+    return xyz2srgb(...xyz_d65);
+}
+// from https://www.w3.org/TR/css-color-4/#color-conversion-code
+function Lab_to_XYZ(l, a, b) {
+    // Convert Lab to D50-adapted XYZ
+    // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
+    const k = 24389 / 27; // 29^3/3^3
+    const e = 216 / 24389; // 6^3/29^3
+    const f = [];
+    // compute f, starting with the luminance-related term
+    f[1] = (l + 16) / 116;
+    f[0] = a / 500 + f[1];
+    f[2] = f[1] - b / 200;
+    // compute xyz
+    const xyz = [
+        Math.pow(f[0], 3) > e ? Math.pow(f[0], 3) : (116 * f[0] - 16) / k,
+        l > k * e ? Math.pow((l + 16) / 116, 3) : l / k,
+        Math.pow(f[2], 3) > e ? Math.pow(f[2], 3) : (116 * f[2] - 16) / k
+    ];
+    // Compute XYZ by scaling xyz by reference white
+    return xyz.map((value, i) => value * D50[i]);
+}
+
+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
new file mode 100644
index 00000000..e7a6cab8
--- /dev/null
+++ b/dist/lib/syntax/color/lch.js
@@ -0,0 +1,194 @@
+import './utils/constants.js';
+import { getComponents } from './utils/components.js';
+import { color2srgbvalues, toPrecisionAngle, getNumber, getAngle } from './color.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 { srgb2labvalues, xyz2lab, oklch2labvalues, oklab2labvalues, getLABComponents, hwb2labvalues, hsl2labvalues, rgb2labvalues, hex2labvalues } from './lab.js';
+import '../../renderer/sourcemap/lib/encode.js';
+
+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: ColorType.LCH
+    };
+}
+function hex2lchvalues(token) {
+    const values = hex2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+function rgb2lchvalues(token) {
+    const values = rgb2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+function hsl2lchvalues(token) {
+    const values = hsl2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+function hwb2lchvalues(token) {
+    const values = hwb2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+function lab2lchvalues(token) {
+    const values = getLABComponents(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+function srgb2lch(r, g, blue, alpha) {
+    // @ts-ignore
+    return labvalues2lchvalues(...srgb2labvalues(r, g, blue, alpha));
+}
+function oklab2lchvalues(token) {
+    const values = oklab2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+function cmyk2lchvalues(token) {
+    const values = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2lch(...values);
+}
+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) {
+        h += 360;
+    }
+    if (c < .0001) {
+        c = h = 0;
+    }
+    return alpha == null ? [l, c, h] : [l, c, h, alpha];
+}
+function xyz2lchvalues(x, y, z, alpha) {
+    // @ts-ignore(
+    const lch = labvalues2lchvalues(...xyz2lab(x, y, z));
+    return alpha == null || alpha == 1 ? lch : lch.concat(alpha);
+}
+function getLCHComponents(token) {
+    const components = getComponents(token);
+    if (components == null) {
+        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
+    const l = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 100 : 1);
+    // @ts-ignore
+    t = components[1];
+    // @ts-ignore
+    const c = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 150 : 1);
+    // @ts-ignore
+    t = components[2];
+    // @ts-ignore
+    const h = getAngle(t) * 360;
+    // @ts-ignore
+    t = components[3];
+    // @ts-ignore
+    const alpha = t == null ? 1 : getNumber(t);
+    return alpha == null ? [l, c, h] : [l, c, h, alpha];
+}
+
+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
new file mode 100644
index 00000000..4b92542d
--- /dev/null
+++ b/dist/lib/syntax/color/oklab.js
@@ -0,0 +1,237 @@
+import { multiplyMatrices } from './utils/matrix.js';
+import './utils/constants.js';
+import { getComponents } from './utils/components.js';
+import { color2srgbvalues, getNumber } from './color.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';
+import '../../parser/tokenize.js';
+import '../../parser/utils/config.js';
+import { lchvalues2labvalues } from './lab.js';
+import { getOKLCHComponents } from './oklch.js';
+import '../../renderer/sourcemap/lib/encode.js';
+
+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: ColorType.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(...values);
+}
+function hwb2oklabvalues(token) {
+    // @ts-ignore
+    return srgb2oklab(...hwb2srgbvalues(token));
+}
+function cmyk2oklabvalues(token) {
+    const values = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2oklab(...values);
+}
+function lab2oklabvalues(token) {
+    const values = lab2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2oklab(...values);
+}
+function lch2oklabvalues(token) {
+    const values = lch2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2oklab(...values);
+}
+function oklch2oklabvalues(token) {
+    const values = getOKLCHComponents(token);
+    // @ts-ignore
+    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);
+    let L = Math.cbrt(0.41222147079999993 * r + 0.5363325363 * g + 0.0514459929 * blue);
+    let M = Math.cbrt(0.2119034981999999 * r + 0.6806995450999999 * g + 0.1073969566 * blue);
+    let S = Math.cbrt(0.08830246189999998 * r + 0.2817188376 * g + 0.6299787005000002 * blue);
+    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 || alpha == 1 ? [l, a, b] : [l, a, b, alpha];
+}
+function getOKLABComponents(token) {
+    const components = getComponents(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    let t = components[0];
+    // @ts-ignore
+    const l = getNumber(t);
+    // @ts-ignore
+    t = components[1];
+    // @ts-ignore
+    const a = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
+    // @ts-ignore
+    t = components[2];
+    // @ts-ignore
+    const b = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
+    // @ts-ignore
+    let alpha = null;
+    if (components.length > 3) {
+        alpha = getNumber(components[3]);
+    }
+    const rgb = [l, a, b];
+    if (alpha != 1 && alpha != null) {
+        rgb.push(alpha);
+    }
+    return rgb;
+}
+function OKLab_to_XYZ(l, a, b, alpha = null) {
+    // Given OKLab, convert to XYZ relative to D65
+    const LMStoXYZ = [
+        [1.2268798758459243, -0.5578149944602171, 0.2813910456659647],
+        [-0.0405757452148008, 1.1122868032803170, -0.0717110580655164],
+        [-0.0763729366746601, -0.4214933324022432, 1.5869240198367816]
+    ];
+    const OKLabtoLMS = [
+        [1.0000000000000000, 0.3963377773761749, 0.2158037573099136],
+        [1.0000000000000000, -0.1055613458156586, -0.0638541728258133],
+        [1.0000000000000000, -0.0894841775298119, -1.2914855480194092]
+    ];
+    const LMSnl = multiplyMatrices(OKLabtoLMS, [l, a, b]);
+    const xyz = multiplyMatrices(LMStoXYZ, LMSnl.map((c) => c ** 3));
+    if (alpha != null) {
+        xyz.push(alpha);
+    }
+    return xyz;
+}
+// from https://www.w3.org/TR/css-color-4/#color-conversion-code
+function OKLab_to_sRGB(l, a, b) {
+    let L = Math.pow(l * 0.99999999845051981432 +
+        0.39633779217376785678 * a +
+        0.21580375806075880339 * b, 3);
+    let M = Math.pow(l * 1.0000000088817607767 -
+        0.1055613423236563494 * a -
+        0.063854174771705903402 * b, 3);
+    let S = Math.pow(l * 1.0000000546724109177 -
+        0.089484182094965759684 * a -
+        1.2914855378640917399 * b, 3);
+    return lsrgb2srgbvalues(
+    /* r: */
+    4.076741661347994 * L -
+        3.307711590408193 * M +
+        0.230969928729428 * S, 
+    /*  g: */
+    -1.2684380040921763 * L +
+        2.6097574006633715 * M -
+        0.3413193963102197 * S, 
+    /*  b: */
+    -0.004196086541837188 * L -
+        0.7034186144594493 * M +
+        1.7076147009309444 * S);
+}
+
+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
new file mode 100644
index 00000000..b3a44132
--- /dev/null
+++ b/dist/lib/syntax/color/oklch.js
@@ -0,0 +1,166 @@
+import './utils/constants.js';
+import { getComponents } from './utils/components.js';
+import { color2srgbvalues, toPrecisionAngle, getNumber, getAngle } from './color.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 '../../renderer/sourcemap/lib/encode.js';
+
+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 cmyk2oklchToken(token) {
+    const values = cmyk2oklchvalues(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: 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: ColorType.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 cmyk2oklchvalues(token) {
+    const values = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2oklch(...values);
+}
+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 (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, 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 == 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 == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
+    return [l, c, h, alpha];
+}
+
+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/renderer/color/p3.js b/dist/lib/syntax/color/p3.js
similarity index 91%
rename from dist/lib/renderer/color/p3.js
rename to dist/lib/syntax/color/p3.js
index 05d29d2f..5b17460c 100644
--- a/dist/lib/renderer/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';
@@ -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
@@ -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/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
index f11819ff..8672e587 100644
--- a/dist/lib/renderer/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/renderer/color/rec2020.js b/dist/lib/syntax/color/rec2020.js
similarity index 84%
rename from dist/lib/renderer/color/rec2020.js
rename to dist/lib/syntax/color/rec2020.js
index 81e24357..fdf8de87 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
@@ -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/renderer/color/relativecolor.js b/dist/lib/syntax/color/relativecolor.js
similarity index 68%
rename from dist/lib/renderer/color/relativecolor.js
rename to dist/lib/syntax/color/relativecolor.js
index c6bf264c..f156d38f 100644
--- a/dist/lib/renderer/color/relativecolor.js
+++ b/dist/lib/syntax/color/relativecolor.js
@@ -1,14 +1,14 @@
-import { convert, getNumber } from './color.js';
-import { EnumToken } from '../../ast/types.js';
+import { convertColor, getNumber } from './color.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/syntax.js';
-import { reduceNumber } from '../render.js';
-import { ColorKind, colorRange } from './utils/constants.js';
+import { mathFuncs } from '../syntax.js';
+import { 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;
@@ -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 = convert(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,
@@ -57,12 +57,13 @@ 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('-', '_');
+        let colorSpace = ColorType[converted.kin].toLowerCase().replaceAll('-', '_');
         if (colorSpace in colorRange) {
             // @ts-ignore
             value *= colorRange[colorSpace][component].at(-1);
@@ -89,44 +90,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 +152,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/syntax/color/rgb.js b/dist/lib/syntax/color/rgb.js
new file mode 100644
index 00000000..3a7188f9
--- /dev/null
+++ b/dist/lib/syntax/color/rgb.js
@@ -0,0 +1,140 @@
+import { color2srgbvalues, minmax } from './color.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';
+import '../../parser/tokenize.js';
+import '../../parser/utils/config.js';
+import { expandHexValue } from './hex.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 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: ColorType.RGB
+    };
+}
+function hex2rgbvalues(token) {
+    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));
+    }
+    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 oklab2rgbvalues(token) {
+    return oklab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+function oklch2rgbvalues(token) {
+    return oklch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+function lab2rgbvalues(token) {
+    return lab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+function lch2rgbvalues(token) {
+    return lch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+
+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/renderer/color/srgb.js b/dist/lib/syntax/color/srgb.js
similarity index 73%
rename from dist/lib/renderer/color/srgb.js
rename to dist/lib/syntax/color/srgb.js
index 05be1554..f8687b2b 100644
--- a/dist/lib/renderer/color/srgb.js
+++ b/dist/lib/syntax/color/srgb.js
@@ -1,45 +1,45 @@
-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';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { expandHexValue } from './hex.js';
-import { lch2labvalues, Lab_to_sRGB, getLABComponents } from './lab.js';
-import { OKLab_to_sRGB, getOKLABComponents } from './oklab.js';
+import { lchvalues2labvalues, Lab_to_sRGB, getLABComponents } from './lab.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
 // 0 <= r, g, b <= 1
 function srgbvalues(token) {
     switch (token.kin) {
-        case ColorKind.LIT:
-        case ColorKind.HEX:
-            return hex2srgb(token);
-        case ColorKind.RGB:
-        case ColorKind.RGBA:
+        case ColorType.LIT:
+        case ColorType.HEX:
+            return hex2srgbvalues(token);
+        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:
-            return hwb2srgb(token);
-        case ColorKind.LAB:
-            return lab2srgb(token);
-        case ColorKind.LCH:
-            return lch2srgb(token);
-        case ColorKind.OKLAB:
-            return oklab2srgb(token);
-        case ColorKind.OKLCH:
-            return oklch2srgb(token);
-        case ColorKind.COLOR:
+        case ColorType.HWB:
+            return hwb2srgbvalues(token);
+        case ColorType.LAB:
+            return lab2srgbvalues(token);
+        case ColorType.LCH:
+            return lch2srgbvalues(token);
+        case ColorType.OKLAB:
+            return oklab2srgbvalues(token);
+        case ColorType.OKLCH:
+            return oklch2srgbvalues(token);
+        case ColorType.COLOR:
             return color2srgbvalues(token);
     }
     return null;
@@ -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) {
-    const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+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 == 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);
     }
+    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/renderer/color/utils/components.js b/dist/lib/syntax/color/utils/components.js
similarity index 64%
rename from dist/lib/renderer/color/utils/components.js
rename to dist/lib/syntax/color/utils/components.js
index bbd66ec7..9304fa5d 100644
--- a/dist/lib/renderer/color/utils/components.js
+++ b/dist/lib/syntax/color/utils/components.js
@@ -1,19 +1,19 @@
-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 '../../sourcemap/lib/encode.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) => {
-            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/renderer/color/utils/constants.js b/dist/lib/syntax/color/utils/constants.js
similarity index 79%
rename from dist/lib/renderer/color/utils/constants.js
rename to dist/lib/syntax/color/utils/constants.js
index ed9329cf..47fcc682 100644
--- a/dist/lib/renderer/color/utils/constants.js
+++ b/dist/lib/syntax/color/utils/constants.js
@@ -4,8 +4,10 @@ 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 colorPrecision = 6;
+const anglePrecision = .001;
 const colorRange = {
     lab: {
         l: [0, 100],
@@ -28,38 +30,9 @@ 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["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 = {}));
+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 +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, colorFuncColorSpace, colorRange, colorsFunc, deprecatedSystemColors, e, funcLike, generalEnclosedFunc, k, systemColors };
+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..ad024912
--- /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 = .01) {
+    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/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 56%
rename from dist/lib/renderer/color/xyz.js
rename to dist/lib/syntax/color/xyz.js
index ca8cd1ac..bd6c6874 100644
--- a/dist/lib/renderer/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 '../sourcemap/lib/encode.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/renderer/color/xyzd50.js b/dist/lib/syntax/color/xyzd50.js
similarity index 79%
rename from dist/lib/renderer/color/xyzd50.js
rename to dist/lib/syntax/color/xyzd50.js
index 3f771625..e364a980 100644
--- a/dist/lib/renderer/color/xyzd50.js
+++ b/dist/lib/syntax/color/xyzd50.js
@@ -8,9 +8,9 @@ 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 '../sourcemap/lib/encode.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 538665f6..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 '../renderer/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';
 
@@ -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);
+    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');
 }
 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;
                     }
                 }
             }
@@ -680,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
@@ -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/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 };
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..654525d5 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';
@@ -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/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/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/parser/parse.js b/dist/lib/validation/parser/parse.js
index 4ebd5aec..aa00178b 100644
--- a/dist/lib/validation/parser/parse.js
+++ b/dist/lib/validation/parser/parse.js
@@ -1,12 +1,12 @@
 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 '../../renderer/color/utils/constants.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';
 
 const skipped = [
@@ -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/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 62b48bbd..d60962fe 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 '../renderer/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';
 
@@ -17,12 +17,12 @@ 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();
-    if (result.at(-1)?.typ == EnumToken.WhitespaceTokenType) {
-        result.pop();
-    }
+    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) {
@@ -42,15 +42,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 +72,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 +85,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 +125,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 +145,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}`);
@@ -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);
@@ -252,9 +278,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
     };
 }
@@ -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();
@@ -286,15 +312,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 list: ${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,7 +342,7 @@ function matchList(syntax, context, options) {
         }
     }
     success = count > 0;
-    if (count && syntax.occurence != null) {
+    if (success && syntax.occurence != null) {
         success = count >= syntax.occurence.min;
         if (success && syntax.occurence.max != null) {
             success = count <= syntax.occurence.max;
@@ -323,7 +350,7 @@ function matchList(syntax, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: '',
         context
@@ -348,7 +375,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,26 +399,29 @@ 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
             };
         }
     }
-    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 +457,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(),
@@ -437,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;
@@ -451,37 +482,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();
@@ -496,21 +539,22 @@ function match(syntax, context, options) {
             if (!wildCardFuncs.includes(syntax.val) && syntax.val != token.val) {
                 break;
             }
-            if (token.typ != EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
-                success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
-                    ...options,
-                    isRepeatable: null,
-                    isList: null,
-                    occurence: null,
-                    atLeastOnce: null
-                }).valid == SyntaxValidationResult.Valid;
+            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 (syntax.typ == ValidationTokenEnum.Function) {
-                success = funcLike.includes(token.typ) && doEvaluateSyntax(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val + '()')?.[0]?.chi, createContext(token.chi), {
+            if (token.typ != EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
+                success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
                     ...options,
                     isRepeatable: null,
                     isList: null,
@@ -539,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 */]) {
@@ -683,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':
@@ -702,10 +748,10 @@ 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 && 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];
             }
@@ -749,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');
@@ -813,10 +859,12 @@ 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);
+        // console.error(`>> someOf: ${JSON.stringify({result}, null, 1)}`);
         if (result.valid == SyntaxValidationResult.Valid) {
             success = true;
             if (result.context.done()) {
@@ -829,11 +877,13 @@ 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.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 +905,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
     };
 }
@@ -884,9 +934,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 == '/')) {
@@ -903,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) {
@@ -929,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;
             }
@@ -944,12 +993,13 @@ function allOf(syntax, context, options) {
             i = -1;
         }
     }
+    // console.error()
     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/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..84471be1 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';
@@ -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 8e6dad68..108eef2b 100644
--- a/dist/lib/validation/syntaxes/family-name.js
+++ b/dist/lib/validation/syntaxes/family-name.js
@@ -1,10 +1,10 @@
-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';
 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';
 
@@ -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-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..1245db6d 100644
--- a/dist/lib/validation/syntaxes/keyframe-selector.js
+++ b/dist/lib/validation/syntaxes/keyframe-selector.js
@@ -1,37 +1,29 @@
 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';
 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) {
     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/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..53aa6a4a 100644
--- a/dist/lib/validation/syntaxes/url.js
+++ b/dist/lib/validation/syntaxes/url.js
@@ -4,47 +4,49 @@ 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';
 
 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 62926ba5..7655ab96 100644
--- a/dist/lib/validation/utils/list.js
+++ b/dist/lib/validation/utils/list.js
@@ -4,18 +4,18 @@ 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) {
     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/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..ac056b2f 100644
--- a/dist/node/index.js
+++ b/dist/node/index.js
@@ -1,11 +1,13 @@
 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';
 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';
+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';
 import '../lib/parser/tokenize.js';
diff --git a/dist/web/index.js b/dist/web/index.js
index 89bcd24e..b25bcc60 100644
--- a/dist/web/index.js
+++ b/dist/web/index.js
@@ -1,10 +1,12 @@
-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';
 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';
+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';
 import '../lib/parser/tokenize.js';
diff --git a/jsr.json b/jsr.json
index 869ea7c9..f93d57d1 100644
--- a/jsr.json
+++ b/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@tbela99/css-parser",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "publish": {
     "include": [
       "src",
diff --git a/package.json b/package.json
index 3dfaf035..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.1.1",
+  "version": "v1.2.0",
   "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=."
@@ -70,4 +70,4 @@
     "rollup-plugin-dts": "^6.2.1",
     "tslib": "^2.8.1"
   }
-}
+}
\ No newline at end of file
diff --git a/src/@types/index.d.ts b/src/@types/index.d.ts
index da0335c6..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";
 
@@ -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;
@@ -115,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/@types/token.d.ts b/src/@types/token.d.ts
index cdaf89ed..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/renderer/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/@types/validation.d.ts b/src/@types/validation.d.ts
index 08a104e7..400c2cb5 100644
--- a/src/@types/validation.d.ts
+++ b/src/@types/validation.d.ts
@@ -45,15 +45,23 @@ 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;
 
+    consume<Type>(token: Type, howMany?: number): boolean;
+
     peek<Type>(): Type | null;
 
-    next<Type>(): Type | null;
+    // tokens<Type>(): Type[];
 
-    tokens<Type>(): Type[];
+    next<Type>(): Type | null;
 
     consume<Type>(token: Type, howMany?: number): boolean;
 
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..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;
     }
 
@@ -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()) {
 
@@ -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 9f08dc8b..599f3a8e 100644
--- a/src/lib/ast/features/prefix.ts
+++ b/src/lib/ast/features/prefix.ts
@@ -9,25 +9,22 @@ 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 {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 "../../renderer/color/utils/index.ts";
+import {funcLike} from "../../syntax/color/utils/index.ts";
 import {evaluateSyntax} from "../../validation/syntax.ts";
 
 const config: ValidationConfiguration = getSyntaxConfig();
@@ -121,15 +118,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) {
 
@@ -148,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;
                     }
@@ -189,12 +186,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 +213,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..85575f27 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/index.ts";
 
 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 3bb434c3..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,30 +486,61 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
                         return acc;
 
                     }, []);
-``
+                    ``
                     if (!wrap) {
 
                         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 (optimized.length > 1) {
+
+                        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);
+                                }
 
-                        if (s[0] == '&') {
+                                return s.join('');
 
-                            s.splice(0, 1, ...(node as AstRule)!.optimized!.optimized);
+                            }).join(',')})`;
                         }
+                    }
+
+                    if (rule == null) {
+
+                        rule = selector.map(s => {
+
+                            if (s[0] == '&') {
+
+                                s.splice(0, 1, ...(node as AstRule)!.optimized!.optimized);
+                            }
 
-                        return s.join('');
-                    }).join(',');
+                            return s.join('');
+                        }).join(',');
+                    }
 
                     // @ts-ignore
                     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) {
 
@@ -553,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;
@@ -626,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) {
@@ -711,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[]) => {
 
@@ -786,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;
 
@@ -865,18 +900,18 @@ export function splitRule(buffer: string): string[][] {
 
         if (isWhiteSpace(chr.charCodeAt(0))) {
 
-            let k: number = i;
-
-            while (k + 1 < buffer.length) {
-
-                if (isWhiteSpace(buffer[k + 1].charCodeAt(0))) {
-
-                    k++;
-                    continue;
-                }
+            // let k: number = i;
 
-                break;
-            }
+            // while (k + 1 < buffer.length) {
+            //
+            //     if (isWhiteSpace(buffer[k + 1].charCodeAt(0))) {
+            //
+            //         k++;
+            //         continue;
+            //     }
+            //
+            //     break;
+            // }
 
             if (str !== '') {
 
@@ -892,7 +927,7 @@ export function splitRule(buffer: string): string[][] {
                 result.at(-1).push(' ');
             }
 
-            i = k;
+            // i = k;
             continue;
         }
 
@@ -962,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;
@@ -1013,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[][] = [[]];
@@ -1061,29 +1199,29 @@ function matchSelectors(selector1: string[][], selector2: string[][], parentType
             break;
         }
 
-        if (token == ',') {
-
-            match.push([]);
-        } else {
+        // if (token == ',') {
+        //
+        //     match.push([]);
+        // } else {
 
-            if (token.endsWith('(')) {
+        if (token.endsWith('(')) {
 
-                matchFunction++;
-            }
-
-            if (token.endsWith('[')) {
-
-                inAttr++;
-            } else if (token == ')') {
-
-                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
@@ -1092,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) {
 
@@ -1142,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),
@@ -1358,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;
@@ -1478,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--) {
 
@@ -1544,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 ae52361f..72ed5c3b 100644
--- a/src/lib/ast/transform/compute.ts
+++ b/src/lib/ast/transform/compute.ts
@@ -1,11 +1,11 @@
 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} 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 "../../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";
@@ -22,10 +22,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 +79,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 +100,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 +173,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 +238,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 +251,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 +308,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 e908c10a..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 {reduceNumber} from "../../renderer/render.ts";
 import {eq} from "../../parser/utils/eq.ts";
-import {getNumber} from "../../renderer/color/index.ts";
-import {NumberToken} from "../../validation/index.ts";
+import {getNumber} from "../../syntax/color/index.ts";
+import type {NumberToken} from "../../validation/index.ts";
+import {minifyNumber} from "../../syntax/index.ts";
 
 export function parseMatrix(mat: FunctionToken | IdentToken): Matrix | null {
 
@@ -106,7 +107,7 @@ export function serialize(matrix: Matrix): Token {
 
                 acc.push({
                     typ: EnumToken.NumberTokenType,
-                    val: reduceNumber(t)
+                    val: minifyNumber(t)
                 })
 
                 return acc
@@ -126,7 +127,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..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";
@@ -58,20 +59,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 +119,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 +203,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 +298,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/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/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/types.ts b/src/lib/ast/types.ts
index c7d94478..c219e404 100644
--- a/src/lib/ast/types.ts
+++ b/src/lib/ast/types.ts
@@ -1,4 +1,3 @@
-
 export enum SyntaxValidationResult {
     Valid,
     Drop,
@@ -157,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/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/fs/resolve.ts b/src/lib/fs/resolve.ts
index 844fed29..2219219f 100644
--- a/src/lib/fs/resolve.ts
+++ b/src/lib/fs/resolve.ts
@@ -98,34 +98,18 @@ 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;
     }
 
     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/index.ts b/src/lib/index.ts
index 62d93adc..ee595654 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 {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 e8490752..00ffa554 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -20,8 +20,9 @@ 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 {
+    ColorType,
     combinators,
     definedPropertySettings,
     EnumToken,
@@ -108,7 +109,7 @@ import type {
     UrlToken,
     WhitespaceToken
 } from "../../@types/index.d.ts";
-import {ColorKind, deprecatedSystemColors, funcLike, systemColors} from "../renderer/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";
@@ -771,7 +772,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
         }, []);
 
@@ -850,6 +851,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
             }), '');
         }
@@ -1030,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;
@@ -1193,6 +1195,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
                         });
 
@@ -1448,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;
@@ -1483,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 ||
@@ -1502,54 +1505,7 @@ 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.LiteralTokenType) {
 
                 if ((<LiteralToken>value).val.charAt(0) == '&') {
 
@@ -1570,13 +1526,7 @@ 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 (['*', '>', '+', '~'].includes((<LiteralToken>value).val)) {
 
                     switch ((<LiteralToken>value).val) {
 
@@ -1604,9 +1554,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))) {
 
@@ -1661,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
@@ -1775,7 +1720,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,
@@ -1783,7 +1728,7 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
             };
         }
 
-        if (['view', 'scroll'].includes(val)) {
+        if (timelineFunc.includes(val)) {
             return <TimelineFunctionToken>{
                 typ: EnumToken.TimelineFunctionTokenType,
                 val,
@@ -1795,21 +1740,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)) {
@@ -1829,7 +1774,7 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
         return <ColorToken>{
             typ: EnumToken.ColorTokenType,
             val: v,
-            kin: ColorKind.LIT
+            kin: ColorType.LIT
         };
     }
 
@@ -1839,7 +1784,7 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
             return <ColorToken>{
                 typ: EnumToken.ColorTokenType,
                 val,
-                kin: ColorKind.SYS
+                kin: ColorType.SYS
             };
         }
 
@@ -1847,15 +1792,14 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
             return <ColorToken>{
                 typ: EnumToken.ColorTokenType,
                 val,
-                kin: ColorKind.DPSYS
+                kin: ColorType.DPSYS
             };
         }
 
-
         return <IdentToken>{
             typ: val.startsWith('--') ? EnumToken.DashedIdenTokenType : EnumToken.IdenTokenType,
             val
-        };
+        }
     }
 
     if (val.charAt(0) == '#' && isHexColor(val)) {
@@ -1863,28 +1807,28 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
         return <ColorToken>{
             typ: EnumToken.ColorTokenType,
             val,
-            kin: ColorKind.HEX
-        };
+            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
-    };
+    }
 }
 
 /**
@@ -2269,34 +2213,6 @@ 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;
-            }
         }
     }
 
diff --git a/src/lib/parser/tokenize.ts b/src/lib/parser/tokenize.ts
index b973b856..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/color/color.ts b/src/lib/renderer/color/color.ts
deleted file mode 100644
index 79589036..00000000
--- a/src/lib/renderer/color/color.ts
+++ /dev/null
@@ -1,921 +0,0 @@
-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,
-    hsl2srgb,
-    hwb2srgb,
-    lab2srgb,
-    lch2srgb,
-    lsrgb2srgbvalues,
-    oklab2srgb,
-    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 {p32srgbvalues, srgb2p3values} from "./p3.ts";
-import {XYZ_D65_to_D50, xyzd502srgb} from "./xyzd50.ts";
-
-export function convert(token: ColorToken, to: ColorKind): ColorToken | null {
-
-    if (token.kin == to) {
-
-        return token;
-    }
-
-    if (token.kin == ColorKind.COLOR) {
-
-        const colorSpace: IdentToken = <IdentToken>(<Token[]>token.chi).find(t => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
-
-        if (colorSpace.val == ColorKind[to].toLowerCase().replaceAll('_', '-')) {
-
-            return token;
-        }
-    }
-
-    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;
-                }
-
-                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);
-        }
-    } 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);
-        }
-    } else if (to == ColorKind.RGB) {
-            let t : number[] | null;
-        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 (values.length > 0) {
-
-            return values2rgbtoken(values);
-        }
-
-    } 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:
-                // @ts-ignore
-                values.push(...srgb2lab(...color2srgbvalues(token)));
-                break;
-        }
-
-        if (values.length > 0) {
-
-            return values2colortoken(values, to);
-        }
-
-    } 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] as string).toLowerCase().replaceAll('_', '-') )) {
-
-        let t : number[] | null;
-
-        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: number[] | null = 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);
-        }
-    }
-
-    return null;
-}
-
-export function minmax(value: number, min: number, max: number): number {
-
-    if (value < min) {
-
-        return min;
-    }
-
-    if (value > max) {
-
-        return max;
-    }
-
-    return value;
-}
-
-export function color2srgbvalues(token: ColorToken): number[] | null {
-
-    const components: Token[] = getComponents(token) as Token[];
-
-    if (components == null) {
-
-        return null;
-    }
-
-    const colorSpace: IdentToken = <IdentToken>components.shift();
-    let values: number[] = components.map((val: Token) => getNumber(<IdentToken | NumberToken | PercentageToken>val));
-
-    switch (colorSpace.val) {
-
-        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;
-}
-
-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) {
-
-        chi.push({typ: EnumToken.PercentageTokenType, val: String(values[3] * 100)});
-    }
-
-    return {
-        typ: EnumToken.ColorTokenType,
-        val: ColorKind[to] as string,
-        chi,
-        kin: to
-    }
-}
-
-function values2colortoken(values: number[], to: ColorKind): ColorToken {
-
-    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)});
-    }
-
-    const colorSpace: string = ColorKind[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
-    } : <ColorToken>{
-        typ: EnumToken.ColorTokenType,
-        val: colorSpace,
-        chi,
-        kin: to
-    }
-}
-
-/**
- * clamp color values
- * @param token
- */
-export function clamp(token: ColorToken): ColorToken {
-
-    if (token.kin == ColorKind.RGB || token.kin == ColorKind.RGBA) {
-
-        (<Token[]>token.chi).filter((token: Token) => ![EnumToken.LiteralTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType].includes(token.typ)).forEach((token: Token, index: number) => {
-
-            if (index <= 2) {
-
-                if (token.typ == EnumToken.NumberTokenType) {
-
-                    (token as NumberToken).val = String(minmax(+(token as NumberToken).val, 0, 255));
-
-                } else if (token.typ == EnumToken.PercentageTokenType) {
-
-                    (token as PercentageToken).val = String(minmax(+(token as PercentageToken).val, 0, 100));
-                }
-            } else {
-
-                if (token.typ == EnumToken.NumberTokenType) {
-
-                    (token as NumberToken).val = String(minmax(+(token as NumberToken).val, 0, 1));
-
-                } else if (token.typ == EnumToken.PercentageTokenType) {
-
-                    (token as PercentageToken).val = String(minmax(+(token as PercentageToken).val, 0, 100));
-                }
-            }
-        });
-    }
-
-    return token;
-}
-
-export function getNumber(token: NumberToken | PercentageToken | IdentToken): number {
-
-    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
- */
-export function getAngle(token: NumberToken | AngleToken | IdentToken): number {
-
-    if (token.typ == EnumToken.IdenTokenType) {
-
-        if (token.val == 'none') {
-
-            return 0;
-        }
-    }
-
-    if (token.typ == EnumToken.AngleTokenType) {
-
-        switch ((token as AngleToken).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;
-}
diff --git a/src/lib/renderer/color/hex.ts b/src/lib/renderer/color/hex.ts
deleted file mode 100644
index d0ddf568..00000000
--- a/src/lib/renderer/color/hex.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-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/index.ts";
-
-function toHexString(acc: string, value: number): string {
-
-    return acc + value.toString(16).padStart(2, '0');
-}
-
-export function reduceHexValue(value: string): string {
-
-    const named_color: string = 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]}`;
-        }
-    }
-
-    return named_color != null && named_color.length <= value.length ? named_color : value;
-}
-
-export function expandHexValue(value: string): string {
-
-    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;
-}
-
-
-export function rgb2hex(token: ColorToken) {
-
-    let value: string = '#';
-    let t: NumberToken | PercentageToken;
-
-    // @ts-ignore
-    const components: number[] = getComponents(token);
-
-    // @ts-ignore
-    for (let i = 0; i < 3; i++) {
-
-        // @ts-ignore
-        t = components[i];
-
-        // @ts-ignore
-        value += (t.typ == EnumToken.Iden && t.val == 'none' ? '0' : Math.round(getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 255 : 1))).toString(16).padStart(2, '0')
-    }
-
-    // @ts-ignore
-    if (components.length == 4) {
-
-        // @ts-ignore
-        t = components[3];
-
-        // @ts-ignore
-        const v: number = ((<IdentToken>t).typ == EnumToken.IdenTokenType && (<IdentToken>t).val == 'none') ? 1 : getNumber(t);
-
-        // @ts-ignore
-        if (v < 1) {
-
-            // @ts-ignore
-            value += Math.round(255 * getNumber(t)).toString(16).padStart(2, '0')
-        }
-    }
-
-    return value;
-}
-
-export function hsl2hex(token: ColorToken) {
-
-    const t = hsl2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-
-export function hwb2hex(token: ColorToken): string | null{
-
-    const t = hwb2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-
-export function cmyk2hex(token: ColorToken): string | null {
-
-    const t = cmyk2rgb(token);
-    return t == null ? null : `#${t.reduce(toHexString, '')}`;
-}
-
-export function oklab2hex(token: ColorToken): string | null {
-
-    const t = oklab2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-
-export function oklch2hex(token: ColorToken): string | null {
-
-    const value = oklch2rgb(token);
-
-    if (value == null) {
-
-        return null;
-    }
-
-    return `${value.reduce(toHexString, '#')}`;
-}
-
-export function lab2hex(token: ColorToken): string | null{
-
-    const t = lab2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-
-export function lch2hex(token: ColorToken): string | null {
-
-    const t = lch2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-
-export function srgb2hexvalues(r: number, g: number, b: number, alpha?: number | null): string {
-
-    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'), '#');
-}
diff --git a/src/lib/renderer/color/hsl.ts b/src/lib/renderer/color/hsl.ts
deleted file mode 100644
index bc13c8b7..00000000
--- a/src/lib/renderer/color/hsl.ts
+++ /dev/null
@@ -1,164 +0,0 @@
-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 {EnumToken} from "../../ast/index.ts";
-import {hslvalues} from './srgb.ts';
-
-export function hex2hsl(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return rgb2hslvalues(...hex2rgb(token));
-}
-
-export function rgb2hsl(token: ColorToken): number[] | null {
-
-    const chi: Token[] | null = getComponents(token);
-
-    if (chi == null) {
-
-        return null;
-    }
-
-    // @ts-ignore
-    let t: NumberToken | PercentageToken | IdentToken = <NumberToken | PercentageToken | IdentToken>chi[0];
-
-    // @ts-ignore
-    let r: number = getNumber(t);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken | IdentToken>chi[1];
-    // @ts-ignore
-    let g: number = getNumber(t);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken | IdentToken>chi[2];
-    // @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')) {
-
-        // @ts-ignore
-        a = getNumber(t) / 255;
-    }
-
-    const values: number[] = [r, g, b];
-
-    if (a != null && a != 1) {
-
-        values.push(a);
-    }
-
-
-    // @ts-ignore
-    return rgb2hslvalues(...values);
-}
-
-// https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
-export function hsv2hsl(h: number, s: number, v: number, a?: number): number[] {
-
-    const result = [
-        //[hue, saturation, lightness]
-        //Range should be between 0 - 1
-        h, //Hue stays the same
-
-        //Saturation is very different between the two color spaces
-        //If (2-sat)*val < 1 set it to sat*val/((2-sat)*val)
-        //Otherwise sat*val/(2-(2-sat)*val)
-        //Conditional is not operating with hue, it is reassigned!
-        s * v / ((h = (2 - s) * v) < 1 ? h : 2 - h),
-
-        h / 2, //Lightness is (2-sat)*val/2
-    ];
-
-    if (a != null) {
-        result.push(a);
-    }
-
-    return result;
-}
-
-
-export function hwb2hsl(token: ColorToken): [number, number, number, number] {
-
-    // @ts-ignore
-    return hsv2hsl(...hwb2hsv(...Object.values(hslvalues(token))));
-}
-
-export function lab2hsl(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return rgb2hslvalues(...lab2rgb(token));
-}
-
-export function lch2hsl(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return rgb2hslvalues(...lch2rgb(token));
-}
-
-export function oklab2hsl(token: ColorToken): number[] | null {
-
-    const t: number[] | null = oklab2rgb(token);
-    // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
-}
-
-export function oklch2hsl(token: ColorToken): number[] | null{
-
-    const t: number[] | null = oklch2rgb(token);
-    // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
-}
-
-export function rgb2hslvalues(r: number, g: number, b: number, a: number | null = null): number[] {
-
-    return srgb2hsl(r / 255, g / 255, b / 255, a);
-}
-
-
-export function srgb2hsl(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);
-    let h: number = 0;
-    let s: number = 0;
-    let l: number = (max + min) / 2;
-
-    if (max != min) {
-        let d: number = max - min;
-        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-
-        switch (max) {
-            case r:
-                h = (g - b) / d + (g < b ? 6 : 0);
-                break;
-            case g:
-                h = (b - r) / d + 2;
-                break;
-            case b:
-                h = (r - g) / d + 4;
-                break;
-        }
-
-        h /= 6;
-    }
-
-    const hsl: number[] = [h, s, l];
-
-    if (a != null && a < 1) {
-
-        // @ts-ignore
-        return hsl.concat([<number>a])
-
-    }
-
-    // @ts-ignore
-    return hsl;
-}
\ No newline at end of file
diff --git a/src/lib/renderer/color/hwb.ts b/src/lib/renderer/color/hwb.ts
deleted file mode 100644
index 75452d54..00000000
--- a/src/lib/renderer/color/hwb.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-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 {getAngle, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
-import {lab2srgb, lch2srgb, oklab2srgb, oklch2srgb} from "./srgb.ts";
-
-export function rgb2hwb(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;
-        }
-
-        return getNumber(<IdentToken | NumberToken | PercentageToken>t) / 255;
-    }));
-}
-
-export function hsl2hwb(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return hsl2hwbvalues(...getComponents(token).map((t: Token, index: number) => {
-
-        if (index == 3 && (t.typ == EnumToken.IdenTokenType && (t as IdentToken).val == 'none')) {
-            return 1;
-        }
-
-        if (index == 0) {
-
-            return getAngle(<AngleToken | IdentToken>t);
-        }
-
-        return getNumber(<IdentToken | NumberToken | PercentageToken>t);
-    }));
-}
-
-export function lab2hwb(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return srgb2hwb(...lab2srgb(token));
-}
-
-export function lch2hwb(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return srgb2hwb(...lch2srgb(token));
-}
-
-export function oklab2hwb(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return srgb2hwb(...oklab2srgb(token));
-}
-
-export function oklch2hwb(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return srgb2hwb(...oklch2srgb(token));
-}
-
-function rgb2hue(r: number, g: number, b: number, fallback: number = 0) {
-
-    let value: number = rgb2value(r, g, b);
-    let whiteness: number = rgb2whiteness(r, g, b);
-
-    let delta: number = value - whiteness;
-
-    if (delta > 0) {
-
-        // calculate segment
-        let segment: number = value === r ? (g - b) / delta : (value === g
-            ? (b - r) / delta
-            : (r - g) / delta);
-
-        // calculate shift
-        let shift: number = value === r ? segment < 0
-            ? 360 / 60
-            : 0 / 60 : (value === g
-            ? 120 / 60
-            : 240 / 60);
-
-        // calculate hue
-        return (segment + shift) * 60;
-    }
-
-    return fallback;
-}
-
-function rgb2value(r: number, g: number, b: number): number {
-    return Math.max(r, g, b);
-}
-
-function rgb2whiteness(r: number, g: number, b: number): number {
-
-    return Math.min(r, g, b);
-}
-
-export function srgb2hwb(r: number, g: number, b: number, a: number | null = null, fallback: number = 0): number[] {
-
-    r *= 100;
-    g *= 100;
-    b *= 100;
-
-    let hue: number = rgb2hue(r, g, b, fallback);
-    let whiteness: number = rgb2whiteness(r, g, b);
-    let value: number = Math.round(rgb2value(r, g, b));
-    let blackness: number = 100 - value;
-
-    const result: number[] = [hue / 360, whiteness / 100, blackness / 100];
-
-    if (a != null) {
-        result.push(a);
-    }
-
-    return result;
-}
-
-
-export function hsv2hwb(h: number, s: number, v: number, a: number | null = null): number[] {
-
-    const result: number[] = [h, (1 - s) * v, 1 - v];
-
-    if (a != null) {
-        result.push(a);
-    }
-
-    return result;
-}
-
-export function hsl2hwbvalues(h: number, s: number, l: number, a: number | null = null): number[] {
-
-    // @ts-ignore
-    return hsv2hwb(...hsl2hsv(h, s, l, a));
-}
\ No newline at end of file
diff --git a/src/lib/renderer/color/lab.ts b/src/lib/renderer/color/lab.ts
deleted file mode 100644
index 79c167aa..00000000
--- a/src/lib/renderer/color/lab.ts
+++ /dev/null
@@ -1,192 +0,0 @@
-import {D50, e, getComponents, k} from "./utils/index.ts";
-import {srgb2xyz} from "./xyz.ts";
-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/index.ts";
-import {xyzd502srgb} from "./xyzd50.ts";
-
-// L: 0% = 0.0, 100% = 100.0
-// for a and b: -100% = -125, 100% = 125
-
-export function hex2lab(token: ColorToken) {
-
-    //  @ts-ignore
-    return srgb2lab(...hex2srgb(token));
-}
-
-export function rgb2lab(token: ColorToken) {
-    // @ts-ignore
-    return srgb2lab(...rgb2srgb(token));
-}
-
-export function hsl2lab(token: ColorToken) {
-    // @ts-ignore
-    return srgb2lab(...hsl2srgb(token));
-}
-
-export function hwb2lab(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return srgb2lab(...hwb2srgb(token));
-}
-
-export function lch2lab(token: ColorToken) {
-
-    // @ts-ignore
-    return lch2labvalues(...getLCHComponents(token));
-}
-
-export function oklab2lab(token: ColorToken) {
-
-    // @ts-ignore
-    return xyz2lab(...OKLab_to_XYZ(...getOKLABComponents(token)));
-}
-
-export function oklch2lab(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return srgb2lab(...oklch2srgb(token));
-}
-
-export function srgb2lab(r: number, g: number, b: number, a: number | null): number[] {
-
-    // @ts-ignore */
-    const result: number[] = xyz2lab(...srgb2xyz(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
-    if (r === b && b === g) {
-        result[1] = result[2] = 0;
-    }
-
-    if (a != null) {
-
-        result.push(a);
-    }
-
-    return result;
-}
-
-export function xyz2lab(x: number, y: number, z: number, a: number | null = null): number[] {
-    // Assuming XYZ is relative to D50, convert to CIE Lab
-    // from CIE standard, which now defines these as a rational fraction
-    // var e = 216/24389;  // 6^3/29^3
-    // var k = 24389/27;   // 29^3/3^3
-
-    // compute xyz, which is XYZ scaled relative to reference white
-    const xyz: number[] = [x, y, z].map((value: number, i: number) => value / D50[i]);
-
-    // now compute f
-    const f: number[] = xyz.map((value: number): number => value > e ? Math.cbrt(value) : (k * value + 16) / 116);
-
-    const result: number[] = [
-        (116 * f[1]) - 16, 	 // L
-        500 * (f[0] - f[1]), // a
-        200 * (f[1] - f[2])  // b
-    ];
-    // L in range [0,100]. For use in CSS, add a percent
-
-    if (a != null && a != 1) {
-        result.push(a);
-    }
-
-    return result;
-}
-
-export function lch2labvalues(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)];
-
-    if (a != null) {
-        result.push(a);
-    }
-
-    return result;
-}
-
-export function getLABComponents(token: ColorToken): number[] | null {
-
-    const components: Token[] | null = getComponents(token);
-
-    if (components == null) {
-
-        return null;
-    }
-
-    for (let i = 0; i < components.length; i++) {
-
-        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
-
-            return [];
-        }
-    }
-
-    // @ts-ignore
-    let t: NumberToken | PercentageToken = <NumberToken | PercentageToken>components[0];
-
-    // @ts-ignore
-    const l: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 100 : 1);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[1];
-
-    // @ts-ignore
-    const a: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 125 : 1);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[2];
-
-    // @ts-ignore
-    const b: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 125 : 1);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[3];
-
-    // @ts-ignore
-    const alpha: number = t == null ? 1 : getNumber(t);
-
-    const result: number[] = [l, a, b];
-
-    if (alpha != null && alpha != 1) {
-
-        result.push(alpha);
-    }
-
-    return result;
-}
-
-// from https://www.w3.org/TR/css-color-4/#color-conversion-code
-// D50 LAB
-export function Lab_to_sRGB(l: number, a: number, b: number): number[] {
-
-    // @ts-ignore
-    return xyzd502srgb(...Lab_to_XYZ(l, a, b));
-}
-
-// from https://www.w3.org/TR/css-color-4/#color-conversion-code
-export function Lab_to_XYZ(l: number, a: number, b: number): number[] {
-    // Convert Lab to D50-adapted XYZ
-    // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-    const k: number = 24389 / 27;   // 29^3/3^3
-    const e: number = 216 / 24389;  // 6^3/29^3
-    const f: number[] = [];
-
-    // compute f, starting with the luminance-related term
-    f[1] = (l + 16) / 116;
-    f[0] = a / 500 + f[1];
-    f[2] = f[1] - b / 200;
-
-    // compute xyz
-    const xyz: number[] = [
-        Math.pow(f[0], 3) > e ? Math.pow(f[0], 3) : (116 * f[0] - 16) / k,
-        l > k * e ? Math.pow((l + 16) / 116, 3) : l / k,
-        Math.pow(f[2], 3) > e ? Math.pow(f[2], 3) : (116 * f[2] - 16) / k
-    ];
-
-    // Compute XYZ by scaling xyz by reference white
-    return xyz.map((value: number, i: number) => value * D50[i]);
-}
\ No newline at end of file
diff --git a/src/lib/renderer/color/lch.ts b/src/lib/renderer/color/lch.ts
deleted file mode 100644
index a1cd5515..00000000
--- a/src/lib/renderer/color/lch.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-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/index.ts";
-import {getLABComponents, hex2lab, hsl2lab, hwb2lab, oklab2lab, oklch2lab, rgb2lab, srgb2lab, xyz2lab} from "./lab.ts";
-
-export function hex2lch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...hex2lab(token));
-}
-
-export function rgb2lch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...rgb2lab(token));
-}
-
-export function hsl2lch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...hsl2lab(token));
-}
-
-export function hwb2lch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...hwb2lab(token));
-}
-
-export function lab2lch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...getLABComponents(token));
-}
-
-export function srgb2lch(r: number, g: number, blue: number, alpha: number | null): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...srgb2lab(r, g, blue, alpha));
-}
-
-export function oklab2lch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...oklab2lab(token));
-}
-
-export function oklch2lch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...oklch2lab(token));
-}
-
-export function lab2lchvalues(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;
-
-    if (h < 0) {
-        h += 360;
-    }
-
-    if (c < .0001) {
-        c = h = 0;
-    }
-
-    return alpha == null ? [l, c, h] : [l, c, h, alpha];
-}
-
-export function xyz2lchvalues(x: number, y: number, z: number, alpha?: number): number[] {
-
-    // @ts-ignore(
-    const lch = lab2lchvalues(...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);
-
-    if (components == null) {
-
-        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];
-
-    // @ts-ignore
-    const l: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 100 : 1);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[1];
-
-    // @ts-ignore
-    const c: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 150 : 1);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[2];
-
-    // @ts-ignore
-    const h: number = getAngle(t) * 360;
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[3];
-
-    // @ts-ignore
-    const alpha: number = t == null ? 1 : getNumber(t);
-
-    return alpha == null ? [l, c, h] : [l, c, h, alpha];
-}
\ No newline at end of file
diff --git a/src/lib/renderer/color/oklab.ts b/src/lib/renderer/color/oklab.ts
deleted file mode 100644
index 11126c6a..00000000
--- a/src/lib/renderer/color/oklab.ts
+++ /dev/null
@@ -1,197 +0,0 @@
-import {getComponents, multiplyMatrices} from "./utils/index.ts";
-import {
-    hex2srgb,
-    hsl2srgb,
-    hwb2srgb,
-    lab2srgb,
-    lch2srgb,
-    lsrgb2srgbvalues,
-    rgb2srgb,
-    srgb2lsrgbvalues
-} from "./srgb.ts";
-import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
-import {getOKLCHComponents} from "./oklch.ts";
-import {lch2labvalues} from "./lab.ts";
-
-export function hex2oklab(token: ColorToken) {
-
-    // @ts-ignore
-    return srgb2oklab(...hex2srgb(token));
-}
-
-export function rgb2oklab(token: ColorToken) {
-
-    // @ts-ignore
-    return srgb2oklab(...rgb2srgb(token));
-}
-
-export function hsl2oklab(token: ColorToken) {
-
-    // @ts-ignore
-    return srgb2oklab(...hsl2srgb(token));
-}
-
-export function hwb2oklab(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return srgb2oklab(...hwb2srgb(token));
-}
-
-export function lab2oklab(token: ColorToken) {
-
-    // @ts-ignore
-    return srgb2oklab(...lab2srgb(token));
-}
-
-export function lch2oklab(token: ColorToken) {
-
-    // @ts-ignore
-    return srgb2oklab(...lch2srgb(token));
-}
-
-export function oklch2oklab(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lch2labvalues(...getOKLCHComponents(token));
-}
-
-export function srgb2oklab(r: number, g: number, blue: number, alpha: number | null): number[] {
-
-    [r, g, blue] = srgb2lsrgbvalues(r, g, blue);
-
-    let L: number = Math.cbrt(
-        0.41222147079999993 * r + 0.5363325363 * g + 0.0514459929 * blue
-    );
-    let M: number = Math.cbrt(
-        0.2119034981999999 * r + 0.6806995450999999 * g + 0.1073969566 * blue
-    );
-    let S: number = Math.cbrt(
-        0.08830246189999998 * r + 0.2817188376 * g + 0.6299787005000002 * blue
-    );
-
-    const l: number = 0.2104542553 * L + 0.793617785 * M - 0.0040720468 * S;
-
-    const a: number = r == g && g == blue ? 0 : 1.9779984951 * L - 2.428592205 * M + 0.4505937099 * S;
-
-    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];
-}
-
-export function getOKLABComponents(token: ColorToken): number[] | null{
-
-    const components: Token[] | null = getComponents(token);
-
-    if (components == null) {
-
-        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];
-
-    // @ts-ignore
-    const l: number = getNumber(t);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[1];
-
-    // @ts-ignore
-    const a: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[2];
-
-    // @ts-ignore
-    const b: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[3];
-
-    // @ts-ignore
-    const alpha: number = t == null || (t.typ == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
-
-    const rgb: number[] = [l, a, b];
-
-    if (alpha != 1 && alpha != null) {
-
-        rgb.push(alpha);
-    }
-
-    return rgb;
-}
-
-export function OKLab_to_XYZ(l: number, a: number, b: number, alpha: number | null = null): number[] {
-
-
-    // Given OKLab, convert to XYZ relative to D65
-    const LMStoXYZ: number[][] = [
-        [1.2268798758459243, -0.5578149944602171, 0.2813910456659647],
-        [-0.0405757452148008, 1.1122868032803170, -0.0717110580655164],
-        [-0.0763729366746601, -0.4214933324022432, 1.5869240198367816]
-    ];
-    const OKLabtoLMS: number[][] = [
-        [1.0000000000000000, 0.3963377773761749, 0.2158037573099136],
-        [1.0000000000000000, -0.1055613458156586, -0.0638541728258133],
-        [1.0000000000000000, -0.0894841775298119, -1.2914855480194092]
-    ];
-
-    const LMSnl: number[] = multiplyMatrices(OKLabtoLMS, [l, a, b]);
-    const xyz: number[] = multiplyMatrices(LMStoXYZ, LMSnl.map((c: number): number => c ** 3));
-
-    if (alpha != null) {
-
-        xyz.push(alpha);
-    }
-
-    return xyz;
-}
-
-// from https://www.w3.org/TR/css-color-4/#color-conversion-code
-export function OKLab_to_sRGB(l: number, a: number, b: number): number[] {
-
-    let L: number = Math.pow(
-        l * 0.99999999845051981432 +
-        0.39633779217376785678 * a +
-        0.21580375806075880339 * b,
-        3
-    );
-    let M: number = Math.pow(
-        l * 1.0000000088817607767 -
-        0.1055613423236563494 * a -
-        0.063854174771705903402 * b,
-        3
-    );
-    let S: number = Math.pow(
-        l * 1.0000000546724109177 -
-        0.089484182094965759684 * a -
-        1.2914855378640917399 * b,
-        3
-    );
-
-    return lsrgb2srgbvalues(
-        /* r: */
-        +4.076741661347994 * L -
-        3.307711590408193 * M +
-        0.230969928729428 * S,
-        /*  g: */
-        -1.2684380040921763 * L +
-        2.6097574006633715 * M -
-        0.3413193963102197 * S,
-        /*  b: */
-        -0.004196086541837188 * L -
-        0.7034186144594493 * M +
-        1.7076147009309444 * S
-    );
-}
diff --git a/src/lib/renderer/color/oklch.ts b/src/lib/renderer/color/oklch.ts
deleted file mode 100644
index 56e383e9..00000000
--- a/src/lib/renderer/color/oklch.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-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/index.ts";
-import {lab2lchvalues} from "./lch.ts";
-import {
-    getOKLABComponents,
-    hex2oklab,
-    hsl2oklab,
-    hwb2oklab,
-    lab2oklab,
-    lch2oklab,
-    rgb2oklab,
-    srgb2oklab
-} from "./oklab.ts";
-
-export function hex2oklch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...hex2oklab(token));
-}
-
-export function rgb2oklch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...rgb2oklab(token));
-}
-
-export function hsl2oklch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...hsl2oklab(token));
-}
-
-export function hwb2oklch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...hwb2oklab(token));
-}
-
-export function lab2oklch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...lab2oklab(token));
-}
-
-export function lch2oklch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...lch2oklab(token));
-}
-
-export function oklab2oklch(token: ColorToken): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...getOKLABComponents(token));
-}
-
-export function srgb2oklch(r: number, g: number, blue: number, alpha: number | null): number[] {
-
-    // @ts-ignore
-    return lab2lchvalues(...srgb2oklab(r, g, blue, alpha));
-}
-
-export function getOKLCHComponents(token: ColorToken): number[] | null {
-
-    const components: Token[] | null = getComponents(token);
-
-    if (components == null) {
-
-        return null;
-    }
-
-    for (let i = 0; i < components.length; i++) {
-
-        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
-
-            return [];
-        }
-    }
-
-    // @ts-ignore
-    let t: NumberToken | PercentageToken = <NumberToken | PercentageToken>components[0];
-
-    // @ts-ignore
-    const l: number = getNumber(t);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[1];
-
-    // @ts-ignore
-    const c: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[2];
-
-    // @ts-ignore
-    const h: number = getAngle(t) * 360;
-
-    // @ts-ignore
-    t = <NumberToken | PercentageToken>components[3];
-
-    // @ts-ignore
-    const alpha: number = t == null || (t.typ == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
-
-    return [l, c, h, alpha];
-}
\ No newline at end of file
diff --git a/src/lib/renderer/color/rgb.ts b/src/lib/renderer/color/rgb.ts
deleted file mode 100644
index 4f8b42de..00000000
--- a/src/lib/renderer/color/rgb.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import type {ColorToken} from "../../../@types/index.d.ts";
-import {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";
-
-export function srgb2rgb(value: number): number {
-
-    return minmax(Math.round(value * 255), 0, 255);
-}
-
-export function hex2rgb(token: ColorToken): number[] {
-
-    const value: string = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
-    const rgb: number[] = [];
-
-    for (let i = 1; i < value.length; i += 2) {
-
-        rgb.push(parseInt(value.slice(i, i + 2), 16));
-    }
-
-    return rgb;
-}
-
-export function hwb2rgb(token: ColorToken): number[] | null {
-
-    return hwb2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-
-export function hsl2rgb(token: ColorToken): number[] | null {
-
-    let {h, s, l, a} = hslvalues(token) ?? {};
-
-    if (h == null || s == null || l == null) {
-
-        return null;
-    }
-
-    return hsl2srgbvalues(h, s, l, a).map((t: number) => minmax(Math.round(t * 255), 0, 255));
-}
-
-
-export function cmyk2rgb(token: ColorToken): number[] | null {
-
-    return cmyk2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-
-export function oklab2rgb(token: ColorToken): number[] | null {
-
-    return oklab2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-
-export function oklch2rgb(token: ColorToken): number[] | null {
-
-    return oklch2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-
-export function lab2rgb(token: ColorToken): number[] | null {
-
-    return lab2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-
-export function lch2rgb(token: ColorToken): number[] | null {
-
-    return lch2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
\ No newline at end of file
diff --git a/src/lib/renderer/index.ts b/src/lib/renderer/index.ts
index dc45605e..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 "./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 45097ccc..82f5f1c7 100644
--- a/src/lib/renderer/render.ts
+++ b/src/lib/renderer/render.ts
@@ -43,59 +43,11 @@ 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 "./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 "./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 {colorsFunc, funcLike} from "../syntax/color/utils/index.ts";
+import {isColor, isNewLine, mathFuncs, minifyNumber, pseudoElements} from "../syntax/index.ts";
 
 function update(position: Position, str: string) {
 
@@ -401,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 '';
     }
 }
 
@@ -519,7 +468,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) {
 
@@ -545,215 +494,61 @@ 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 == 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), '') + ')';
             }
 
-            if (options.convertColor) {
-
-                if ((token as ColorToken).cal == 'mix' && (token as ColorToken).val == '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[][]>[[]]);
+            if (options.convertColor !== false) {
 
-                    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]);
+                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) {
+                //
+                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[]);
-                    }
+                    token = value;
                 }
+            }
 
-                if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val)) {
+            if ([ColorType.HEX, ColorType.LIT, ColorType.SYS, ColorType.DPSYS].includes((token as ColorToken).kin)) {
 
-                    const chi: Token[] | null = getComponents(token as ColorToken);
-                    const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
+                return (token as ColorToken).val;
+            }
 
-                    if (chi != null) {
+            if (Array.isArray((token as ColorToken).chi)) {
 
-                        // @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]);
+                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[]) => {
 
-                        if (components != null) {
+                    if (/[,/]\s*$/.test(acc)) {
 
-                            (token as ColorToken).chi = [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
+                        if (curr.typ == EnumToken.WhitespaceTokenType) {
 
-                            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())) {
-
-                        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.trimStart() + renderToken(curr, options, cache);
                     }
-                }
-
-                if ((token as ColorToken).cal != null) {
-
-                    let slice: boolean = false;
 
-                    if ((token as ColorToken).cal == 'rel') {
+                    if (isLegacy && curr.typ == EnumToken.CommaTokenType) {
 
-                        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 acc.trimEnd() + ' ';
                     }
 
-                    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 (curr.typ == EnumToken.WhitespaceTokenType) {
 
+                        return acc.trimEnd() + ' ';
+                    }
 
-            if ([ColorKind.HEX, ColorKind.LIT, ColorKind.SYS, ColorKind.DPSYS].includes((token as ColorToken).kin)) {
+                    if (curr.typ == EnumToken.CommaTokenType || (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/')) {
 
-                return (token as ColorToken).val;
-            }
-
-            if (Array.isArray((token as ColorToken).chi)) {
+                        return acc.trimEnd() + (curr.typ == EnumToken.CommaTokenType ? ',' : '/');
+                    }
 
-                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:
@@ -880,7 +675,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 +696,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 +709,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 +722,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 +735,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 +775,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 +799,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) : minifyNumber(<string>(token as PercentageToken).val);
 
-            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);
             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/renderer/color/a98rgb.ts b/src/lib/syntax/color/a98rgb.ts
similarity index 76%
rename from src/lib/renderer/color/a98rgb.ts
rename to src/lib/syntax/color/a98rgb.ts
index 15cd3351..61bf5a87 100644
--- a/src/lib/renderer/color/a98rgb.ts
+++ b/src/lib/syntax/color/a98rgb.ts
@@ -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
@@ -21,22 +21,23 @@ 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]);
 }
 
 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;
+        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]);
 }
 
@@ -49,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]);
@@ -60,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/cmyk.ts b/src/lib/syntax/color/cmyk.ts
new file mode 100644
index 00000000..99849d33
--- /dev/null
+++ b/src/lib/syntax/color/cmyk.ts
@@ -0,0 +1,139 @@
+import type {ColorToken, Token} from "../../../@types/token.d.ts";
+import {ColorType, 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: ColorType.DEVICE_CMYK
+    }
+}
diff --git a/src/lib/renderer/color/color-mix.ts b/src/lib/syntax/color/color-mix.ts
similarity index 93%
rename from src/lib/renderer/color/color-mix.ts
rename to src/lib/syntax/color/color-mix.ts
index 4b4184e4..d431f71a 100644
--- a/src/lib/renderer/color/color-mix.ts
+++ b/src/lib/syntax/color/color-mix.ts
@@ -1,22 +1,21 @@
 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";
 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/index.ts";
+import {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 "../../syntax/index.ts";
+import {isPolarColorspace, isRectangularOrthogonalColorspace} from "../index.ts";
 
 function interpolateHue(interpolationMethod: IdentToken, h1: number, h2: number): number[] {
 
@@ -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':
@@ -308,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
@@ -376,7 +375,7 @@ export function colorMix(colorSpace: IdentToken, hueInterpolationMethod: IdentTo
                         val: String(v)
                     }
                 }),
-                kin: ColorKind.LCH
+                kin: ColorType.LCH
             };
 
         case 'srgb':
@@ -389,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;
 
@@ -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: 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
new file mode 100644
index 00000000..393853d0
--- /dev/null
+++ b/src/lib/syntax/color/color.ts
@@ -0,0 +1,1046 @@
+import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
+import {
+    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 {
+    cmyk2oklchToken,
+    color2oklchToken,
+    hex2oklchToken,
+    hsl2oklchToken,
+    hwb2oklchToken,
+    lab2oklchToken,
+    lch2oklchToken,
+    oklab2oklchToken,
+    rgb2oklchToken,
+} from "./oklch.ts";
+import {anglePrecision, colorFuncColorSpace, colorPrecision, getComponents} from "./utils/index.ts";
+import {
+    hex2srgbvalues,
+    hsl2srgb,
+    hwb2srgbvalues,
+    lab2srgbvalues,
+    lch2srgbvalues,
+    lsrgb2srgbvalues,
+    oklab2srgbvalues,
+    oklch2srgbvalues,
+    rgb2srgb,
+    srgb2lsrgbvalues,
+    xyz2srgb
+} from "./srgb.ts";
+import {prophotorgb2srgbvalues, srgb2prophotorgbvalues} from "./prophotorgb.ts";
+import {rec20202srgb, srgb2rec2020values} from "./rec2020.ts";
+import {srgb2xyz, srgb2xyz_d50} from "./xyz.ts";
+import {p32srgbvalues, srgb2p3values} from "./p3.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";
+
+/**
+ * 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 ||
+        token.kin == ColorType.DPSYS ||
+        (isIdentColor(token) &&
+            ('currentcolor'.localeCompare(token.val, undefined, {sensitivity: 'base'}) == 0))
+    ) {
+
+        return token
+    }
+
+    if (token.kin == ColorType.COLOR_MIX && to != ColorType.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 == ColorType.HEX || token.kin == ColorType.LIT) {
+
+            token.val = reduceHexValue(token.val);
+            token.kin = token.val[0] == '#' ? ColorType.HEX : ColorType.LIT;
+        }
+
+        return token;
+    }
+
+    if (token.kin == ColorType.COLOR) {
+
+        const colorSpace: IdentToken = <IdentToken>(<Token[]>token.chi).find(t => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
+
+        if (colorSpace.val == ColorType[to].toLowerCase().replaceAll('_', '-')) {
+
+            return token;
+        }
+    }
+
+    if (to == ColorType.HSL) {
+
+        switch (token.kin) {
+
+            case ColorType.RGB:
+            case ColorType.RGBA:
+
+                return rgb2HslToken(token);
+
+            case ColorType.HEX:
+            case ColorType.LIT:
+
+                return hex2HslToken(token);
+
+            case ColorType.HWB:
+
+                return hwb2HslToken(token);
+
+            case ColorType.DEVICE_CMYK:
+
+                return cmyk2HslToken(token);
+
+            case ColorType.OKLAB:
+
+                return oklab2HslToken(token);
+
+            case ColorType.OKLCH:
+
+                return oklch2HslToken(token);
+
+            case ColorType.LAB:
+
+                return lab2HslToken(token);
+
+            case ColorType.LCH:
+
+                return lch2HslToken(token);
+
+            case ColorType.COLOR:
+
+                return color2HslToken(token);
+        }
+
+    } else if (to == ColorType.HWB) {
+
+        switch (token.kin) {
+
+            case ColorType.RGB:
+            case ColorType.RGBA:
+
+                return rgb2hwbToken(token);
+
+            case ColorType.HEX:
+            case ColorType.LIT:
+
+                return rgb2hwbToken(token);
+
+            case ColorType.HSL:
+            case ColorType.HSLA:
+
+                return hsl2hwbToken(token);
+
+            case ColorType.OKLAB:
+
+                return oklab2hwbToken(token);
+
+            case ColorType.OKLCH:
+
+                return oklch2hwbToken(token);
+
+            case ColorType.LAB:
+
+                return lab2hwbToken(token);
+
+            case ColorType.LCH:
+
+                return lch2hwbToken(token);
+
+            case ColorType.DEVICE_CMYK:
+
+                return cmyk2hwbToken(token);
+
+            case ColorType.COLOR:
+
+                return color2hwbToken(token);
+        }
+
+    } else if (to == ColorType.DEVICE_CMYK) {
+
+        switch (token.kin) {
+
+            case ColorType.RGB:
+            case ColorType.RGBA:
+
+                return rgb2cmykToken(token);
+
+            case ColorType.HEX:
+            case ColorType.LIT:
+
+                return rgb2cmykToken(token);
+
+            case ColorType.HSL:
+            case ColorType.HSLA:
+
+                return hsl2cmykToken(token);
+
+            case ColorType.HWB:
+
+                return hwb2cmykToken(token);
+
+            case ColorType.OKLAB:
+
+                return oklab2cmyk(token);
+
+            case ColorType.OKLCH:
+
+                return oklch2cmykToken(token);
+
+            case ColorType.LAB:
+
+                return lab2cmykToken(token);
+            //
+            case ColorType.LCH:
+
+                return lch2cmykToken(token);
+
+            case ColorType.COLOR:
+
+                return color2cmykToken(token);
+
+        }
+    } else if (to == ColorType.HEX || to == ColorType.LIT) {
+        switch (token.kin) {
+
+            case ColorType.HEX:
+            case ColorType.LIT: {
+
+                const val: string = reduceHexValue(token.val);
+
+                return {
+                    typ: EnumToken.ColorTokenType,
+                    val,
+                    kin: val[0] == '#' ? ColorType.HEX : ColorType.LIT
+                }
+            }
+
+            case ColorType.HSL:
+
+                return hsl2HexToken(token);
+
+            case ColorType.HWB:
+
+                return hwb2HexToken(token);
+
+            case ColorType.DEVICE_CMYK:
+
+                return cmyk2HexToken(token);
+
+            case ColorType.OKLAB:
+
+                return oklab2HexToken(token);
+
+            case ColorType.OKLCH:
+
+                return oklch2HexToken(token);
+
+            case ColorType.LAB:
+
+                return lab2HexToken(token);
+
+            case ColorType.LCH:
+
+                return lch2HexToken(token);
+
+            case ColorType.COLOR:
+
+                return color2HexToken(token);
+
+            case ColorType.RGB:
+            case ColorType.RGBA:
+
+                return rgb2HexToken(token);
+        }
+
+    } else if (to == ColorType.RGB) {
+        switch (token.kin) {
+
+            case ColorType.HEX:
+            case ColorType.LIT:
+
+                return hex2RgbToken(token);
+
+            case ColorType.HSL:
+
+                return hsl2RgbToken(token);
+
+            case ColorType.HWB:
+
+                return hwb2RgbToken(token);
+
+            case ColorType.DEVICE_CMYK:
+
+                return cmyk2RgbToken(token);
+
+            case ColorType.OKLAB:
+
+                return oklab2RgbToken(token);
+
+            case ColorType.OKLCH:
+
+                return oklch2RgbToken(token);
+
+            case ColorType.LAB:
+
+                return lab2RgbToken(token);
+
+            case ColorType.LCH:
+
+                return lch2RgbToken(token);
+
+            case ColorType.COLOR:
+
+                return color2RgbToken(token);
+        }
+
+    } else if (to == ColorType.LAB) {
+
+        switch (token.kin) {
+
+            case ColorType.HEX:
+            case ColorType.LIT:
+
+                return hex2labToken(token);
+
+            case ColorType.RGB:
+            case ColorType.RGBA:
+
+                return rgb2labToken(token);
+
+            case ColorType.HSL:
+            case ColorType.HSLA:
+
+                return hsl2labToken(token);
+
+            case ColorType.HWB:
+
+                return hwb2labToken(token);
+
+            case ColorType.DEVICE_CMYK:
+
+                return cmyk2labToken(token);
+
+            case ColorType.LCH:
+
+                return lch2labToken(token);
+
+            case ColorType.OKLAB:
+
+                return oklab2labToken(token);
+
+            case ColorType.OKLCH:
+
+                return oklch2labToken(token);
+
+            case ColorType.COLOR:
+
+                return color2labToken(token);
+        }
+
+    } else if (to == ColorType.LCH) {
+
+        switch (token.kin) {
+
+            case ColorType.HEX:
+            case ColorType.LIT:
+                return hex2lchToken(token);
+
+            case ColorType.RGB:
+            case ColorType.RGBA:
+
+                return rgb2lchToken(token);
+
+            case ColorType.HSL:
+            case ColorType.HSLA:
+
+                return hsl2lchToken(token);
+
+            case ColorType.HWB:
+
+                return hwb2lchToken(token);
+
+            case ColorType.DEVICE_CMYK:
+
+                return cmyk2lchToken(token);
+
+            case ColorType.LAB:
+
+                return lab2lchToken(token);
+
+            case ColorType.OKLAB:
+
+                return oklab2lchToken(token);
+
+            case ColorType.OKLCH:
+
+                return oklch2lchToken(token);
+
+            case ColorType.COLOR:
+
+                return color2lchToken(token);
+        }
+
+    } else if (to == ColorType.OKLAB) {
+
+        switch (token.kin) {
+
+            case ColorType.HEX:
+            case ColorType.LIT:
+
+                return hex2oklabToken(token);
+
+            case ColorType.RGB:
+            case ColorType.RGBA:
+
+                return rgb2oklabToken(token);
+
+            case ColorType.HSL:
+            case ColorType.HSLA:
+
+                return hsl2oklabToken(token);
+
+            case ColorType.HWB:
+
+                return hwb2oklabToken(token);
+
+            case ColorType.DEVICE_CMYK:
+
+                return cmyk2oklabToken(token);
+
+            case ColorType.LAB:
+
+                return lab2oklabToken(token);
+
+            case ColorType.LCH:
+
+                return lch2oklabToken(token);
+
+            case ColorType.OKLCH:
+
+                return oklch2oklabToken(token);
+
+            case ColorType.COLOR:
+
+                return color2oklabToken(token);
+        }
+
+    } else if (to == ColorType.OKLCH) {
+
+        switch (token.kin) {
+
+            case ColorType.HEX:
+            case ColorType.LIT:
+
+                return hex2oklchToken(token);
+
+            case ColorType.RGB:
+            case ColorType.RGBA:
+
+                return rgb2oklchToken(token);
+
+            case ColorType.HSL:
+            case ColorType.HSLA:
+
+                return hsl2oklchToken(token);
+
+            case ColorType.HWB:
+
+                return hwb2oklchToken(token);
+
+            case ColorType.DEVICE_CMYK:
+
+                return cmyk2oklchToken(token);
+
+            case ColorType.LAB:
+
+                return lab2oklchToken(token);
+
+            case ColorType.OKLAB:
+
+                return oklab2oklchToken(token);
+
+            case ColorType.LCH:
+
+                return lch2oklchToken(token);
+
+            case ColorType.COLOR:
+
+                return color2oklchToken(token);
+        }
+
+    } else if (colorFuncColorSpace.includes((ColorType[to].toLowerCase().replaceAll('_', '-') as string).toLowerCase().replaceAll('_', '-'))) {
+
+        switch (token.kin) {
+
+            case ColorType.HEX:
+            case ColorType.LIT:
+
+                return hex2colorToken(token, to);
+
+            case ColorType.RGB:
+            case ColorType.RGBA:
+
+                return rgb2colorToken(token, to);
+
+            case ColorType.HSL:
+            case ColorType.HSLA:
+
+                return hsl2colorToken(token, to);
+
+            case ColorType.HWB:
+
+                return hwb2colorToken(token, to);
+
+            case ColorType.DEVICE_CMYK:
+
+                return cmyk2colorToken(token, to);
+
+            case ColorType.LAB:
+
+                return lab2colorToken(token, to);
+            case ColorType.OKLAB:
+
+                return oklab2colorToken(token, to);
+
+            case ColorType.LCH:
+
+                return lch2colorToken(token, to);
+
+            case ColorType.OKLCH:
+
+                return oklch2colorToken(token, to);
+
+            case ColorType.COLOR:
+
+                return color2colorToken(token, to);
+        }
+    }
+
+    return null;
+}
+
+export function hex2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
+
+    const values: number[] = hex2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return values2colortoken(values, to);
+}
+
+export function rgb2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
+
+    const values: number[] | null = rgb2srgb(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return values2colortoken(values, to);
+}
+
+export function hsl2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
+
+    const values: number[] | null = hsl2srgb(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return values2colortoken(values, to);
+}
+
+export function hwb2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
+
+    const values: number[] | null = hwb2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return values2colortoken(values, to);
+}
+
+export function cmyk2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
+
+    const values: number[] | null = cmyk2rgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return values2colortoken(values, to);
+}
+
+export function lab2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
+
+    const values: number[] | null = lab2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return values2colortoken(values, to);
+}
+
+export function oklab2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
+
+    const values: number[] | null = oklab2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return values2colortoken(values, to);
+}
+
+export function lch2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
+
+    const values: number[] | null = lch2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return values2colortoken(values, to);
+}
+
+export function oklch2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
+
+    const values: number[] | null = oklch2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return values2colortoken(values, to);
+}
+
+export function color2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
+
+    const values: number[] | null = color2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return values2colortoken(values, to);
+}
+
+function srgb2srgbcolorspace(val: number[], to: ColorType): number[] {
+
+    const values: number[] = [];
+
+    switch (to) {
+
+        case ColorType.SRGB:
+
+            values.push(...val);
+            break;
+        case ColorType.SRGB_LINEAR:
+
+            // @ts-ignore
+            values.push(...srgb2lsrgbvalues(...val));
+            break;
+        case ColorType.DISPLAY_P3:
+
+            // @ts-ignore
+            values.push(...srgb2p3values(...val));
+            break;
+        case ColorType.PROPHOTO_RGB:
+
+            // @ts-ignore
+            values.push(...srgb2prophotorgbvalues(...val));
+            break;
+        case ColorType.A98_RGB:
+
+            // @ts-ignore
+            values.push(...srgb2a98values(...val));
+            break;
+
+        case ColorType.REC2020:
+
+            // @ts-ignore
+            values.push(...srgb2rec2020values(...val));
+            break;
+
+        case ColorType.XYZ:
+        case ColorType.XYZ_D65:
+
+            // @ts-ignore
+            values.push(...srgb2xyz(...val));
+            break;
+
+        case ColorType.XYZ_D50:
+
+            // @ts-ignore
+            values.push(...srgb2xyz_d50(...val));
+            break
+    }
+
+    return values;
+}
+
+export function minmax(value: number, min: number, max: number): number {
+
+    if (value < min) {
+
+        return min;
+    }
+
+    if (value > max) {
+
+        return max;
+    }
+
+    return value;
+}
+
+export function color2srgbvalues(token: ColorToken): number[] | null {
+
+    const components: Token[] = getComponents(token) as Token[];
+
+    if (components == null) {
+
+        return null;
+    }
+
+    const colorSpace: IdentToken = <IdentToken>components.shift();
+    let values: number[] = components.map((val: Token) => getNumber(<IdentToken | NumberToken | PercentageToken>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: number[], to: ColorType): ColorToken {
+
+    values = srgb2srgbcolorspace(values, to);
+
+    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()
+            });
+    }
+
+    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: ColorType.COLOR
+    } : <ColorToken>{
+        typ: EnumToken.ColorTokenType,
+        val: colorSpace,
+        chi,
+        kin: to
+    }
+}
+
+/**
+ * clamp color values
+ * @param token
+ */
+export function clamp(token: ColorToken): ColorToken {
+
+    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) => {
+
+            if (index <= 2) {
+
+                if (token.typ == EnumToken.NumberTokenType) {
+
+                    (token as NumberToken).val = String(minmax(+(token as NumberToken).val, 0, 255));
+
+                } else if (token.typ == EnumToken.PercentageTokenType) {
+
+                    (token as PercentageToken).val = String(minmax(+(token as PercentageToken).val, 0, 100));
+                }
+            } else {
+
+                if (token.typ == EnumToken.NumberTokenType) {
+
+                    (token as NumberToken).val = String(minmax(+(token as NumberToken).val, 0, 1));
+
+                } else if (token.typ == EnumToken.PercentageTokenType) {
+
+                    (token as PercentageToken).val = String(minmax(+(token as PercentageToken).val, 0, 100));
+                }
+            }
+        });
+    }
+
+    return token;
+}
+
+export function getNumber(token: NumberToken | PercentageToken | IdentToken): number {
+
+    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
+ */
+export function getAngle(token: NumberToken | AngleToken | IdentToken): number {
+
+    if (token.typ == EnumToken.IdenTokenType) {
+
+        if (token.val == 'none') {
+
+            return 0;
+        }
+    }
+
+    if (token.typ == EnumToken.AngleTokenType) {
+
+        switch ((token as AngleToken).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;
+}
+
+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
new file mode 100644
index 00000000..8bdbd125
--- /dev/null
+++ b/src/lib/syntax/color/hex.ts
@@ -0,0 +1,263 @@
+import type {ColorToken, NumberToken, PercentageToken} from "../../../@types/index.d.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
+import {color2srgbvalues, getNumber} from "./color.ts";
+import {cmyk2rgbvalues, hsl2rgbvalues, hwb2rgbvalues, srgb2rgb} from "./rgb.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 {
+
+    return acc + value.toString(16).padStart(2, '0');
+}
+
+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] &&
+            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] == 'f' ? '' : value[7]}`;
+        }
+    }
+
+    return named_color != null && named_color.length <= value.length ? named_color : value;
+}
+
+export function expandHexValue(value: string): string {
+
+    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;
+}
+
+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 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] == '#' ? ColorType.HEX : ColorType.LIT
+    } as ColorToken;
+}
+
+export function rgb2hexvalues(token: ColorToken): string | null {
+
+    let value: string = '#';
+    let t: NumberToken | PercentageToken;
+
+    // @ts-ignore
+    const components: number[] = 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 == EnumToken.Iden && t.val == 'none' ? '0' : Math.round(getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 255 : 1))).toString(16).padStart(2, '0')
+    }
+
+    // @ts-ignore
+    if (components.length == 4) {
+
+        // @ts-ignore
+        t = components[3];
+
+        // @ts-ignore
+        const v: number = getNumber(t);
+
+        // @ts-ignore
+        if (v < 1) {
+
+            // @ts-ignore
+            value += Math.round(255 * getNumber(t)).toString(16).padStart(2, '0')
+        }
+    }
+
+    return value;
+}
+
+export function hsl2hexvalues(token: ColorToken): string | null {
+
+    const t: number[] | null = hsl2rgbvalues(token);
+
+    if (t == null) {
+
+        return null;
+    }
+
+    if (t.length == 4) {
+
+        t[3] = srgb2rgb(t[3]);
+    }
+
+    return `${t.reduce(toHexString, '#')}`;
+}
+
+export function hwb2hexvalues(token: ColorToken): string | null {
+
+    const t: number[] | null = hwb2rgbvalues(token);
+
+    if (t == null) {
+
+        return null;
+    }
+
+
+    if (t.length == 4) {
+
+        t[3] = srgb2rgb(t[3]);
+    }
+
+    return `${t.reduce(toHexString, '#')}`;
+}
+
+export function cmyk2hexvalues(token: ColorToken): string | null {
+
+    const t: number[] | null = cmyk2rgbvalues(token);
+
+    if (t == null) {
+
+        return null;
+    }
+
+    if (t.length == 4) {
+
+        t[3] = srgb2rgb(t[3]);
+    }
+
+    return `#${t.reduce(toHexString, '')}`;
+}
diff --git a/src/lib/syntax/color/hsl.ts b/src/lib/syntax/color/hsl.ts
new file mode 100644
index 00000000..58682543
--- /dev/null
+++ b/src/lib/syntax/color/hsl.ts
@@ -0,0 +1,281 @@
+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 {getComponents} from "./utils/index.ts";
+import {hex2srgbvalues, hslvalues, oklab2srgbvalues, oklch2srgbvalues} from './srgb.ts';
+import {ColorType, EnumToken} from "../../ast/index.ts";
+
+export function hex2HslToken(token: ColorToken): ColorToken | null {
+
+    // @ts-ignore
+    return hslToken(srgb2hslvalues(...hex2srgbvalues(token)));
+}
+
+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: ColorType.HSL
+    }
+}
+
+export function rgb2hslvalues(token: ColorToken): number[] | null {
+
+    const chi: Token[] | null = getComponents(token);
+
+    if (chi == null || chi.length < 3) {
+
+        return null;
+    }
+
+    // @ts-ignore
+    let t: NumberToken | PercentageToken | IdentToken = <NumberToken | PercentageToken | IdentToken>chi[0];
+
+    // @ts-ignore
+    let r: number = getNumber(t);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken | IdentToken>chi[1];
+    // @ts-ignore
+    let g: number = getNumber(t);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken | IdentToken>chi[2];
+    // @ts-ignore
+    let b: number = getNumber(t);
+
+    // @ts-ignore
+    let a: number = null;
+
+    if (chi.length == 4) {
+
+        a = getNumber(chi[3] as NumberToken | PercentageToken | IdentToken);
+    }
+
+    const values: number[] = [r, g, b];
+
+    if (a != null && a != 1) {
+
+        values.push(a);
+    }
+
+
+    // @ts-ignore
+    return rgbvalues2hslvalues(...values);
+}
+
+// https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
+export function hsv2hsl(h: number, s: number, v: number, a?: number): number[] {
+
+    const result = [
+        //[hue, saturation, lightness]
+        //Range should be between 0 - 1
+        h, //Hue stays the same
+
+        //Saturation is very different between the two color spaces
+        //If (2-sat)*val < 1 set it to sat*val/((2-sat)*val)
+        //Otherwise sat*val/(2-(2-sat)*val)
+        //Conditional is not operating with hue, it is reassigned!
+        s * v / ((h = (2 - s) * v) < 1 ? h : 2 - h),
+
+        h / 2, //Lightness is (2-sat)*val/2
+    ];
+
+    if (a != null) {
+        result.push(a);
+    }
+
+    return result;
+}
+
+export function cmyk2hslvalues(token: ColorToken): number[] {
+
+    const values = cmyk2rgbvalues(token);
+
+    // @ts-ignore
+    return values == null ? null : rgbvalues2hslvalues(...values);
+}
+
+export function hwb2hslvalues(token: ColorToken): [number, number, number, number] {
+
+    // @ts-ignore
+    return hsv2hsl(...hwb2hsv(...Object.values(hslvalues(token))));
+}
+
+export function lab2hslvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return rgbvalues2hslvalues(...lab2rgbvalues(token));
+}
+
+export function lch2hslvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return rgbvalues2hslvalues(...lch2rgbvalues(token));
+}
+
+export function oklab2hslvalues(token: ColorToken): number[] | null {
+
+    const t: number[] | null = oklab2srgbvalues(token);
+    // @ts-ignore
+    return t == null ? null : srgb2hslvalues(...t);
+}
+
+export function oklch2hslvalues(token: ColorToken): number[] | null{
+
+    const t: number[] | null = oklch2srgbvalues(token);
+    // @ts-ignore
+    return t == null ? null : srgb2hslvalues(...t);
+}
+
+export function rgbvalues2hslvalues(r: number, g: number, b: number, a: number | null = null): number[] {
+
+    return srgb2hslvalues(r / 255, g / 255, b / 255, a);
+}
+
+
+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);
+    let h: number = 0;
+    let s: number = 0;
+    let l: number = (max + min) / 2;
+
+    if (max != min) {
+        let d: number = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+
+        h /= 6;
+    }
+
+    const hsl: number[] = [h, s, l];
+
+    if (a != null && a < 1) {
+
+        // @ts-ignore
+        return hsl.concat([<number>a])
+
+    }
+
+    // @ts-ignore
+    return hsl;
+}
\ No newline at end of file
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/syntax/color/hwb.ts b/src/lib/syntax/color/hwb.ts
new file mode 100644
index 00000000..b906b3a2
--- /dev/null
+++ b/src/lib/syntax/color/hwb.ts
@@ -0,0 +1,262 @@
+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 {color2srgbvalues, getAngle, getNumber, toPrecisionAngle} from "./color.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
+import {cmyk2srgbvalues, lab2srgbvalues, lch2srgbvalues, oklab2srgbvalues, oklch2srgbvalues} from "./srgb.ts";
+
+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: ColorType.HWB
+    }
+}
+
+export function rgb2hwbvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return srgb2hwb(...getComponents(token).map((t: Token, index: number): number => {
+
+        if (index == 3) {
+
+            return getNumber(<IdentToken | NumberToken | PercentageToken>t);
+        }
+
+        return getNumber(<IdentToken | NumberToken | PercentageToken>t) / 255;
+    }));
+}
+
+export function cmyk2hwbvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    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;
+        }
+
+        if (index == 0) {
+
+            return getAngle(<AngleToken | IdentToken>t);
+        }
+
+        return getNumber(<IdentToken | NumberToken | PercentageToken>t);
+    }));
+}
+
+export function lab2hwbvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return srgb2hwb(...lab2srgbvalues(token));
+}
+
+export function lch2hwbvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return srgb2hwb(...lch2srgbvalues(token));
+}
+
+export function oklab2hwbvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return srgb2hwb(...oklab2srgbvalues(token));
+}
+
+export function oklch2hwbvalues(token: ColorToken): number[] {
+
+    const values: number[] | null = oklch2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2hwb(...values);
+}
+
+function rgb2hue(r: number, g: number, b: number, fallback: number = 0) {
+
+    let value: number = rgb2value(r, g, b);
+    let whiteness: number = rgb2whiteness(r, g, b);
+
+    let delta: number = value - whiteness;
+
+    if (delta > 0) {
+
+        // calculate segment
+        let segment: number = value === r ? (g - b) / delta : (value === g
+            ? (b - r) / delta
+            : (r - g) / delta);
+
+        // calculate shift
+        let shift: number = value === r ? segment < 0
+            ? 360 / 60
+            : 0 / 60 : (value === g
+            ? 120 / 60
+            : 240 / 60);
+
+        // calculate hue
+        return (segment + shift) * 60;
+    }
+
+    return fallback;
+}
+
+function rgb2value(r: number, g: number, b: number): number {
+    return Math.max(r, g, b);
+}
+
+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;
+    g *= 100;
+    b *= 100;
+
+    let hue: number = rgb2hue(r, g, b, fallback);
+    let whiteness: number = rgb2whiteness(r, g, b);
+    let value: number = Math.round(rgb2value(r, g, b));
+    let blackness: number = 100 - value;
+
+    const result: number[] = [hue / 360, whiteness / 100, blackness / 100];
+
+    if (a != null) {
+        result.push(a);
+    }
+
+    return result;
+}
+
+
+export function hsv2hwb(h: number, s: number, v: number, a: number | null = null): number[] {
+
+    const result: number[] = [h, (1 - s) * v, 1 - v];
+
+    if (a != null) {
+        result.push(a);
+    }
+
+    return result;
+}
+
+export function hslvalues2hwbvalues(h: number, s: number, l: number, a: number | null = null): number[] {
+
+    // @ts-ignore
+    return hsv2hwb(...hsl2hsv(h, s, l, a));
+}
\ No newline at end of file
diff --git a/src/lib/renderer/color/index.ts b/src/lib/syntax/color/index.ts
similarity index 100%
rename from src/lib/renderer/color/index.ts
rename to src/lib/syntax/color/index.ts
diff --git a/src/lib/syntax/color/lab.ts b/src/lib/syntax/color/lab.ts
new file mode 100644
index 00000000..7a44c8d7
--- /dev/null
+++ b/src/lib/syntax/color/lab.ts
@@ -0,0 +1,378 @@
+import {D50, e, getComponents, k} from "./utils/index.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,
+    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} from "./xyzd50.ts";
+
+export function hex2labToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hex2labvalues(token);
+
+    return values == null ? null : labToken(values);
+}
+
+export function rgb2labToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = rgb2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function hsl2labToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hsl2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function hwb2labToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hwb2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function cmyk2labToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = cmyk2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function lch2labToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = lch2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function oklab2labToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = oklab2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function oklch2labToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = oklch2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function color2labToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = 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: ColorType.LAB
+    }
+}
+
+// L: 0% = 0.0, 100% = 100.0
+// for a and b: -100% = -125, 100% = 125
+
+export function hex2labvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = hex2srgbvalues(token);
+
+    // @ts-ignore
+    return values == null ? null : srgb2labvalues(...values);
+}
+
+export function rgb2labvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = rgb2srgb(token);
+    // @ts-ignore
+    return values == null ? null : srgb2labvalues(...values);
+}
+
+export function cmyk2labvalues(token: ColorToken) {
+
+    const values: number[] | null = cmyk2srgbvalues(token);
+
+    // @ts-ignore
+    return values == null ? null : srgb2labvalues(...values);
+}
+
+export function hsl2labvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = hsl2srgb(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return srgb2labvalues(...values);
+}
+
+export function hwb2labvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = hwb2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return srgb2labvalues(...values);
+}
+
+export function lch2labvalues(token: ColorToken): number[] | null {
+
+
+    const values: number[] | null = getLCHComponents(token);
+
+    // @ts-ignore
+    return values == null ? null : lchvalues2labvalues(...values);
+}
+
+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 srgb2labvalues(...val);
+}
+
+export function srgb2labvalues(r: number, g: number, b: number, a: number | null): number[] {
+
+    // @ts-ignore */
+    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.
+    // See: https://github.com/d3/d3-color/pull/46
+    if (r === b && b === g) {
+        result[1] = result[2] = 0;
+    }
+
+    if (a != null) {
+
+        result.push(a);
+    }
+
+    return result;
+}
+
+export function xyz2lab(x: number, y: number, z: number, a: number | null = null): number[] {
+    // Assuming XYZ is relative to D50, convert to CIE Lab
+    // from CIE standard, which now defines these as a rational fraction
+    // var e = 216/24389;  // 6^3/29^3
+    // var k = 24389/27;   // 29^3/3^3
+
+    // compute xyz, which is XYZ scaled relative to reference white
+    const xyz: number[] = [x, y, z].map((value: number, i: number) => value / D50[i]);
+
+    // now compute f
+    const f: number[] = xyz.map((value: number): number => value > e ? Math.cbrt(value) : (k * value + 16) / 116);
+
+    const result: number[] = [
+        (116 * f[1]) - 16, 	 // L
+        500 * (f[0] - f[1]), // a
+        200 * (f[1] - f[2])  // b
+    ];
+    // L in range [0,100]. For use in CSS, add a percent
+
+    if (a != null && a != 1) {
+        result.push(a);
+    }
+
+    return result;
+}
+
+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)];
+
+    if (a != null) {
+        result.push(a);
+    }
+
+    return result;
+}
+
+export function getLABComponents(token: ColorToken): number[] | null {
+
+    const components: Token[] | null = getComponents(token);
+
+    if (components == null) {
+
+        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];
+
+    // @ts-ignore
+    const l: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 100 : 1);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[1];
+
+    // @ts-ignore
+    const a: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 125 : 1);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[2];
+
+    // @ts-ignore
+    const b: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 125 : 1);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[3];
+
+    // @ts-ignore
+    const alpha: number = t == null ? 1 : getNumber(t);
+
+    const result: number[] = [l, a, b];
+
+    if (alpha != null && alpha != 1) {
+
+        result.push(alpha);
+    }
+
+    return result;
+}
+
+// from https://www.w3.org/TR/css-color-4/#color-conversion-code
+// D50 LAB
+export function Lab_to_sRGB(l: number, a: number, b: number): number[] {
+
+    const xyz_d50: number[] = Lab_to_XYZ(l, a, b);
+    // @ts-ignore
+    const xyz_d65: number[] = XYZ_D50_to_D65(...xyz_d50);
+
+    // @ts-ignore
+    return xyz2srgb(...xyz_d65);
+}
+
+// from https://www.w3.org/TR/css-color-4/#color-conversion-code
+export function Lab_to_XYZ(l: number, a: number, b: number): number[] {
+    // Convert Lab to D50-adapted XYZ
+    // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
+    const k: number = 24389 / 27;   // 29^3/3^3
+    const e: number = 216 / 24389;  // 6^3/29^3
+    const f: number[] = [];
+
+    // compute f, starting with the luminance-related term
+    f[1] = (l + 16) / 116;
+    f[0] = a / 500 + f[1];
+    f[2] = f[1] - b / 200;
+
+    // compute xyz
+    const xyz: number[] = [
+        Math.pow(f[0], 3) > e ? Math.pow(f[0], 3) : (116 * f[0] - 16) / k,
+        l > k * e ? Math.pow((l + 16) / 116, 3) : l / k,
+        Math.pow(f[2], 3) > e ? Math.pow(f[2], 3) : (116 * f[2] - 16) / k
+    ];
+
+    // Compute XYZ by scaling xyz by reference white
+    return xyz.map((value: number, i: number) => value * D50[i]);
+}
\ No newline at end of file
diff --git a/src/lib/syntax/color/lch.ts b/src/lib/syntax/color/lch.ts
new file mode 100644
index 00000000..219fc9a0
--- /dev/null
+++ b/src/lib/syntax/color/lch.ts
@@ -0,0 +1,290 @@
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import {getComponents} from "./utils/index.ts";
+import {color2srgbvalues, getAngle, getNumber, toPrecisionAngle} from "./color.ts";
+import {ColorType, EnumToken} from "../../ast/index.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: number[] | null = hex2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function rgb2lchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = rgb2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function hsl2lchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hsl2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function hwb2lchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hwb2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function cmyk2lchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = cmyk2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function lab2lchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = 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: number[] | null = oklch2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function color2lchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = 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: ColorType.LCH
+    }
+}
+
+export function hex2lchvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = hex2labvalues(token);
+
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+
+export function rgb2lchvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = rgb2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+
+export function hsl2lchvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = hsl2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+
+export function hwb2lchvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = hwb2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+
+export function lab2lchvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = getLABComponents(token);
+
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+
+export function srgb2lch(r: number, g: number, blue: number, alpha: number | null): number[] {
+
+    // @ts-ignore
+    return labvalues2lchvalues(...srgb2labvalues(r, g, blue, alpha));
+}
+
+export function oklab2lchvalues(token: ColorToken): number[] | null {
+
+
+    const values: number[] | null = oklab2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+
+export function cmyk2lchvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2lch(...values);
+}
+
+export function oklch2lchvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = oklch2labvalues(token);
+
+    if (values == null) {
+
+        return null;
+    }
+
+    // @ts-ignore
+    return labvalues2lchvalues(...values);
+}
+
+export function color2lchvalues(token: ColorToken): number[] | null {
+
+    const values = color2srgbvalues(token);
+
+    if (values == null) {
+
+        return null;
+    }
+
+    // @ts-ignore
+    return srgb2lch(...values);
+}
+
+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;
+
+    if (h < 0) {
+        h += 360;
+    }
+
+    if (c < .0001) {
+        c = h = 0;
+    }
+
+    return alpha == null ? [l, c, h] : [l, c, h, alpha];
+}
+
+export function xyz2lchvalues(x: number, y: number, z: number, alpha?: number): number[] {
+
+    // @ts-ignore(
+    const lch = labvalues2lchvalues(...xyz2lab(x, y, z));
+
+    return alpha == null || alpha == 1 ? lch : lch.concat(alpha);
+}
+export function getLCHComponents(token: ColorToken): number[] | null {
+
+    const components: Token[] | null = getComponents(token);
+
+    if (components == null) {
+
+        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];
+
+    // @ts-ignore
+    const l: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 100 : 1);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[1];
+
+    // @ts-ignore
+    const c: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 150 : 1);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[2];
+
+    // @ts-ignore
+    const h: number = getAngle(t) * 360;
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[3];
+
+    // @ts-ignore
+    const alpha: number = t == null ? 1 : getNumber(t);
+
+    return alpha == null ? [l, c, h] : [l, c, h, alpha];
+}
\ No newline at end of file
diff --git a/src/lib/syntax/color/oklab.ts b/src/lib/syntax/color/oklab.ts
new file mode 100644
index 00000000..479c8b3d
--- /dev/null
+++ b/src/lib/syntax/color/oklab.ts
@@ -0,0 +1,355 @@
+import {getComponents, multiplyMatrices} from "./utils/index.ts";
+import {
+    cmyk2srgbvalues,
+    hex2srgbvalues,
+    hsl2srgb,
+    hwb2srgbvalues,
+    lab2srgbvalues,
+    lch2srgbvalues,
+    lsrgb2srgbvalues,
+    rgb2srgb,
+    srgb2lsrgbvalues
+} from "./srgb.ts";
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import {color2srgbvalues, getNumber} from "./color.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
+import {getOKLCHComponents} from "./oklch.ts";
+import {lchvalues2labvalues} from "./lab.ts";
+
+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: ColorType.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(...values);
+}
+
+export function hwb2oklabvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return srgb2oklab(...hwb2srgbvalues(token));
+}
+
+export function cmyk2oklabvalues(token: ColorToken) {
+
+    const values = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2oklab(...values);
+}
+
+export function lab2oklabvalues(token: ColorToken) {
+
+    const values: number[] | null = lab2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return srgb2oklab(...values);
+}
+
+export function lch2oklabvalues(token: ColorToken): number[] | null {
+
+    const values = lch2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2oklab(...values);
+}
+
+export function oklch2oklabvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = getOKLCHComponents(token);
+    // @ts-ignore
+    return values == null ? null : lchvalues2labvalues(...values);
+}
+
+function color2oklabvalues(token: ColorToken): number[] | null {
+
+    const values = color2srgbvalues(token);
+
+    // @ts-ignore
+    return values == null ? null : srgb2oklab(...values);
+}
+
+export function srgb2oklab(r: number, g: number, blue: number, alpha: number | null): number[] {
+
+    [r, g, blue] = srgb2lsrgbvalues(r, g, blue);
+
+    let L: number = Math.cbrt(
+        0.41222147079999993 * r + 0.5363325363 * g + 0.0514459929 * blue
+    );
+    let M: number = Math.cbrt(
+        0.2119034981999999 * r + 0.6806995450999999 * g + 0.1073969566 * blue
+    );
+    let S: number = Math.cbrt(
+        0.08830246189999998 * r + 0.2817188376 * g + 0.6299787005000002 * blue
+    );
+
+    const l: number = 0.2104542553 * L + 0.793617785 * M - 0.0040720468 * S;
+
+    const a: number = r == g && g == blue ? 0 : 1.9779984951 * L - 2.428592205 * M + 0.4505937099 * S;
+
+    const b: number = r == g && g == blue ? 0 : 0.0259040371 * L + 0.7827717662 * M - 0.808675766 * S;
+
+    return alpha == null || alpha == 1 ? [l, a, b] : [l, a, b, alpha];
+}
+
+export function getOKLABComponents(token: ColorToken): number[] | null {
+
+    const components: Token[] | null = getComponents(token);
+
+    if (components == null || components.length < 3) {
+
+        return null;
+    }
+
+    // @ts-ignore
+    let t: NumberToken | PercentageToken = <NumberToken | PercentageToken>components[0];
+
+    // @ts-ignore
+    const l: number = getNumber(t);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[1];
+
+    // @ts-ignore
+    const a: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[2];
+
+    // @ts-ignore
+    const b: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
+
+    // @ts-ignore
+    let alpha: number | null = null;
+
+    if (components.length > 3) {
+
+        alpha = getNumber(components[3] as NumberToken);
+    }
+
+    const rgb: number[] = [l, a, b];
+
+    if (alpha != 1 && alpha != null) {
+
+        rgb.push(alpha);
+    }
+
+    return rgb;
+}
+
+export function OKLab_to_XYZ(l: number, a: number, b: number, alpha: number | null = null): number[] {
+
+
+    // Given OKLab, convert to XYZ relative to D65
+    const LMStoXYZ: number[][] = [
+        [1.2268798758459243, -0.5578149944602171, 0.2813910456659647],
+        [-0.0405757452148008, 1.1122868032803170, -0.0717110580655164],
+        [-0.0763729366746601, -0.4214933324022432, 1.5869240198367816]
+    ];
+    const OKLabtoLMS: number[][] = [
+        [1.0000000000000000, 0.3963377773761749, 0.2158037573099136],
+        [1.0000000000000000, -0.1055613458156586, -0.0638541728258133],
+        [1.0000000000000000, -0.0894841775298119, -1.2914855480194092]
+    ];
+
+    const LMSnl: number[] = multiplyMatrices(OKLabtoLMS, [l, a, b]);
+    const xyz: number[] = multiplyMatrices(LMStoXYZ, LMSnl.map((c: number): number => c ** 3));
+
+    if (alpha != null) {
+
+        xyz.push(alpha);
+    }
+
+    return xyz;
+}
+
+// from https://www.w3.org/TR/css-color-4/#color-conversion-code
+export function OKLab_to_sRGB(l: number, a: number, b: number): number[] {
+
+    let L: number = Math.pow(
+        l * 0.99999999845051981432 +
+        0.39633779217376785678 * a +
+        0.21580375806075880339 * b,
+        3
+    );
+    let M: number = Math.pow(
+        l * 1.0000000088817607767 -
+        0.1055613423236563494 * a -
+        0.063854174771705903402 * b,
+        3
+    );
+    let S: number = Math.pow(
+        l * 1.0000000546724109177 -
+        0.089484182094965759684 * a -
+        1.2914855378640917399 * b,
+        3
+    );
+
+    return lsrgb2srgbvalues(
+        /* r: */
+        +4.076741661347994 * L -
+        3.307711590408193 * M +
+        0.230969928729428 * S,
+        /*  g: */
+        -1.2684380040921763 * L +
+        2.6097574006633715 * M -
+        0.3413193963102197 * S,
+        /*  b: */
+        -0.004196086541837188 * L -
+        0.7034186144594493 * M +
+        1.7076147009309444 * S
+    );
+}
diff --git a/src/lib/syntax/color/oklch.ts b/src/lib/syntax/color/oklch.ts
new file mode 100644
index 00000000..bd9f44c9
--- /dev/null
+++ b/src/lib/syntax/color/oklch.ts
@@ -0,0 +1,245 @@
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import {getComponents} from "./utils/index.ts";
+import {color2srgbvalues, getAngle, getNumber, toPrecisionAngle} from "./color.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
+import {labvalues2lchvalues} from "./lch.ts";
+import {
+    getOKLABComponents,
+    hex2oklabvalues,
+    hsl2oklabvalues,
+    hwb2oklabvalues,
+    lab2oklabvalues,
+    lch2oklabvalues,
+    rgb2oklabvalues,
+    srgb2oklab
+} from "./oklab.ts";
+import {cmyk2srgbvalues} from "./srgb.ts";
+
+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: ColorType.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 labvalues2lchvalues(...values);
+}
+
+export function hsl2oklchvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return labvalues2lchvalues(...hsl2oklabvalues(token));
+}
+
+export function hwb2oklchvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return labvalues2lchvalues(...hwb2oklabvalues(token));
+}
+
+export function cmyk2oklchvalues(token: ColorToken): number[] {
+
+    const values = cmyk2srgbvalues(token);
+
+    // @ts-ignore
+    return values == null ? null : srgb2oklch(...values);
+}
+
+export function lab2oklchvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return labvalues2lchvalues(...lab2oklabvalues(token));
+}
+
+export function lch2oklchvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return labvalues2lchvalues(...lch2oklabvalues(token));
+}
+
+export function oklab2oklchvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return labvalues2lchvalues(...getOKLABComponents(token));
+}
+
+export function srgb2oklch(r: number, g: number, blue: number, alpha: number | null): number[] {
+
+    // @ts-ignore
+    return labvalues2lchvalues(...srgb2oklab(r, g, blue, alpha));
+}
+
+export function getOKLCHComponents(token: ColorToken): number[] | null {
+
+    const components: Token[] | null = getComponents(token);
+
+    if (components == null) {
+
+        return null;
+    }
+
+    for (let i = 0; i < components.length; i++) {
+
+        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
+
+            return [];
+        }
+    }
+
+    // @ts-ignore
+    let t: NumberToken | PercentageToken = <NumberToken | PercentageToken>components[0];
+
+    // @ts-ignore
+    const l: number = getNumber(t);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[1];
+
+    // @ts-ignore
+    const c: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[2];
+
+    // @ts-ignore
+    const h: number = getAngle(t) * 360;
+
+    // @ts-ignore
+    t = <NumberToken | PercentageToken>components[3];
+
+    // @ts-ignore
+    const alpha: number = t == null || (t.typ == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
+
+    return [l, c, h, alpha];
+}
\ No newline at end of file
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..abf3a760 100644
--- a/src/lib/renderer/color/p3.ts
+++ b/src/lib/syntax/color/p3.ts
@@ -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/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
index baae4e9f..0fd63627 100644
--- a/src/lib/renderer/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/renderer/color/rec2020.ts b/src/lib/syntax/color/rec2020.ts
similarity index 86%
rename from src/lib/renderer/color/rec2020.ts
rename to src/lib/syntax/color/rec2020.ts
index cfdb7739..b9cf6897 100644
--- a/src/lib/renderer/color/rec2020.ts
+++ b/src/lib/syntax/color/rec2020.ts
@@ -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/renderer/color/relativecolor.ts b/src/lib/syntax/color/relativecolor.ts
similarity index 79%
rename from src/lib/renderer/color/relativecolor.ts
rename to src/lib/syntax/color/relativecolor.ts
index 422f0a85..2e3a77a0 100644
--- a/src/lib/renderer/color/relativecolor.ts
+++ b/src/lib/syntax/color/relativecolor.ts
@@ -7,12 +7,11 @@ import type {
     PercentageToken,
     Token
 } from "../../../@types/index.d.ts";
-import {convert, getNumber} from "./color.ts";
-import {EnumToken, walkValues} from "../../ast/index.ts";
-import {reduceNumber} from "../render.ts";
+import {convertColor, getNumber} from "./color.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 {mathFuncs} from "../../syntax/index.ts";
+import {colorRange} from "./utils/index.ts";
+import {mathFuncs} from "../index.ts";
 
 type RGBKeyType = 'r' | 'g' | 'b' | 'alpha';
 type HSLKeyType = 'h' | 's' | 'l' | 'alpha';
@@ -45,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>convert(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) {
 
@@ -53,14 +52,14 @@ 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]),
         [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,15 +90,15 @@ 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) {
 
         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) {
 
@@ -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];
-            }
+            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/syntax/color/rgb.ts b/src/lib/syntax/color/rgb.ts
new file mode 100644
index 00000000..61cbaf84
--- /dev/null
+++ b/src/lib/syntax/color/rgb.ts
@@ -0,0 +1,214 @@
+import type {ColorToken, Token} from "../../../@types/index.d.ts";
+import {color2srgbvalues, minmax} from "./color.ts";
+import {COLORS_NAMES} from "./utils/index.ts";
+import {expandHexValue} from "./hex.ts";
+import {
+    cmyk2srgbvalues,
+    hslvalues,
+    hslvalues2srgbvalues,
+    hwb2srgbvalues,
+    lab2srgbvalues,
+    lch2srgbvalues,
+    oklab2srgbvalues,
+    oklch2srgbvalues
+} from "./srgb.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
+
+export function srgb2rgb(value: number): number {
+
+    return minmax(Math.round(value * 255), 0, 255);
+}
+
+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: ColorType.RGB
+    }
+}
+export function hex2rgbvalues(token: ColorToken): number[] {
+
+    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) {
+
+        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 hwb2rgbvalues(token: ColorToken): number[] | null {
+
+    return hwb2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+
+export function hsl2rgbvalues(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).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 cmyk2rgbvalues(token: ColorToken): number[] | null {
+
+    return cmyk2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+
+export function oklab2rgbvalues(token: ColorToken): number[] | null {
+
+    return oklab2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t )) ?? null;
+}
+
+export function oklch2rgbvalues(token: ColorToken): number[] | null {
+
+    return oklch2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+
+export function lab2rgbvalues(token: ColorToken): number[] | null {
+
+    return lab2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+
+export function lch2rgbvalues(token: ColorToken): number[] | 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/renderer/color/srgb.ts b/src/lib/syntax/color/srgb.ts
similarity index 72%
rename from src/lib/renderer/color/srgb.ts
rename to src/lib/syntax/color/srgb.ts
index a0ce2069..92d1d5ad 100644
--- a/src/lib/renderer/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,8 +11,8 @@ import type {
     Token
 } 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 {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";
 import {getLCHComponents} from "./lch.ts";
@@ -23,35 +23,35 @@ export function srgbvalues(token: ColorToken): number[] | null {
 
     switch (token.kin) {
 
-        case ColorKind.LIT:
-        case ColorKind.HEX:
-            return hex2srgb(token);
+        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 hwb2srgb(token);
+            return hwb2srgbvalues(token);
 
-        case ColorKind.LAB:
-            return lab2srgb(token);
+        case ColorType.LAB:
+            return lab2srgbvalues(token);
 
-        case ColorKind.LCH:
-            return lch2srgb(token);
+        case ColorType.LCH:
+            return lch2srgbvalues(token);
 
-        case ColorKind.OKLAB:
-            return oklab2srgb(token);
+        case ColorType.OKLAB:
+            return oklab2srgbvalues(token);
 
-        case ColorKind.OKLCH:
-            return oklch2srgb(token);
+        case ColorType.OKLCH:
+            return oklch2srgbvalues(token);
 
-        case ColorKind.COLOR:
+        case ColorType.COLOR:
             return color2srgbvalues(token);
     }
 
@@ -63,9 +63,26 @@ 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 {
 
-    const value: string = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    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 == ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb: number[] = [];
 
     for (let i = 1; i < value.length; i += 2) {
@@ -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/renderer/color/utils/components.ts b/src/lib/syntax/color/utils/components.ts
similarity index 64%
rename from src/lib/renderer/color/utils/components.ts
rename to src/lib/syntax/color/utils/components.ts
index 7fb312f4..6d660dc6 100644
--- a/src/lib/renderer/color/utils/components.ts
+++ b/src/lib/syntax/color/utils/components.ts
@@ -1,17 +1,17 @@
 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) => {
+        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/renderer/color/utils/constants.ts b/src/lib/syntax/color/utils/constants.ts
similarity index 93%
rename from src/lib/renderer/color/utils/constants.ts
rename to src/lib/syntax/color/utils/constants.ts
index d2a7a472..c8d5f1c7 100644
--- a/src/lib/renderer/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: {
@@ -28,39 +30,9 @@ export const colorRange = {
     }
 }
 
-// xyz-d65 is an alias for xyz
-// display-p3 is an alias for srgb
-export enum ColorKind {
-
-    SYS,
-    DPSYS,
-    LIT,
-    HEX,
-    RGB,
-    RGBA,
-    HSL,
-    HSLA,
-    HWB,
-    DEVICE_CMYK,
-    OKLAB,
-    OKLCH,
-    LAB,
-    LCH,
-    COLOR,
-    SRGB,
-    PROPHOTO_RGB,
-    A98_RGB,
-    REC2020,
-    DISPLAY_P3,
-    SRGB_LINEAR,
-    XYZ,
-    XYZ_D50,
-    XYZ_D65,
-    LIGHT_DARK,
-    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/syntax/color/utils/distance.ts b/src/lib/syntax/color/utils/distance.ts
new file mode 100644
index 00000000..9b93e879
--- /dev/null
+++ b/src/lib/syntax/color/utils/distance.ts
@@ -0,0 +1,41 @@
+import type {ColorToken} from "../../../../@types/index.d.ts";
+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;
+    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/renderer/color/utils/index.ts b/src/lib/syntax/color/utils/index.ts
similarity index 76%
rename from src/lib/renderer/color/utils/index.ts
rename to src/lib/syntax/color/utils/index.ts
index 67f59fc4..1c1d37d0 100644
--- a/src/lib/renderer/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/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 60%
rename from src/lib/renderer/color/xyz.ts
rename to src/lib/syntax/color/xyz.ts
index 9898961c..e7470c0d 100644
--- a/src/lib/renderer/color/xyz.ts
+++ b/src/lib/syntax/color/xyz.ts
@@ -1,6 +1,7 @@
 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/renderer/color/xyzd50.ts b/src/lib/syntax/color/xyzd50.ts
similarity index 53%
rename from src/lib/renderer/color/xyzd50.ts
rename to src/lib/syntax/color/xyzd50.ts
index a3e5d16f..2adcfbd0 100644
--- a/src/lib/renderer/color/xyzd50.ts
+++ b/src/lib/syntax/color/xyzd50.ts
@@ -1,8 +1,35 @@
-import {lsrgb2srgbvalues} from "./srgb.ts";
+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/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/syntax.ts b/src/lib/syntax/syntax.ts
index b93b4a37..ccb2eabf 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,
@@ -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 "../renderer/color/utils";
+import {ColorType, EnumToken, WalkerOptionEnum, walkValues} from "../ast/index.ts";
+import {funcLike} from "./color/utils/index.ts";
 import {buildExpression} from "../ast/math/index.ts";
 
 // '\\'
@@ -539,23 +539,38 @@ 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 {
 
-    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 {
+
+    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;
                     }
                 }
             }
@@ -814,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/syntax/utils.ts b/src/lib/syntax/utils.ts
new file mode 100644
index 00000000..d57badc0
--- /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/index.d.ts";
+import {EnumToken} from "../ast/index.ts";
+
+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/at-rules/keyframes.ts b/src/lib/validation/at-rules/keyframes.ts
index 3cff15e6..bca31785 100644
--- a/src/lib/validation/at-rules/keyframes.ts
+++ b/src/lib/validation/at-rules/keyframes.ts
@@ -17,23 +17,11 @@ 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) {
-
-        // @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..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 "../../renderer/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 327d02a1..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 "../../renderer/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 56daa3c1..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,
@@ -107,7 +108,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.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/config.ts b/src/lib/validation/config.ts
index 6e2cd2e3..88516daa 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[]>();
 
@@ -33,11 +34,6 @@ export function getSyntax(group: ValidationSyntaxGroupEnum, key: string | string
                     key = matches[1] + matches[3];
                 }
             }
-
-            if (!(key in obj)) {
-
-                return null;
-            }
         }
 
         // @ts-ignore
@@ -47,6 +43,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 b60dd381..a509155e 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";
@@ -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,
@@ -297,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;
 }
 
@@ -566,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) {
@@ -1015,6 +1007,13 @@ function parseSyntaxTokens(syntax: string, iterator: Iterator<ValidationTokenIte
                     }
                 }
 
+                if ('occurence' in item.value) {
+
+                    // @ts-ignore
+                    items[i].occurence = {...item.value.occurence};
+                }
+                ;
+
                 break;
 
             case ValidationTokenEnum.Pipe:
@@ -1462,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 24dedec2..7a437936 100644
--- a/src/lib/validation/selector.ts
+++ b/src/lib/validation/selector.ts
@@ -1,21 +1,10 @@
-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 {
-
-    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);
-    }
+export function validateSelector(selector: Token[], options: ValidationOptions, root: AstNode): ValidationResult {
 
     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 937310e9..e61812c5 100644
--- a/src/lib/validation/syntax.ts
+++ b/src/lib/validation/syntax.ts
@@ -1,5 +1,4 @@
-import {
-    renderSyntax,
+import type {
     ValidationAmpersandToken,
     ValidationBracketToken,
     ValidationColumnToken,
@@ -7,13 +6,11 @@ import {
     ValidationFunctionDefinitionToken,
     ValidationFunctionToken,
     ValidationKeywordToken,
-    ValidationParensToken,
     ValidationPipeToken,
     ValidationPropertyToken,
-    ValidationSyntaxGroupEnum,
     ValidationToken,
-    ValidationTokenEnum
 } from "./parser/index.ts";
+import {renderSyntax, ValidationSyntaxGroupEnum, ValidationTokenEnum} from "./parser/index.ts";
 import type {
     AstDeclaration,
     AstNode,
@@ -23,17 +20,16 @@ import type {
     IdentToken,
     LiteralToken,
     NumberToken,
-    ParensToken,
     PseudoClassFunctionToken,
     PseudoClassToken,
     Token,
     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 "../renderer/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();
@@ -44,16 +40,15 @@ const allValues: string[] = getSyntaxConfig()[ValidationSyntaxGroupEnum.Declarat
 export function createContext(input: Token[]): Context<Token> {
 
     const values: Token[] = input.slice();
-    const result: Token[] = values.slice();
-
-    if (result.at(-1)?.typ == EnumToken.WhitespaceTokenType) {
-
-        result.pop();
-    }
+    const result: Token[] = values.filter(token => token.typ != EnumToken.CommentTokenType).slice();
 
     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;
@@ -83,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;
@@ -125,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[];
@@ -139,15 +122,6 @@ 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()
-            }
         }
     }
 }
@@ -202,12 +176,8 @@ 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) {
-
-                            continue;
-                        }
+                    if ((token = (result.context as Context<Token>).next()) != null) {
 
                         return {
                             ...result,
@@ -226,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 {
@@ -278,8 +239,22 @@ 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
+        }
+    }
+
     for (; i < syntaxes.length; i++) {
 
         syntax = syntaxes[i];
@@ -296,6 +271,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) {
@@ -310,7 +291,16 @@ 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);
@@ -383,9 +373,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
     }
 }
@@ -419,7 +409,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();
@@ -432,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 list: ${renderSyntax(syntax)}`,
-                context
-            }
-        }
-
         result = doEvaluateSyntax([syntax], createContext(tokens), {
             ...options,
             isList: false,
@@ -471,7 +450,7 @@ function matchList(syntax: ValidationToken, context: Context<Token>, options: Va
 
     success = count > 0;
 
-    if (count && syntax.occurence != null) {
+    if (success && syntax.occurence != null) {
 
         success = count >= syntax.occurence.min;
 
@@ -483,7 +462,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 +501,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 +539,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
@@ -568,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), {
@@ -636,7 +598,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,24 +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;
@@ -698,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;
@@ -741,15 +663,9 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
                 break;
             }
 
-            if (token.typ != EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
+            if (syntax.typ == ValidationTokenEnum.Function) {
 
-                success = doEvaluateSyntax((syntax as ValidationFunctionToken).chi, createContext((token as FunctionToken).chi), {
-                    ...options,
-                    isRepeatable: null,
-                    isList: null,
-                    occurence: null,
-                    atLeastOnce: null
-                } as ValidationOptions).valid == SyntaxValidationResult.Valid;
+                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;
 
                 if (success) {
 
@@ -758,9 +674,9 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
                 break;
             }
 
-            if (syntax.typ == ValidationTokenEnum.Function) {
+            if (token.typ != EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
 
-                success = funcLike.includes(token.typ) && doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionToken).val + '()')?.[0] as ValidationFunctionToken)?.chi as ValidationToken[], createContext((token as FunctionToken).chi), {
+                success = doEvaluateSyntax((syntax as ValidationFunctionToken).chi, createContext((token as FunctionToken).chi), {
                     ...options,
                     isRepeatable: null,
                     isList: null,
@@ -774,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())) {
@@ -797,7 +711,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)) {
 
@@ -924,7 +840,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) {
 
@@ -995,12 +911,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':
@@ -1023,12 +939,12 @@ 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':
 
-            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) {
 
@@ -1098,7 +1014,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':
@@ -1135,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)}`);
     }
 
 
@@ -1184,16 +1096,10 @@ 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++) {
 
-        if (context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType) {
-
-            context.next();
-        }
-
         result = doEvaluateSyntax(syntaxes[i], context.clone(), options);
 
         if (result.valid == SyntaxValidationResult.Valid) {
@@ -1217,9 +1123,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
     }
 }
@@ -1229,7 +1135,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++) {
 
@@ -1252,9 +1157,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
     }
 }
@@ -1293,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;
         }
 
@@ -1324,15 +1223,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;
 
@@ -1341,7 +1237,7 @@ 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});
 
                 if (result.valid == SyntaxValidationResult.Valid) {
 
@@ -1363,10 +1259,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;
@@ -1385,13 +1279,14 @@ function allOf(syntax: ValidationToken[][], context: Context<Token>, options: Va
         }
     }
 
+    // console.error()
     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/src/lib/validation/syntaxes/complex-selector-list.ts b/src/lib/validation/syntaxes/complex-selector-list.ts
index a5c4a25b..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)) {
@@ -36,12 +24,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/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..58ba7234 100644
--- a/src/lib/validation/syntaxes/family-name.ts
+++ b/src/lib/validation/syntaxes/family-name.ts
@@ -11,20 +11,7 @@ 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 || tokens[0].typ == EnumToken.CommaTokenType) {
 
         // @ts-ignore
         return {
@@ -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)) {
@@ -79,17 +45,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/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/lib/validation/syntaxes/keyframe-selector.ts b/src/lib/validation/syntaxes/keyframe-selector.ts
index 7b758fd6..499f29d9 100644
--- a/src/lib/validation/syntaxes/keyframe-selector.ts
+++ b/src/lib/validation/syntaxes/keyframe-selector.ts
@@ -7,32 +7,9 @@ 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) {
-
-            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/relative-selector-list.ts b/src/lib/validation/syntaxes/relative-selector-list.ts
index 0e0a753a..b45434bb 100644
--- a/src/lib/validation/syntaxes/relative-selector-list.ts
+++ b/src/lib/validation/syntaxes/relative-selector-list.ts
@@ -5,45 +5,12 @@ 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
-        }
-    }
-
     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 ad48f10d..5610a48a 100644
--- a/src/lib/validation/syntaxes/url.ts
+++ b/src/lib/validation/syntaxes/url.ts
@@ -6,51 +6,15 @@ 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);
 
-    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)) {
 
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: children[0] ?? token,
-            // @ts-ignore
-            syntax: 'url()',
-            error: 'expected url-token'
-        }
+        children.shift();
     }
 
-    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..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([]);
diff --git a/src/node/index.ts b/src/node/index.ts
index 4208114d..29b2ed2d 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, convertColor, isOkLabClose, okLabDistance, 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..047b716d 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, convertColor, isOkLabClose, okLabDistance, EnumToken, ValidationLevel, ColorType
+} from '../lib/index.ts';
 export {dirname, resolve, load};
 
 /**
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/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/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 ab487c49..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 () {
@@ -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/block.js b/test/specs/code/block.js
index b6e86fcd..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 () {
 
@@ -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..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 () {
 
@@ -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/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
new file mode 100644
index 00000000..148a2c96
--- /dev/null
+++ b/test/specs/code/color-cmyk.js
@@ -0,0 +1,331 @@
+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 cmyk', function () {
+
+        it('hex to cmyk #1', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).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-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
new file mode 100644
index 00000000..9a4f9f5a
--- /dev/null
+++ b/test/specs/code/color-hex.js
@@ -0,0 +1,195 @@
+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 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(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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).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
new file mode 100644
index 00000000..1ea5f161
--- /dev/null
+++ b/test/specs/code/color-hsl.js
@@ -0,0 +1,332 @@
+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 hsl', function () {
+
+        it('hex to hsl #1', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).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
new file mode 100644
index 00000000..90476117
--- /dev/null
+++ b/test/specs/code/color-hwb.js
@@ -0,0 +1,316 @@
+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 hwb', function () {
+
+        it('hex to hwb #1', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).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
new file mode 100644
index 00000000..d3895c7c
--- /dev/null
+++ b/test/specs/code/color-lab.js
@@ -0,0 +1,332 @@
+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 lab', function () {
+
+        it('hex to lab #1', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).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..c866191a
--- /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, it, 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-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
new file mode 100644
index 00000000..5ad7457a
--- /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, it, 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..cafa6f0e
--- /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, it, 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-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
new file mode 100644
index 00000000..d29e29df
--- /dev/null
+++ b/test/specs/code/color-rgb.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, it, 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(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%); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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%); }`, {
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).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/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 8c17273d..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 () {
 
@@ -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/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 00199e26..05c53d2d 100644
--- a/test/specs/code/import1.js
+++ b/test/specs/code/import1.js
@@ -1,8 +1,8 @@
 
-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'}';
+@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..f5cd166b 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) {
+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';
+    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..2dc7fd6f 100644
--- a/test/specs/code/index.js
+++ b/test/specs/code/index.js
@@ -3,6 +3,22 @@ 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 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 281e2e8c..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 () {
 
@@ -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
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 a7fe6381..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 () {
@@ -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/prefix.js b/test/specs/code/prefix.js
index 52e58890..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 () {
 
@@ -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/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 374ec0bb..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 () {
@@ -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 ae347493..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 () {
 
@@ -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(12)).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/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
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"
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};