From ceaa95669e8e0b0420d0ea15588b2cdf1e51ca30 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Tue, 8 Sep 2026 19:35:32 -0400
Subject: [PATCH 1/8] update doc

---
 files/usage.md | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/files/usage.md b/files/usage.md
index 4f856043..e9951692 100644
--- a/files/usage.md
+++ b/files/usage.md
@@ -11,11 +11,11 @@ The **synchronous API** is marginally faster than the asynchronous API, but it c
 
 | Function          | Parses CSS | Async | CSS Output |
 | ----------------- | ---------- | ----- | ---------- |
-| `parse()`         | ✅         | ✅     | ❌         | 
-| `parseSync()`     | ✅         | ❌     | ❌         |
-| `transform()`     | ✅         | ✅     | ✅         |
-| `transformSync()` | ✅         | ❌     | ✅         |
-| `render()`        | ❌         | ❌     | ✅         |
+| `parse()`         | ✅          | ✅     | ❌          |
+| `parseSync()`     | ✅          | ❌     | ❌          |
+| `transform()`     | ✅          | ✅     | ✅          |
+| `transformSync()` | ✅          | ❌     | ✅          |
+| `render()`        | ❌          | ❌     | ✅          |
 
 > **Note:** `parse()` and `parseSync()` only produce the AST and do not generate CSS output.
 
@@ -387,18 +387,18 @@ button {
 
 | Feature                 | parse() | transform() | transformSync() | ParseSync() |
 | ----------------------- | ------- | ----------- | --------------- | ----------- |
-| Parse from stream       | ✅      | ✅          | ❌               | ❌          |
-| Parse from file         | ✅      | ✅          | ❌               | ❌          |
-| Flatten @import at-rule | ✅      | ✅          | ❌               | ❌          |
-| transformSync()         | ✅      | ✅          | ❌               | ❌          |
+| Parse from stream       | ✅       | ✅           | ❌               | ❌           |
+| Parse from file         | ✅       | ✅           | ❌               | ❌           |
+| Flatten @import at-rule | ✅       | ✅           | ❌               | ❌           |
+| load css files          | ✅       | ✅           | ❌               | ❌           |
 
 ### CSS Module features comparison
 
 | Feature                                                              | parse() | transform() | transformSync() | ParseSync() |
 | -------------------------------------------------------------------- | ------- | ----------- | --------------- | ----------- |
-| Algorithms supported by `pattern`: <br> sha1, sha256, sha384, sha512 | ✅      | ✅          | ❌               | ❌          |
-| CSS `composes` from file                                             | ✅      | ✅          | ❌               | ❌          |
-| import CSS variables from file                                       | ✅      | ✅          | ❌               | ❌          |
+| Algorithms supported by `pattern`: <br> sha1, sha256, sha384, sha512 | ✅       | ✅           | ❌               | ❌           |
+| CSS `composes` from file                                             | ✅       | ✅           | ❌               | ❌           |
+| import CSS variables from file                                       | ✅       | ✅           | ❌               | ❌           |
 
 
 ------

From c360ef2b5d80a2a29818b0777c1b46333d131ba8 Mon Sep 17 00:00:00 2001
From: Thierry Bela <bnanga@gmail.com>
Date: Wed, 9 Sep 2026 16:17:43 -0400
Subject: [PATCH 2/8] update library url

---
 files/getting-started.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/files/getting-started.md b/files/getting-started.md
index 758257e6..564ff7e4 100644
--- a/files/getting-started.md
+++ b/files/getting-started.md
@@ -62,7 +62,7 @@ It can be imported as an umd module.
 ```html
 <script type="module">
 
-    import {transform, ColorType} from 'https://unpkg.com/@tbela99/css-parser@1.6.2/web';
+    import {transform, ColorType} from 'https://unpkg.com/@tbela99/css-parser@1.6.3/web';
 
     const css = `
 
@@ -100,7 +100,7 @@ It can be imported as a module in the browser.
 
 ```html
 
-<script src="https://unpkg.com/@tbela99/css-parser@1.6.2/dist/index-umd-web.js"></script>
+<script src="https://unpkg.com/@tbela99/css-parser@1.6.3/dist/index-umd-web.js"></script>
 <script>
 
     (async () => {
@@ -175,7 +175,7 @@ Load as javascript module
 ```html
 <script type="module">
 
-    import {transform, ColorType} from 'https://unpkg.com/@tbela99/css-parser@1.6.2/web';
+    import {transform, ColorType} from 'https://unpkg.com/@tbela99/css-parser@1.6.3/web';
 
 const css = `
 
@@ -202,7 +202,7 @@ Load as an UMD module
 
 ```html
 
-<script src="https://unpkg.com/@tbela99/css-parser@1.6.2/dist/index-umd-web.js"></script>
+<script src="https://unpkg.com/@tbela99/css-parser@1.6.3/dist/index-umd-web.js"></script>
 <script>
 
     (async () => {

From fc2c5052c2eb2f7d3f72060ba93942c7139bb7c6 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 18 Sep 2026 15:27:18 -0400
Subject: [PATCH 3/8] rename parameters

---
 benchmark/package.json |  6 ++--
 dist/index-umd-web.js  | 60 +++++++++++++++++++++++++------------
 dist/index.cjs         | 60 +++++++++++++++++++++++++------------
 dist/index.d.ts        |  7 ++++-
 dist/lib/ast/walk.js   | 60 +++++++++++++++++++++++++------------
 src/@types/walker.d.ts |  7 ++++-
 src/lib/ast/walk.ts    | 67 ++++++++++++++++++++++++++++++------------
 7 files changed, 190 insertions(+), 77 deletions(-)

diff --git a/benchmark/package.json b/benchmark/package.json
index 299f8a3e..b2693068 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -10,15 +10,15 @@
     "all": "npm run sizes && npm run bench; npm run report"
   },
   "dependencies": {
-    "@tbela99/css-parser": "^1.6.2",
+    "@tbela99/css-parser": "^1.6.3",
     "@tbela99/css-parser2": "github:tbela99/css-parser#4303f4b",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
-    "cssnano": "^9.0.4",
+    "cssnano": "^9.0.5",
     "csso": "^5.0.5",
     "esbuild": "^0.28.2",
     "lightningcss": "^1.33.0",
     "postcss": "^8.5.28",
-    "vitest": "^5.0.0"
+    "vitest": "^5.0.1"
   }
 }
\ No newline at end of file
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 17b449a0..0dff9b0b 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -9645,12 +9645,27 @@
         const map = new Map();
         let options = filter;
         let isNumeric = false;
-        let includeValues = false;
+        let children = true;
+        let attributes = false;
         let i = 0;
+        // @ts-ignore
+        const result = {
+            node: null,
+            parent: null,
+            root,
+            parents: function* () {
+                let parent = map.get(node);
+                while (parent != null) {
+                    yield parent;
+                    parent = map.get(parent);
+                }
+            },
+        };
         if (options != null && typeof options == "object") {
             filter = options.filter;
             reverse = options.reverse;
-            includeValues = options.inludeValues;
+            attributes = options.attributes;
+            children = options.children ?? true;
         }
         while ((node = parents[i++])) {
             let option = null;
@@ -9668,25 +9683,32 @@
                 }
             }
             if (!isNumeric || (option & exports.WalkerOptionEnum.Children) === 0) {
+                result.node = node;
                 // @ts-ignore
-                yield {
-                    node,
-                    parent: map.get(node),
-                    root,
-                    // @ts-expect-error
-                    parents: function* () {
-                        let parent = map.get(node);
-                        while (parent != null) {
-                            yield parent;
-                            parent = map.get(parent);
-                        }
-                    },
-                };
+                result.parent = map.get(node);
+                yield result;
+                // @ts-ignore
+                // yield {
+                //     node,
+                //     parent: <AstRuleList>map.get(node),
+                //     root,
+                //     // @ts-expect-error
+                //     parents: function* () {
+                //         let parent = map.get(node);
+                //         while (parent != null) {
+                //             yield parent;
+                //             parent = map.get(parent);
+                //         }
+                //     },
+                // };
             }
-            if (includeValues) {
+            if (attributes) {
                 if (node[TOKENS] != null) {
                     // @ts-ignore
                     parents.splice(i, 0, ...(reverse ? node[TOKENS].toReversed() : node[TOKENS]));
+                    for (const child of node[TOKENS]) {
+                        map.set(child, node);
+                    }
                     // @ts-ignore
                 }
                 else if (Array.isArray(node.val)) {
@@ -9694,8 +9716,10 @@
                     parents.splice(i, 0, ...(reverse ? node.val.toReversed() : node.val));
                 }
             }
-            // @ts-ignore
-            if (node["chi"] != null && (!isNumeric || (option & exports.WalkerOptionEnum.IgnoreChildren) === 0)) {
+            if (children &&
+                // @ts-ignore
+                node["chi"] != null &&
+                (!isNumeric || (option & exports.WalkerOptionEnum.IgnoreChildren) === 0)) {
                 // @ts-ignore
                 parents.splice(i, 0, ...(reverse ? node.chi.toReversed() : node.chi));
                 for (const child of node.chi) {
diff --git a/dist/index.cjs b/dist/index.cjs
index 6ca07731..c8f3e621 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -9648,12 +9648,27 @@ function* walk(node, filter, reverse) {
     const map = new Map();
     let options = filter;
     let isNumeric = false;
-    let includeValues = false;
+    let children = true;
+    let attributes = false;
     let i = 0;
+    // @ts-ignore
+    const result = {
+        node: null,
+        parent: null,
+        root,
+        parents: function* () {
+            let parent = map.get(node);
+            while (parent != null) {
+                yield parent;
+                parent = map.get(parent);
+            }
+        },
+    };
     if (options != null && typeof options == "object") {
         filter = options.filter;
         reverse = options.reverse;
-        includeValues = options.inludeValues;
+        attributes = options.attributes;
+        children = options.children ?? true;
     }
     while ((node = parents[i++])) {
         let option = null;
@@ -9671,25 +9686,32 @@ function* walk(node, filter, reverse) {
             }
         }
         if (!isNumeric || (option & exports.WalkerOptionEnum.Children) === 0) {
+            result.node = node;
             // @ts-ignore
-            yield {
-                node,
-                parent: map.get(node),
-                root,
-                // @ts-expect-error
-                parents: function* () {
-                    let parent = map.get(node);
-                    while (parent != null) {
-                        yield parent;
-                        parent = map.get(parent);
-                    }
-                },
-            };
+            result.parent = map.get(node);
+            yield result;
+            // @ts-ignore
+            // yield {
+            //     node,
+            //     parent: <AstRuleList>map.get(node),
+            //     root,
+            //     // @ts-expect-error
+            //     parents: function* () {
+            //         let parent = map.get(node);
+            //         while (parent != null) {
+            //             yield parent;
+            //             parent = map.get(parent);
+            //         }
+            //     },
+            // };
         }
-        if (includeValues) {
+        if (attributes) {
             if (node[TOKENS] != null) {
                 // @ts-ignore
                 parents.splice(i, 0, ...(reverse ? node[TOKENS].toReversed() : node[TOKENS]));
+                for (const child of node[TOKENS]) {
+                    map.set(child, node);
+                }
                 // @ts-ignore
             }
             else if (Array.isArray(node.val)) {
@@ -9697,8 +9719,10 @@ function* walk(node, filter, reverse) {
                 parents.splice(i, 0, ...(reverse ? node.val.toReversed() : node.val));
             }
         }
-        // @ts-ignore
-        if (node["chi"] != null && (!isNumeric || (option & exports.WalkerOptionEnum.IgnoreChildren) === 0)) {
+        if (children &&
+            // @ts-ignore
+            node["chi"] != null &&
+            (!isNumeric || (option & exports.WalkerOptionEnum.IgnoreChildren) === 0)) {
             // @ts-ignore
             parents.splice(i, 0, ...(reverse ? node.chi.toReversed() : node.chi));
             for (const child of node.chi) {
diff --git a/dist/index.d.ts b/dist/index.d.ts
index bc2e5f22..2ab6b82b 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -5011,10 +5011,15 @@ export declare interface WalkerOptions {
      */
     reverse?: boolean;
 
+    /**
+     * traverse node children
+     */
+    children?: boolean;
+
     /**
      * Traverse node value tokens. If false, only traverse node children
      */
-    inludeValues?: boolean;
+    attributes?: boolean;
     /**
      * filter function to control the walk
      */
diff --git a/dist/lib/ast/walk.js b/dist/lib/ast/walk.js
index 2cf0cba1..b0752c70 100644
--- a/dist/lib/ast/walk.js
+++ b/dist/lib/ast/walk.js
@@ -117,12 +117,27 @@ function* walk(node, filter, reverse) {
     const map = new Map();
     let options = filter;
     let isNumeric = false;
-    let includeValues = false;
+    let children = true;
+    let attributes = false;
     let i = 0;
+    // @ts-ignore
+    const result = {
+        node: null,
+        parent: null,
+        root,
+        parents: function* () {
+            let parent = map.get(node);
+            while (parent != null) {
+                yield parent;
+                parent = map.get(parent);
+            }
+        },
+    };
     if (options != null && typeof options == "object") {
         filter = options.filter;
         reverse = options.reverse;
-        includeValues = options.inludeValues;
+        attributes = options.attributes;
+        children = options.children ?? true;
     }
     while ((node = parents[i++])) {
         let option = null;
@@ -140,25 +155,32 @@ function* walk(node, filter, reverse) {
             }
         }
         if (!isNumeric || (option & WalkerOptionEnum.Children) === 0) {
+            result.node = node;
             // @ts-ignore
-            yield {
-                node,
-                parent: map.get(node),
-                root,
-                // @ts-expect-error
-                parents: function* () {
-                    let parent = map.get(node);
-                    while (parent != null) {
-                        yield parent;
-                        parent = map.get(parent);
-                    }
-                },
-            };
+            result.parent = map.get(node);
+            yield result;
+            // @ts-ignore
+            // yield {
+            //     node,
+            //     parent: <AstRuleList>map.get(node),
+            //     root,
+            //     // @ts-expect-error
+            //     parents: function* () {
+            //         let parent = map.get(node);
+            //         while (parent != null) {
+            //             yield parent;
+            //             parent = map.get(parent);
+            //         }
+            //     },
+            // };
         }
-        if (includeValues) {
+        if (attributes) {
             if (node[TOKENS] != null) {
                 // @ts-ignore
                 parents.splice(i, 0, ...(reverse ? node[TOKENS].toReversed() : node[TOKENS]));
+                for (const child of node[TOKENS]) {
+                    map.set(child, node);
+                }
                 // @ts-ignore
             }
             else if (Array.isArray(node.val)) {
@@ -166,8 +188,10 @@ function* walk(node, filter, reverse) {
                 parents.splice(i, 0, ...(reverse ? node.val.toReversed() : node.val));
             }
         }
-        // @ts-ignore
-        if (node["chi"] != null && (!isNumeric || (option & WalkerOptionEnum.IgnoreChildren) === 0)) {
+        if (children &&
+            // @ts-ignore
+            node["chi"] != null &&
+            (!isNumeric || (option & WalkerOptionEnum.IgnoreChildren) === 0)) {
             // @ts-ignore
             parents.splice(i, 0, ...(reverse ? node.chi.toReversed() : node.chi));
             for (const child of node.chi) {
diff --git a/src/@types/walker.d.ts b/src/@types/walker.d.ts
index 65715f48..c2737ab3 100644
--- a/src/@types/walker.d.ts
+++ b/src/@types/walker.d.ts
@@ -11,10 +11,15 @@ export declare interface WalkerOptions {
      */
     reverse?: boolean;
 
+    /**
+     * traverse node children
+     */
+    children?: boolean;
+
     /**
      * Traverse node value tokens. If false, only traverse node children
      */
-    inludeValues?: boolean;
+    attributes?: boolean;
     /**
      * filter function to control the walk
      */
diff --git a/src/lib/ast/walk.ts b/src/lib/ast/walk.ts
index 970fc7e7..8b91dbcd 100644
--- a/src/lib/ast/walk.ts
+++ b/src/lib/ast/walk.ts
@@ -286,15 +286,32 @@ export function* walk(
     const map: Map<AstNode, AstNode> = new Map();
     let options: WalkerOptions | null = filter as WalkerOptions | null;
     let isNumeric: boolean = false;
-    let includeValues: boolean = false;
+    let children: boolean = true;
+    let attributes: boolean = false;
     let i: number = 0;
 
     if (options != null && typeof options == "object") {
         filter = options.filter as WalkerFilter;
         reverse = options.reverse;
-        includeValues = options.inludeValues as boolean;
+        attributes = options.attributes as boolean;
+        children = (options.children as boolean) ?? true;
     }
 
+    // @ts-ignore
+    const result = {
+        node: null,
+        parent: null,
+        root,
+        parents: function* () {
+            let parent = map.get(node);
+
+            while (parent != null) {
+                yield parent;
+                parent = map.get(parent);
+            }
+        },
+    } as WalkResult;
+
     while ((node = <AstNode>parents[i++])) {
         let option: WalkerOption = null;
 
@@ -315,27 +332,37 @@ export function* walk(
         }
 
         if (!isNumeric || ((option as number) & WalkerOptionEnum.Children) === 0) {
+            result.node = node;
             // @ts-ignore
-            yield {
-                node,
-                parent: <AstRuleList>map.get(node),
-                root,
-                // @ts-expect-error
-                parents: function* () {
-                    let parent = map.get(node);
+            result.parent = map.get(node);
 
-                    while (parent != null) {
-                        yield parent;
-                        parent = map.get(parent);
-                    }
-                },
-            };
+            yield result;
+
+            // @ts-ignore
+            // yield {
+            //     node,
+            //     parent: <AstRuleList>map.get(node),
+            //     root,
+            //     // @ts-expect-error
+            //     parents: function* () {
+            //         let parent = map.get(node);
+
+            //         while (parent != null) {
+            //             yield parent;
+            //             parent = map.get(parent);
+            //         }
+            //     },
+            // };
         }
 
-        if (includeValues) {
+        if (attributes) {
             if (node[TOKENS] != null) {
                 // @ts-ignore
                 parents.splice(i, 0, ...(reverse ? node[TOKENS]!.toReversed() : node[TOKENS]));
+
+                for (const child of node[TOKENS] as AstNode[]) {
+                    map.set(child, node);
+                }
                 // @ts-ignore
             } else if (Array.isArray(node.val)) {
                 // @ts-ignore
@@ -343,8 +370,12 @@ export function* walk(
             }
         }
 
-        // @ts-ignore
-        if (node["chi"] != null && (!isNumeric || ((option as number) & WalkerOptionEnum.IgnoreChildren) === 0)) {
+        if (
+            children &&
+            // @ts-ignore
+            node["chi"] != null &&
+            (!isNumeric || ((option as number) & WalkerOptionEnum.IgnoreChildren) === 0)
+        ) {
             // @ts-ignore
             parents.splice(i, 0, ...(reverse ? node.chi!.toReversed() : node.chi));
 

From 46924ed41d91f0ab846fe5a6d498c5ba2533789b Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 18 Sep 2026 21:39:01 -0400
Subject: [PATCH 4/8] faster walker function

---
 dist/index-umd-web.js           | 207 ++++++++++++++------------------
 dist/index.cjs                  | 207 ++++++++++++++------------------
 dist/lib/ast/walk.js            | 190 ++++++++++++++---------------
 dist/lib/syntax/color/lch.js    |   1 -
 dist/lib/syntax/color/oklch.js  |   1 -
 dist/lib/syntax/color/xyzd50.js |  17 ---
 scripts/shorthand.ts            |   2 +-
 src/lib/ast/walk.ts             | 192 ++++++++++++++---------------
 src/lib/syntax/color/lch.ts     |   2 -
 src/lib/syntax/color/oklch.ts   |   2 -
 src/lib/syntax/color/xyzd50.ts  |  28 +----
 test/inspect.js                 |   8 +-
 12 files changed, 377 insertions(+), 480 deletions(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 0dff9b0b..712613da 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -7050,7 +7050,6 @@
         return lchToken(values);
     }
     function lchToken(values) {
-        values[2] = values[2];
         const chi = [
             { typ: exports.EnumToken.NumberTokenType, val: values[0] },
             { typ: exports.EnumToken.NumberTokenType, val: values[1] },
@@ -7174,23 +7173,6 @@
         return alpha == null ? [l, c, h] : [l, c, h, alpha];
     }
 
-    // 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;
-    // }
     /*
      */
     function xyzd502lch(x, y, z, alpha) {
@@ -7337,7 +7319,6 @@
         return oklchToken(srgb2oklch(values[0], values[1], values[2], values[3]));
     }
     function oklchToken(values) {
-        values[2] = values[2];
         const chi = [
             { typ: exports.EnumToken.NumberTokenType, val: values[0] },
             { typ: exports.EnumToken.NumberTokenType, val: values[1] },
@@ -9642,35 +9623,34 @@
     function* walk(node, filter, reverse) {
         const parents = [node];
         const root = node;
-        const map = new Map();
         let options = filter;
         let isNumeric = false;
         let children = true;
         let attributes = false;
         let i = 0;
-        // @ts-ignore
+        if (options != null && typeof options == "object") {
+            filter = options.filter;
+            reverse = options.reverse;
+            attributes = options.attributes;
+            children = options.children ?? true;
+        }
+        // @ts-expect-error
         const result = {
             node: null,
             parent: null,
             root,
             parents: function* () {
-                let parent = map.get(node);
+                let parent = node[PARENT];
                 while (parent != null) {
                     yield parent;
-                    parent = map.get(parent);
+                    parent = parent[PARENT];
                 }
             },
         };
-        if (options != null && typeof options == "object") {
-            filter = options.filter;
-            reverse = options.reverse;
-            attributes = options.attributes;
-            children = options.children ?? true;
-        }
         while ((node = parents[i++])) {
             let option = null;
             if (filter != null) {
-                // @ts-ignore
+                // @ts-expect-error
                 option = filter(node);
                 isNumeric = typeof option == "number";
                 if (isNumeric) {
@@ -9684,46 +9664,42 @@
             }
             if (!isNumeric || (option & exports.WalkerOptionEnum.Children) === 0) {
                 result.node = node;
-                // @ts-ignore
-                result.parent = map.get(node);
+                // @ts-expect-error
+                result.parent = node[PARENT];
                 yield result;
-                // @ts-ignore
-                // yield {
-                //     node,
-                //     parent: <AstRuleList>map.get(node),
-                //     root,
-                //     // @ts-expect-error
-                //     parents: function* () {
-                //         let parent = map.get(node);
-                //         while (parent != null) {
-                //             yield parent;
-                //             parent = map.get(parent);
-                //         }
-                //     },
-                // };
             }
             if (attributes) {
                 if (node[TOKENS] != null) {
-                    // @ts-ignore
+                    // @ts-expect-error
                     parents.splice(i, 0, ...(reverse ? node[TOKENS].toReversed() : node[TOKENS]));
                     for (const child of node[TOKENS]) {
-                        map.set(child, node);
+                        if (child[PARENT] != node) {
+                            child[PARENT] = node;
+                        }
                     }
-                    // @ts-ignore
+                    // @ts-expect-error
                 }
                 else if (Array.isArray(node.val)) {
-                    // @ts-ignore
+                    // @ts-expect-error
+                    for (const val of node.val) {
+                        if (val[PARENT] != node) {
+                            val[PARENT] = node;
+                        }
+                    }
+                    // @ts-expect-error
                     parents.splice(i, 0, ...(reverse ? node.val.toReversed() : node.val));
                 }
             }
             if (children &&
-                // @ts-ignore
+                // @ts-expect-error
                 node["chi"] != null &&
                 (!isNumeric || (option & exports.WalkerOptionEnum.IgnoreChildren) === 0)) {
-                // @ts-ignore
+                // @ts-expect-error
                 parents.splice(i, 0, ...(reverse ? node.chi.toReversed() : node.chi));
                 for (const child of node.chi) {
-                    map.set(child, node);
+                    if (child[PARENT] != node) {
+                        child[PARENT] = node;
+                    }
                 }
             }
         }
@@ -9777,8 +9753,6 @@
      */
     function* walkValues(values, root = null, filter, reverse) {
         const stack = values.slice();
-        const map = new Map();
-        const used = new Set();
         let previous = null;
         if (filter != null && typeof filter == "function") {
             filter = {
@@ -9795,31 +9769,43 @@
         let value;
         let option;
         let node;
-        // const parents: Token[] = [];
+        let i = -1;
         const eventType = filter.event ?? exports.WalkerEvent.Enter;
-        while (stack.length > 0) {
-            value = reverse ? stack.pop() : stack.shift();
+        // @ts-ignore
+        const result = {
+            value: null,
+            parent: null,
+            previousValue: null,
+            nextValue: null,
+            //
+            root: root ?? null,
+            parents: function* () {
+                // @ts-ignore
+                let result = root;
+                while (result != null) {
+                    yield result;
+                    result = result[PARENT] ?? null;
+                }
+            },
+        };
+        while (++i < stack.length) {
+            value = stack[i];
             option = null;
-            node = map.get(value) ?? null;
-            if (used.has(value)) {
-                continue;
-            }
-            used.add(value);
             if (filter.fn != null && eventType & exports.WalkerEvent.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) {
-                    // @ts-ignore
-                    option = filter.fn(value, map.get(value) ?? root, exports.WalkerEvent.Enter, 
+                    // @ts-expect-error
+                    option = filter.fn(value, value[PARENT] ?? root, exports.WalkerEvent.Enter, 
                     // @ts-expect-error
                     function* () {
                         // @ts-expect-error
-                        let parent = map.get(node);
+                        let parent = node[PARENT];
                         while (parent != null) {
                             yield parent;
-                            parent = map.get(parent);
+                            parent = parent[PARENT] ?? null;
                         }
                     });
                     isNumeric = typeof option == "number";
@@ -9829,48 +9815,30 @@
                     if (isNumeric && option & exports.WalkerOptionEnum.Ignore) {
                         continue;
                     }
-                    // @ts-ignore
+                    //
                     if (option != null && typeof option == "object" && ("typ" in option || Array.isArray(option))) {
                         const op = Array.isArray(option) ? option : [option];
+                        stack.splice(i, 0, ...(reverse ? op.toReversed() : op));
                         for (const o of op) {
-                            map.set(o, map.get(value) ?? root);
-                            if (reverse) {
-                                stack.unshift(o);
-                            }
-                            else {
-                                stack.push(o);
+                            if (o[PARENT] != value) {
+                                o[PARENT] = value;
                             }
                         }
                     }
                 }
             }
-            yield {
-                value,
-                parent: map.get(value) ?? root,
-                previousValue: previous,
-                nextValue: stack[0] ?? null,
-                // @ts-ignore
-                root: root ?? null,
-                // @ts-expect-error
-                parents: function* () {
-                    // @ts-expect-error
-                    let result = map.get(node) ?? root;
-                    let next;
-                    do {
-                        yield result;
-                        next = map.get(result) ?? root;
-                        if (next == result) {
-                            break;
-                        }
-                        result = next;
-                    } while (result != null);
-                },
-            };
+            result.value = value;
+            result.parent = value[PARENT] ?? root;
+            result.previousValue = previous;
+            result.nextValue = stack[0] ?? null;
+            yield result;
             if (!isNumeric || (option & exports.WalkerOptionEnum.IgnoreChildren) === 0) {
                 if ("chi" in value) {
                     const sliced = value.chi.slice();
                     for (const child of sliced) {
-                        map.set(child, value);
+                        if (child[PARENT] != value) {
+                            child[PARENT] = value;
+                        }
                         if (reverse) {
                             stack.unshift(child);
                         }
@@ -9882,31 +9850,41 @@
                 else {
                     const values = [];
                     if ("l" in value && value.l != null) {
-                        // @ts-ignore
+                        // @ts-expect-error
                         values.push(value.l);
-                        // @ts-ignore
-                        map.set(value.l, value);
+                        // @ts-expect-error
+                        if (value.l[PARENT] != value) {
+                            // @ts-expect-error
+                            value.l[PARENT] = value;
+                        }
                     }
                     if ("op" in value && typeof value.op == "object") {
-                        // @ts-ignore
+                        // @ts-expect-error
                         values.push(value.op);
-                        // @ts-ignore
-                        map.set(value.op, value);
+                        // @ts-expect-error
+                        if (value.op[PARENT] != value) {
+                            // @ts-expect-error
+                            value.op[PARENT] = 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);
+                                if (r[PARENT] != value) {
+                                    //
+                                    r[PARENT] = value;
+                                }
                             }
                         }
                         else {
-                            // @ts-ignore
+                            //
                             values.push(value.r);
-                            // @ts-ignore
-                            map.set(value.r, value);
+                            if (value.r[PARENT] != value) {
+                                //
+                                value.r[PARENT] = value;
+                            }
                         }
                     }
                     if (values.length > 0) {
@@ -9928,17 +9906,14 @@
                     (typeof filter.type == "function" && filter.type(value));
                 if (isValid) {
                     // @ts-ignore
-                    option = filter.fn(value, map.get(value), exports.WalkerEvent.Leave);
+                    option = filter.fn(value, value[PARENT], exports.WalkerEvent.Leave);
                     // @ts-ignore
                     if (option != null && ("typ" in option || Array.isArray(option))) {
                         const op = Array.isArray(option) ? option : [option];
+                        stack.splice(i, 0, ...(reverse ? op.toReversed() : op));
                         for (const o of op) {
-                            map.set(o, map.get(value) ?? root);
-                            if (reverse) {
-                                stack.unshift(o);
-                            }
-                            else {
-                                stack.push(o);
+                            if (o[PARENT] != value) {
+                                o[PARENT] = value;
                             }
                         }
                     }
diff --git a/dist/index.cjs b/dist/index.cjs
index c8f3e621..e943933a 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -7053,7 +7053,6 @@ function color2lchToken(token) {
     return lchToken(values);
 }
 function lchToken(values) {
-    values[2] = values[2];
     const chi = [
         { typ: exports.EnumToken.NumberTokenType, val: values[0] },
         { typ: exports.EnumToken.NumberTokenType, val: values[1] },
@@ -7177,23 +7176,6 @@ function getLCHComponents(token) {
     return alpha == null ? [l, c, h] : [l, c, h, alpha];
 }
 
-// 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;
-// }
 /*
  */
 function xyzd502lch(x, y, z, alpha) {
@@ -7340,7 +7322,6 @@ function color2oklchToken(token) {
     return oklchToken(srgb2oklch(values[0], values[1], values[2], values[3]));
 }
 function oklchToken(values) {
-    values[2] = values[2];
     const chi = [
         { typ: exports.EnumToken.NumberTokenType, val: values[0] },
         { typ: exports.EnumToken.NumberTokenType, val: values[1] },
@@ -9645,35 +9626,34 @@ exports.WalkerEvent = void 0;
 function* walk(node, filter, reverse) {
     const parents = [node];
     const root = node;
-    const map = new Map();
     let options = filter;
     let isNumeric = false;
     let children = true;
     let attributes = false;
     let i = 0;
-    // @ts-ignore
+    if (options != null && typeof options == "object") {
+        filter = options.filter;
+        reverse = options.reverse;
+        attributes = options.attributes;
+        children = options.children ?? true;
+    }
+    // @ts-expect-error
     const result = {
         node: null,
         parent: null,
         root,
         parents: function* () {
-            let parent = map.get(node);
+            let parent = node[PARENT];
             while (parent != null) {
                 yield parent;
-                parent = map.get(parent);
+                parent = parent[PARENT];
             }
         },
     };
-    if (options != null && typeof options == "object") {
-        filter = options.filter;
-        reverse = options.reverse;
-        attributes = options.attributes;
-        children = options.children ?? true;
-    }
     while ((node = parents[i++])) {
         let option = null;
         if (filter != null) {
-            // @ts-ignore
+            // @ts-expect-error
             option = filter(node);
             isNumeric = typeof option == "number";
             if (isNumeric) {
@@ -9687,46 +9667,42 @@ function* walk(node, filter, reverse) {
         }
         if (!isNumeric || (option & exports.WalkerOptionEnum.Children) === 0) {
             result.node = node;
-            // @ts-ignore
-            result.parent = map.get(node);
+            // @ts-expect-error
+            result.parent = node[PARENT];
             yield result;
-            // @ts-ignore
-            // yield {
-            //     node,
-            //     parent: <AstRuleList>map.get(node),
-            //     root,
-            //     // @ts-expect-error
-            //     parents: function* () {
-            //         let parent = map.get(node);
-            //         while (parent != null) {
-            //             yield parent;
-            //             parent = map.get(parent);
-            //         }
-            //     },
-            // };
         }
         if (attributes) {
             if (node[TOKENS] != null) {
-                // @ts-ignore
+                // @ts-expect-error
                 parents.splice(i, 0, ...(reverse ? node[TOKENS].toReversed() : node[TOKENS]));
                 for (const child of node[TOKENS]) {
-                    map.set(child, node);
+                    if (child[PARENT] != node) {
+                        child[PARENT] = node;
+                    }
                 }
-                // @ts-ignore
+                // @ts-expect-error
             }
             else if (Array.isArray(node.val)) {
-                // @ts-ignore
+                // @ts-expect-error
+                for (const val of node.val) {
+                    if (val[PARENT] != node) {
+                        val[PARENT] = node;
+                    }
+                }
+                // @ts-expect-error
                 parents.splice(i, 0, ...(reverse ? node.val.toReversed() : node.val));
             }
         }
         if (children &&
-            // @ts-ignore
+            // @ts-expect-error
             node["chi"] != null &&
             (!isNumeric || (option & exports.WalkerOptionEnum.IgnoreChildren) === 0)) {
-            // @ts-ignore
+            // @ts-expect-error
             parents.splice(i, 0, ...(reverse ? node.chi.toReversed() : node.chi));
             for (const child of node.chi) {
-                map.set(child, node);
+                if (child[PARENT] != node) {
+                    child[PARENT] = node;
+                }
             }
         }
     }
@@ -9780,8 +9756,6 @@ function* walk(node, filter, reverse) {
  */
 function* walkValues(values, root = null, filter, reverse) {
     const stack = values.slice();
-    const map = new Map();
-    const used = new Set();
     let previous = null;
     if (filter != null && typeof filter == "function") {
         filter = {
@@ -9798,31 +9772,43 @@ function* walkValues(values, root = null, filter, reverse) {
     let value;
     let option;
     let node;
-    // const parents: Token[] = [];
+    let i = -1;
     const eventType = filter.event ?? exports.WalkerEvent.Enter;
-    while (stack.length > 0) {
-        value = reverse ? stack.pop() : stack.shift();
+    // @ts-ignore
+    const result = {
+        value: null,
+        parent: null,
+        previousValue: null,
+        nextValue: null,
+        //
+        root: root ?? null,
+        parents: function* () {
+            // @ts-ignore
+            let result = root;
+            while (result != null) {
+                yield result;
+                result = result[PARENT] ?? null;
+            }
+        },
+    };
+    while (++i < stack.length) {
+        value = stack[i];
         option = null;
-        node = map.get(value) ?? null;
-        if (used.has(value)) {
-            continue;
-        }
-        used.add(value);
         if (filter.fn != null && eventType & exports.WalkerEvent.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) {
-                // @ts-ignore
-                option = filter.fn(value, map.get(value) ?? root, exports.WalkerEvent.Enter, 
+                // @ts-expect-error
+                option = filter.fn(value, value[PARENT] ?? root, exports.WalkerEvent.Enter, 
                 // @ts-expect-error
                 function* () {
                     // @ts-expect-error
-                    let parent = map.get(node);
+                    let parent = node[PARENT];
                     while (parent != null) {
                         yield parent;
-                        parent = map.get(parent);
+                        parent = parent[PARENT] ?? null;
                     }
                 });
                 isNumeric = typeof option == "number";
@@ -9832,48 +9818,30 @@ function* walkValues(values, root = null, filter, reverse) {
                 if (isNumeric && option & exports.WalkerOptionEnum.Ignore) {
                     continue;
                 }
-                // @ts-ignore
+                //
                 if (option != null && typeof option == "object" && ("typ" in option || Array.isArray(option))) {
                     const op = Array.isArray(option) ? option : [option];
+                    stack.splice(i, 0, ...(reverse ? op.toReversed() : op));
                     for (const o of op) {
-                        map.set(o, map.get(value) ?? root);
-                        if (reverse) {
-                            stack.unshift(o);
-                        }
-                        else {
-                            stack.push(o);
+                        if (o[PARENT] != value) {
+                            o[PARENT] = value;
                         }
                     }
                 }
             }
         }
-        yield {
-            value,
-            parent: map.get(value) ?? root,
-            previousValue: previous,
-            nextValue: stack[0] ?? null,
-            // @ts-ignore
-            root: root ?? null,
-            // @ts-expect-error
-            parents: function* () {
-                // @ts-expect-error
-                let result = map.get(node) ?? root;
-                let next;
-                do {
-                    yield result;
-                    next = map.get(result) ?? root;
-                    if (next == result) {
-                        break;
-                    }
-                    result = next;
-                } while (result != null);
-            },
-        };
+        result.value = value;
+        result.parent = value[PARENT] ?? root;
+        result.previousValue = previous;
+        result.nextValue = stack[0] ?? null;
+        yield result;
         if (!isNumeric || (option & exports.WalkerOptionEnum.IgnoreChildren) === 0) {
             if ("chi" in value) {
                 const sliced = value.chi.slice();
                 for (const child of sliced) {
-                    map.set(child, value);
+                    if (child[PARENT] != value) {
+                        child[PARENT] = value;
+                    }
                     if (reverse) {
                         stack.unshift(child);
                     }
@@ -9885,31 +9853,41 @@ function* walkValues(values, root = null, filter, reverse) {
             else {
                 const values = [];
                 if ("l" in value && value.l != null) {
-                    // @ts-ignore
+                    // @ts-expect-error
                     values.push(value.l);
-                    // @ts-ignore
-                    map.set(value.l, value);
+                    // @ts-expect-error
+                    if (value.l[PARENT] != value) {
+                        // @ts-expect-error
+                        value.l[PARENT] = value;
+                    }
                 }
                 if ("op" in value && typeof value.op == "object") {
-                    // @ts-ignore
+                    // @ts-expect-error
                     values.push(value.op);
-                    // @ts-ignore
-                    map.set(value.op, value);
+                    // @ts-expect-error
+                    if (value.op[PARENT] != value) {
+                        // @ts-expect-error
+                        value.op[PARENT] = 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);
+                            if (r[PARENT] != value) {
+                                //
+                                r[PARENT] = value;
+                            }
                         }
                     }
                     else {
-                        // @ts-ignore
+                        //
                         values.push(value.r);
-                        // @ts-ignore
-                        map.set(value.r, value);
+                        if (value.r[PARENT] != value) {
+                            //
+                            value.r[PARENT] = value;
+                        }
                     }
                 }
                 if (values.length > 0) {
@@ -9931,17 +9909,14 @@ function* walkValues(values, root = null, filter, reverse) {
                 (typeof filter.type == "function" && filter.type(value));
             if (isValid) {
                 // @ts-ignore
-                option = filter.fn(value, map.get(value), exports.WalkerEvent.Leave);
+                option = filter.fn(value, value[PARENT], exports.WalkerEvent.Leave);
                 // @ts-ignore
                 if (option != null && ("typ" in option || Array.isArray(option))) {
                     const op = Array.isArray(option) ? option : [option];
+                    stack.splice(i, 0, ...(reverse ? op.toReversed() : op));
                     for (const o of op) {
-                        map.set(o, map.get(value) ?? root);
-                        if (reverse) {
-                            stack.unshift(o);
-                        }
-                        else {
-                            stack.push(o);
+                        if (o[PARENT] != value) {
+                            o[PARENT] = value;
                         }
                     }
                 }
diff --git a/dist/lib/ast/walk.js b/dist/lib/ast/walk.js
index b0752c70..2e006ca9 100644
--- a/dist/lib/ast/walk.js
+++ b/dist/lib/ast/walk.js
@@ -1,4 +1,4 @@
-import { TOKENS } from '../syntax/constants.js';
+import { PARENT, TOKENS } from '../syntax/constants.js';
 
 /**
  * Options for the walk function
@@ -114,35 +114,34 @@ var WalkerEvent;
 function* walk(node, filter, reverse) {
     const parents = [node];
     const root = node;
-    const map = new Map();
     let options = filter;
     let isNumeric = false;
     let children = true;
     let attributes = false;
     let i = 0;
-    // @ts-ignore
+    if (options != null && typeof options == "object") {
+        filter = options.filter;
+        reverse = options.reverse;
+        attributes = options.attributes;
+        children = options.children ?? true;
+    }
+    // @ts-expect-error
     const result = {
         node: null,
         parent: null,
         root,
         parents: function* () {
-            let parent = map.get(node);
+            let parent = node[PARENT];
             while (parent != null) {
                 yield parent;
-                parent = map.get(parent);
+                parent = parent[PARENT];
             }
         },
     };
-    if (options != null && typeof options == "object") {
-        filter = options.filter;
-        reverse = options.reverse;
-        attributes = options.attributes;
-        children = options.children ?? true;
-    }
     while ((node = parents[i++])) {
         let option = null;
         if (filter != null) {
-            // @ts-ignore
+            // @ts-expect-error
             option = filter(node);
             isNumeric = typeof option == "number";
             if (isNumeric) {
@@ -156,46 +155,42 @@ function* walk(node, filter, reverse) {
         }
         if (!isNumeric || (option & WalkerOptionEnum.Children) === 0) {
             result.node = node;
-            // @ts-ignore
-            result.parent = map.get(node);
+            // @ts-expect-error
+            result.parent = node[PARENT];
             yield result;
-            // @ts-ignore
-            // yield {
-            //     node,
-            //     parent: <AstRuleList>map.get(node),
-            //     root,
-            //     // @ts-expect-error
-            //     parents: function* () {
-            //         let parent = map.get(node);
-            //         while (parent != null) {
-            //             yield parent;
-            //             parent = map.get(parent);
-            //         }
-            //     },
-            // };
         }
         if (attributes) {
             if (node[TOKENS] != null) {
-                // @ts-ignore
+                // @ts-expect-error
                 parents.splice(i, 0, ...(reverse ? node[TOKENS].toReversed() : node[TOKENS]));
                 for (const child of node[TOKENS]) {
-                    map.set(child, node);
+                    if (child[PARENT] != node) {
+                        child[PARENT] = node;
+                    }
                 }
-                // @ts-ignore
+                // @ts-expect-error
             }
             else if (Array.isArray(node.val)) {
-                // @ts-ignore
+                // @ts-expect-error
+                for (const val of node.val) {
+                    if (val[PARENT] != node) {
+                        val[PARENT] = node;
+                    }
+                }
+                // @ts-expect-error
                 parents.splice(i, 0, ...(reverse ? node.val.toReversed() : node.val));
             }
         }
         if (children &&
-            // @ts-ignore
+            // @ts-expect-error
             node["chi"] != null &&
             (!isNumeric || (option & WalkerOptionEnum.IgnoreChildren) === 0)) {
-            // @ts-ignore
+            // @ts-expect-error
             parents.splice(i, 0, ...(reverse ? node.chi.toReversed() : node.chi));
             for (const child of node.chi) {
-                map.set(child, node);
+                if (child[PARENT] != node) {
+                    child[PARENT] = node;
+                }
             }
         }
     }
@@ -249,8 +244,6 @@ function* walk(node, filter, reverse) {
  */
 function* walkValues(values, root = null, filter, reverse) {
     const stack = values.slice();
-    const map = new Map();
-    const used = new Set();
     let previous = null;
     if (filter != null && typeof filter == "function") {
         filter = {
@@ -267,31 +260,43 @@ function* walkValues(values, root = null, filter, reverse) {
     let value;
     let option;
     let node;
-    // const parents: Token[] = [];
+    let i = -1;
     const eventType = filter.event ?? WalkerEvent.Enter;
-    while (stack.length > 0) {
-        value = reverse ? stack.pop() : stack.shift();
+    // @ts-ignore
+    const result = {
+        value: null,
+        parent: null,
+        previousValue: null,
+        nextValue: null,
+        //
+        root: root ?? null,
+        parents: function* () {
+            // @ts-ignore
+            let result = root;
+            while (result != null) {
+                yield result;
+                result = result[PARENT] ?? null;
+            }
+        },
+    };
+    while (++i < stack.length) {
+        value = stack[i];
         option = null;
-        node = map.get(value) ?? null;
-        if (used.has(value)) {
-            continue;
-        }
-        used.add(value);
         if (filter.fn != null && eventType & WalkerEvent.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) {
-                // @ts-ignore
-                option = filter.fn(value, map.get(value) ?? root, WalkerEvent.Enter, 
+                // @ts-expect-error
+                option = filter.fn(value, value[PARENT] ?? root, WalkerEvent.Enter, 
                 // @ts-expect-error
                 function* () {
                     // @ts-expect-error
-                    let parent = map.get(node);
+                    let parent = node[PARENT];
                     while (parent != null) {
                         yield parent;
-                        parent = map.get(parent);
+                        parent = parent[PARENT] ?? null;
                     }
                 });
                 isNumeric = typeof option == "number";
@@ -301,48 +306,30 @@ function* walkValues(values, root = null, filter, reverse) {
                 if (isNumeric && option & WalkerOptionEnum.Ignore) {
                     continue;
                 }
-                // @ts-ignore
+                //
                 if (option != null && typeof option == "object" && ("typ" in option || Array.isArray(option))) {
                     const op = Array.isArray(option) ? option : [option];
+                    stack.splice(i, 0, ...(reverse ? op.toReversed() : op));
                     for (const o of op) {
-                        map.set(o, map.get(value) ?? root);
-                        if (reverse) {
-                            stack.unshift(o);
-                        }
-                        else {
-                            stack.push(o);
+                        if (o[PARENT] != value) {
+                            o[PARENT] = value;
                         }
                     }
                 }
             }
         }
-        yield {
-            value,
-            parent: map.get(value) ?? root,
-            previousValue: previous,
-            nextValue: stack[0] ?? null,
-            // @ts-ignore
-            root: root ?? null,
-            // @ts-expect-error
-            parents: function* () {
-                // @ts-expect-error
-                let result = map.get(node) ?? root;
-                let next;
-                do {
-                    yield result;
-                    next = map.get(result) ?? root;
-                    if (next == result) {
-                        break;
-                    }
-                    result = next;
-                } while (result != null);
-            },
-        };
+        result.value = value;
+        result.parent = value[PARENT] ?? root;
+        result.previousValue = previous;
+        result.nextValue = stack[0] ?? null;
+        yield result;
         if (!isNumeric || (option & WalkerOptionEnum.IgnoreChildren) === 0) {
             if ("chi" in value) {
                 const sliced = value.chi.slice();
                 for (const child of sliced) {
-                    map.set(child, value);
+                    if (child[PARENT] != value) {
+                        child[PARENT] = value;
+                    }
                     if (reverse) {
                         stack.unshift(child);
                     }
@@ -354,31 +341,41 @@ function* walkValues(values, root = null, filter, reverse) {
             else {
                 const values = [];
                 if ("l" in value && value.l != null) {
-                    // @ts-ignore
+                    // @ts-expect-error
                     values.push(value.l);
-                    // @ts-ignore
-                    map.set(value.l, value);
+                    // @ts-expect-error
+                    if (value.l[PARENT] != value) {
+                        // @ts-expect-error
+                        value.l[PARENT] = value;
+                    }
                 }
                 if ("op" in value && typeof value.op == "object") {
-                    // @ts-ignore
+                    // @ts-expect-error
                     values.push(value.op);
-                    // @ts-ignore
-                    map.set(value.op, value);
+                    // @ts-expect-error
+                    if (value.op[PARENT] != value) {
+                        // @ts-expect-error
+                        value.op[PARENT] = 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);
+                            if (r[PARENT] != value) {
+                                //
+                                r[PARENT] = value;
+                            }
                         }
                     }
                     else {
-                        // @ts-ignore
+                        //
                         values.push(value.r);
-                        // @ts-ignore
-                        map.set(value.r, value);
+                        if (value.r[PARENT] != value) {
+                            //
+                            value.r[PARENT] = value;
+                        }
                     }
                 }
                 if (values.length > 0) {
@@ -400,17 +397,14 @@ function* walkValues(values, root = null, filter, reverse) {
                 (typeof filter.type == "function" && filter.type(value));
             if (isValid) {
                 // @ts-ignore
-                option = filter.fn(value, map.get(value), WalkerEvent.Leave);
+                option = filter.fn(value, value[PARENT], WalkerEvent.Leave);
                 // @ts-ignore
                 if (option != null && ("typ" in option || Array.isArray(option))) {
                     const op = Array.isArray(option) ? option : [option];
+                    stack.splice(i, 0, ...(reverse ? op.toReversed() : op));
                     for (const o of op) {
-                        map.set(o, map.get(value) ?? root);
-                        if (reverse) {
-                            stack.unshift(o);
-                        }
-                        else {
-                            stack.push(o);
+                        if (o[PARENT] != value) {
+                            o[PARENT] = value;
                         }
                     }
                 }
diff --git a/dist/lib/syntax/color/lch.js b/dist/lib/syntax/color/lch.js
index 2d587e29..65017d2c 100644
--- a/dist/lib/syntax/color/lch.js
+++ b/dist/lib/syntax/color/lch.js
@@ -68,7 +68,6 @@ function color2lchToken(token) {
     return lchToken(values);
 }
 function lchToken(values) {
-    values[2] = values[2];
     const chi = [
         { typ: EnumToken.NumberTokenType, val: values[0] },
         { typ: EnumToken.NumberTokenType, val: values[1] },
diff --git a/dist/lib/syntax/color/oklch.js b/dist/lib/syntax/color/oklch.js
index 0199058c..063fc834 100644
--- a/dist/lib/syntax/color/oklch.js
+++ b/dist/lib/syntax/color/oklch.js
@@ -66,7 +66,6 @@ function color2oklchToken(token) {
     return oklchToken(srgb2oklch(values[0], values[1], values[2], values[3]));
 }
 function oklchToken(values) {
-    values[2] = values[2];
     const chi = [
         { typ: EnumToken.NumberTokenType, val: values[0] },
         { typ: EnumToken.NumberTokenType, val: values[1] },
diff --git a/dist/lib/syntax/color/xyzd50.js b/dist/lib/syntax/color/xyzd50.js
index eed50bc0..0edcdce6 100644
--- a/dist/lib/syntax/color/xyzd50.js
+++ b/dist/lib/syntax/color/xyzd50.js
@@ -4,23 +4,6 @@ import { xyz2lab } from './lab.js';
 import { XYZ_D50_to_D65 } from './xyz.js';
 import { labvalues2lchvalues } from './lch.js';
 
-// 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;
-// }
 /*
  */
 function xyzd502lch(x, y, z, alpha) {
diff --git a/scripts/shorthand.ts b/scripts/shorthand.ts
index 83c06687..e55a5bc5 100644
--- a/scripts/shorthand.ts
+++ b/scripts/shorthand.ts
@@ -8,7 +8,7 @@ import type {
     ShorthandMapType,
     ShorthandPropertyType,
     ShorthandType,
-    SinglePropertyTypeMapping,
+    SinglePropertyTypeMapping
 } from "../src/@types/index.d.ts";
 import { writeFile } from "node:fs/promises";
 
diff --git a/src/lib/ast/walk.ts b/src/lib/ast/walk.ts
index 8b91dbcd..fec4532e 100644
--- a/src/lib/ast/walk.ts
+++ b/src/lib/ast/walk.ts
@@ -1,7 +1,6 @@
 import type {
     AstNode,
     AstRuleList,
-    BinaryExpressionToken,
     FunctionToken,
     ParensToken,
     Token,
@@ -12,7 +11,7 @@ import type {
     WalkerValueFilter,
     WalkResult,
 } from "../../@types/index.d.ts";
-import { TOKENS } from "../syntax/constants.ts";
+import { PARENT, TOKENS } from "../syntax/constants.ts";
 import { EnumToken } from "./types.ts";
 
 /**
@@ -283,7 +282,6 @@ export function* walk(
     const parents: AstNode[] = [node];
     const root: AstRuleList = <AstRuleList>node;
 
-    const map: Map<AstNode, AstNode> = new Map();
     let options: WalkerOptions | null = filter as WalkerOptions | null;
     let isNumeric: boolean = false;
     let children: boolean = true;
@@ -297,17 +295,17 @@ export function* walk(
         children = (options.children as boolean) ?? true;
     }
 
-    // @ts-ignore
+    // @ts-expect-error
     const result = {
         node: null,
         parent: null,
         root,
         parents: function* () {
-            let parent = map.get(node);
+            let parent = node[PARENT];
 
             while (parent != null) {
                 yield parent;
-                parent = map.get(parent);
+                parent = parent[PARENT];
             }
         },
     } as WalkResult;
@@ -316,7 +314,7 @@ export function* walk(
         let option: WalkerOption = null;
 
         if (filter != null) {
-            // @ts-ignore
+            // @ts-expect-error
             option = filter(node);
             isNumeric = typeof option == "number";
 
@@ -333,54 +331,49 @@ export function* walk(
 
         if (!isNumeric || ((option as number) & WalkerOptionEnum.Children) === 0) {
             result.node = node;
-            // @ts-ignore
-            result.parent = map.get(node);
+            // @ts-expect-error
+            result.parent = node[PARENT];
 
             yield result;
-
-            // @ts-ignore
-            // yield {
-            //     node,
-            //     parent: <AstRuleList>map.get(node),
-            //     root,
-            //     // @ts-expect-error
-            //     parents: function* () {
-            //         let parent = map.get(node);
-
-            //         while (parent != null) {
-            //             yield parent;
-            //             parent = map.get(parent);
-            //         }
-            //     },
-            // };
         }
 
         if (attributes) {
             if (node[TOKENS] != null) {
-                // @ts-ignore
+                // @ts-expect-error
                 parents.splice(i, 0, ...(reverse ? node[TOKENS]!.toReversed() : node[TOKENS]));
 
                 for (const child of node[TOKENS] as AstNode[]) {
-                    map.set(child, node);
+                    if (child[PARENT] != node) {
+                        child[PARENT] = node;
+                    }
                 }
-                // @ts-ignore
+                // @ts-expect-error
             } else if (Array.isArray(node.val)) {
-                // @ts-ignore
+                // @ts-expect-error
+                for (const val of node.val) {
+                    if (val[PARENT] != node) {
+                        val[PARENT] = node;
+                    }
+                }
+
+                // @ts-expect-error
                 parents.splice(i, 0, ...(reverse ? node.val.toReversed() : node.val));
             }
         }
 
         if (
             children &&
-            // @ts-ignore
+            // @ts-expect-error
             node["chi"] != null &&
             (!isNumeric || ((option as number) & WalkerOptionEnum.IgnoreChildren) === 0)
         ) {
-            // @ts-ignore
+            // @ts-expect-error
             parents.splice(i, 0, ...(reverse ? node.chi!.toReversed() : node.chi));
 
             for (const child of <AstNode[]>(<AstRuleList>node).chi) {
-                map.set(child, node);
+                if (child[PARENT] != node) {
+                    child[PARENT] = node;
+                }
             }
         }
     }
@@ -447,9 +440,6 @@ export function* walkValues(
     reverse?: boolean,
 ): Generator<WalkAttributesResult> {
     const stack: Token[] = values.slice();
-    const map: Map<Token, FunctionToken | ParensToken | BinaryExpressionToken> = new Map();
-
-    const used = new Set<Token>();
     let previous: Token | null = null;
 
     if (filter != null && typeof filter == "function") {
@@ -467,19 +457,29 @@ export function* walkValues(
     let value: Token;
     let option: WalkerOption;
     let node: Token | null;
-    // const parents: Token[] = [];
+    let i: number = -1;
     const eventType = filter.event ?? WalkerEvent.Enter;
+    // @ts-ignore
+    const result = {
+        value: null,
+        parent: null,
+        previousValue: null,
+        nextValue: null,
+        //
+        root: root ?? null,
+        parents: function* () {
+            // @ts-ignore
+            let result = node?.[PARENT] ?? root;
+            while (result != null) {
+                yield result;
+                result = result[PARENT] ?? null;
+            }
+        },
+    } as WalkAttributesResult;
 
-    while (stack.length > 0) {
-        value = reverse ? <Token>stack.pop() : <Token>stack.shift();
+    while (++i < stack.length) {
+        value = <Token>stack[i];
         option = null;
-        node = map.get(value) ?? null;
-
-        if (used.has(value)) {
-            continue;
-        }
-
-        used.add(value);
 
         if (filter.fn != null && eventType & WalkerEvent.Enter) {
             const isValid: boolean =
@@ -489,19 +489,19 @@ export function* walkValues(
                 (typeof filter.type == "function" && filter.type(value));
 
             if (isValid) {
-                // @ts-ignore
+                // @ts-expect-error
                 option = filter.fn(
                     value,
-                    <FunctionToken | ParensToken>map.get(value) ?? root,
+                    value[PARENT] ?? root,
                     WalkerEvent.Enter,
                     // @ts-expect-error
                     function* () {
                         // @ts-expect-error
-                        let parent = map.get(node);
+                        let parent = node[PARENT];
 
                         while (parent != null) {
                             yield parent;
-                            parent = map.get(parent);
+                            parent = parent[PARENT] ?? null;
                         }
                     },
                 );
@@ -516,55 +516,36 @@ export function* walkValues(
                     continue;
                 }
 
-                // @ts-ignore
+                //
                 if (option != null && typeof option == "object" && ("typ" in option || Array.isArray(option))) {
                     const op = Array.isArray(option) ? option : [option];
 
-                    for (const o of op) {
-                        map.set(o as Token, map.get(value) ?? (root as FunctionToken | ParensToken));
+                    stack.splice(i, 0, ...(reverse ? op.toReversed() : op));
 
-                        if (reverse) {
-                            stack.unshift(o);
-                        } else {
-                            stack.push(o);
+                    for (const o of op) {
+                        if (o[PARENT] != value) {
+                            o[PARENT] = value;
                         }
                     }
                 }
             }
         }
 
-        yield {
-            value,
-            parent: <FunctionToken | ParensToken>map.get(value) ?? root,
-            previousValue: previous,
-            nextValue: <Token>stack[0] ?? null,
-            // @ts-ignore
-            root: root ?? null,
-            // @ts-expect-error
-            parents: function* () {
-                // @ts-expect-error
-                let result = map.get(node) ?? root;
-                let next;
-
-                do {
-                    yield result;
-                    next = map.get(result as Token) ?? root;
+        result.value = value;
+        result.parent = value[PARENT] ?? root;
+        result.previousValue = previous;
+        result.nextValue = <Token>stack[0] ?? null;
 
-                    if (next == result) {
-                        break;
-                    }
-
-                    result = next;
-                } while (result != null);
-            },
-        };
+        yield result;
 
         if (!isNumeric || ((option as number) & WalkerOptionEnum.IgnoreChildren) === 0) {
             if ("chi" in value) {
                 const sliced = (<FunctionToken | ParensToken>value).chi.slice();
 
                 for (const child of sliced) {
-                    map.set(child, <FunctionToken | ParensToken>value);
+                    if (child[PARENT] != value) {
+                        child[PARENT] = value;
+                    }
 
                     if (reverse) {
                         stack.unshift(child);
@@ -576,32 +557,46 @@ export function* walkValues(
                 const values: Token[] = [];
 
                 if ("l" in value && value.l != null) {
-                    // @ts-ignore
+                    // @ts-expect-error
                     values.push(value.l);
-                    // @ts-ignore
-                    map.set(value.l, value);
+
+                    // @ts-expect-error
+                    if (value.l[PARENT] != value) {
+                        // @ts-expect-error
+                        value.l[PARENT] = value;
+                    }
                 }
 
                 if ("op" in value && typeof value.op == "object") {
-                    // @ts-ignore
+                    // @ts-expect-error
                     values.push(value.op);
-                    // @ts-ignore
-                    map.set(value.op, value);
+
+                    // @ts-expect-error
+                    if (value.op[PARENT] != value) {
+                        // @ts-expect-error
+                        value.op[PARENT] = 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);
+
+                            if (r[PARENT] != value) {
+                                //
+                                r[PARENT] = value;
+                            }
                         }
                     } else {
-                        // @ts-ignore
+                        //
                         values.push(value.r);
-                        // @ts-ignore
-                        map.set(value.r, value);
+
+                        if (value.r[PARENT] != value) {
+                            //
+                            value.r[PARENT] = value;
+                        }
                     }
                 }
 
@@ -626,19 +621,16 @@ export function* walkValues(
 
             if (isValid) {
                 // @ts-ignore
-                option = filter.fn(value, <FunctionToken | ParensToken>map.get(value), WalkerEvent.Leave);
+                option = filter.fn(value, value[PARENT], WalkerEvent.Leave);
 
                 // @ts-ignore
                 if (option != null && ("typ" in option || Array.isArray(option))) {
                     const op = Array.isArray(option) ? option : [option];
+                    stack.splice(i, 0, ...(reverse ? op.toReversed() : op));
 
                     for (const o of op) {
-                        map.set(o as Token, map.get(value) ?? (root as FunctionToken | ParensToken));
-
-                        if (reverse) {
-                            stack.unshift(o);
-                        } else {
-                            stack.push(o);
+                        if (o[PARENT] != value) {
+                            o[PARENT] = value;
                         }
                     }
                 }
diff --git a/src/lib/syntax/color/lch.ts b/src/lib/syntax/color/lch.ts
index 9b3aae6a..e0b329e8 100644
--- a/src/lib/syntax/color/lch.ts
+++ b/src/lib/syntax/color/lch.ts
@@ -106,8 +106,6 @@ export function color2lchToken(token: ColorToken): ColorToken | null {
 }
 
 function lchToken(values: number[]): ColorToken | null {
-    values[2] = values[2];
-
     const chi: Token[] = <Token[]>[
         { typ: EnumToken.NumberTokenType, val: values[0] },
         { typ: EnumToken.NumberTokenType, val: values[1] },
diff --git a/src/lib/syntax/color/oklch.ts b/src/lib/syntax/color/oklch.ts
index 33b988d0..28be1098 100644
--- a/src/lib/syntax/color/oklch.ts
+++ b/src/lib/syntax/color/oklch.ts
@@ -102,8 +102,6 @@ export function color2oklchToken(token: ColorToken): ColorToken | null {
 }
 
 function oklchToken(values: number[]): ColorToken | null {
-    values[2] = values[2];
-
     const chi: Token[] = <Token[]>[
         { typ: EnumToken.NumberTokenType, val: values[0] },
         { typ: EnumToken.NumberTokenType, val: values[1] },
diff --git a/src/lib/syntax/color/xyzd50.ts b/src/lib/syntax/color/xyzd50.ts
index cfabf8fa..b20ee451 100644
--- a/src/lib/syntax/color/xyzd50.ts
+++ b/src/lib/syntax/color/xyzd50.ts
@@ -1,26 +1,8 @@
-import {lsrgb2srgbvalues} from "./srgb.ts";
-import {multiplyMatrices} from "./utils/matrix.ts";
-import {xyz2lab} from "./lab.ts";
-import {XYZ_D50_to_D65} from "./xyz.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;
-// }
+import { lsrgb2srgbvalues } from "./srgb.ts";
+import { multiplyMatrices } from "./utils/matrix.ts";
+import { xyz2lab } from "./lab.ts";
+import { XYZ_D50_to_D65 } from "./xyz.ts";
+import { labvalues2lchvalues } from "./lch.ts";
 
 /*
  */
diff --git a/test/inspect.js b/test/inspect.js
index 1c61ce93..afb5ac10 100644
--- a/test/inspect.js
+++ b/test/inspect.js
@@ -1,8 +1,10 @@
 import { dirname } from "node:path";
-import { transform } from "../dist/node.js";
+import { transformSync } from "../dist/node.js";
+import tailwind from "./files/css/larger.css" with {type: 'text'};
 
-const { code, stats } = await transform({
-    file: dirname(new URL(import.meta.url).pathname) + "/files/css/larger.css",
+const { code, stats } = await transformSync({
+    src: dirname(new URL(import.meta.url).pathname) + "/files/css/larger.css",
+    input: tailwind
 });
 
 console.debug(code);

From 58799a9d0dd4a11309e1ec7269b631d61b5c87dd Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 18 Sep 2026 22:52:30 -0400
Subject: [PATCH 5/8] faster parsing

---
 benchmark/package.json              |   2 +-
 dist/index-umd-web.js               | 164 ++++++----------
 dist/index.cjs                      | 164 ++++++----------
 dist/lib/ast/transform/utils.js     |   4 +-
 dist/lib/parser/declaration/list.js |  21 --
 dist/lib/validation/config.js       |  36 +---
 dist/lib/validation/match.js        | 103 +++++-----
 src/lib/ast/transform/utils.ts      |   4 +-
 src/lib/parser/declaration/list.ts  |  27 ---
 src/lib/validation/config.ts        |  40 +---
 src/lib/validation/match.ts         | 290 ++++++++--------------------
 test/inspect.js                     |   6 +-
 12 files changed, 254 insertions(+), 607 deletions(-)

diff --git a/benchmark/package.json b/benchmark/package.json
index b2693068..fa967b90 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tbela99/css-parser": "^1.6.3",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#4303f4b",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#c360ef2",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^9.0.5",
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 712613da..b0885eac 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -12038,52 +12038,24 @@
         // @ts-expect-error
         return config$4;
     }
-    // export const getSyntax = memoize((group: ValidationSyntaxGroupEnum, key: string | string[]): null | string => {
-    //     // @ts-expect-error
-    //     let obj = config[group] as Record<ValidationSyntaxGroupEnum, ValidationSyntaxNode>;
-    //
-    //     const keys: string[] = Array.isArray(key) ? key : [key];
-    //
-    //     for (let i = 0; i < keys.length; i++) {
-    //         key = keys[i];
-    //
-    //         if (!(key in obj)) {
-    //             if ((i == 0 && key.charAt(0) == "@") || key.charAt(0) == "-") {
-    //                 const matches: RegExpMatchArray = key.match(/^(@?)(-[a-zA-Z]+)-(.*?)$/) as RegExpMatchArray;
-    //
-    //                 if (matches != null) {
-    //                     key = matches[1] + matches[3];
-    //                 }
-    //             }
-    //         }
-    //
-    //         // @ts-expect-error
-    //         obj = obj[key];
-    //     }
-    //
-    //     // @ts-expect-error
-    //     return obj?.syntax ?? null;
-    // }) as (group: ValidationSyntaxGroupEnum, key: string | string[]) => null | string;
     function findNode(group, key) {
         // @ts-expect-error
         let obj = config$4[group];
-        // const keys: string[] = Array.isArray(key) ? key : [key];
-        // for (let i = 0; i < keys.length; i++) {
-        //     key = keys[i];
-        if (!(key in obj)) {
+        // @ts-expect-error
+        if (obj[key] == null) {
             if (key.charAt(0) == "@" || key.charAt(0) == "-") {
                 const matches = key.match(/^(@?)(-[a-zA-Z]+)-(.*?)$/);
                 if (matches != null) {
                     key = matches[1] + matches[3];
                 }
             }
-            if (!(key in obj)) {
+            // @ts-expect-error
+            if (obj[key] == null) {
                 return null;
             }
         }
         // @ts-expect-error
         obj = obj[key];
-        // }
         return obj;
     }
     const getParsedSyntax = memoize((group, key) => {
@@ -12194,6 +12166,20 @@
     const config$3 = getSyntaxConfig();
     // @ts-expect-error
     const allValues = config$3.declarations.all.syntax.split(/[\s|]+/g);
+    const selectorNodeTypes = [
+        exports.EnumToken.CommaTokenType,
+        exports.EnumToken.ColumnCombinatorTokenType,
+        exports.EnumToken.ChildCombinatorTokenType,
+        exports.EnumToken.NextSiblingCombinatorTokenType,
+        exports.EnumToken.SubsequentSiblingCombinatorTokenType,
+    ];
+    const trimWhitespaceBefore = selectorNodeTypes.concat(exports.EnumToken.DelimTokenType, exports.EnumToken.DashMatchTokenType, exports.EnumToken.IncludeMatchTokenType, exports.EnumToken.ContainMatchTokenType, exports.EnumToken.StartMatchTokenType, exports.EnumToken.EndMatchTokenType, exports.EnumToken.AttrEndTokenType);
+    const trimWhitespaceAfter = selectorNodeTypes.concat(exports.EnumToken.DelimTokenType, exports.EnumToken.DashMatchTokenType, exports.EnumToken.IncludeMatchTokenType, exports.EnumToken.ContainMatchTokenType, exports.EnumToken.StartMatchTokenType, exports.EnumToken.EndMatchTokenType, exports.EnumToken.AttrStartTokenType);
+    const selectorEnumMap = new Map([
+        [exports.EnumToken.Tilda, exports.EnumToken.SubsequentSiblingCombinatorTokenType],
+        [exports.EnumToken.GtTokenType, exports.EnumToken.ChildCombinatorTokenType],
+    ]);
+    const propertyKeywordValues = new Map();
     /**
      * @type {Array.<EnumToken>}
      */
@@ -12494,19 +12480,6 @@
     function matchSelectorSyntax(stream, errors, options, nested = true) {
         const stack = [];
         const tokens = [];
-        const nodes = [
-            exports.EnumToken.CommaTokenType,
-            exports.EnumToken.ColumnCombinatorTokenType,
-            exports.EnumToken.ChildCombinatorTokenType,
-            exports.EnumToken.NextSiblingCombinatorTokenType,
-            exports.EnumToken.SubsequentSiblingCombinatorTokenType,
-        ];
-        const trimWhitespaceBefore = nodes.concat(exports.EnumToken.DelimTokenType, exports.EnumToken.DashMatchTokenType, exports.EnumToken.IncludeMatchTokenType, exports.EnumToken.ContainMatchTokenType, exports.EnumToken.StartMatchTokenType, exports.EnumToken.EndMatchTokenType, exports.EnumToken.AttrEndTokenType);
-        const trimWhitespaceAfter = nodes.concat(exports.EnumToken.DelimTokenType, exports.EnumToken.DashMatchTokenType, exports.EnumToken.IncludeMatchTokenType, exports.EnumToken.ContainMatchTokenType, exports.EnumToken.StartMatchTokenType, exports.EnumToken.EndMatchTokenType, exports.EnumToken.AttrStartTokenType);
-        const enumMap = new Map([
-            [exports.EnumToken.Tilda, exports.EnumToken.SubsequentSiblingCombinatorTokenType],
-            [exports.EnumToken.GtTokenType, exports.EnumToken.ChildCombinatorTokenType],
-        ]);
         let token;
         let i = 0;
         let success = true;
@@ -12546,15 +12519,15 @@
             }
             tokens.push(token);
             if (tokensfuncDefMap.has(token.typ)) {
-                if (stack.length > 0 && nodes.includes(stack.at(-1).typ)) {
+                if (stack.length > 0 && selectorNodeTypes.includes(stack.at(-1).typ)) {
                     stack.pop();
                 }
                 stack.push(token);
                 continue;
             }
             if (stack.length > 0 &&
-                nodes.includes(stack.at(-1).typ) &&
-                !nodes.includes(token.typ) &&
+                selectorNodeTypes.includes(stack.at(-1).typ) &&
+                !selectorNodeTypes.includes(token.typ) &&
                 token.typ !== exports.EnumToken.WhitespaceTokenType &&
                 token.typ !== exports.EnumToken.CommentTokenType &&
                 token.typ !== exports.EnumToken.CDOCOMMTokenType) {
@@ -12600,7 +12573,7 @@
                     break;
                 case exports.EnumToken.Tilda:
                 case exports.EnumToken.GtTokenType:
-                    Object.assign(token, { typ: enumMap.get(token.typ) });
+                    Object.assign(token, { typ: selectorEnumMap.get(token.typ) });
                 case exports.EnumToken.ColumnCombinatorTokenType:
                 case exports.EnumToken.ChildCombinatorTokenType:
                 case exports.EnumToken.UniversalSelectorTokenType:
@@ -12613,7 +12586,7 @@
                     if (stack.length > 0 && stack.at(-1)?.typ === exports.EnumToken.UniversalSelectorTokenType) {
                         stack.pop();
                     }
-                    if (stack.length > 0 && nodes.includes(stack.at(-1)?.typ)) {
+                    if (stack.length > 0 && selectorNodeTypes.includes(stack.at(-1)?.typ)) {
                         return {
                             success: false,
                             errors: [
@@ -12994,6 +12967,7 @@
         let tmpResult;
         let count = 0;
         let range;
+        let done = false;
         success = false;
         do {
             range = context.peekRange(exports.EnumToken.CommaTokenType, exports.EnumToken.CommaTokenType, 1);
@@ -13009,12 +12983,9 @@
                 else {
                     context.update(range.at(-1));
                 }
-                if (context.done()) {
-                    // context.end();
-                    break;
-                }
+                done = context.done();
             }
-        } while (tmpResult.success && !context.done());
+        } while (tmpResult.success && !done);
         return result == null
             ? {
                 success: false,
@@ -13052,6 +13023,9 @@
                     context.end();
                     break;
                 }
+                if (tmpResult.context.index === context.index) {
+                    break;
+                }
                 context.update(tmpResult.context.current());
                 if (match?.max?.val != null && Number.isFinite(match?.max?.val) && count === match.max.val) {
                     break;
@@ -13097,7 +13071,6 @@
                 errors: [],
             };
         }
-        syntaxes = syntaxes.slice();
         let i = -1;
         let success = false;
         let token = null;
@@ -13429,21 +13402,19 @@
                 case ValidationTokenEnum.PipeToken:
                     {
                         result = null;
-                        const results = [];
                         let tmp = null;
                         for (const syntax of syntaxes[i].chi) {
                             tmp = matchSyntax(syntax, context.slice(), options);
                             if (tmp.success) {
-                                results.push(tmp);
+                                if (result == null || tmp.context.index >= result.context.index) {
+                                    result = tmp;
+                                }
                                 if (tmp.context.done()) {
                                     context.end();
                                     return { ...tmp, context, syntaxToken: syntaxes[i + 1] };
                                 }
                             }
                         }
-                        if (results.length > 0) {
-                            result = results.reduce((a, b) => (a.context.index > b.context.index ? a : b));
-                        }
                         if (result?.success) {
                             success = true;
                             options.visited.get(token).delete(syntaxes[i]);
@@ -13805,7 +13776,8 @@
      */
     function matchProperty(property, context, options) {
         let success = false;
-        let t = context.peek()?.typ;
+        const token = context.peek();
+        let t = token?.typ;
         let checkCalc = (t == exports.EnumToken.MathFunctionTokenDefType || t == exports.EnumToken.MathFunctionTokenType) &&
             [
                 "number",
@@ -13820,19 +13792,19 @@
                 "calc-product",
             ].includes(property.val);
         if (checkCalc && !["number", "zero", "integer", "percentage", "length-percentage"].includes(property.val)) {
-            checkCalc = context.peek().val === "calc";
+            checkCalc = token.val === "calc";
         }
         if (checkCalc) {
             let result;
-            const syntax = getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, context.peek().val + "()")?.[0]?.chi;
+            const syntax = getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, token.val + "()")?.[0]?.chi;
             if (t === exports.EnumToken.MathFunctionTokenType) {
-                result = matchSyntax(syntax, createValidationContext(context.peek().chi), options);
+                result = matchSyntax(syntax, createValidationContext(token.chi), options);
                 if (result.success && result.context.done()) {
                     context.next();
                     return {
                         success: true,
                         valid: true,
-                        token: context.peek(),
+                        token: token,
                         context,
                         syntaxToken: null,
                         errors: [],
@@ -14006,13 +13978,16 @@
             case "display-outside":
             case "display-legacy":
             case "content-position":
-                success =
-                    context.peek()?.typ == exports.EnumToken.IdenTokenType &&
-                        // @ts-expect-error
-                        config$3.syntaxes[property.val].syntax
-                            .split(/[\s|]+/)
-                            .includes(context.peek().val.toLowerCase());
-                break;
+                {
+                    let values = propertyKeywordValues.get(property.val);
+                    if (values == null) {
+                        values = new Set(config$3.syntaxes[property.val].syntax.split(/[\s|]+/));
+                        propertyKeywordValues.set(property.val, values);
+                    }
+                    success =
+                        token?.typ == exports.EnumToken.IdenTokenType && values.has(token.val.toLowerCase());
+                    break;
+                }
             case "mf-name":
                 {
                     const token = context.peek();
@@ -14033,9 +14008,9 @@
             case "counter-name":
             case "counter-style-name":
                 success =
-                    context.peek()?.typ == exports.EnumToken.IdenTokenType || context.peek()?.typ == exports.EnumToken.DashedIdenTokenType;
-                if (success && context.peek()?.typ === exports.EnumToken.IdenTokenType) {
-                    const val = context.peek().val.toLowerCase();
+                    token?.typ == exports.EnumToken.IdenTokenType || token?.typ == exports.EnumToken.DashedIdenTokenType;
+                if (success && token?.typ === exports.EnumToken.IdenTokenType) {
+                    const val = token.val.toLowerCase();
                     success = "none" !== val && !allValues.includes(val);
                 }
                 break;
@@ -14549,7 +14524,6 @@
         let result = null;
         let tmpResult;
         let success = !!isRepeatable;
-        // let index: number = context.index;
         do {
             tmpResult = matchSyntax([rest], context.slice(), options);
             if (tmpResult.success) {
@@ -14559,15 +14533,10 @@
                     context.end();
                     break;
                 }
-                // if (context.current() === tmpResult.context.current()) {
-                //     context.next();
-                // } else {
+                if (tmpResult.context.index === context.index) {
+                    break;
+                }
                 context.update(result.context.current());
-                // }
-                // if (index === context.index) {
-                //     break;
-                // }
-                // index = context.index;
             }
         } while (tmpResult.success && !context.done());
         return {
@@ -20396,13 +20365,6 @@
             this.options = options;
             this.declarations = new Map();
         }
-        // set(nam: string, value: string | Token[]) {
-        //     return this.add({
-        //         typ: EnumToken.DeclarationNodeType,
-        //         nam,
-        //         val: Array.isArray(value) ? value : parseString(String(value)),
-        //     });
-        // }
         add(...declarations) {
             let name;
             let syntaxRules = null;
@@ -20441,20 +20403,6 @@
                 }
                 // do not compute shorthand for invalid declarations
                 if (declaration[STATE] !== exports.EnumAstNodeStatus.Validated) {
-                    // const key = objectHash(declaration);
-                    // if (!this.ketsey.has(key)) {
-                    //     this.ketsey.set(key, [declaration.nam]);
-                    //     console.error(
-                    //         `Adding declaration : ${(<AstDeclaration>declaration).nam} with key : ${key}`
-                    //     )
-                    // }
-                    // else {
-                    //     console.error(
-                    //         `Duplicate declaration found: ${(<AstDeclaration>declaration).nam} with key : [ ${key} => ${this.ketsey.get(key)} ]`
-                    //     )
-                    //     console.error(JSON.stringify(toSortedString(declaration)))
-                    //     this.ketsey.get(key).push(declaration.nam);
-                    // }
                     this.declarations.set(objectHash(declaration), declaration);
                     return this;
                 }
@@ -20874,7 +20822,7 @@
         }
     }
 
-    const identityMatrix = new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
+    const identityMatrix = new Float64Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
     function identity() {
         return identityMatrix.slice();
     }
@@ -20890,7 +20838,7 @@
         return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
     }
     function multiply(matrixA, matrixB) {
-        const result = new Float32Array(16);
+        const result = new Float64Array(16);
         result[0] = matrixA[0] * matrixB[0] + matrixA[4] * matrixB[1] + matrixA[8] * matrixB[2] + matrixA[12] * matrixB[3];
         result[1] = matrixA[1] * matrixB[0] + matrixA[5] * matrixB[1] + matrixA[9] * matrixB[2] + matrixA[13] * matrixB[3];
         result[2] = matrixA[2] * matrixB[0] + matrixA[6] * matrixB[1] + matrixA[10] * matrixB[2] + matrixA[14] * matrixB[3];
diff --git a/dist/index.cjs b/dist/index.cjs
index e943933a..1e608064 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -12041,52 +12041,24 @@ function getSyntaxConfig() {
     // @ts-expect-error
     return config$4;
 }
-// export const getSyntax = memoize((group: ValidationSyntaxGroupEnum, key: string | string[]): null | string => {
-//     // @ts-expect-error
-//     let obj = config[group] as Record<ValidationSyntaxGroupEnum, ValidationSyntaxNode>;
-//
-//     const keys: string[] = Array.isArray(key) ? key : [key];
-//
-//     for (let i = 0; i < keys.length; i++) {
-//         key = keys[i];
-//
-//         if (!(key in obj)) {
-//             if ((i == 0 && key.charAt(0) == "@") || key.charAt(0) == "-") {
-//                 const matches: RegExpMatchArray = key.match(/^(@?)(-[a-zA-Z]+)-(.*?)$/) as RegExpMatchArray;
-//
-//                 if (matches != null) {
-//                     key = matches[1] + matches[3];
-//                 }
-//             }
-//         }
-//
-//         // @ts-expect-error
-//         obj = obj[key];
-//     }
-//
-//     // @ts-expect-error
-//     return obj?.syntax ?? null;
-// }) as (group: ValidationSyntaxGroupEnum, key: string | string[]) => null | string;
 function findNode(group, key) {
     // @ts-expect-error
     let obj = config$4[group];
-    // const keys: string[] = Array.isArray(key) ? key : [key];
-    // for (let i = 0; i < keys.length; i++) {
-    //     key = keys[i];
-    if (!(key in obj)) {
+    // @ts-expect-error
+    if (obj[key] == null) {
         if (key.charAt(0) == "@" || key.charAt(0) == "-") {
             const matches = key.match(/^(@?)(-[a-zA-Z]+)-(.*?)$/);
             if (matches != null) {
                 key = matches[1] + matches[3];
             }
         }
-        if (!(key in obj)) {
+        // @ts-expect-error
+        if (obj[key] == null) {
             return null;
         }
     }
     // @ts-expect-error
     obj = obj[key];
-    // }
     return obj;
 }
 const getParsedSyntax = memoize((group, key) => {
@@ -12197,6 +12169,20 @@ function cloneNode(node, cloneChildren = false, cloneMap = null) {
 const config$3 = getSyntaxConfig();
 // @ts-expect-error
 const allValues = config$3.declarations.all.syntax.split(/[\s|]+/g);
+const selectorNodeTypes = [
+    exports.EnumToken.CommaTokenType,
+    exports.EnumToken.ColumnCombinatorTokenType,
+    exports.EnumToken.ChildCombinatorTokenType,
+    exports.EnumToken.NextSiblingCombinatorTokenType,
+    exports.EnumToken.SubsequentSiblingCombinatorTokenType,
+];
+const trimWhitespaceBefore = selectorNodeTypes.concat(exports.EnumToken.DelimTokenType, exports.EnumToken.DashMatchTokenType, exports.EnumToken.IncludeMatchTokenType, exports.EnumToken.ContainMatchTokenType, exports.EnumToken.StartMatchTokenType, exports.EnumToken.EndMatchTokenType, exports.EnumToken.AttrEndTokenType);
+const trimWhitespaceAfter = selectorNodeTypes.concat(exports.EnumToken.DelimTokenType, exports.EnumToken.DashMatchTokenType, exports.EnumToken.IncludeMatchTokenType, exports.EnumToken.ContainMatchTokenType, exports.EnumToken.StartMatchTokenType, exports.EnumToken.EndMatchTokenType, exports.EnumToken.AttrStartTokenType);
+const selectorEnumMap = new Map([
+    [exports.EnumToken.Tilda, exports.EnumToken.SubsequentSiblingCombinatorTokenType],
+    [exports.EnumToken.GtTokenType, exports.EnumToken.ChildCombinatorTokenType],
+]);
+const propertyKeywordValues = new Map();
 /**
  * @type {Array.<EnumToken>}
  */
@@ -12497,19 +12483,6 @@ function createValidationContext(tokens) {
 function matchSelectorSyntax(stream, errors, options, nested = true) {
     const stack = [];
     const tokens = [];
-    const nodes = [
-        exports.EnumToken.CommaTokenType,
-        exports.EnumToken.ColumnCombinatorTokenType,
-        exports.EnumToken.ChildCombinatorTokenType,
-        exports.EnumToken.NextSiblingCombinatorTokenType,
-        exports.EnumToken.SubsequentSiblingCombinatorTokenType,
-    ];
-    const trimWhitespaceBefore = nodes.concat(exports.EnumToken.DelimTokenType, exports.EnumToken.DashMatchTokenType, exports.EnumToken.IncludeMatchTokenType, exports.EnumToken.ContainMatchTokenType, exports.EnumToken.StartMatchTokenType, exports.EnumToken.EndMatchTokenType, exports.EnumToken.AttrEndTokenType);
-    const trimWhitespaceAfter = nodes.concat(exports.EnumToken.DelimTokenType, exports.EnumToken.DashMatchTokenType, exports.EnumToken.IncludeMatchTokenType, exports.EnumToken.ContainMatchTokenType, exports.EnumToken.StartMatchTokenType, exports.EnumToken.EndMatchTokenType, exports.EnumToken.AttrStartTokenType);
-    const enumMap = new Map([
-        [exports.EnumToken.Tilda, exports.EnumToken.SubsequentSiblingCombinatorTokenType],
-        [exports.EnumToken.GtTokenType, exports.EnumToken.ChildCombinatorTokenType],
-    ]);
     let token;
     let i = 0;
     let success = true;
@@ -12549,15 +12522,15 @@ function matchSelectorSyntax(stream, errors, options, nested = true) {
         }
         tokens.push(token);
         if (tokensfuncDefMap.has(token.typ)) {
-            if (stack.length > 0 && nodes.includes(stack.at(-1).typ)) {
+            if (stack.length > 0 && selectorNodeTypes.includes(stack.at(-1).typ)) {
                 stack.pop();
             }
             stack.push(token);
             continue;
         }
         if (stack.length > 0 &&
-            nodes.includes(stack.at(-1).typ) &&
-            !nodes.includes(token.typ) &&
+            selectorNodeTypes.includes(stack.at(-1).typ) &&
+            !selectorNodeTypes.includes(token.typ) &&
             token.typ !== exports.EnumToken.WhitespaceTokenType &&
             token.typ !== exports.EnumToken.CommentTokenType &&
             token.typ !== exports.EnumToken.CDOCOMMTokenType) {
@@ -12603,7 +12576,7 @@ function matchSelectorSyntax(stream, errors, options, nested = true) {
                 break;
             case exports.EnumToken.Tilda:
             case exports.EnumToken.GtTokenType:
-                Object.assign(token, { typ: enumMap.get(token.typ) });
+                Object.assign(token, { typ: selectorEnumMap.get(token.typ) });
             case exports.EnumToken.ColumnCombinatorTokenType:
             case exports.EnumToken.ChildCombinatorTokenType:
             case exports.EnumToken.UniversalSelectorTokenType:
@@ -12616,7 +12589,7 @@ function matchSelectorSyntax(stream, errors, options, nested = true) {
                 if (stack.length > 0 && stack.at(-1)?.typ === exports.EnumToken.UniversalSelectorTokenType) {
                     stack.pop();
                 }
-                if (stack.length > 0 && nodes.includes(stack.at(-1)?.typ)) {
+                if (stack.length > 0 && selectorNodeTypes.includes(stack.at(-1)?.typ)) {
                     return {
                         success: false,
                         errors: [
@@ -12997,6 +12970,7 @@ function matchListSyntax(syntax, context, options) {
     let tmpResult;
     let count = 0;
     let range;
+    let done = false;
     success = false;
     do {
         range = context.peekRange(exports.EnumToken.CommaTokenType, exports.EnumToken.CommaTokenType, 1);
@@ -13012,12 +12986,9 @@ function matchListSyntax(syntax, context, options) {
             else {
                 context.update(range.at(-1));
             }
-            if (context.done()) {
-                // context.end();
-                break;
-            }
+            done = context.done();
         }
-    } while (tmpResult.success && !context.done());
+    } while (tmpResult.success && !done);
     return result == null
         ? {
             success: false,
@@ -13055,6 +13026,9 @@ function matchOccurenceSyntax(syntax, context, options) {
                 context.end();
                 break;
             }
+            if (tmpResult.context.index === context.index) {
+                break;
+            }
             context.update(tmpResult.context.current());
             if (match?.max?.val != null && Number.isFinite(match?.max?.val) && count === match.max.val) {
                 break;
@@ -13100,7 +13074,6 @@ function matchSyntax(syntaxes, context, options) {
             errors: [],
         };
     }
-    syntaxes = syntaxes.slice();
     let i = -1;
     let success = false;
     let token = null;
@@ -13432,21 +13405,19 @@ function matchSyntax(syntaxes, context, options) {
             case ValidationTokenEnum.PipeToken:
                 {
                     result = null;
-                    const results = [];
                     let tmp = null;
                     for (const syntax of syntaxes[i].chi) {
                         tmp = matchSyntax(syntax, context.slice(), options);
                         if (tmp.success) {
-                            results.push(tmp);
+                            if (result == null || tmp.context.index >= result.context.index) {
+                                result = tmp;
+                            }
                             if (tmp.context.done()) {
                                 context.end();
                                 return { ...tmp, context, syntaxToken: syntaxes[i + 1] };
                             }
                         }
                     }
-                    if (results.length > 0) {
-                        result = results.reduce((a, b) => (a.context.index > b.context.index ? a : b));
-                    }
                     if (result?.success) {
                         success = true;
                         options.visited.get(token).delete(syntaxes[i]);
@@ -13808,7 +13779,8 @@ function matchAmpersandSyntax(syntax, context, options) {
  */
 function matchProperty(property, context, options) {
     let success = false;
-    let t = context.peek()?.typ;
+    const token = context.peek();
+    let t = token?.typ;
     let checkCalc = (t == exports.EnumToken.MathFunctionTokenDefType || t == exports.EnumToken.MathFunctionTokenType) &&
         [
             "number",
@@ -13823,19 +13795,19 @@ function matchProperty(property, context, options) {
             "calc-product",
         ].includes(property.val);
     if (checkCalc && !["number", "zero", "integer", "percentage", "length-percentage"].includes(property.val)) {
-        checkCalc = context.peek().val === "calc";
+        checkCalc = token.val === "calc";
     }
     if (checkCalc) {
         let result;
-        const syntax = getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, context.peek().val + "()")?.[0]?.chi;
+        const syntax = getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, token.val + "()")?.[0]?.chi;
         if (t === exports.EnumToken.MathFunctionTokenType) {
-            result = matchSyntax(syntax, createValidationContext(context.peek().chi), options);
+            result = matchSyntax(syntax, createValidationContext(token.chi), options);
             if (result.success && result.context.done()) {
                 context.next();
                 return {
                     success: true,
                     valid: true,
-                    token: context.peek(),
+                    token: token,
                     context,
                     syntaxToken: null,
                     errors: [],
@@ -14009,13 +13981,16 @@ function matchProperty(property, context, options) {
         case "display-outside":
         case "display-legacy":
         case "content-position":
-            success =
-                context.peek()?.typ == exports.EnumToken.IdenTokenType &&
-                    // @ts-expect-error
-                    config$3.syntaxes[property.val].syntax
-                        .split(/[\s|]+/)
-                        .includes(context.peek().val.toLowerCase());
-            break;
+            {
+                let values = propertyKeywordValues.get(property.val);
+                if (values == null) {
+                    values = new Set(config$3.syntaxes[property.val].syntax.split(/[\s|]+/));
+                    propertyKeywordValues.set(property.val, values);
+                }
+                success =
+                    token?.typ == exports.EnumToken.IdenTokenType && values.has(token.val.toLowerCase());
+                break;
+            }
         case "mf-name":
             {
                 const token = context.peek();
@@ -14036,9 +14011,9 @@ function matchProperty(property, context, options) {
         case "counter-name":
         case "counter-style-name":
             success =
-                context.peek()?.typ == exports.EnumToken.IdenTokenType || context.peek()?.typ == exports.EnumToken.DashedIdenTokenType;
-            if (success && context.peek()?.typ === exports.EnumToken.IdenTokenType) {
-                const val = context.peek().val.toLowerCase();
+                token?.typ == exports.EnumToken.IdenTokenType || token?.typ == exports.EnumToken.DashedIdenTokenType;
+            if (success && token?.typ === exports.EnumToken.IdenTokenType) {
+                const val = token.val.toLowerCase();
                 success = "none" !== val && !allValues.includes(val);
             }
             break;
@@ -14552,7 +14527,6 @@ function matchRepeatableSyntax(syntax, context, options) {
     let result = null;
     let tmpResult;
     let success = !!isRepeatable;
-    // let index: number = context.index;
     do {
         tmpResult = matchSyntax([rest], context.slice(), options);
         if (tmpResult.success) {
@@ -14562,15 +14536,10 @@ function matchRepeatableSyntax(syntax, context, options) {
                 context.end();
                 break;
             }
-            // if (context.current() === tmpResult.context.current()) {
-            //     context.next();
-            // } else {
+            if (tmpResult.context.index === context.index) {
+                break;
+            }
             context.update(result.context.current());
-            // }
-            // if (index === context.index) {
-            //     break;
-            // }
-            // index = context.index;
         }
     } while (tmpResult.success && !context.done());
     return {
@@ -20399,13 +20368,6 @@ class PropertyList {
         this.options = options;
         this.declarations = new Map();
     }
-    // set(nam: string, value: string | Token[]) {
-    //     return this.add({
-    //         typ: EnumToken.DeclarationNodeType,
-    //         nam,
-    //         val: Array.isArray(value) ? value : parseString(String(value)),
-    //     });
-    // }
     add(...declarations) {
         let name;
         let syntaxRules = null;
@@ -20444,20 +20406,6 @@ class PropertyList {
             }
             // do not compute shorthand for invalid declarations
             if (declaration[STATE] !== exports.EnumAstNodeStatus.Validated) {
-                // const key = objectHash(declaration);
-                // if (!this.ketsey.has(key)) {
-                //     this.ketsey.set(key, [declaration.nam]);
-                //     console.error(
-                //         `Adding declaration : ${(<AstDeclaration>declaration).nam} with key : ${key}`
-                //     )
-                // }
-                // else {
-                //     console.error(
-                //         `Duplicate declaration found: ${(<AstDeclaration>declaration).nam} with key : [ ${key} => ${this.ketsey.get(key)} ]`
-                //     )
-                //     console.error(JSON.stringify(toSortedString(declaration)))
-                //     this.ketsey.get(key).push(declaration.nam);
-                // }
                 this.declarations.set(objectHash(declaration), declaration);
                 return this;
             }
@@ -20877,7 +20825,7 @@ class ComputeCalcExpressionFeature {
     }
 }
 
-const identityMatrix = new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
+const identityMatrix = new Float64Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
 function identity() {
     return identityMatrix.slice();
 }
@@ -20893,7 +20841,7 @@ function dot(point1, point2) {
     return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
 }
 function multiply(matrixA, matrixB) {
-    const result = new Float32Array(16);
+    const result = new Float64Array(16);
     result[0] = matrixA[0] * matrixB[0] + matrixA[4] * matrixB[1] + matrixA[8] * matrixB[2] + matrixA[12] * matrixB[3];
     result[1] = matrixA[1] * matrixB[0] + matrixA[5] * matrixB[1] + matrixA[9] * matrixB[2] + matrixA[13] * matrixB[3];
     result[2] = matrixA[2] * matrixB[0] + matrixA[6] * matrixB[1] + matrixA[10] * matrixB[2] + matrixA[14] * matrixB[3];
diff --git a/dist/lib/ast/transform/utils.js b/dist/lib/ast/transform/utils.js
index a1b5140c..f1aed605 100644
--- a/dist/lib/ast/transform/utils.js
+++ b/dist/lib/ast/transform/utils.js
@@ -1,6 +1,6 @@
 import { epsilon } from '../../syntax/constants.js';
 
-const identityMatrix = new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
+const identityMatrix = new Float64Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
 function identity() {
     return identityMatrix.slice();
 }
@@ -16,7 +16,7 @@ function dot(point1, point2) {
     return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
 }
 function multiply(matrixA, matrixB) {
-    const result = new Float32Array(16);
+    const result = new Float64Array(16);
     result[0] = matrixA[0] * matrixB[0] + matrixA[4] * matrixB[1] + matrixA[8] * matrixB[2] + matrixA[12] * matrixB[3];
     result[1] = matrixA[1] * matrixB[0] + matrixA[5] * matrixB[1] + matrixA[9] * matrixB[2] + matrixA[13] * matrixB[3];
     result[2] = matrixA[2] * matrixB[0] + matrixA[6] * matrixB[1] + matrixA[10] * matrixB[2] + matrixA[14] * matrixB[3];
diff --git a/dist/lib/parser/declaration/list.js b/dist/lib/parser/declaration/list.js
index 34c685fb..dc1fa27d 100644
--- a/dist/lib/parser/declaration/list.js
+++ b/dist/lib/parser/declaration/list.js
@@ -17,13 +17,6 @@ class PropertyList {
         this.options = options;
         this.declarations = new Map();
     }
-    // set(nam: string, value: string | Token[]) {
-    //     return this.add({
-    //         typ: EnumToken.DeclarationNodeType,
-    //         nam,
-    //         val: Array.isArray(value) ? value : parseString(String(value)),
-    //     });
-    // }
     add(...declarations) {
         let name;
         let syntaxRules = null;
@@ -62,20 +55,6 @@ class PropertyList {
             }
             // do not compute shorthand for invalid declarations
             if (declaration[STATE] !== EnumAstNodeStatus.Validated) {
-                // const key = objectHash(declaration);
-                // if (!this.ketsey.has(key)) {
-                //     this.ketsey.set(key, [declaration.nam]);
-                //     console.error(
-                //         `Adding declaration : ${(<AstDeclaration>declaration).nam} with key : ${key}`
-                //     )
-                // }
-                // else {
-                //     console.error(
-                //         `Duplicate declaration found: ${(<AstDeclaration>declaration).nam} with key : [ ${key} => ${this.ketsey.get(key)} ]`
-                //     )
-                //     console.error(JSON.stringify(toSortedString(declaration)))
-                //     this.ketsey.get(key).push(declaration.nam);
-                // }
                 this.declarations.set(objectHash(declaration), declaration);
                 return this;
             }
diff --git a/dist/lib/validation/config.js b/dist/lib/validation/config.js
index 4ef1f32d..f083bc41 100644
--- a/dist/lib/validation/config.js
+++ b/dist/lib/validation/config.js
@@ -9,52 +9,24 @@ function getSyntaxConfig() {
     // @ts-expect-error
     return config;
 }
-// export const getSyntax = memoize((group: ValidationSyntaxGroupEnum, key: string | string[]): null | string => {
-//     // @ts-expect-error
-//     let obj = config[group] as Record<ValidationSyntaxGroupEnum, ValidationSyntaxNode>;
-//
-//     const keys: string[] = Array.isArray(key) ? key : [key];
-//
-//     for (let i = 0; i < keys.length; i++) {
-//         key = keys[i];
-//
-//         if (!(key in obj)) {
-//             if ((i == 0 && key.charAt(0) == "@") || key.charAt(0) == "-") {
-//                 const matches: RegExpMatchArray = key.match(/^(@?)(-[a-zA-Z]+)-(.*?)$/) as RegExpMatchArray;
-//
-//                 if (matches != null) {
-//                     key = matches[1] + matches[3];
-//                 }
-//             }
-//         }
-//
-//         // @ts-expect-error
-//         obj = obj[key];
-//     }
-//
-//     // @ts-expect-error
-//     return obj?.syntax ?? null;
-// }) as (group: ValidationSyntaxGroupEnum, key: string | string[]) => null | string;
 function findNode(group, key) {
     // @ts-expect-error
     let obj = config[group];
-    // const keys: string[] = Array.isArray(key) ? key : [key];
-    // for (let i = 0; i < keys.length; i++) {
-    //     key = keys[i];
-    if (!(key in obj)) {
+    // @ts-expect-error
+    if (obj[key] == null) {
         if (key.charAt(0) == "@" || key.charAt(0) == "-") {
             const matches = key.match(/^(@?)(-[a-zA-Z]+)-(.*?)$/);
             if (matches != null) {
                 key = matches[1] + matches[3];
             }
         }
-        if (!(key in obj)) {
+        // @ts-expect-error
+        if (obj[key] == null) {
             return null;
         }
     }
     // @ts-expect-error
     obj = obj[key];
-    // }
     return obj;
 }
 const getParsedSyntax = memoize((group, key) => {
diff --git a/dist/lib/validation/match.js b/dist/lib/validation/match.js
index 6e2d4151..633d6de2 100644
--- a/dist/lib/validation/match.js
+++ b/dist/lib/validation/match.js
@@ -10,6 +10,20 @@ import { parseTokens } from '../parser/parse.js';
 const config = getSyntaxConfig();
 // @ts-expect-error
 const allValues = config.declarations.all.syntax.split(/[\s|]+/g);
+const selectorNodeTypes = [
+    EnumToken.CommaTokenType,
+    EnumToken.ColumnCombinatorTokenType,
+    EnumToken.ChildCombinatorTokenType,
+    EnumToken.NextSiblingCombinatorTokenType,
+    EnumToken.SubsequentSiblingCombinatorTokenType,
+];
+const trimWhitespaceBefore = selectorNodeTypes.concat(EnumToken.DelimTokenType, EnumToken.DashMatchTokenType, EnumToken.IncludeMatchTokenType, EnumToken.ContainMatchTokenType, EnumToken.StartMatchTokenType, EnumToken.EndMatchTokenType, EnumToken.AttrEndTokenType);
+const trimWhitespaceAfter = selectorNodeTypes.concat(EnumToken.DelimTokenType, EnumToken.DashMatchTokenType, EnumToken.IncludeMatchTokenType, EnumToken.ContainMatchTokenType, EnumToken.StartMatchTokenType, EnumToken.EndMatchTokenType, EnumToken.AttrStartTokenType);
+const selectorEnumMap = new Map([
+    [EnumToken.Tilda, EnumToken.SubsequentSiblingCombinatorTokenType],
+    [EnumToken.GtTokenType, EnumToken.ChildCombinatorTokenType],
+]);
+const propertyKeywordValues = new Map();
 /**
  * @type {Array.<EnumToken>}
  */
@@ -310,19 +324,6 @@ function createValidationContext(tokens) {
 function matchSelectorSyntax(stream, errors, options, nested = true) {
     const stack = [];
     const tokens = [];
-    const nodes = [
-        EnumToken.CommaTokenType,
-        EnumToken.ColumnCombinatorTokenType,
-        EnumToken.ChildCombinatorTokenType,
-        EnumToken.NextSiblingCombinatorTokenType,
-        EnumToken.SubsequentSiblingCombinatorTokenType,
-    ];
-    const trimWhitespaceBefore = nodes.concat(EnumToken.DelimTokenType, EnumToken.DashMatchTokenType, EnumToken.IncludeMatchTokenType, EnumToken.ContainMatchTokenType, EnumToken.StartMatchTokenType, EnumToken.EndMatchTokenType, EnumToken.AttrEndTokenType);
-    const trimWhitespaceAfter = nodes.concat(EnumToken.DelimTokenType, EnumToken.DashMatchTokenType, EnumToken.IncludeMatchTokenType, EnumToken.ContainMatchTokenType, EnumToken.StartMatchTokenType, EnumToken.EndMatchTokenType, EnumToken.AttrStartTokenType);
-    const enumMap = new Map([
-        [EnumToken.Tilda, EnumToken.SubsequentSiblingCombinatorTokenType],
-        [EnumToken.GtTokenType, EnumToken.ChildCombinatorTokenType],
-    ]);
     let token;
     let i = 0;
     let success = true;
@@ -362,15 +363,15 @@ function matchSelectorSyntax(stream, errors, options, nested = true) {
         }
         tokens.push(token);
         if (tokensfuncDefMap.has(token.typ)) {
-            if (stack.length > 0 && nodes.includes(stack.at(-1).typ)) {
+            if (stack.length > 0 && selectorNodeTypes.includes(stack.at(-1).typ)) {
                 stack.pop();
             }
             stack.push(token);
             continue;
         }
         if (stack.length > 0 &&
-            nodes.includes(stack.at(-1).typ) &&
-            !nodes.includes(token.typ) &&
+            selectorNodeTypes.includes(stack.at(-1).typ) &&
+            !selectorNodeTypes.includes(token.typ) &&
             token.typ !== EnumToken.WhitespaceTokenType &&
             token.typ !== EnumToken.CommentTokenType &&
             token.typ !== EnumToken.CDOCOMMTokenType) {
@@ -416,7 +417,7 @@ function matchSelectorSyntax(stream, errors, options, nested = true) {
                 break;
             case EnumToken.Tilda:
             case EnumToken.GtTokenType:
-                Object.assign(token, { typ: enumMap.get(token.typ) });
+                Object.assign(token, { typ: selectorEnumMap.get(token.typ) });
             case EnumToken.ColumnCombinatorTokenType:
             case EnumToken.ChildCombinatorTokenType:
             case EnumToken.UniversalSelectorTokenType:
@@ -429,7 +430,7 @@ function matchSelectorSyntax(stream, errors, options, nested = true) {
                 if (stack.length > 0 && stack.at(-1)?.typ === EnumToken.UniversalSelectorTokenType) {
                     stack.pop();
                 }
-                if (stack.length > 0 && nodes.includes(stack.at(-1)?.typ)) {
+                if (stack.length > 0 && selectorNodeTypes.includes(stack.at(-1)?.typ)) {
                     return {
                         success: false,
                         errors: [
@@ -810,6 +811,7 @@ function matchListSyntax(syntax, context, options) {
     let tmpResult;
     let count = 0;
     let range;
+    let done = false;
     success = false;
     do {
         range = context.peekRange(EnumToken.CommaTokenType, EnumToken.CommaTokenType, 1);
@@ -825,12 +827,9 @@ function matchListSyntax(syntax, context, options) {
             else {
                 context.update(range.at(-1));
             }
-            if (context.done()) {
-                // context.end();
-                break;
-            }
+            done = context.done();
         }
-    } while (tmpResult.success && !context.done());
+    } while (tmpResult.success && !done);
     return result == null
         ? {
             success: false,
@@ -868,6 +867,9 @@ function matchOccurenceSyntax(syntax, context, options) {
                 context.end();
                 break;
             }
+            if (tmpResult.context.index === context.index) {
+                break;
+            }
             context.update(tmpResult.context.current());
             if (match?.max?.val != null && Number.isFinite(match?.max?.val) && count === match.max.val) {
                 break;
@@ -913,7 +915,6 @@ function matchSyntax(syntaxes, context, options) {
             errors: [],
         };
     }
-    syntaxes = syntaxes.slice();
     let i = -1;
     let success = false;
     let token = null;
@@ -1245,21 +1246,19 @@ function matchSyntax(syntaxes, context, options) {
             case ValidationTokenEnum.PipeToken:
                 {
                     result = null;
-                    const results = [];
                     let tmp = null;
                     for (const syntax of syntaxes[i].chi) {
                         tmp = matchSyntax(syntax, context.slice(), options);
                         if (tmp.success) {
-                            results.push(tmp);
+                            if (result == null || tmp.context.index >= result.context.index) {
+                                result = tmp;
+                            }
                             if (tmp.context.done()) {
                                 context.end();
                                 return { ...tmp, context, syntaxToken: syntaxes[i + 1] };
                             }
                         }
                     }
-                    if (results.length > 0) {
-                        result = results.reduce((a, b) => (a.context.index > b.context.index ? a : b));
-                    }
                     if (result?.success) {
                         success = true;
                         options.visited.get(token).delete(syntaxes[i]);
@@ -1621,7 +1620,8 @@ function matchAmpersandSyntax(syntax, context, options) {
  */
 function matchProperty(property, context, options) {
     let success = false;
-    let t = context.peek()?.typ;
+    const token = context.peek();
+    let t = token?.typ;
     let checkCalc = (t == EnumToken.MathFunctionTokenDefType || t == EnumToken.MathFunctionTokenType) &&
         [
             "number",
@@ -1636,19 +1636,19 @@ function matchProperty(property, context, options) {
             "calc-product",
         ].includes(property.val);
     if (checkCalc && !["number", "zero", "integer", "percentage", "length-percentage"].includes(property.val)) {
-        checkCalc = context.peek().val === "calc";
+        checkCalc = token.val === "calc";
     }
     if (checkCalc) {
         let result;
-        const syntax = getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, context.peek().val + "()")?.[0]?.chi;
+        const syntax = getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, token.val + "()")?.[0]?.chi;
         if (t === EnumToken.MathFunctionTokenType) {
-            result = matchSyntax(syntax, createValidationContext(context.peek().chi), options);
+            result = matchSyntax(syntax, createValidationContext(token.chi), options);
             if (result.success && result.context.done()) {
                 context.next();
                 return {
                     success: true,
                     valid: true,
-                    token: context.peek(),
+                    token: token,
                     context,
                     syntaxToken: null,
                     errors: [],
@@ -1822,13 +1822,16 @@ function matchProperty(property, context, options) {
         case "display-outside":
         case "display-legacy":
         case "content-position":
-            success =
-                context.peek()?.typ == EnumToken.IdenTokenType &&
-                    // @ts-expect-error
-                    config.syntaxes[property.val].syntax
-                        .split(/[\s|]+/)
-                        .includes(context.peek().val.toLowerCase());
-            break;
+            {
+                let values = propertyKeywordValues.get(property.val);
+                if (values == null) {
+                    values = new Set(config.syntaxes[property.val].syntax.split(/[\s|]+/));
+                    propertyKeywordValues.set(property.val, values);
+                }
+                success =
+                    token?.typ == EnumToken.IdenTokenType && values.has(token.val.toLowerCase());
+                break;
+            }
         case "mf-name":
             {
                 const token = context.peek();
@@ -1849,9 +1852,9 @@ function matchProperty(property, context, options) {
         case "counter-name":
         case "counter-style-name":
             success =
-                context.peek()?.typ == EnumToken.IdenTokenType || context.peek()?.typ == EnumToken.DashedIdenTokenType;
-            if (success && context.peek()?.typ === EnumToken.IdenTokenType) {
-                const val = context.peek().val.toLowerCase();
+                token?.typ == EnumToken.IdenTokenType || token?.typ == EnumToken.DashedIdenTokenType;
+            if (success && token?.typ === EnumToken.IdenTokenType) {
+                const val = token.val.toLowerCase();
                 success = "none" !== val && !allValues.includes(val);
             }
             break;
@@ -2365,7 +2368,6 @@ function matchRepeatableSyntax(syntax, context, options) {
     let result = null;
     let tmpResult;
     let success = !!isRepeatable;
-    // let index: number = context.index;
     do {
         tmpResult = matchSyntax([rest], context.slice(), options);
         if (tmpResult.success) {
@@ -2375,15 +2377,10 @@ function matchRepeatableSyntax(syntax, context, options) {
                 context.end();
                 break;
             }
-            // if (context.current() === tmpResult.context.current()) {
-            //     context.next();
-            // } else {
+            if (tmpResult.context.index === context.index) {
+                break;
+            }
             context.update(result.context.current());
-            // }
-            // if (index === context.index) {
-            //     break;
-            // }
-            // index = context.index;
         }
     } while (tmpResult.success && !context.done());
     return {
diff --git a/src/lib/ast/transform/utils.ts b/src/lib/ast/transform/utils.ts
index 764d5608..eac6b686 100644
--- a/src/lib/ast/transform/utils.ts
+++ b/src/lib/ast/transform/utils.ts
@@ -1,7 +1,7 @@
 import { epsilon } from "../../syntax/constants.ts";
 import type { DecomposedMatrix3D, Matrix, Point } from "./type.d.ts";
 
-const identityMatrix = new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
+const identityMatrix = new Float64Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
 
 export function identity(): Matrix {
     return identityMatrix.slice() as Matrix;
@@ -27,7 +27,7 @@ function dot(
 }
 
 export function multiply(matrixA: Matrix, matrixB: Matrix): Matrix {
-    const result = new Float32Array(16) as Matrix;
+    const result = new Float64Array(16) as Matrix;
 
     result[0] = matrixA[0] * matrixB[0] + matrixA[4] * matrixB[1] + matrixA[8] * matrixB[2] + matrixA[12] * matrixB[3];
     result[1] = matrixA[1] * matrixB[0] + matrixA[5] * matrixB[1] + matrixA[9] * matrixB[2] + matrixA[13] * matrixB[3];
diff --git a/src/lib/parser/declaration/list.ts b/src/lib/parser/declaration/list.ts
index e6aa20f5..9ab455de 100644
--- a/src/lib/parser/declaration/list.ts
+++ b/src/lib/parser/declaration/list.ts
@@ -34,14 +34,6 @@ export class PropertyList {
         this.declarations = new Map<string, AstNode | PropertySet | PropertyMap>();
     }
 
-    // set(nam: string, value: string | Token[]) {
-    //     return this.add({
-    //         typ: EnumToken.DeclarationNodeType,
-    //         nam,
-    //         val: Array.isArray(value) ? value : parseString(String(value)),
-    //     });
-    // }
-
     add(...declarations: AstNode[]) {
         let name: string | null;
         let syntaxRules: ValidationToken[] | null = null;
@@ -90,25 +82,6 @@ export class PropertyList {
 
             // do not compute shorthand for invalid declarations
             if (declaration[STATE] !== EnumAstNodeStatus.Validated) {
-                // const key = objectHash(declaration);
-                // if (!this.ketsey.has(key)) {
-                //     this.ketsey.set(key, [declaration.nam]);
-
-                //     console.error(
-                //         `Adding declaration : ${(<AstDeclaration>declaration).nam} with key : ${key}`
-                //     )
-                // }
-
-                // else {
-
-                //     console.error(
-                //         `Duplicate declaration found: ${(<AstDeclaration>declaration).nam} with key : [ ${key} => ${this.ketsey.get(key)} ]`
-                //     )
-
-                //     console.error(JSON.stringify(toSortedString(declaration)))
-
-                //     this.ketsey.get(key).push(declaration.nam);
-                // }
 
                 this.declarations.set(objectHash(declaration), declaration);
                 return this;
diff --git a/src/lib/validation/config.ts b/src/lib/validation/config.ts
index 4ec25ff3..daad55ca 100644
--- a/src/lib/validation/config.ts
+++ b/src/lib/validation/config.ts
@@ -8,7 +8,6 @@ import { memoize } from "../parser/utils/cache.ts";
 export interface ValidationSyntaxRule {
     acceptAnyDeclaration: boolean;
     acceptAnyRule: boolean;
-    // getRules: () => ValidationToken[];
     getBlockRules: () => ValidationToken[] | null;
     getPreludeRules: () => ValidationToken[] | null;
     getPropertyDescriptors: () => Record<string, ValidationToken[]> | null;
@@ -23,33 +22,6 @@ export function getSyntaxConfig(): ValidationConfiguration {
     return config as ValidationConfiguration;
 }
 
-// export const getSyntax = memoize((group: ValidationSyntaxGroupEnum, key: string | string[]): null | string => {
-//     // @ts-expect-error
-//     let obj = config[group] as Record<ValidationSyntaxGroupEnum, ValidationSyntaxNode>;
-//
-//     const keys: string[] = Array.isArray(key) ? key : [key];
-//
-//     for (let i = 0; i < keys.length; i++) {
-//         key = keys[i];
-//
-//         if (!(key in obj)) {
-//             if ((i == 0 && key.charAt(0) == "@") || key.charAt(0) == "-") {
-//                 const matches: RegExpMatchArray = key.match(/^(@?)(-[a-zA-Z]+)-(.*?)$/) as RegExpMatchArray;
-//
-//                 if (matches != null) {
-//                     key = matches[1] + matches[3];
-//                 }
-//             }
-//         }
-//
-//         // @ts-expect-error
-//         obj = obj[key];
-//     }
-//
-//     // @ts-expect-error
-//     return obj?.syntax ?? null;
-// }) as (group: ValidationSyntaxGroupEnum, key: string | string[]) => null | string;
-
 function findNode(
     group: ValidationSyntaxGroupEnum,
     key: string,
@@ -60,12 +32,8 @@ function findNode(
         ValidationSyntaxNode
     >;
 
-    // const keys: string[] = Array.isArray(key) ? key : [key];
-
-    // for (let i = 0; i < keys.length; i++) {
-    //     key = keys[i];
-
-    if (!(key in obj)) {
+    // @ts-expect-error
+    if (obj[key] == null) {
         if (key.charAt(0) == "@" || key.charAt(0) == "-") {
             const matches: RegExpMatchArray = key.match(/^(@?)(-[a-zA-Z]+)-(.*?)$/) as RegExpMatchArray;
 
@@ -74,14 +42,14 @@ function findNode(
             }
         }
 
-        if (!(key in obj)) {
+        // @ts-expect-error
+        if (obj[key] == null) {
             return null;
         }
     }
 
     // @ts-expect-error
     obj = obj[key] as ValidationSyntaxNode | Record<ValidationSyntaxGroupEnum, ValidationSyntaxNode>;
-    // }
 
     return obj;
 }
diff --git a/src/lib/validation/match.ts b/src/lib/validation/match.ts
index 68a4cd04..201d0ffb 100644
--- a/src/lib/validation/match.ts
+++ b/src/lib/validation/match.ts
@@ -47,6 +47,37 @@ const config: ValidationConfiguration = getSyntaxConfig();
 // @ts-expect-error
 const allValues = config.declarations.all!.syntax.split(/[\s|]+/g) as string[];
 
+const selectorNodeTypes: EnumToken[] = [
+    EnumToken.CommaTokenType,
+    EnumToken.ColumnCombinatorTokenType,
+    EnumToken.ChildCombinatorTokenType,
+    EnumToken.NextSiblingCombinatorTokenType,
+    EnumToken.SubsequentSiblingCombinatorTokenType,
+];
+const trimWhitespaceBefore: EnumToken[] = selectorNodeTypes.concat(
+    EnumToken.DelimTokenType,
+    EnumToken.DashMatchTokenType,
+    EnumToken.IncludeMatchTokenType,
+    EnumToken.ContainMatchTokenType,
+    EnumToken.StartMatchTokenType,
+    EnumToken.EndMatchTokenType,
+    EnumToken.AttrEndTokenType,
+);
+const trimWhitespaceAfter: EnumToken[] = selectorNodeTypes.concat(
+    EnumToken.DelimTokenType,
+    EnumToken.DashMatchTokenType,
+    EnumToken.IncludeMatchTokenType,
+    EnumToken.ContainMatchTokenType,
+    EnumToken.StartMatchTokenType,
+    EnumToken.EndMatchTokenType,
+    EnumToken.AttrStartTokenType,
+);
+const selectorEnumMap: Map<EnumToken, EnumToken> = new Map([
+    [EnumToken.Tilda, EnumToken.SubsequentSiblingCombinatorTokenType],
+    [EnumToken.GtTokenType, EnumToken.ChildCombinatorTokenType],
+]);
+const propertyKeywordValues = new Map<string, Set<string>>();
+
 /**
  * @type {Array.<EnumToken>}
  */
@@ -328,27 +359,6 @@ export function createValidationContext(tokens: Token[]): ValidationContext {
         getRemainingTokens(): Token[] {
             return this.tokens.slice(this.index + 1);
         },
-        // last() {
-        //     let index: number = this.tokens.length - 1;
-        //     let token: Token = this.tokens[index];
-
-        //     while (
-        //         (this.index >= 0 && token?.typ === EnumToken.WhitespaceTokenType) ||
-        //         token?.typ === EnumToken.CommentTokenType ||
-        //         token?.typ === EnumToken.CDOCOMMTokenType ||
-        //         token?.typ === EnumToken.InvalidCommentTokenType ||
-        //         token?.typ === EnumToken.BadCommentTokenType ||
-        //         token?.typ === EnumToken.BadStringTokenType
-        //     ) {
-        //         token = this.tokens[--index];
-
-        //         if (token == null) {
-        //             break;
-        //         }
-        //     }
-
-        //     return token;
-        // },
         end() {
             this.index = this.tokens.length + 1;
             return this;
@@ -427,35 +437,6 @@ export function matchSelectorSyntax(
 } {
     const stack: Token[] = [];
     const tokens: Token[] = [];
-    const nodes: EnumToken[] = [
-        EnumToken.CommaTokenType,
-        EnumToken.ColumnCombinatorTokenType,
-        EnumToken.ChildCombinatorTokenType,
-        EnumToken.NextSiblingCombinatorTokenType,
-        EnumToken.SubsequentSiblingCombinatorTokenType,
-    ];
-    const trimWhitespaceBefore: EnumToken[] = nodes.concat(
-        EnumToken.DelimTokenType,
-        EnumToken.DashMatchTokenType,
-        EnumToken.IncludeMatchTokenType,
-        EnumToken.ContainMatchTokenType,
-        EnumToken.StartMatchTokenType,
-        EnumToken.EndMatchTokenType,
-        EnumToken.AttrEndTokenType,
-    );
-    const trimWhitespaceAfter: EnumToken[] = nodes.concat(
-        EnumToken.DelimTokenType,
-        EnumToken.DashMatchTokenType,
-        EnumToken.IncludeMatchTokenType,
-        EnumToken.ContainMatchTokenType,
-        EnumToken.StartMatchTokenType,
-        EnumToken.EndMatchTokenType,
-        EnumToken.AttrStartTokenType,
-    );
-    const enumMap: Map<EnumToken, EnumToken> = new Map([
-        [EnumToken.Tilda, EnumToken.SubsequentSiblingCombinatorTokenType],
-        [EnumToken.GtTokenType, EnumToken.ChildCombinatorTokenType],
-    ]);
 
     let token: Token;
     let i: number = 0;
@@ -504,7 +485,7 @@ export function matchSelectorSyntax(
         tokens.push(token);
 
         if (tokensfuncDefMap.has(token.typ)) {
-            if (stack.length > 0 && nodes.includes(stack.at(-1)!.typ)) {
+            if (stack.length > 0 && selectorNodeTypes.includes(stack.at(-1)!.typ)) {
                 stack.pop();
             }
 
@@ -514,8 +495,8 @@ export function matchSelectorSyntax(
 
         if (
             stack.length > 0 &&
-            nodes.includes(stack.at(-1)!.typ) &&
-            !nodes.includes(token.typ) &&
+            selectorNodeTypes.includes(stack.at(-1)!.typ) &&
+            !selectorNodeTypes.includes(token.typ) &&
             token.typ !== EnumToken.WhitespaceTokenType &&
             token.typ !== EnumToken.CommentTokenType &&
             token.typ !== EnumToken.CDOCOMMTokenType
@@ -580,7 +561,7 @@ export function matchSelectorSyntax(
 
             case EnumToken.Tilda:
             case EnumToken.GtTokenType:
-                Object.assign(token, { typ: enumMap.get(token.typ)! });
+                Object.assign(token, { typ: selectorEnumMap.get(token.typ)! });
 
             case EnumToken.ColumnCombinatorTokenType:
             case EnumToken.ChildCombinatorTokenType:
@@ -596,7 +577,7 @@ export function matchSelectorSyntax(
                     stack.pop();
                 }
 
-                if (stack.length > 0 && nodes.includes(stack.at(-1)?.typ)) {
+                if (stack.length > 0 && selectorNodeTypes.includes(stack.at(-1)?.typ)) {
                     return {
                         success: false,
                         errors: [
@@ -745,116 +726,12 @@ export function matchSelectorSyntax(
                     }
 
                     slice.shift();
-
-                    // if (slice.length > 0) {
-                    //     return {
-                    //         success: false,
-                    //         errors: [
-                    //             {
-                    //                 action: "drop",
-                    //                 message: `Unexpected token ${EnumToken[slice[0].typ]} at ${slice[0][LOC]!.src}:${slice[0][LOCSTA].lin}:${
-                    //                     slice[0][LOCSTA].col
-                    //                 }`,
-                    //                 node: slice[0],
-                    //                 location: slice[0][LOC],
-                    //             },
-                    //         ],
-                    //     };
-                    // }
-
                     stack.pop();
                     break;
                 }
 
-            // case EnumToken.ColonTokenType:
-            //     if (stream[i + 1]?.typ === EnumToken.IdenTokenType) {
-            //         Object.assign(token, {
-            //             typ:
-            //                 (stream[i + 1] as IdentToken).val === "page"
-            //                     ? EnumToken.PseudoPageTokenType
-            //                     : pseudoElements.includes((token as PseudoElementToken).val)
-            //                       ? EnumToken.PseudoElementTokenType
-            //                       : EnumToken.PseudoClassTokenType,
-            //             val: ":" + (stream[i + 1] as IdentToken).val,
-            //         });
-
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         break;
-            //     } else if (stream[i + 1]?.typ === EnumToken.FunctionTokenDefType) {
-            //         Object.assign(token, {
-            //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-            //             val: ":" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-
-            //         stack.push(token);
-            //         break;
-            //     }
-
-            //     return {
-            //         success: false,
-            //         errors: [
-            //             {
-            //                 action: "drop",
-            //                 message: `Unexpected token ${EnumToken[token.typ]} at ${token[LOC]!.src}:${token[LOCSTA].lin}:${
-            //                     token[LOCSTA].col
-            //                 }`,
-            //                 node: token,
-            //                 location: token[LOC],
-            //             },
-            //         ],
-            //     };
-
-            // case EnumToken.DoubleColonTokenType:
-            //     if (stream[i + 1]?.typ === EnumToken.IdenTokenType) {
-            //         Object.assign(token, {
-            //             typ:
-            //                 (stream[i + 1] as IdentToken).val === "page"
-            //                     ? EnumToken.PseudoPageTokenType
-            //                     : EnumToken.PseudoElementTokenType,
-            //             val: "::" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         break;
-            //     } else if (stream[i + 1]?.typ === EnumToken.FunctionTokenDefType) {
-            //         Object.assign(token, {
-            //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-            //             val: "::" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         stack.push(token);
-            //         break;
-            //     }
-
-            //     return {
-            //         success: false,
-            //         errors: [
-            //             {
-            //                 action: "drop",
-            //                 message: `Unexpected token ${EnumToken[token.typ]} at ${token[LOC]!.src}:${token[LOCSTA].lin}:${
-            //                     token[LOCSTA].col
-            //                 }`,
-            //                 node: token,
-            //                 location: token[LOC],
-            //             },
-            //         ],
-            //     };
-
             case EnumToken.StartParensTokenType:
-                // if (
-                //     tokens.at(-2)?.typ === EnumToken.PseudoClassTokenType ||
-                //     tokens.at(-2)?.typ === EnumToken.PseudoElementTokenType
-                // ) {
-                //     stack.push(
-                //         Object.assign(tokens.at(-2) as Token, {
-                //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-                //             chi: [],
-                //         }),
-                //     );
-                //     // tokens.pop();
-                //     break;
-                // }
-
+              
                 return {
                     success: false,
                     errors: [
@@ -879,20 +756,6 @@ export function matchSelectorSyntax(
                 ) {
                     const token = stack.at(-1) as PseudoClassFunctionToken | PseudoElementToken;
 
-                    // if (!((stack.at(-1) as PseudoClassFunctionToken).val + "()" in config.selectors)) {
-                    //     return {
-                    //         errors: [
-                    //             {
-                    //                 action: "drop",
-                    //                 message: `Unknown class element ${(token as PseudoElementToken).val}`,
-                    //                 node: token,
-                    //                 location: token[LOC]!,
-                    //             },
-                    //         ],
-                    //         success: false,
-                    //     };
-                    // }
-
                     const index: number = tokens.indexOf(token);
                     const result = matchAllSyntaxes(
                         ((
@@ -1074,6 +937,7 @@ function matchListSyntax(
     let tmpResult: ValidationMatch;
     let count: number = 0;
     let range: Token[];
+    let done: boolean = false;
 
     success = false;
 
@@ -1100,12 +964,9 @@ function matchListSyntax(
                 context.update(range.at(-1) as Token);
             }
 
-            if (context.done()) {
-                // context.end();
-                break;
-            }
+            done = context.done();
         }
-    } while (tmpResult.success && !context.done());
+    } while (tmpResult.success && !done);
 
     return result == null
         ? {
@@ -1153,6 +1014,10 @@ export function matchOccurenceSyntax(
                 break;
             }
 
+            if (tmpResult.context.index === context.index) {
+                break;
+            }
+
             context.update(tmpResult.context.current() as Token);
 
             if (match?.max?.val != null && Number.isFinite(match?.max?.val) && count === (match!.max!.val as number)) {
@@ -1209,8 +1074,6 @@ function matchSyntax(
         };
     }
 
-    syntaxes = syntaxes.slice();
-
     let i: number = -1;
     let success: boolean = false;
     let token: Token | null = null;
@@ -1639,15 +1502,15 @@ function matchSyntax(
             case ValidationTokenEnum.PipeToken:
                 {
                     result = null;
-                    const results: ValidationMatch[] = [];
-
                     let tmp: ValidationMatch | null = null;
 
                     for (const syntax of (syntaxes[i] as ValidationPipeToken).chi) {
                         tmp = matchSyntax(syntax, context.slice(), options);
 
                         if (tmp.success) {
-                            results.push(tmp);
+                            if (result == null || tmp.context.index >= result.context.index) {
+                                result = tmp;
+                            }
 
                             if (tmp.context.done()) {
                                 context.end();
@@ -1656,10 +1519,6 @@ function matchSyntax(
                         }
                     }
 
-                    if (results.length > 0) {
-                        result = results.reduce((a, b) => (a.context.index > b.context.index ? a : b));
-                    }
-
                     if (result?.success) {
                         success = true;
                         options.visited!.get(token)!.delete(syntaxes[i]);
@@ -2134,7 +1993,8 @@ function matchProperty(
     options: ParserOptions | ValidationOptions,
 ): ValidationMatch {
     let success: boolean = false;
-    let t: EnumToken = context.peek()?.typ as EnumToken;
+    const token = context.peek();
+    let t: EnumToken = token?.typ as EnumToken;
     let checkCalc: boolean =
         (t == EnumToken.MathFunctionTokenDefType || t == EnumToken.MathFunctionTokenType) &&
         [
@@ -2151,7 +2011,7 @@ function matchProperty(
         ].includes(property.val);
 
     if (checkCalc && !["number", "zero", "integer", "percentage", "length-percentage"].includes(property.val)) {
-        checkCalc = (context.peek() as FunctionToken).val === "calc";
+        checkCalc = (token as FunctionToken).val === "calc";
     }
 
     if (checkCalc) {
@@ -2159,14 +2019,14 @@ function matchProperty(
         const syntax = (
             getParsedSyntax(
                 ValidationSyntaxGroupEnum.Syntaxes,
-                (context.peek() as FunctionToken).val + "()",
+                    (token as FunctionToken).val + "()",
             ) as ValidationFunctionToken[]
         )?.[0]?.chi as ValidationToken[];
 
         if (t === EnumToken.MathFunctionTokenType) {
             result = matchSyntax(
                 syntax,
-                createValidationContext((context.peek() as FunctionToken).chi),
+                createValidationContext((token as FunctionToken).chi),
                 options as ValidationOptions,
             );
 
@@ -2176,7 +2036,7 @@ function matchProperty(
                 return {
                     success: true,
                     valid: true,
-                    token: context.peek() as Token,
+                    token: token as Token,
                     context,
                     syntaxToken: null,
                     errors: [],
@@ -2422,13 +2282,22 @@ function matchProperty(
         case "display-outside":
         case "display-legacy":
         case "content-position":
-            success =
-                context.peek()?.typ == EnumToken.IdenTokenType &&
-                // @ts-expect-error
-                config.syntaxes[property.val].syntax
-                    .split(/[\s|]+/)
-                    .includes((context.peek() as IdentToken).val.toLowerCase());
-            break;
+            {
+                let values = propertyKeywordValues.get(property.val);
+
+                if (values == null) {
+                    values = new Set(
+                        (config.syntaxes as unknown as Record<string, { syntax: string }>)[property.val].syntax.split(
+                            /[\s|]+/,
+                        ),
+                    );
+                    propertyKeywordValues.set(property.val, values);
+                }
+
+                success =
+                    token?.typ == EnumToken.IdenTokenType && values.has((token as IdentToken).val.toLowerCase());
+                break;
+            }
 
         case "mf-name":
             {
@@ -2453,10 +2322,10 @@ function matchProperty(
         case "counter-name":
         case "counter-style-name":
             success =
-                context.peek()?.typ == EnumToken.IdenTokenType || context.peek()?.typ == EnumToken.DashedIdenTokenType;
+                token?.typ == EnumToken.IdenTokenType || token?.typ == EnumToken.DashedIdenTokenType;
 
-            if (success && context.peek()?.typ === EnumToken.IdenTokenType) {
-                const val: string = (context.peek() as IdentToken).val.toLowerCase();
+            if (success && token?.typ === EnumToken.IdenTokenType) {
+                const val: string = (token as IdentToken).val.toLowerCase();
                 success = "none" !== val && !allValues.includes(val);
             }
             break;
@@ -3098,7 +2967,6 @@ function matchRepeatableSyntax(
     let result: ValidationMatch | null = null;
     let tmpResult: ValidationMatch;
     let success: boolean = !!isRepeatable;
-    // let index: number = context.index;
 
     do {
         tmpResult = matchSyntax([rest], context.slice(), options);
@@ -3112,17 +2980,11 @@ function matchRepeatableSyntax(
                 break;
             }
 
-            // if (context.current() === tmpResult.context.current()) {
-            //     context.next();
-            // } else {
-            context.update(result.context.current() as Token);
-            // }
-
-            // if (index === context.index) {
-            //     break;
-            // }
+            if (tmpResult.context.index === context.index) {
+                break;
+            }
 
-            // index = context.index;
+            context.update(result.context.current() as Token);
         }
     } while (tmpResult.success && !context.done());
 
diff --git a/test/inspect.js b/test/inspect.js
index afb5ac10..4508ee64 100644
--- a/test/inspect.js
+++ b/test/inspect.js
@@ -1,10 +1,10 @@
 import { dirname } from "node:path";
 import { transformSync } from "../dist/node.js";
-import tailwind from "./files/css/larger.css" with {type: 'text'};
+import tailwind from "./files/css/tailwind.css" with { type: "text" };
 
 const { code, stats } = await transformSync({
-    src: dirname(new URL(import.meta.url).pathname) + "/files/css/larger.css",
-    input: tailwind
+    src: dirname(new URL(import.meta.url).pathname) + "/files/css/tailwind.css",
+    input: tailwind,
 });
 
 console.debug(code);

From 67c74a0db6d198c900ab12b56cd892b9e31e546f Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sat, 19 Sep 2026 19:32:06 -0400
Subject: [PATCH 6/8] compute grid-column, grid-row and grid-template
 shorthands

---
 README.md                          |   6 +-
 dist/index-umd-web.js              | 490 +++++++++++++++--------------
 dist/index.cjs                     | 490 +++++++++++++++--------------
 dist/lib/parser/declaration/map.js | 240 ++++++++------
 dist/lib/parser/utils/config.js    |   2 +-
 dist/lib/parser/utils/hash.js      |  15 +-
 dist/lib/syntax/constants.js       |   2 +-
 dist/lib/validation/config.js      |   2 +-
 dist/lib/validation/match.js       | 127 --------
 files/minification.md              |   6 +-
 scripts/shorthand.ts               |  69 +++-
 scripts/validation.ts              |   2 +-
 src/data/properties.json           |   1 +
 src/data/validation.json           |   1 +
 src/lib/data/properties.json       |   1 -
 src/lib/data/validation.json       |   1 -
 src/lib/parser/declaration/map.ts  | 351 +++++++++++++--------
 src/lib/parser/utils/config.ts     |   2 +-
 src/lib/parser/utils/hash.ts       |  20 +-
 src/lib/parser/utils/type.ts       |   1 +
 src/lib/validation/json.ts         |   2 +-
 test/specs/code/modules.js         |  12 +-
 test/specs/code/shorthand.js       |  45 +++
 23 files changed, 1038 insertions(+), 850 deletions(-)
 create mode 100644 src/data/properties.json
 create mode 100644 src/data/validation.json
 delete mode 100644 src/lib/data/properties.json
 delete mode 100644 src/lib/data/validation.json

diff --git a/README.md b/README.md
index 198413fb..749d3287 100644
--- a/README.md
+++ b/README.md
@@ -172,9 +172,9 @@ Try it [online](https://tbela99.github.io/css-parser/playground/)
 - [x] gap
 - [ ] grid
 - [ ] grid-area
-- [ ] grid-column
-- [ ] grid-row
-- [ ] grid-template
+- [x] grid-column
+- [x] grid-row
+- [x] grid-template
 - [x] inset
 - [x] list-style
 - [x] margin
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index b0885eac..49da4cf0 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -2574,6 +2574,9 @@
     	scale: {
     		syntax: "none | [ <number> | <percentage> ]{1,3}"
     	},
+    	"scroll-axis-lock": {
+    		syntax: "auto | none"
+    	},
     	"scroll-behavior": {
     		syntax: "auto | smooth"
     	},
@@ -2979,6 +2982,9 @@
     	"will-change": {
     		syntax: "auto | <animateable-feature>#"
     	},
+    	"window-drag": {
+    		syntax: "none | move"
+    	},
     	"word-break": {
     		syntax: "normal | break-all | keep-all | break-word | auto-phrase"
     	},
@@ -12403,24 +12409,6 @@
             getRemainingTokens() {
                 return this.tokens.slice(this.index + 1);
             },
-            // last() {
-            //     let index: number = this.tokens.length - 1;
-            //     let token: Token = this.tokens[index];
-            //     while (
-            //         (this.index >= 0 && token?.typ === EnumToken.WhitespaceTokenType) ||
-            //         token?.typ === EnumToken.CommentTokenType ||
-            //         token?.typ === EnumToken.CDOCOMMTokenType ||
-            //         token?.typ === EnumToken.InvalidCommentTokenType ||
-            //         token?.typ === EnumToken.BadCommentTokenType ||
-            //         token?.typ === EnumToken.BadStringTokenType
-            //     ) {
-            //         token = this.tokens[--index];
-            //         if (token == null) {
-            //             break;
-            //         }
-            //     }
-            //     return token;
-            // },
             end() {
                 this.index = this.tokens.length + 1;
                 return this;
@@ -12696,106 +12684,10 @@
                             };
                         }
                         slice.shift();
-                        // if (slice.length > 0) {
-                        //     return {
-                        //         success: false,
-                        //         errors: [
-                        //             {
-                        //                 action: "drop",
-                        //                 message: `Unexpected token ${EnumToken[slice[0].typ]} at ${slice[0][LOC]!.src}:${slice[0][LOCSTA].lin}:${
-                        //                     slice[0][LOCSTA].col
-                        //                 }`,
-                        //                 node: slice[0],
-                        //                 location: slice[0][LOC],
-                        //             },
-                        //         ],
-                        //     };
-                        // }
                         stack.pop();
                         break;
                     }
-                // case EnumToken.ColonTokenType:
-                //     if (stream[i + 1]?.typ === EnumToken.IdenTokenType) {
-                //         Object.assign(token, {
-                //             typ:
-                //                 (stream[i + 1] as IdentToken).val === "page"
-                //                     ? EnumToken.PseudoPageTokenType
-                //                     : pseudoElements.includes((token as PseudoElementToken).val)
-                //                       ? EnumToken.PseudoElementTokenType
-                //                       : EnumToken.PseudoClassTokenType,
-                //             val: ":" + (stream[i + 1] as IdentToken).val,
-                //         });
-                //         token[LOC]!.end = stream[++i][LOC]!.end;
-                //         break;
-                //     } else if (stream[i + 1]?.typ === EnumToken.FunctionTokenDefType) {
-                //         Object.assign(token, {
-                //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-                //             val: ":" + (stream[i + 1] as IdentToken).val,
-                //         });
-                //         token[LOC]!.end = stream[++i][LOC]!.end;
-                //         stack.push(token);
-                //         break;
-                //     }
-                //     return {
-                //         success: false,
-                //         errors: [
-                //             {
-                //                 action: "drop",
-                //                 message: `Unexpected token ${EnumToken[token.typ]} at ${token[LOC]!.src}:${token[LOCSTA].lin}:${
-                //                     token[LOCSTA].col
-                //                 }`,
-                //                 node: token,
-                //                 location: token[LOC],
-                //             },
-                //         ],
-                //     };
-                // case EnumToken.DoubleColonTokenType:
-                //     if (stream[i + 1]?.typ === EnumToken.IdenTokenType) {
-                //         Object.assign(token, {
-                //             typ:
-                //                 (stream[i + 1] as IdentToken).val === "page"
-                //                     ? EnumToken.PseudoPageTokenType
-                //                     : EnumToken.PseudoElementTokenType,
-                //             val: "::" + (stream[i + 1] as IdentToken).val,
-                //         });
-                //         token[LOC]!.end = stream[++i][LOC]!.end;
-                //         break;
-                //     } else if (stream[i + 1]?.typ === EnumToken.FunctionTokenDefType) {
-                //         Object.assign(token, {
-                //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-                //             val: "::" + (stream[i + 1] as IdentToken).val,
-                //         });
-                //         token[LOC]!.end = stream[++i][LOC]!.end;
-                //         stack.push(token);
-                //         break;
-                //     }
-                //     return {
-                //         success: false,
-                //         errors: [
-                //             {
-                //                 action: "drop",
-                //                 message: `Unexpected token ${EnumToken[token.typ]} at ${token[LOC]!.src}:${token[LOCSTA].lin}:${
-                //                     token[LOCSTA].col
-                //                 }`,
-                //                 node: token,
-                //                 location: token[LOC],
-                //             },
-                //         ],
-                //     };
                 case exports.EnumToken.StartParensTokenType:
-                    // if (
-                    //     tokens.at(-2)?.typ === EnumToken.PseudoClassTokenType ||
-                    //     tokens.at(-2)?.typ === EnumToken.PseudoElementTokenType
-                    // ) {
-                    //     stack.push(
-                    //         Object.assign(tokens.at(-2) as Token, {
-                    //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-                    //             chi: [],
-                    //         }),
-                    //     );
-                    //     // tokens.pop();
-                    //     break;
-                    // }
                     return {
                         success: false,
                         errors: [
@@ -12815,19 +12707,6 @@
                     if (stack.at(-1)?.typ === exports.EnumToken.PseudoClassFunctionTokenDefType ||
                         stack.at(-1)?.typ === exports.EnumToken.PseudoElementTokenType) {
                         const token = stack.at(-1);
-                        // if (!((stack.at(-1) as PseudoClassFunctionToken).val + "()" in config.selectors)) {
-                        //     return {
-                        //         errors: [
-                        //             {
-                        //                 action: "drop",
-                        //                 message: `Unknown class element ${(token as PseudoElementToken).val}`,
-                        //                 node: token,
-                        //                 location: token[LOC]!,
-                        //             },
-                        //         ],
-                        //         success: false,
-                        //     };
-                        // }
                         const index = tokens.indexOf(token);
                         const result = matchAllSyntaxes(getParsedSyntax(ValidationSyntaxGroupEnum.Selectors, token.val + "()")?.[0]?.chi ?? [], createValidationContext(tokens.slice(index + 1, tokens.length - 1)), options);
                         if (!result.success) {
@@ -18157,7 +18036,7 @@
     			"Number"
     		],
     		multiple: true,
-    		valueSeparator: {
+    		separator: {
     			typ: "Literal",
     			val: "/"
     		},
@@ -18174,6 +18053,35 @@
     	},
     	"grid-row-end": {
     		shorthand: "grid-row"
+    	},
+    	"grid-column": {
+    		shorthand: "grid-column",
+    		properties: [
+    			"grid-column-start",
+    			"grid-column-end"
+    		],
+    		types: [
+    			"Iden",
+    			"Number"
+    		],
+    		multiple: true,
+    		separator: {
+    			typ: "Literal",
+    			val: "/"
+    		},
+    		"default": [
+    			"auto"
+    		],
+    		keywords: [
+    			"auto",
+    			"span"
+    		]
+    	},
+    	"grid-column-start": {
+    		shorthand: "grid-column"
+    	},
+    	"grid-column-end": {
+    		shorthand: "grid-column"
     	}
     };
     var map = {
@@ -19439,6 +19347,77 @@
     	},
     	"background-size": {
     		shorthand: "background"
+    	},
+    	"grid-template": {
+    		shorthand: "grid-template",
+    		pattern: "grid-template-areas grid-template-rows / grid-template-columns",
+    		keywords: [
+    			"none"
+    		],
+    		"default": [
+    			"none"
+    		],
+    		multiple: false,
+    		properties: {
+    			"grid-template-areas": {
+    				types: [
+    					"String"
+    				],
+    				"default": [
+    					"none"
+    				],
+    				multiple: true,
+    				keywords: [
+    					"none",
+    					"auto"
+    				],
+    				mapping: {
+    				}
+    			},
+    			"grid-template-rows": {
+    				types: [
+    					"Perc",
+    					"Iden",
+    					"Length",
+    					"Flex"
+    				],
+    				"default": [
+    					"none"
+    				],
+    				multiple: true,
+    				keywords: [
+    					"none"
+    				]
+    			},
+    			"grid-template-columns": {
+    				types: [
+    					"Perc",
+    					"Iden",
+    					"Length",
+    					"Flex"
+    				],
+    				"default": [
+    					"none"
+    				],
+    				prefix: {
+    					typ: "Literal",
+    					val: "/"
+    				},
+    				multiple: true,
+    				keywords: [
+    					"none"
+    				]
+    			}
+    		}
+    	},
+    	"grid-template-areas": {
+    		shorthand: "grid-template"
+    	},
+    	"grid-template-rows": {
+    		shorthand: "grid-template"
+    	},
+    	"grid-template-columns": {
+    		shorthand: "grid-template"
     	}
     };
     var property = {
@@ -19961,120 +19940,170 @@
                     iterable = this.declarations.values();
                 }
                 else {
-                    let values = Object.entries(tokens)
-                        .reduce((acc, curr) => {
-                        const props = this.config.properties[curr[0]];
-                        for (let i = 0; i < curr[1].length; i++) {
-                            if (acc.length == i) {
-                                acc.push([]);
+                    let values;
+                    if (this.config.shorthand == "grid-template") {
+                        const k = tokens["grid-template-areas"]?.[0]?.length ?? 0;
+                        const v = tokens["grid-template-rows"]?.[0]?.length ?? 0;
+                        const min = k < v ? k : v;
+                        values = [];
+                        for (let i = 0; i < min; i++) {
+                            if (i < k) {
+                                values.push(tokens["grid-template-areas"][0][i]);
+                                if (tokens["grid-template-areas"][0][i].typ == exports.EnumToken.IdenTokenType) {
+                                    values.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                }
+                            }
+                            if (i < v) {
+                                values.push(tokens["grid-template-rows"][0][i]);
                             }
-                            let values = curr[1][i].reduce((acc, curr) => {
+                        }
+                        if (k > min) {
+                            values.push(...tokens["grid-template-areas"][0].slice(min).reduce((acc, curr) => {
+                                if (acc.length > 0 && curr.typ == exports.EnumToken.IdenTokenType) {
+                                    acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                }
+                                acc.push(curr);
+                                return acc;
+                            }, []));
+                        }
+                        if (v > min) {
+                            values.push(...tokens["grid-template-rows"][0].slice(min).reduce((acc, curr) => {
                                 if (acc.length > 0) {
                                     acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
                                 }
                                 acc.push(curr);
                                 return acc;
-                            }, []);
-                            if (props.default.includes(curr[1][i]
-                                .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
-                                .trimEnd())) {
-                                if (!this.config.properties[curr[0]].required) {
-                                    continue;
+                            }, []));
+                        }
+                        if (tokens["grid-template-columns"]?.[0]?.length > 0) {
+                            values.push({ typ: exports.EnumToken.LiteralTokenType, val: "/" }, ...tokens["grid-template-columns"][0].reduce((acc, curr) => {
+                                if (acc.length > 0) {
+                                    acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
                                 }
-                            }
-                            // remove default values
-                            let doFilterDefault = true;
-                            if (curr[0] in propertiesConfig.properties) {
-                                for (let v of values) {
-                                    if (![
-                                        exports.EnumToken.WhitespaceTokenType,
-                                        exports.EnumToken.CommentTokenType,
-                                        exports.EnumToken.IdenTokenType,
-                                    ].includes(v.typ) ||
-                                        (v.typ == exports.EnumToken.IdenTokenType &&
-                                            !this.config.properties[curr[0]].default.includes(v.val))) {
-                                        doFilterDefault = false;
-                                        break;
-                                    }
+                                acc.push(curr);
+                                return acc;
+                            }, []));
+                        }
+                    }
+                    else {
+                        values = Object.entries(tokens)
+                            .reduce((acc, curr) => {
+                            const props = this.config.properties[curr[0]];
+                            for (let i = 0; i < curr[1].length; i++) {
+                                if (acc.length == i) {
+                                    acc.push([]);
                                 }
-                            }
-                            // remove default values
-                            const filtered = values.filter((val) => {
-                                if (val.typ == exports.EnumToken.WhitespaceTokenType ||
-                                    val.typ == exports.EnumToken.CommentTokenType) {
-                                    return false;
+                                let values = curr[1][i].reduce((acc, curr) => {
+                                    if (acc.length > 0) {
+                                        acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                    }
+                                    acc.push(curr);
+                                    return acc;
+                                }, []);
+                                if (props.default.includes(curr[1][i]
+                                    .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
+                                    .trimEnd())) {
+                                    if (!this.config.properties[curr[0]].required) {
+                                        continue;
+                                    }
                                 }
-                                return (!doFilterDefault ||
-                                    !(val.typ == exports.EnumToken.IdenTokenType &&
-                                        props.default.includes(val.val)));
-                            });
-                            if (filtered.length > 0 ||
-                                !(this.requiredCount == requiredCount && this.config.properties[curr[0]].required)) {
-                                values = filtered;
-                            }
-                            if (values.length > 0) {
-                                if ("mapping" in props) {
-                                    if (!("constraints" in props) ||
-                                        // @ts-ignore
-                                        !("max" in props.constraints) ||
-                                        values.length <= props.constraints.mapping.max) {
-                                        let i = values.length;
-                                        while (i--) {
-                                            if (values[i].typ == exports.EnumToken.IdenTokenType &&
-                                                // @ts-expect-error
-                                                values[i].val in props.mapping) {
-                                                // @ts-ignore
-                                                values.splice(i, 1, ...parseString(props.mapping[values[i].val]));
-                                            }
+                                // remove default values
+                                let doFilterDefault = true;
+                                if (curr[0] in propertiesConfig.properties) {
+                                    for (let v of values) {
+                                        if (![
+                                            exports.EnumToken.WhitespaceTokenType,
+                                            exports.EnumToken.CommentTokenType,
+                                            exports.EnumToken.IdenTokenType,
+                                        ].includes(v.typ) ||
+                                            (v.typ == exports.EnumToken.IdenTokenType &&
+                                                !this.config.properties[curr[0]].default.includes(v.val))) {
+                                            doFilterDefault = false;
+                                            break;
                                         }
                                     }
                                 }
-                                if ("prefix" in props) {
-                                    // @ts-ignore
-                                    acc[i].push({ ...props.prefix, typ: exports.EnumToken[props.prefix.typ] });
+                                // remove default values
+                                const filtered = values.filter((val) => {
+                                    if (val.typ == exports.EnumToken.WhitespaceTokenType ||
+                                        val.typ == exports.EnumToken.CommentTokenType) {
+                                        return false;
+                                    }
+                                    return (!doFilterDefault ||
+                                        !(val.typ == exports.EnumToken.IdenTokenType &&
+                                            props.default.includes(val.val)));
+                                });
+                                if (filtered.length > 0 ||
+                                    !(this.requiredCount == requiredCount &&
+                                        this.config.properties[curr[0]].required)) {
+                                    values = filtered;
                                 }
-                                else if (acc[i].length > 0) {
-                                    acc[i].push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                if (values.length > 0) {
+                                    if ("mapping" in props) {
+                                        if (!("constraints" in props) ||
+                                            // @ts-ignore
+                                            !("max" in props.constraints) ||
+                                            values.length <= props.constraints.mapping.max) {
+                                            let i = values.length;
+                                            while (i--) {
+                                                if (values[i].typ == exports.EnumToken.IdenTokenType &&
+                                                    // @ts-expect-error
+                                                    values[i].val in props.mapping) {
+                                                    // @ts-ignore
+                                                    values.splice(i, 1, 
+                                                    // @ts-ignore
+                                                    ...parseString(props.mapping[values[i].val]));
+                                                }
+                                            }
+                                        }
+                                    }
+                                    if ("prefix" in props) {
+                                        // @ts-ignore
+                                        acc[i].push({ ...props.prefix, typ: exports.EnumToken[props.prefix.typ] });
+                                    }
+                                    else if (acc[i].length > 0) {
+                                        acc[i].push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                    }
+                                    for (const v of values.reduce((acc, curr) => {
+                                        if (acc.length > 0) {
+                                            // @ts-ignore
+                                            acc.push({
+                                                ...((props.separator && {
+                                                    ...props.separator,
+                                                    // @ts-ignore
+                                                    typ: exports.EnumToken[props.separator.typ],
+                                                }) ?? { typ: exports.EnumToken.WhitespaceTokenType }),
+                                            });
+                                        }
+                                        // @ts-ignore
+                                        acc.push(curr);
+                                        return acc;
+                                    }, [])) {
+                                        acc[i].push(v);
+                                    }
                                 }
-                                for (const v of values.reduce((acc, curr) => {
+                            }
+                            return acc;
+                        }, [])
+                            .reduce((acc, curr) => {
+                            if (acc.length > 0) {
+                                acc.push({ ...separator });
+                            }
+                            if (curr.length == 0 && this.config.default.length > 0) {
+                                curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
                                     if (acc.length > 0) {
-                                        // @ts-ignore
-                                        acc.push({
-                                            ...((props.separator && {
-                                                ...props.separator,
-                                                // @ts-ignore
-                                                typ: exports.EnumToken[props.separator.typ],
-                                            }) ?? { typ: exports.EnumToken.WhitespaceTokenType }),
-                                        });
+                                        acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
                                     }
-                                    // @ts-ignore
                                     acc.push(curr);
                                     return acc;
-                                }, [])) {
-                                    acc[i].push(v);
-                                }
+                                }, []));
                             }
-                        }
-                        return acc;
-                    }, [])
-                        .reduce((acc, curr) => {
-                        if (acc.length > 0) {
-                            acc.push({ ...separator });
-                        }
-                        if (curr.length == 0 && this.config.default.length > 0) {
-                            curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
-                                if (acc.length > 0) {
-                                    acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
-                                }
-                                acc.push(curr);
-                                return acc;
-                            }, []));
-                        }
-                        for (const c of curr) {
-                            acc.push(c);
-                        }
-                        return acc;
-                    }, []);
+                            for (const c of curr) {
+                                acc.push(c);
+                            }
+                            return acc;
+                        }, []);
+                    }
                     if (this.config.mapping != null) {
                         const val = values.reduce((acc, curr) => acc +
                             renderValue(curr, {
@@ -20267,12 +20296,17 @@
             return String(input);
         }
         if (Array.isArray(input)) {
-            return JSON.stringify(input.map(toSortedString));
+            const result = new Array(input.length);
+            for (const value of input) {
+                result.push(toSortedString(value));
+            }
+            return JSON.stringify(result);
+        }
+        const keys = Object.keys(input).sort();
+        for (let i = 0; i < keys.length; i++) {
+            keys[i] = `${keys[i]}:${toSortedString(input[keys[i]])}`;
         }
-        return `{${Object.keys(input)
-        .sort()
-        .map((k) => `${k}:${toSortedString(input[k])}`)
-        .join(",")}}`;
+        return `{${keys.join(",")}}`;
     }
     /**
      * Object hash
diff --git a/dist/index.cjs b/dist/index.cjs
index 1e608064..02710ac2 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -2577,6 +2577,9 @@ var declarations = {
 	scale: {
 		syntax: "none | [ <number> | <percentage> ]{1,3}"
 	},
+	"scroll-axis-lock": {
+		syntax: "auto | none"
+	},
 	"scroll-behavior": {
 		syntax: "auto | smooth"
 	},
@@ -2982,6 +2985,9 @@ var declarations = {
 	"will-change": {
 		syntax: "auto | <animateable-feature>#"
 	},
+	"window-drag": {
+		syntax: "none | move"
+	},
 	"word-break": {
 		syntax: "normal | break-all | keep-all | break-word | auto-phrase"
 	},
@@ -12406,24 +12412,6 @@ function createValidationContext(tokens) {
         getRemainingTokens() {
             return this.tokens.slice(this.index + 1);
         },
-        // last() {
-        //     let index: number = this.tokens.length - 1;
-        //     let token: Token = this.tokens[index];
-        //     while (
-        //         (this.index >= 0 && token?.typ === EnumToken.WhitespaceTokenType) ||
-        //         token?.typ === EnumToken.CommentTokenType ||
-        //         token?.typ === EnumToken.CDOCOMMTokenType ||
-        //         token?.typ === EnumToken.InvalidCommentTokenType ||
-        //         token?.typ === EnumToken.BadCommentTokenType ||
-        //         token?.typ === EnumToken.BadStringTokenType
-        //     ) {
-        //         token = this.tokens[--index];
-        //         if (token == null) {
-        //             break;
-        //         }
-        //     }
-        //     return token;
-        // },
         end() {
             this.index = this.tokens.length + 1;
             return this;
@@ -12699,106 +12687,10 @@ function matchSelectorSyntax(stream, errors, options, nested = true) {
                         };
                     }
                     slice.shift();
-                    // if (slice.length > 0) {
-                    //     return {
-                    //         success: false,
-                    //         errors: [
-                    //             {
-                    //                 action: "drop",
-                    //                 message: `Unexpected token ${EnumToken[slice[0].typ]} at ${slice[0][LOC]!.src}:${slice[0][LOCSTA].lin}:${
-                    //                     slice[0][LOCSTA].col
-                    //                 }`,
-                    //                 node: slice[0],
-                    //                 location: slice[0][LOC],
-                    //             },
-                    //         ],
-                    //     };
-                    // }
                     stack.pop();
                     break;
                 }
-            // case EnumToken.ColonTokenType:
-            //     if (stream[i + 1]?.typ === EnumToken.IdenTokenType) {
-            //         Object.assign(token, {
-            //             typ:
-            //                 (stream[i + 1] as IdentToken).val === "page"
-            //                     ? EnumToken.PseudoPageTokenType
-            //                     : pseudoElements.includes((token as PseudoElementToken).val)
-            //                       ? EnumToken.PseudoElementTokenType
-            //                       : EnumToken.PseudoClassTokenType,
-            //             val: ":" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         break;
-            //     } else if (stream[i + 1]?.typ === EnumToken.FunctionTokenDefType) {
-            //         Object.assign(token, {
-            //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-            //             val: ":" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         stack.push(token);
-            //         break;
-            //     }
-            //     return {
-            //         success: false,
-            //         errors: [
-            //             {
-            //                 action: "drop",
-            //                 message: `Unexpected token ${EnumToken[token.typ]} at ${token[LOC]!.src}:${token[LOCSTA].lin}:${
-            //                     token[LOCSTA].col
-            //                 }`,
-            //                 node: token,
-            //                 location: token[LOC],
-            //             },
-            //         ],
-            //     };
-            // case EnumToken.DoubleColonTokenType:
-            //     if (stream[i + 1]?.typ === EnumToken.IdenTokenType) {
-            //         Object.assign(token, {
-            //             typ:
-            //                 (stream[i + 1] as IdentToken).val === "page"
-            //                     ? EnumToken.PseudoPageTokenType
-            //                     : EnumToken.PseudoElementTokenType,
-            //             val: "::" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         break;
-            //     } else if (stream[i + 1]?.typ === EnumToken.FunctionTokenDefType) {
-            //         Object.assign(token, {
-            //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-            //             val: "::" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         stack.push(token);
-            //         break;
-            //     }
-            //     return {
-            //         success: false,
-            //         errors: [
-            //             {
-            //                 action: "drop",
-            //                 message: `Unexpected token ${EnumToken[token.typ]} at ${token[LOC]!.src}:${token[LOCSTA].lin}:${
-            //                     token[LOCSTA].col
-            //                 }`,
-            //                 node: token,
-            //                 location: token[LOC],
-            //             },
-            //         ],
-            //     };
             case exports.EnumToken.StartParensTokenType:
-                // if (
-                //     tokens.at(-2)?.typ === EnumToken.PseudoClassTokenType ||
-                //     tokens.at(-2)?.typ === EnumToken.PseudoElementTokenType
-                // ) {
-                //     stack.push(
-                //         Object.assign(tokens.at(-2) as Token, {
-                //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-                //             chi: [],
-                //         }),
-                //     );
-                //     // tokens.pop();
-                //     break;
-                // }
                 return {
                     success: false,
                     errors: [
@@ -12818,19 +12710,6 @@ function matchSelectorSyntax(stream, errors, options, nested = true) {
                 if (stack.at(-1)?.typ === exports.EnumToken.PseudoClassFunctionTokenDefType ||
                     stack.at(-1)?.typ === exports.EnumToken.PseudoElementTokenType) {
                     const token = stack.at(-1);
-                    // if (!((stack.at(-1) as PseudoClassFunctionToken).val + "()" in config.selectors)) {
-                    //     return {
-                    //         errors: [
-                    //             {
-                    //                 action: "drop",
-                    //                 message: `Unknown class element ${(token as PseudoElementToken).val}`,
-                    //                 node: token,
-                    //                 location: token[LOC]!,
-                    //             },
-                    //         ],
-                    //         success: false,
-                    //     };
-                    // }
                     const index = tokens.indexOf(token);
                     const result = matchAllSyntaxes(getParsedSyntax(ValidationSyntaxGroupEnum.Selectors, token.val + "()")?.[0]?.chi ?? [], createValidationContext(tokens.slice(index + 1, tokens.length - 1)), options);
                     if (!result.success) {
@@ -18160,7 +18039,7 @@ var properties = {
 			"Number"
 		],
 		multiple: true,
-		valueSeparator: {
+		separator: {
 			typ: "Literal",
 			val: "/"
 		},
@@ -18177,6 +18056,35 @@ var properties = {
 	},
 	"grid-row-end": {
 		shorthand: "grid-row"
+	},
+	"grid-column": {
+		shorthand: "grid-column",
+		properties: [
+			"grid-column-start",
+			"grid-column-end"
+		],
+		types: [
+			"Iden",
+			"Number"
+		],
+		multiple: true,
+		separator: {
+			typ: "Literal",
+			val: "/"
+		},
+		"default": [
+			"auto"
+		],
+		keywords: [
+			"auto",
+			"span"
+		]
+	},
+	"grid-column-start": {
+		shorthand: "grid-column"
+	},
+	"grid-column-end": {
+		shorthand: "grid-column"
 	}
 };
 var map = {
@@ -19442,6 +19350,77 @@ var map = {
 	},
 	"background-size": {
 		shorthand: "background"
+	},
+	"grid-template": {
+		shorthand: "grid-template",
+		pattern: "grid-template-areas grid-template-rows / grid-template-columns",
+		keywords: [
+			"none"
+		],
+		"default": [
+			"none"
+		],
+		multiple: false,
+		properties: {
+			"grid-template-areas": {
+				types: [
+					"String"
+				],
+				"default": [
+					"none"
+				],
+				multiple: true,
+				keywords: [
+					"none",
+					"auto"
+				],
+				mapping: {
+				}
+			},
+			"grid-template-rows": {
+				types: [
+					"Perc",
+					"Iden",
+					"Length",
+					"Flex"
+				],
+				"default": [
+					"none"
+				],
+				multiple: true,
+				keywords: [
+					"none"
+				]
+			},
+			"grid-template-columns": {
+				types: [
+					"Perc",
+					"Iden",
+					"Length",
+					"Flex"
+				],
+				"default": [
+					"none"
+				],
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				multiple: true,
+				keywords: [
+					"none"
+				]
+			}
+		}
+	},
+	"grid-template-areas": {
+		shorthand: "grid-template"
+	},
+	"grid-template-rows": {
+		shorthand: "grid-template"
+	},
+	"grid-template-columns": {
+		shorthand: "grid-template"
 	}
 };
 var property = {
@@ -19964,120 +19943,170 @@ class PropertyMap {
                 iterable = this.declarations.values();
             }
             else {
-                let values = Object.entries(tokens)
-                    .reduce((acc, curr) => {
-                    const props = this.config.properties[curr[0]];
-                    for (let i = 0; i < curr[1].length; i++) {
-                        if (acc.length == i) {
-                            acc.push([]);
+                let values;
+                if (this.config.shorthand == "grid-template") {
+                    const k = tokens["grid-template-areas"]?.[0]?.length ?? 0;
+                    const v = tokens["grid-template-rows"]?.[0]?.length ?? 0;
+                    const min = k < v ? k : v;
+                    values = [];
+                    for (let i = 0; i < min; i++) {
+                        if (i < k) {
+                            values.push(tokens["grid-template-areas"][0][i]);
+                            if (tokens["grid-template-areas"][0][i].typ == exports.EnumToken.IdenTokenType) {
+                                values.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                            }
+                        }
+                        if (i < v) {
+                            values.push(tokens["grid-template-rows"][0][i]);
                         }
-                        let values = curr[1][i].reduce((acc, curr) => {
+                    }
+                    if (k > min) {
+                        values.push(...tokens["grid-template-areas"][0].slice(min).reduce((acc, curr) => {
+                            if (acc.length > 0 && curr.typ == exports.EnumToken.IdenTokenType) {
+                                acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                            }
+                            acc.push(curr);
+                            return acc;
+                        }, []));
+                    }
+                    if (v > min) {
+                        values.push(...tokens["grid-template-rows"][0].slice(min).reduce((acc, curr) => {
                             if (acc.length > 0) {
                                 acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
                             }
                             acc.push(curr);
                             return acc;
-                        }, []);
-                        if (props.default.includes(curr[1][i]
-                            .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
-                            .trimEnd())) {
-                            if (!this.config.properties[curr[0]].required) {
-                                continue;
+                        }, []));
+                    }
+                    if (tokens["grid-template-columns"]?.[0]?.length > 0) {
+                        values.push({ typ: exports.EnumToken.LiteralTokenType, val: "/" }, ...tokens["grid-template-columns"][0].reduce((acc, curr) => {
+                            if (acc.length > 0) {
+                                acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
                             }
-                        }
-                        // remove default values
-                        let doFilterDefault = true;
-                        if (curr[0] in propertiesConfig.properties) {
-                            for (let v of values) {
-                                if (![
-                                    exports.EnumToken.WhitespaceTokenType,
-                                    exports.EnumToken.CommentTokenType,
-                                    exports.EnumToken.IdenTokenType,
-                                ].includes(v.typ) ||
-                                    (v.typ == exports.EnumToken.IdenTokenType &&
-                                        !this.config.properties[curr[0]].default.includes(v.val))) {
-                                    doFilterDefault = false;
-                                    break;
-                                }
+                            acc.push(curr);
+                            return acc;
+                        }, []));
+                    }
+                }
+                else {
+                    values = Object.entries(tokens)
+                        .reduce((acc, curr) => {
+                        const props = this.config.properties[curr[0]];
+                        for (let i = 0; i < curr[1].length; i++) {
+                            if (acc.length == i) {
+                                acc.push([]);
                             }
-                        }
-                        // remove default values
-                        const filtered = values.filter((val) => {
-                            if (val.typ == exports.EnumToken.WhitespaceTokenType ||
-                                val.typ == exports.EnumToken.CommentTokenType) {
-                                return false;
+                            let values = curr[1][i].reduce((acc, curr) => {
+                                if (acc.length > 0) {
+                                    acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                }
+                                acc.push(curr);
+                                return acc;
+                            }, []);
+                            if (props.default.includes(curr[1][i]
+                                .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
+                                .trimEnd())) {
+                                if (!this.config.properties[curr[0]].required) {
+                                    continue;
+                                }
                             }
-                            return (!doFilterDefault ||
-                                !(val.typ == exports.EnumToken.IdenTokenType &&
-                                    props.default.includes(val.val)));
-                        });
-                        if (filtered.length > 0 ||
-                            !(this.requiredCount == requiredCount && this.config.properties[curr[0]].required)) {
-                            values = filtered;
-                        }
-                        if (values.length > 0) {
-                            if ("mapping" in props) {
-                                if (!("constraints" in props) ||
-                                    // @ts-ignore
-                                    !("max" in props.constraints) ||
-                                    values.length <= props.constraints.mapping.max) {
-                                    let i = values.length;
-                                    while (i--) {
-                                        if (values[i].typ == exports.EnumToken.IdenTokenType &&
-                                            // @ts-expect-error
-                                            values[i].val in props.mapping) {
-                                            // @ts-ignore
-                                            values.splice(i, 1, ...parseString(props.mapping[values[i].val]));
-                                        }
+                            // remove default values
+                            let doFilterDefault = true;
+                            if (curr[0] in propertiesConfig.properties) {
+                                for (let v of values) {
+                                    if (![
+                                        exports.EnumToken.WhitespaceTokenType,
+                                        exports.EnumToken.CommentTokenType,
+                                        exports.EnumToken.IdenTokenType,
+                                    ].includes(v.typ) ||
+                                        (v.typ == exports.EnumToken.IdenTokenType &&
+                                            !this.config.properties[curr[0]].default.includes(v.val))) {
+                                        doFilterDefault = false;
+                                        break;
                                     }
                                 }
                             }
-                            if ("prefix" in props) {
-                                // @ts-ignore
-                                acc[i].push({ ...props.prefix, typ: exports.EnumToken[props.prefix.typ] });
+                            // remove default values
+                            const filtered = values.filter((val) => {
+                                if (val.typ == exports.EnumToken.WhitespaceTokenType ||
+                                    val.typ == exports.EnumToken.CommentTokenType) {
+                                    return false;
+                                }
+                                return (!doFilterDefault ||
+                                    !(val.typ == exports.EnumToken.IdenTokenType &&
+                                        props.default.includes(val.val)));
+                            });
+                            if (filtered.length > 0 ||
+                                !(this.requiredCount == requiredCount &&
+                                    this.config.properties[curr[0]].required)) {
+                                values = filtered;
                             }
-                            else if (acc[i].length > 0) {
-                                acc[i].push({ typ: exports.EnumToken.WhitespaceTokenType });
+                            if (values.length > 0) {
+                                if ("mapping" in props) {
+                                    if (!("constraints" in props) ||
+                                        // @ts-ignore
+                                        !("max" in props.constraints) ||
+                                        values.length <= props.constraints.mapping.max) {
+                                        let i = values.length;
+                                        while (i--) {
+                                            if (values[i].typ == exports.EnumToken.IdenTokenType &&
+                                                // @ts-expect-error
+                                                values[i].val in props.mapping) {
+                                                // @ts-ignore
+                                                values.splice(i, 1, 
+                                                // @ts-ignore
+                                                ...parseString(props.mapping[values[i].val]));
+                                            }
+                                        }
+                                    }
+                                }
+                                if ("prefix" in props) {
+                                    // @ts-ignore
+                                    acc[i].push({ ...props.prefix, typ: exports.EnumToken[props.prefix.typ] });
+                                }
+                                else if (acc[i].length > 0) {
+                                    acc[i].push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                }
+                                for (const v of values.reduce((acc, curr) => {
+                                    if (acc.length > 0) {
+                                        // @ts-ignore
+                                        acc.push({
+                                            ...((props.separator && {
+                                                ...props.separator,
+                                                // @ts-ignore
+                                                typ: exports.EnumToken[props.separator.typ],
+                                            }) ?? { typ: exports.EnumToken.WhitespaceTokenType }),
+                                        });
+                                    }
+                                    // @ts-ignore
+                                    acc.push(curr);
+                                    return acc;
+                                }, [])) {
+                                    acc[i].push(v);
+                                }
                             }
-                            for (const v of values.reduce((acc, curr) => {
+                        }
+                        return acc;
+                    }, [])
+                        .reduce((acc, curr) => {
+                        if (acc.length > 0) {
+                            acc.push({ ...separator });
+                        }
+                        if (curr.length == 0 && this.config.default.length > 0) {
+                            curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
                                 if (acc.length > 0) {
-                                    // @ts-ignore
-                                    acc.push({
-                                        ...((props.separator && {
-                                            ...props.separator,
-                                            // @ts-ignore
-                                            typ: exports.EnumToken[props.separator.typ],
-                                        }) ?? { typ: exports.EnumToken.WhitespaceTokenType }),
-                                    });
+                                    acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
                                 }
-                                // @ts-ignore
                                 acc.push(curr);
                                 return acc;
-                            }, [])) {
-                                acc[i].push(v);
-                            }
+                            }, []));
                         }
-                    }
-                    return acc;
-                }, [])
-                    .reduce((acc, curr) => {
-                    if (acc.length > 0) {
-                        acc.push({ ...separator });
-                    }
-                    if (curr.length == 0 && this.config.default.length > 0) {
-                        curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
-                            if (acc.length > 0) {
-                                acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
-                            }
-                            acc.push(curr);
-                            return acc;
-                        }, []));
-                    }
-                    for (const c of curr) {
-                        acc.push(c);
-                    }
-                    return acc;
-                }, []);
+                        for (const c of curr) {
+                            acc.push(c);
+                        }
+                        return acc;
+                    }, []);
+                }
                 if (this.config.mapping != null) {
                     const val = values.reduce((acc, curr) => acc +
                         renderValue(curr, {
@@ -20270,12 +20299,17 @@ function toSortedString(input) {
         return String(input);
     }
     if (Array.isArray(input)) {
-        return JSON.stringify(input.map(toSortedString));
+        const result = new Array(input.length);
+        for (const value of input) {
+            result.push(toSortedString(value));
+        }
+        return JSON.stringify(result);
+    }
+    const keys = Object.keys(input).sort();
+    for (let i = 0; i < keys.length; i++) {
+        keys[i] = `${keys[i]}:${toSortedString(input[keys[i]])}`;
     }
-    return `{${Object.keys(input)
-        .sort()
-        .map((k) => `${k}:${toSortedString(input[k])}`)
-        .join(",")}}`;
+    return `{${keys.join(",")}}`;
 }
 /**
  * Object hash
diff --git a/dist/lib/parser/declaration/map.js b/dist/lib/parser/declaration/map.js
index 20cc1e21..e6447349 100644
--- a/dist/lib/parser/declaration/map.js
+++ b/dist/lib/parser/declaration/map.js
@@ -436,120 +436,170 @@ class PropertyMap {
                 iterable = this.declarations.values();
             }
             else {
-                let values = Object.entries(tokens)
-                    .reduce((acc, curr) => {
-                    const props = this.config.properties[curr[0]];
-                    for (let i = 0; i < curr[1].length; i++) {
-                        if (acc.length == i) {
-                            acc.push([]);
+                let values;
+                if (this.config.shorthand == "grid-template") {
+                    const k = tokens["grid-template-areas"]?.[0]?.length ?? 0;
+                    const v = tokens["grid-template-rows"]?.[0]?.length ?? 0;
+                    const min = k < v ? k : v;
+                    values = [];
+                    for (let i = 0; i < min; i++) {
+                        if (i < k) {
+                            values.push(tokens["grid-template-areas"][0][i]);
+                            if (tokens["grid-template-areas"][0][i].typ == EnumToken.IdenTokenType) {
+                                values.push({ typ: EnumToken.WhitespaceTokenType });
+                            }
+                        }
+                        if (i < v) {
+                            values.push(tokens["grid-template-rows"][0][i]);
                         }
-                        let values = curr[1][i].reduce((acc, curr) => {
+                    }
+                    if (k > min) {
+                        values.push(...tokens["grid-template-areas"][0].slice(min).reduce((acc, curr) => {
+                            if (acc.length > 0 && curr.typ == EnumToken.IdenTokenType) {
+                                acc.push({ typ: EnumToken.WhitespaceTokenType });
+                            }
+                            acc.push(curr);
+                            return acc;
+                        }, []));
+                    }
+                    if (v > min) {
+                        values.push(...tokens["grid-template-rows"][0].slice(min).reduce((acc, curr) => {
                             if (acc.length > 0) {
                                 acc.push({ typ: EnumToken.WhitespaceTokenType });
                             }
                             acc.push(curr);
                             return acc;
-                        }, []);
-                        if (props.default.includes(curr[1][i]
-                            .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
-                            .trimEnd())) {
-                            if (!this.config.properties[curr[0]].required) {
-                                continue;
+                        }, []));
+                    }
+                    if (tokens["grid-template-columns"]?.[0]?.length > 0) {
+                        values.push({ typ: EnumToken.LiteralTokenType, val: "/" }, ...tokens["grid-template-columns"][0].reduce((acc, curr) => {
+                            if (acc.length > 0) {
+                                acc.push({ typ: EnumToken.WhitespaceTokenType });
                             }
-                        }
-                        // remove default values
-                        let doFilterDefault = true;
-                        if (curr[0] in propertiesConfig.properties) {
-                            for (let v of values) {
-                                if (![
-                                    EnumToken.WhitespaceTokenType,
-                                    EnumToken.CommentTokenType,
-                                    EnumToken.IdenTokenType,
-                                ].includes(v.typ) ||
-                                    (v.typ == EnumToken.IdenTokenType &&
-                                        !this.config.properties[curr[0]].default.includes(v.val))) {
-                                    doFilterDefault = false;
-                                    break;
-                                }
+                            acc.push(curr);
+                            return acc;
+                        }, []));
+                    }
+                }
+                else {
+                    values = Object.entries(tokens)
+                        .reduce((acc, curr) => {
+                        const props = this.config.properties[curr[0]];
+                        for (let i = 0; i < curr[1].length; i++) {
+                            if (acc.length == i) {
+                                acc.push([]);
                             }
-                        }
-                        // remove default values
-                        const filtered = values.filter((val) => {
-                            if (val.typ == EnumToken.WhitespaceTokenType ||
-                                val.typ == EnumToken.CommentTokenType) {
-                                return false;
+                            let values = curr[1][i].reduce((acc, curr) => {
+                                if (acc.length > 0) {
+                                    acc.push({ typ: EnumToken.WhitespaceTokenType });
+                                }
+                                acc.push(curr);
+                                return acc;
+                            }, []);
+                            if (props.default.includes(curr[1][i]
+                                .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
+                                .trimEnd())) {
+                                if (!this.config.properties[curr[0]].required) {
+                                    continue;
+                                }
                             }
-                            return (!doFilterDefault ||
-                                !(val.typ == EnumToken.IdenTokenType &&
-                                    props.default.includes(val.val)));
-                        });
-                        if (filtered.length > 0 ||
-                            !(this.requiredCount == requiredCount && this.config.properties[curr[0]].required)) {
-                            values = filtered;
-                        }
-                        if (values.length > 0) {
-                            if ("mapping" in props) {
-                                if (!("constraints" in props) ||
-                                    // @ts-ignore
-                                    !("max" in props.constraints) ||
-                                    values.length <= props.constraints.mapping.max) {
-                                    let i = values.length;
-                                    while (i--) {
-                                        if (values[i].typ == EnumToken.IdenTokenType &&
-                                            // @ts-expect-error
-                                            values[i].val in props.mapping) {
-                                            // @ts-ignore
-                                            values.splice(i, 1, ...parseString(props.mapping[values[i].val]));
-                                        }
+                            // remove default values
+                            let doFilterDefault = true;
+                            if (curr[0] in propertiesConfig.properties) {
+                                for (let v of values) {
+                                    if (![
+                                        EnumToken.WhitespaceTokenType,
+                                        EnumToken.CommentTokenType,
+                                        EnumToken.IdenTokenType,
+                                    ].includes(v.typ) ||
+                                        (v.typ == EnumToken.IdenTokenType &&
+                                            !this.config.properties[curr[0]].default.includes(v.val))) {
+                                        doFilterDefault = false;
+                                        break;
                                     }
                                 }
                             }
-                            if ("prefix" in props) {
-                                // @ts-ignore
-                                acc[i].push({ ...props.prefix, typ: EnumToken[props.prefix.typ] });
+                            // remove default values
+                            const filtered = values.filter((val) => {
+                                if (val.typ == EnumToken.WhitespaceTokenType ||
+                                    val.typ == EnumToken.CommentTokenType) {
+                                    return false;
+                                }
+                                return (!doFilterDefault ||
+                                    !(val.typ == EnumToken.IdenTokenType &&
+                                        props.default.includes(val.val)));
+                            });
+                            if (filtered.length > 0 ||
+                                !(this.requiredCount == requiredCount &&
+                                    this.config.properties[curr[0]].required)) {
+                                values = filtered;
                             }
-                            else if (acc[i].length > 0) {
-                                acc[i].push({ typ: EnumToken.WhitespaceTokenType });
+                            if (values.length > 0) {
+                                if ("mapping" in props) {
+                                    if (!("constraints" in props) ||
+                                        // @ts-ignore
+                                        !("max" in props.constraints) ||
+                                        values.length <= props.constraints.mapping.max) {
+                                        let i = values.length;
+                                        while (i--) {
+                                            if (values[i].typ == EnumToken.IdenTokenType &&
+                                                // @ts-expect-error
+                                                values[i].val in props.mapping) {
+                                                // @ts-ignore
+                                                values.splice(i, 1, 
+                                                // @ts-ignore
+                                                ...parseString(props.mapping[values[i].val]));
+                                            }
+                                        }
+                                    }
+                                }
+                                if ("prefix" in props) {
+                                    // @ts-ignore
+                                    acc[i].push({ ...props.prefix, typ: EnumToken[props.prefix.typ] });
+                                }
+                                else if (acc[i].length > 0) {
+                                    acc[i].push({ typ: EnumToken.WhitespaceTokenType });
+                                }
+                                for (const v of values.reduce((acc, curr) => {
+                                    if (acc.length > 0) {
+                                        // @ts-ignore
+                                        acc.push({
+                                            ...((props.separator && {
+                                                ...props.separator,
+                                                // @ts-ignore
+                                                typ: EnumToken[props.separator.typ],
+                                            }) ?? { typ: EnumToken.WhitespaceTokenType }),
+                                        });
+                                    }
+                                    // @ts-ignore
+                                    acc.push(curr);
+                                    return acc;
+                                }, [])) {
+                                    acc[i].push(v);
+                                }
                             }
-                            for (const v of values.reduce((acc, curr) => {
+                        }
+                        return acc;
+                    }, [])
+                        .reduce((acc, curr) => {
+                        if (acc.length > 0) {
+                            acc.push({ ...separator });
+                        }
+                        if (curr.length == 0 && this.config.default.length > 0) {
+                            curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
                                 if (acc.length > 0) {
-                                    // @ts-ignore
-                                    acc.push({
-                                        ...((props.separator && {
-                                            ...props.separator,
-                                            // @ts-ignore
-                                            typ: EnumToken[props.separator.typ],
-                                        }) ?? { typ: EnumToken.WhitespaceTokenType }),
-                                    });
+                                    acc.push({ typ: EnumToken.WhitespaceTokenType });
                                 }
-                                // @ts-ignore
                                 acc.push(curr);
                                 return acc;
-                            }, [])) {
-                                acc[i].push(v);
-                            }
+                            }, []));
                         }
-                    }
-                    return acc;
-                }, [])
-                    .reduce((acc, curr) => {
-                    if (acc.length > 0) {
-                        acc.push({ ...separator });
-                    }
-                    if (curr.length == 0 && this.config.default.length > 0) {
-                        curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
-                            if (acc.length > 0) {
-                                acc.push({ typ: EnumToken.WhitespaceTokenType });
-                            }
-                            acc.push(curr);
-                            return acc;
-                        }, []));
-                    }
-                    for (const c of curr) {
-                        acc.push(c);
-                    }
-                    return acc;
-                }, []);
+                        for (const c of curr) {
+                            acc.push(c);
+                        }
+                        return acc;
+                    }, []);
+                }
                 if (this.config.mapping != null) {
                     const val = values.reduce((acc, curr) => acc +
                         renderValue(curr, {
diff --git a/dist/lib/parser/utils/config.js b/dist/lib/parser/utils/config.js
index 3e31991a..0c8a26ee 100644
--- a/dist/lib/parser/utils/config.js
+++ b/dist/lib/parser/utils/config.js
@@ -1,4 +1,4 @@
-import config from '../../data/properties.json.js';
+import config from '../../../data/properties.json.js';
 
 Object.freeze(config);
 // @ts-expect-error
diff --git a/dist/lib/parser/utils/hash.js b/dist/lib/parser/utils/hash.js
index c7bf9fa8..71115e66 100644
--- a/dist/lib/parser/utils/hash.js
+++ b/dist/lib/parser/utils/hash.js
@@ -47,12 +47,17 @@ function toSortedString(input) {
         return String(input);
     }
     if (Array.isArray(input)) {
-        return JSON.stringify(input.map(toSortedString));
+        const result = new Array(input.length);
+        for (const value of input) {
+            result.push(toSortedString(value));
+        }
+        return JSON.stringify(result);
+    }
+    const keys = Object.keys(input).sort();
+    for (let i = 0; i < keys.length; i++) {
+        keys[i] = `${keys[i]}:${toSortedString(input[keys[i]])}`;
     }
-    return `{${Object.keys(input)
-        .sort()
-        .map((k) => `${k}:${toSortedString(input[k])}`)
-        .join(",")}}`;
+    return `{${keys.join(",")}}`;
 }
 /**
  * Object hash
diff --git a/dist/lib/syntax/constants.js b/dist/lib/syntax/constants.js
index de5a6921..3297b2c0 100644
--- a/dist/lib/syntax/constants.js
+++ b/dist/lib/syntax/constants.js
@@ -1,5 +1,5 @@
 import { EnumToken } from '../ast/types.js';
-import config from '../data/validation.json.js';
+import config from '../../data/validation.json.js';
 
 /**
  * Location source id
diff --git a/dist/lib/validation/config.js b/dist/lib/validation/config.js
index f083bc41..b653d529 100644
--- a/dist/lib/validation/config.js
+++ b/dist/lib/validation/config.js
@@ -1,4 +1,4 @@
-import config from '../data/validation.json.js';
+import config from '../../data/validation.json.js';
 import { trimSyntaxArray, parseSyntax } from './parser/parse.js';
 import { ValidationTokenEnum } from './parser/typedef.js';
 import { memoize } from '../parser/utils/cache.js';
diff --git a/dist/lib/validation/match.js b/dist/lib/validation/match.js
index 633d6de2..f865e4bf 100644
--- a/dist/lib/validation/match.js
+++ b/dist/lib/validation/match.js
@@ -247,24 +247,6 @@ function createValidationContext(tokens) {
         getRemainingTokens() {
             return this.tokens.slice(this.index + 1);
         },
-        // last() {
-        //     let index: number = this.tokens.length - 1;
-        //     let token: Token = this.tokens[index];
-        //     while (
-        //         (this.index >= 0 && token?.typ === EnumToken.WhitespaceTokenType) ||
-        //         token?.typ === EnumToken.CommentTokenType ||
-        //         token?.typ === EnumToken.CDOCOMMTokenType ||
-        //         token?.typ === EnumToken.InvalidCommentTokenType ||
-        //         token?.typ === EnumToken.BadCommentTokenType ||
-        //         token?.typ === EnumToken.BadStringTokenType
-        //     ) {
-        //         token = this.tokens[--index];
-        //         if (token == null) {
-        //             break;
-        //         }
-        //     }
-        //     return token;
-        // },
         end() {
             this.index = this.tokens.length + 1;
             return this;
@@ -540,106 +522,10 @@ function matchSelectorSyntax(stream, errors, options, nested = true) {
                         };
                     }
                     slice.shift();
-                    // if (slice.length > 0) {
-                    //     return {
-                    //         success: false,
-                    //         errors: [
-                    //             {
-                    //                 action: "drop",
-                    //                 message: `Unexpected token ${EnumToken[slice[0].typ]} at ${slice[0][LOC]!.src}:${slice[0][LOCSTA].lin}:${
-                    //                     slice[0][LOCSTA].col
-                    //                 }`,
-                    //                 node: slice[0],
-                    //                 location: slice[0][LOC],
-                    //             },
-                    //         ],
-                    //     };
-                    // }
                     stack.pop();
                     break;
                 }
-            // case EnumToken.ColonTokenType:
-            //     if (stream[i + 1]?.typ === EnumToken.IdenTokenType) {
-            //         Object.assign(token, {
-            //             typ:
-            //                 (stream[i + 1] as IdentToken).val === "page"
-            //                     ? EnumToken.PseudoPageTokenType
-            //                     : pseudoElements.includes((token as PseudoElementToken).val)
-            //                       ? EnumToken.PseudoElementTokenType
-            //                       : EnumToken.PseudoClassTokenType,
-            //             val: ":" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         break;
-            //     } else if (stream[i + 1]?.typ === EnumToken.FunctionTokenDefType) {
-            //         Object.assign(token, {
-            //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-            //             val: ":" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         stack.push(token);
-            //         break;
-            //     }
-            //     return {
-            //         success: false,
-            //         errors: [
-            //             {
-            //                 action: "drop",
-            //                 message: `Unexpected token ${EnumToken[token.typ]} at ${token[LOC]!.src}:${token[LOCSTA].lin}:${
-            //                     token[LOCSTA].col
-            //                 }`,
-            //                 node: token,
-            //                 location: token[LOC],
-            //             },
-            //         ],
-            //     };
-            // case EnumToken.DoubleColonTokenType:
-            //     if (stream[i + 1]?.typ === EnumToken.IdenTokenType) {
-            //         Object.assign(token, {
-            //             typ:
-            //                 (stream[i + 1] as IdentToken).val === "page"
-            //                     ? EnumToken.PseudoPageTokenType
-            //                     : EnumToken.PseudoElementTokenType,
-            //             val: "::" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         break;
-            //     } else if (stream[i + 1]?.typ === EnumToken.FunctionTokenDefType) {
-            //         Object.assign(token, {
-            //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-            //             val: "::" + (stream[i + 1] as IdentToken).val,
-            //         });
-            //         token[LOC]!.end = stream[++i][LOC]!.end;
-            //         stack.push(token);
-            //         break;
-            //     }
-            //     return {
-            //         success: false,
-            //         errors: [
-            //             {
-            //                 action: "drop",
-            //                 message: `Unexpected token ${EnumToken[token.typ]} at ${token[LOC]!.src}:${token[LOCSTA].lin}:${
-            //                     token[LOCSTA].col
-            //                 }`,
-            //                 node: token,
-            //                 location: token[LOC],
-            //             },
-            //         ],
-            //     };
             case EnumToken.StartParensTokenType:
-                // if (
-                //     tokens.at(-2)?.typ === EnumToken.PseudoClassTokenType ||
-                //     tokens.at(-2)?.typ === EnumToken.PseudoElementTokenType
-                // ) {
-                //     stack.push(
-                //         Object.assign(tokens.at(-2) as Token, {
-                //             typ: EnumToken.PseudoClassFunctionTokenDefType,
-                //             chi: [],
-                //         }),
-                //     );
-                //     // tokens.pop();
-                //     break;
-                // }
                 return {
                     success: false,
                     errors: [
@@ -659,19 +545,6 @@ function matchSelectorSyntax(stream, errors, options, nested = true) {
                 if (stack.at(-1)?.typ === EnumToken.PseudoClassFunctionTokenDefType ||
                     stack.at(-1)?.typ === EnumToken.PseudoElementTokenType) {
                     const token = stack.at(-1);
-                    // if (!((stack.at(-1) as PseudoClassFunctionToken).val + "()" in config.selectors)) {
-                    //     return {
-                    //         errors: [
-                    //             {
-                    //                 action: "drop",
-                    //                 message: `Unknown class element ${(token as PseudoElementToken).val}`,
-                    //                 node: token,
-                    //                 location: token[LOC]!,
-                    //             },
-                    //         ],
-                    //         success: false,
-                    //     };
-                    // }
                     const index = tokens.indexOf(token);
                     const result = matchAllSyntaxes(getParsedSyntax(ValidationSyntaxGroupEnum.Selectors, token.val + "()")?.[0]?.chi ?? [], createValidationContext(tokens.slice(index + 1, tokens.length - 1)), options);
                     if (!result.success) {
diff --git a/files/minification.md b/files/minification.md
index 310f1cc5..4d8cd8f1 100644
--- a/files/minification.md
+++ b/files/minification.md
@@ -726,9 +726,9 @@ Below is the list of computed shorthands properties. Minification is fully suppo
 - [x] gap
 - [ ] grid
 - [ ] grid-area
-- [ ] grid-column
-- [ ] grid-row
-- [ ] grid-template
+- [x] grid-column
+- [x] grid-row
+- [x] grid-template
 - [x] inset
 - [x] list-style
 - [x] margin
diff --git a/scripts/shorthand.ts b/scripts/shorthand.ts
index e55a5bc5..1d57aea5 100644
--- a/scripts/shorthand.ts
+++ b/scripts/shorthand.ts
@@ -8,7 +8,7 @@ import type {
     ShorthandMapType,
     ShorthandPropertyType,
     ShorthandType,
-    SinglePropertyTypeMapping
+    SinglePropertyTypeMapping,
 } from "../src/@types/index.d.ts";
 import { writeFile } from "node:fs/promises";
 
@@ -92,7 +92,7 @@ export const map: ShorthandMapType = (<ShorthandMapType[][]>[
                 properties: {
                     keywords: ["none"],
                     default: ["none"],
-                    types: ['DashedIden'],
+                    types: ["DashedIden"],
                 },
             },
             {
@@ -885,6 +885,51 @@ export const map: ShorthandMapType = (<ShorthandMapType[][]>[
             },
         ],
     ],
+    [
+        {
+            shorthand: "grid-template",
+            pattern: "grid-template-areas grid-template-rows / grid-template-columns",
+            keywords: ["none"],
+            default: ["none"],
+            multiple: false,
+            mapping: {
+                "none none": "none",
+                "none/none": "none",
+                "none none/none": "none",
+            },
+        },
+        [
+            {
+                shorthand: "grid-template-areas",
+                properties: {
+                    types: ["String"],
+                    default: ["none"],
+                    multiple: true,
+                    keywords: ["none", "auto"],
+                    mapping: {},
+                },
+            },
+            {
+                shorthand: "grid-template-rows",
+                properties: {
+                    types: ["Perc", "Iden", "Length", "Flex"],
+                    default: ["none"],
+                    multiple: true,
+                    keywords: ["none"],
+                },
+            },
+            {
+                shorthand: "grid-template-columns",
+                properties: {
+                    types: ["Perc", "Iden", "Length", "Flex"],
+                    default: ["none"],
+                    prefix: { typ: "Literal", val: "/" },
+                    multiple: true,
+                    keywords: ["none"],
+                },
+            },
+        ],
+    ],
     // @ts-ignore
 ]).reduce(
     // @ts-expect-error
@@ -942,7 +987,7 @@ export const properties: PropertySetType = [
         default: ["0"],
         // multiple: false,
         // separator:null ,
-        keywords: ['auto'],
+        keywords: ["auto"],
     },
     {
         shorthand: "scroll-padding",
@@ -950,7 +995,7 @@ export const properties: PropertySetType = [
         types: ["Length", "Perc"],
         // multiple: false,
         // separator:null ,
-        keywords: ['auto'],
+        keywords: ["auto"],
     },
     {
         shorthand: "border-radius",
@@ -1003,7 +1048,19 @@ export const properties: PropertySetType = [
         properties: ["grid-row-start", "grid-row-end"],
         types: ["Iden", "Number"],
         multiple: true,
-        valueSeparator: {
+        separator: {
+            typ: "Literal",
+            val: "/",
+        },
+        default: ["auto"],
+        keywords: ["auto", "span"],
+    },
+    {
+        shorthand: "grid-column",
+        properties: ["grid-column-start", "grid-column-end"],
+        types: ["Iden", "Number"],
+        multiple: true,
+        separator: {
             typ: "Literal",
             val: "/",
         },
@@ -1071,6 +1128,6 @@ export const property = {
 
 const result = JSON.stringify({ properties, map, property });
 
-await writeFile(import.meta.dirname + "/../src/lib/data/properties.json", result);
+await writeFile(import.meta.dirname + "/../src/data/properties.json", result);
 
 console.debug(result);
diff --git a/scripts/validation.ts b/scripts/validation.ts
index ecd478b0..cae74422 100644
--- a/scripts/validation.ts
+++ b/scripts/validation.ts
@@ -86,7 +86,7 @@ const codes = (await fetch("https://cdn.jsdelivr.net/npm/@iso-639/data/1/en.json
 // @ts-expect-error
 json.languages = Object.keys(codes);
 
-await writeFile(import.meta.dirname! + "/../src/lib/data/validation.json", JSON.stringify(json));
+await writeFile(import.meta.dirname! + "/../src/data/validation.json", JSON.stringify(json));
 console.debug(json);
 
 // =============================== //
diff --git a/src/data/properties.json b/src/data/properties.json
new file mode 100644
index 00000000..dbe92b3f
--- /dev/null
+++ b/src/data/properties.json
@@ -0,0 +1 @@
+{"properties":{"gap":{"shorthand":"gap","properties":["row-gap","column-gap"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["normal"]},"row-gap":{"shorthand":"gap"},"column-gap":{"shorthand":"gap"},"inset":{"shorthand":"inset","properties":["top","right","bottom","left"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["auto"]},"top":{"shorthand":"inset"},"right":{"shorthand":"inset"},"bottom":{"shorthand":"inset"},"left":{"shorthand":"inset"},"margin":{"shorthand":"margin","properties":["margin-top","margin-right","margin-bottom","margin-left"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["auto"]},"margin-top":{"shorthand":"margin"},"margin-right":{"shorthand":"margin"},"margin-bottom":{"shorthand":"margin"},"margin-left":{"shorthand":"margin"},"padding":{"shorthand":"padding","properties":["padding-top","padding-right","padding-bottom","padding-left"],"types":["Length","Perc"],"keywords":[]},"padding-top":{"shorthand":"padding"},"padding-right":{"shorthand":"padding"},"padding-bottom":{"shorthand":"padding"},"padding-left":{"shorthand":"padding"},"scroll-margin":{"shorthand":"scroll-margin","properties":["scroll-margin-top","scroll-margin-right","scroll-margin-bottom","scroll-margin-left"],"types":["Length","Perc"],"default":["0"],"keywords":["auto"]},"scroll-margin-top":{"shorthand":"scroll-margin"},"scroll-margin-right":{"shorthand":"scroll-margin"},"scroll-margin-bottom":{"shorthand":"scroll-margin"},"scroll-margin-left":{"shorthand":"scroll-margin"},"scroll-padding":{"shorthand":"scroll-padding","properties":["scroll-padding-top","scroll-padding-right","scroll-padding-bottom","scroll-padding-left"],"types":["Length","Perc"],"keywords":["auto"]},"scroll-padding-top":{"shorthand":"scroll-padding"},"scroll-padding-right":{"shorthand":"scroll-padding"},"scroll-padding-bottom":{"shorthand":"scroll-padding"},"scroll-padding-left":{"shorthand":"scroll-padding"},"border-radius":{"shorthand":"border-radius","properties":["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"],"types":["Length","Perc"],"multiple":true,"separator":{"typ":"Literal","val":"/"},"keywords":[]},"border-top-left-radius":{"shorthand":"border-radius"},"border-top-right-radius":{"shorthand":"border-radius"},"border-bottom-right-radius":{"shorthand":"border-radius"},"border-bottom-left-radius":{"shorthand":"border-radius"},"border-width":{"shorthand":"border-width","map":"border","properties":["border-top-width","border-right-width","border-bottom-width","border-left-width"],"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]},"border-top-width":{"map":"border","shorthand":"border-width"},"border-right-width":{"map":"border","shorthand":"border-width"},"border-bottom-width":{"map":"border","shorthand":"border-width"},"border-left-width":{"map":"border","shorthand":"border-width"},"border-style":{"shorthand":"border-style","map":"border","properties":["border-top-style","border-right-style","border-bottom-style","border-left-style"],"types":[],"default":["none"],"keywords":["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-top-style":{"map":"border","shorthand":"border-style"},"border-right-style":{"map":"border","shorthand":"border-style"},"border-bottom-style":{"map":"border","shorthand":"border-style"},"border-left-style":{"map":"border","shorthand":"border-style"},"border-color":{"shorthand":"border-color","map":"border","properties":["border-top-color","border-right-color","border-bottom-color","border-left-color"],"types":["Color"],"default":["currentcolor"],"keywords":[]},"border-top-color":{"map":"border","shorthand":"border-color"},"border-right-color":{"map":"border","shorthand":"border-color"},"border-bottom-color":{"map":"border","shorthand":"border-color"},"border-left-color":{"map":"border","shorthand":"border-color"},"grid-row":{"shorthand":"grid-row","properties":["grid-row-start","grid-row-end"],"types":["Iden","Number"],"multiple":true,"separator":{"typ":"Literal","val":"/"},"default":["auto"],"keywords":["auto","span"]},"grid-row-start":{"shorthand":"grid-row"},"grid-row-end":{"shorthand":"grid-row"},"grid-column":{"shorthand":"grid-column","properties":["grid-column-start","grid-column-end"],"types":["Iden","Number"],"multiple":true,"separator":{"typ":"Literal","val":"/"},"default":["auto"],"keywords":["auto","span"]},"grid-column-start":{"shorthand":"grid-column"},"grid-column-end":{"shorthand":"grid-column"}},"map":{"flex-flow":{"shorthand":"flex-flow","pattern":"flex-direction flex-wrap","keywords":[],"default":["row","nowrap"],"properties":{"flex-direction":{"keywords":["row","row-reverse","column","column-reverse"],"default":["row"],"types":[]},"flex-wrap":{"keywords":["wrap","nowrap","wrap-reverse"],"default":["nowrap"],"types":[]}}},"flex-direction":{"shorthand":"flex-flow"},"flex-wrap":{"shorthand":"flex-flow"},"scroll-timeline":{"shorthand":"scroll-timeline","pattern":"scroll-timeline-name scroll-timeline-axis","keywords":["none","block","inline","x","y"],"default":["none","block"],"properties":{"scroll-timeline-name":{"keywords":["none"],"default":["none"],"types":["DashedIden"]},"scroll-timeline-axis":{"keywords":["block","inline","x","y"],"default":["block"],"types":[]}}},"scroll-timeline-name":{"shorthand":"scroll-timeline"},"scroll-timeline-axis":{"shorthand":"scroll-timeline"},"container":{"shorthand":"container","pattern":"container-name container-type","keywords":[],"default":[],"properties":{"container-name":{"required":true,"multiple":true,"keywords":["none"],"default":["none"],"types":["Iden","DashedIden"]},"container-type":{"previous":"container-name","prefix":{"typ":"Literal","val":"/"},"keywords":["size","inline-size","normal"],"default":["normal"],"types":[]}}},"container-name":{"shorthand":"container"},"container-type":{"shorthand":"container"},"flex":{"shorthand":"flex","pattern":"flex-grow flex-shrink flex-basis","keywords":["auto","none","initial"],"default":[],"mapping":{"0 1 auto":"initial","0 0 auto":"none","1 1 auto":"auto"},"properties":{"flex-grow":{"required":true,"keywords":[],"default":[],"types":["Number"]},"flex-shrink":{"keywords":[],"default":[],"types":["Number"]},"flex-basis":{"keywords":["max-content","min-content","fit-content","fit-content","content","auto"],"default":[],"types":["Length","Perc"]}}},"flex-grow":{"shorthand":"flex"},"flex-shrink":{"shorthand":"flex"},"flex-basis":{"shorthand":"flex"},"columns":{"shorthand":"columns","pattern":"column-count column-width","keywords":["auto"],"default":["auto","auto auto"],"properties":{"column-count":{"keywords":["auto"],"default":["auto"],"types":["Number"]},"column-width":{"keywords":["auto"],"default":["auto"],"types":["Length"]}}},"column-count":{"shorthand":"columns"},"column-width":{"shorthand":"columns"},"transition":{"shorthand":"transition","multiple":true,"separator":{"typ":"Comma"},"pattern":"transition-property transition-duration transition-timing-function transition-delay transition-behavior","keywords":["none","all"],"default":["0s","0ms","all","ease","none","normal"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"},"properties":{"transition-property":{"keywords":["none","all"],"default":["all"],"types":["Iden"]},"transition-duration":{"keywords":[],"default":["0s","0ms","normal"],"types":["Time"]},"transition-timing-function":{"keywords":["ease","ease-in","ease-out","ease-in-out","linear","step-start","step-end"],"default":["ease"],"types":["TimingFunction"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"}},"transition-delay":{"keywords":[],"default":["0s"],"types":["Time"]},"transition-behavior":{"keywords":["normal","allow-discrete"],"default":["normal"],"types":[]}}},"transition-property":{"shorthand":"transition"},"transition-duration":{"shorthand":"transition"},"transition-timing-function":{"shorthand":"transition"},"transition-delay":{"shorthand":"transition"},"transition-behavior":{"shorthand":"transition"},"animation":{"shorthand":"animation","separator":{"typ":"Comma"},"pattern":"animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode animation-play-state animation-timeline","default":["1","0s","0ms","none","ease","normal","running","auto"],"properties":{"animation-name":{"keywords":["none"],"default":["none"],"types":["Iden"]},"animation-duration":{"keywords":["auto"],"default":["0s","0ms","auto"],"types":["Time"],"mapping":{"auto":"0s"}},"animation-timing-function":{"keywords":["ease","ease-in","ease-out","ease-in-out","linear","step-start","step-end"],"default":["ease"],"types":["TimingFunction"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"}},"animation-delay":{"keywords":[],"default":["0s","0ms"],"types":["Time"]},"animation-iteration-count":{"keywords":["infinite"],"default":["1"],"types":["Number"]},"animation-direction":{"keywords":["normal","reverse","alternate","alternate-reverse"],"default":["normal"],"types":[]},"animation-fill-mode":{"keywords":["none","forwards","backwards","both"],"default":["none"],"types":[]},"animation-play-state":{"keywords":["running","paused"],"default":["running"],"types":[]},"animation-timeline":{"keywords":["none","auto"],"default":["auto"],"types":["DashedIden","TimelineFunction"]}}},"animation-name":{"shorthand":"animation"},"animation-duration":{"shorthand":"animation"},"animation-timing-function":{"shorthand":"animation"},"animation-delay":{"shorthand":"animation"},"animation-iteration-count":{"shorthand":"animation"},"animation-direction":{"shorthand":"animation"},"animation-fill-mode":{"shorthand":"animation"},"animation-play-state":{"shorthand":"animation"},"animation-timeline":{"shorthand":"animation"},"text-emphasis":{"shorthand":"text-emphasis","pattern":"text-emphasis-color text-emphasis-style","default":["none","currentcolor"],"properties":{"text-emphasis-style":{"keywords":["none","filled","open","dot","circle","double-circle","triangle","sesame"],"default":["none"],"types":["String"]},"text-emphasis-color":{"default":["currentcolor"],"types":["Color"]}}},"text-emphasis-style":{"shorthand":"text-emphasis"},"text-emphasis-color":{"shorthand":"text-emphasis"},"border":{"shorthand":"border","pattern":"border-color border-style border-width","keywords":["none"],"default":["0","none"],"properties":{"border-color":{"types":["Color"],"default":["currentcolor"],"keywords":[]},"border-style":{"types":[],"default":["none"],"keywords":["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-width":{"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]}}},"border-color":{"shorthand":"border"},"border-style":{"shorthand":"border"},"border-width":{"shorthand":"border"},"list-style":{"shorthand":"list-style","pattern":"list-style-type list-style-position list-style-image","keywords":["none","outside"],"default":["none","outside"],"properties":{"list-style-position":{"types":[],"default":["outside"],"keywords":["inside","outside"]},"list-style-image":{"default":["none"],"keywords":["node"],"types":["UrlFunc","ImageFunc"]},"list-style-type":{"types":["String","Iden","Symbols"],"default":["disc"],"keywords":["disc","circle","square","decimal","decimal-leading-zero","lower-roman","upper-roman","lower-greek","lower-latin","upper-latin","none"]}}},"list-style-position":{"shorthand":"list-style"},"list-style-image":{"shorthand":"list-style"},"list-style-type":{"shorthand":"list-style"},"overflow":{"shorthand":"overflow","pattern":"overflow-x overflow-y","keywords":["auto","visible","hidden","clip","scroll"],"default":[],"mapping":{"visible visible":"visible","auto auto":"auto","hidden hidden":"hidden","scroll scroll":"scroll"},"properties":{"overflow-x":{"default":[],"types":[],"keywords":["auto","visible","hidden","clip","scroll"]},"overflow-y":{"default":[],"types":[],"keywords":["auto","visible","hidden","clip","scroll"]}}},"overflow-x":{"shorthand":"overflow"},"overflow-y":{"shorthand":"overflow"},"outline":{"shorthand":"outline","pattern":"outline-color outline-style outline-width","keywords":["none"],"default":["0","none","currentcolor"],"properties":{"outline-color":{"types":["Color"],"default":["currentcolor"],"keywords":["currentcolor"]},"outline-style":{"types":[],"default":["none"],"keywords":["auto","none","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"outline-width":{"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]}}},"outline-color":{"shorthand":"outline"},"outline-style":{"shorthand":"outline"},"outline-width":{"shorthand":"outline"},"font":{"shorthand":"font","pattern":"font-weight font-style font-size line-height font-stretch font-variant font-family","keywords":["caption","icon","menu","message-box","small-caption","status-bar","-moz-window, ","-moz-document, ","-moz-desktop, ","-moz-info, ","-moz-dialog","-moz-button","-moz-pull-down-menu","-moz-list","-moz-field"],"default":[],"properties":{"font-weight":{"types":["Number"],"default":["400","normal"],"keywords":["normal","bold","lighter","bolder"],"constraints":{"value":{"min":"1","max":"1000"}},"mapping":{"thin":"100","hairline":"100","extra light":"200","ultra light":"200","light":"300","normal":"400","regular":"400","medium":"500","semi bold":"600","demi bold":"600","bold":"700","extra bold":"800","ultra bold":"800","black":"900","heavy":"900","extra black":"950","ultra black":"950"}},"font-style":{"types":["Angle"],"default":["normal"],"keywords":["normal","italic","oblique"]},"font-size":{"types":["Length","Perc"],"default":[],"keywords":["xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","larger","smaller"],"required":true},"line-height":{"types":["Length","Perc","Number"],"default":["normal"],"keywords":["normal"],"previous":"font-size","prefix":{"typ":"Literal","val":"/"}},"font-stretch":{"types":["Perc"],"default":["normal"],"keywords":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded"],"mapping":{"ultra-condensed":"50%","extra-condensed":"62.5%","condensed":"75%","semi-condensed":"87.5%","normal":"100%","semi-expanded":"112.5%","expanded":"125%","extra-expanded":"150%","ultra-expanded":"200%"}},"font-variant":{"types":[],"default":["normal"],"keywords":["normal","none","common-ligatures","no-common-ligatures","discretionary-ligatures","no-discretionary-ligatures","historical-ligatures","no-historical-ligatures","contextual","no-contextual","historical-forms","small-caps","all-small-caps","petite-caps","all-petite-caps","unicase","titling-caps","ordinal","slashed-zero","lining-nums","oldstyle-nums","proportional-nums","tabular-nums","diagonal-fractions","stacked-fractions","ordinal","slashed-zero","ruby","jis78","jis83","jis90","jis04","simplified","traditional","full-width","proportional-width","ruby","sub","super","text","emoji","unicode"]},"font-family":{"types":["String","Iden"],"default":[],"keywords":["serif","sans-serif","monospace","cursive","fantasy","system-ui","ui-serif","ui-sans-serif","ui-monospace","ui-rounded","math","emoji","fangsong"],"required":true,"multiple":true,"separator":{"typ":"Comma"}}}},"font-weight":{"shorthand":"font"},"font-style":{"shorthand":"font"},"font-size":{"shorthand":"font"},"line-height":{"shorthand":"font"},"font-stretch":{"shorthand":"font"},"font-variant":{"shorthand":"font"},"font-family":{"shorthand":"font"},"background":{"shorthand":"background","pattern":"background-attachment background-origin background-clip background-color background-image background-repeat background-position background-size","keywords":["none"],"default":["0 0","none","auto","repeat","transparent","#0000","scroll","padding-box","border-box"],"multiple":true,"set":{"background-origin":["background-clip"]},"separator":{"typ":"Comma"},"properties":{"background-repeat":{"types":[],"default":["repeat"],"multiple":true,"keywords":["repeat-x","repeat-y","repeat","space","round","no-repeat"],"mapping":{"repeat no-repeat":"repeat-x","no-repeat repeat":"repeat-y","repeat repeat":"repeat","space space":"space","round round":"round","no-repeat no-repeat":"no-repeat"}},"background-color":{"types":["Color"],"default":["#0000","transparent"],"multiple":true,"keywords":[]},"background-image":{"types":["UrlFunc","ImageFunc"],"default":["none"],"keywords":["none"]},"background-attachment":{"types":[],"default":["scroll"],"multiple":true,"keywords":["scroll","fixed","local"]},"background-clip":{"types":[],"default":["border-box"],"multiple":true,"keywords":["border-box","padding-box","content-box","text"]},"background-origin":{"types":[],"default":["padding-box"],"multiple":true,"keywords":["border-box","padding-box","content-box"]},"background-position":{"multiple":true,"types":["Perc","Length"],"default":["0 0","top left","left top"],"keywords":["top","left","center","bottom","right"],"mapping":{"left":"0","top":"0","center":"50%","center center":"50%","50% 50%":"50%","bottom":"100%","right":"100%"},"constraints":{"mapping":{"max":2}}},"background-size":{"multiple":true,"previous":"background-position","prefix":{"typ":"Literal","val":"/"},"types":["Perc","Length"],"default":["auto","auto auto"],"keywords":["auto","cover","contain"],"mapping":{"auto auto":"auto"}}}},"background-repeat":{"shorthand":"background"},"background-color":{"shorthand":"background"},"background-image":{"shorthand":"background"},"background-attachment":{"shorthand":"background"},"background-clip":{"shorthand":"background"},"background-origin":{"shorthand":"background"},"background-position":{"shorthand":"background"},"background-size":{"shorthand":"background"},"grid-template":{"shorthand":"grid-template","pattern":"grid-template-areas grid-template-rows / grid-template-columns","keywords":["none"],"default":["none"],"multiple":false,"properties":{"grid-template-areas":{"types":["String"],"default":["none"],"multiple":true,"keywords":["none","auto"],"mapping":{}},"grid-template-rows":{"types":["Perc","Iden","Length","Flex"],"default":["none"],"multiple":true,"keywords":["none"]},"grid-template-columns":{"types":["Perc","Iden","Length","Flex"],"default":["none"],"prefix":{"typ":"Literal","val":"/"},"multiple":true,"keywords":["none"]}}},"grid-template-areas":{"shorthand":"grid-template"},"grid-template-rows":{"shorthand":"grid-template"},"grid-template-columns":{"shorthand":"grid-template"}},"property":{"transform-origin":{"pattern":[["left|center|right","top|center|bottom","<length>"],["left|center|right","top|center|bottom"],["center|left|right|center|top|bottom|<length>"]],"mapping":{"center":{"typ":"Perc","val":50},"left":{"typ":"Perc","val":0},"right":{"typ":"Perc","val":100},"top":{"typ":"Perc","val":0},"bottom":{"typ":"Perc","val":100}}}}}
\ No newline at end of file
diff --git a/src/data/validation.json b/src/data/validation.json
new file mode 100644
index 00000000..58e3f13f
--- /dev/null
+++ b/src/data/validation.json
@@ -0,0 +1 @@
+{"declarations":{"-ms-accelerator":{"syntax":"false | true"},"-ms-block-progression":{"syntax":"tb | rl | bt | lr"},"-ms-content-zoom-chaining":{"syntax":"none | chained"},"-ms-content-zoom-limit":{"syntax":"<'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>"},"-ms-content-zoom-limit-max":{"syntax":"<percentage>"},"-ms-content-zoom-limit-min":{"syntax":"<percentage>"},"-ms-content-zoom-snap":{"syntax":"<'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>"},"-ms-content-zoom-snap-points":{"syntax":"snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )"},"-ms-content-zoom-snap-type":{"syntax":"none | proximity | mandatory"},"-ms-content-zooming":{"syntax":"none | zoom"},"-ms-filter":{"syntax":"<string>"},"-ms-flow-from":{"syntax":"[ none | <custom-ident> ]#"},"-ms-flow-into":{"syntax":"[ none | <custom-ident> ]#"},"-ms-grid-columns":{"syntax":"none | <track-list> | <auto-track-list>"},"-ms-grid-rows":{"syntax":"none | <track-list> | <auto-track-list>"},"-ms-high-contrast-adjust":{"syntax":"auto | none"},"-ms-hyphenate-limit-chars":{"syntax":"auto | <integer>{1,3}"},"-ms-hyphenate-limit-lines":{"syntax":"no-limit | <integer>"},"-ms-hyphenate-limit-zone":{"syntax":"<percentage> | <length>"},"-ms-ime-align":{"syntax":"auto | after"},"-ms-overflow-style":{"syntax":" auto | none | scrollbar | -ms-autohiding-scrollbar"},"-ms-scroll-chaining":{"syntax":"chained | none"},"-ms-scroll-limit":{"syntax":"<'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>"},"-ms-scroll-limit-x-max":{"syntax":"auto | <length>"},"-ms-scroll-limit-x-min":{"syntax":"<length>"},"-ms-scroll-limit-y-max":{"syntax":"auto | <length>"},"-ms-scroll-limit-y-min":{"syntax":"<length>"},"-ms-scroll-rails":{"syntax":"none | railed"},"-ms-scroll-snap-points-x":{"syntax":"snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )"},"-ms-scroll-snap-points-y":{"syntax":"snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )"},"-ms-scroll-snap-type":{"syntax":"none | proximity | mandatory"},"-ms-scroll-snap-x":{"syntax":"<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>"},"-ms-scroll-snap-y":{"syntax":"<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>"},"-ms-scroll-translation":{"syntax":"none | vertical-to-horizontal"},"-ms-scrollbar-3dlight-color":{"syntax":"<color>"},"-ms-scrollbar-arrow-color":{"syntax":"<color>"},"-ms-scrollbar-base-color":{"syntax":"<color>"},"-ms-scrollbar-darkshadow-color":{"syntax":"<color>"},"-ms-scrollbar-face-color":{"syntax":"<color>"},"-ms-scrollbar-highlight-color":{"syntax":"<color>"},"-ms-scrollbar-shadow-color":{"syntax":"<color>"},"-ms-scrollbar-track-color":{"syntax":"<color>"},"-ms-text-autospace":{"syntax":"none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space"},"-ms-touch-select":{"syntax":"grippers | none"},"-ms-user-select":{"syntax":"none | element | text"},"-ms-wrap-flow":{"syntax":"auto | both | start | end | maximum | clear"},"-ms-wrap-margin":{"syntax":"<length>"},"-ms-wrap-through":{"syntax":"wrap | none"},"-moz-appearance":{"syntax":"none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized"},"-moz-binding":{"syntax":"<url> | none"},"-moz-border-bottom-colors":{"syntax":"<color>+ | none"},"-moz-border-left-colors":{"syntax":"<color>+ | none"},"-moz-border-right-colors":{"syntax":"<color>+ | none"},"-moz-border-top-colors":{"syntax":"<color>+ | none"},"-moz-context-properties":{"syntax":"none | [ fill | fill-opacity | stroke | stroke-opacity ]#"},"-moz-float-edge":{"syntax":"border-box | content-box | margin-box | padding-box"},"-moz-force-broken-image-icon":{"syntax":"0 | 1"},"-moz-orient":{"syntax":"inline | block | horizontal | vertical"},"-moz-outline-radius":{"syntax":"<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?"},"-moz-outline-radius-bottomleft":{"syntax":"<outline-radius>"},"-moz-outline-radius-bottomright":{"syntax":"<outline-radius>"},"-moz-outline-radius-topleft":{"syntax":"<outline-radius>"},"-moz-outline-radius-topright":{"syntax":"<outline-radius>"},"-moz-stack-sizing":{"syntax":"ignore | stretch-to-fit"},"-moz-text-blink":{"syntax":"none | blink"},"-moz-user-focus":{"syntax":"ignore | normal | select-after | select-before | select-menu | select-same | select-all | none"},"-moz-user-input":{"syntax":"auto | none | enabled | disabled"},"-moz-user-modify":{"syntax":"read-only | read-write | write-only"},"-moz-window-dragging":{"syntax":"drag | no-drag"},"-moz-window-shadow":{"syntax":"default | menu | tooltip | sheet | none"},"-webkit-appearance":{"syntax":" none | button | button-bevel | caps-lock-indicator | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbargripper-horizontal | scrollbargripper-vertical | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield | -apple-pay-button"},"-webkit-border-after":{"syntax":"<'border-top'>"},"-webkit-border-after-color":{"syntax":"<'border-top-color'>"},"-webkit-border-after-style":{"syntax":"<'border-top-style'>"},"-webkit-border-after-width":{"syntax":"<'border-top-width'>"},"-webkit-border-before":{"syntax":"<'border-top'>"},"-webkit-border-before-color":{"syntax":"<'border-top-color'>"},"-webkit-border-before-style":{"syntax":"<'border-top-style'>"},"-webkit-border-before-width":{"syntax":"<'border-top-width'>"},"-webkit-border-end":{"syntax":"<'border-top'>"},"-webkit-border-end-color":{"syntax":"<'border-top-color'>"},"-webkit-border-end-style":{"syntax":"<'border-top-style'>"},"-webkit-border-end-width":{"syntax":"<'border-top-width'>"},"-webkit-border-start":{"syntax":"<'border-top'>"},"-webkit-border-start-color":{"syntax":"<'border-top-color'>"},"-webkit-border-start-style":{"syntax":"<'border-top-style'>"},"-webkit-border-start-width":{"syntax":"<'border-top-width'>"},"-webkit-box-reflect":{"syntax":"[ above | below | right | left ]? <length>? <image>?"},"-webkit-line-clamp":{"syntax":"none | <integer>"},"-webkit-mask":{"syntax":"[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <visual-box> | border | padding | content | text ] || [ <visual-box> | border | padding | content ] ]#"},"-webkit-mask-attachment":{"syntax":"<attachment>#"},"-webkit-mask-clip":{"syntax":"[ <coord-box> | no-clip | border | padding | content | text ]#"},"-webkit-mask-composite":{"syntax":"<composite-style>#"},"-webkit-mask-image":{"syntax":"<mask-reference>#"},"-webkit-mask-origin":{"syntax":"[ <coord-box> | border | padding | content ]#"},"-webkit-mask-position":{"syntax":"<position>#"},"-webkit-mask-position-x":{"syntax":"[ <length-percentage> | left | center | right ]#"},"-webkit-mask-position-y":{"syntax":"[ <length-percentage> | top | center | bottom ]#"},"-webkit-mask-repeat":{"syntax":"<repeat-style>#"},"-webkit-mask-repeat-x":{"syntax":"repeat | no-repeat | space | round"},"-webkit-mask-repeat-y":{"syntax":"repeat | no-repeat | space | round"},"-webkit-mask-size":{"syntax":"<bg-size>#"},"-webkit-overflow-scrolling":{"syntax":"auto | touch"},"-webkit-tap-highlight-color":{"syntax":"<color>"},"-webkit-text-fill-color":{"syntax":"<color>"},"-webkit-text-stroke":{"syntax":"<length> || <color>"},"-webkit-text-stroke-color":{"syntax":"<color>"},"-webkit-text-stroke-width":{"syntax":"<length>"},"-webkit-touch-callout":{"syntax":"default | none"},"-webkit-user-modify":{"syntax":"read-only | read-write | read-write-plaintext-only"},"-webkit-user-select":{"syntax":" auto | none | text | all"},"accent-color":{"syntax":"auto | <color>"},"align-content":{"syntax":"normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"},"align-items":{"syntax":"normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center"},"align-self":{"syntax":"auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center"},"align-tracks":{"syntax":"[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#"},"alignment-baseline":{"syntax":" auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical"},"all":{"syntax":"initial | inherit | unset | revert | revert-layer"},"anchor-name":{"syntax":"none | <dashed-ident>#"},"anchor-scope":{"syntax":"none | all | <dashed-ident>#"},"animation":{"syntax":"<single-animation>#"},"animation-composition":{"syntax":"<single-animation-composition>#"},"animation-delay":{"syntax":"<time>#"},"animation-direction":{"syntax":"<single-animation-direction>#"},"animation-duration":{"syntax":"[ auto | <time [0s,∞]> ]#"},"animation-fill-mode":{"syntax":"<single-animation-fill-mode>#"},"animation-iteration-count":{"syntax":"<single-animation-iteration-count>#"},"animation-name":{"syntax":"[ none | <keyframes-name> ]#"},"animation-play-state":{"syntax":"<single-animation-play-state>#"},"animation-range":{"syntax":"[ <'animation-range-start'> <'animation-range-end'>? ]#"},"animation-range-end":{"syntax":"[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"animation-range-start":{"syntax":"[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"animation-timeline":{"syntax":"<single-animation-timeline>#"},"animation-timing-function":{"syntax":"<easing-function>#"},"animation-trigger":{"syntax":"[ none | [ <dashed-ident> <animation-action>+ ]+ ]#"},"appearance":{"syntax":"none | auto | <compat-auto> | <compat-special>"},"aspect-ratio":{"syntax":"auto || <ratio>"},"backdrop-filter":{"syntax":"none | <filter-value-list>"},"backface-visibility":{"syntax":"visible | hidden"},"background":{"syntax":"<bg-layer>#? , <final-bg-layer>"},"background-attachment":{"syntax":"<attachment>#"},"background-blend-mode":{"syntax":"<blend-mode>#"},"background-clip":{"syntax":"<bg-clip>#"},"background-color":{"syntax":"<color>"},"background-image":{"syntax":"<bg-image>#"},"background-origin":{"syntax":"<visual-box>#"},"background-position":{"syntax":"<bg-position>#"},"background-position-x":{"syntax":"[ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#"},"background-position-y":{"syntax":"[ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#"},"background-repeat":{"syntax":"<repeat-style>#"},"background-size":{"syntax":"<bg-size>#"},"baseline-shift":{"syntax":" baseline | sub | super | <svg-length>"},"baseline-source":{"syntax":"auto | first | last"},"block-size":{"syntax":"<'width'>"},"border":{"syntax":"<line-width> || <line-style> || <color>"},"border-block":{"syntax":"<'border-top'>"},"border-block-color":{"syntax":"<'border-top-color'>{1,2}"},"border-block-end":{"syntax":"<'border-top'>"},"border-block-end-color":{"syntax":"<'border-top-color'>"},"border-block-end-style":{"syntax":"<'border-top-style'>"},"border-block-end-width":{"syntax":"<'border-top-width'>"},"border-block-start":{"syntax":"<'border-top'>"},"border-block-start-color":{"syntax":"<'border-top-color'>"},"border-block-start-style":{"syntax":"<'border-top-style'>"},"border-block-start-width":{"syntax":"<'border-top-width'>"},"border-block-style":{"syntax":"<'border-top-style'>{1,2}"},"border-block-width":{"syntax":"<'border-top-width'>{1,2}"},"border-bottom":{"syntax":"<line-width> || <line-style> || <color>"},"border-bottom-color":{"syntax":"<'border-top-color'>"},"border-bottom-left-radius":{"syntax":"<length-percentage [0,∞]>{1,2}"},"border-bottom-right-radius":{"syntax":"<length-percentage [0,∞]>{1,2}"},"border-bottom-style":{"syntax":"<line-style>"},"border-bottom-width":{"syntax":"<line-width>"},"border-collapse":{"syntax":"separate | collapse"},"border-color":{"syntax":"<color>{1,4}"},"border-end-end-radius":{"syntax":"<'border-top-left-radius'>"},"border-end-start-radius":{"syntax":"<'border-top-left-radius'>"},"border-image":{"syntax":"<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>"},"border-image-outset":{"syntax":"[ <length [0,∞]> | <number [0,∞]> ]{1,4}"},"border-image-repeat":{"syntax":"[ stretch | repeat | round | space ]{1,2}"},"border-image-slice":{"syntax":"[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?"},"border-image-source":{"syntax":"none | <image>"},"border-image-width":{"syntax":"[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}"},"border-inline":{"syntax":"<'border-top'>"},"border-inline-color":{"syntax":"<'border-top-color'>{1,2}"},"border-inline-end":{"syntax":"<'border-top'>"},"border-inline-end-color":{"syntax":"<'border-top-color'>"},"border-inline-end-style":{"syntax":"<'border-top-style'>"},"border-inline-end-width":{"syntax":"<'border-top-width'>"},"border-inline-start":{"syntax":"<'border-top'>"},"border-inline-start-color":{"syntax":"<'border-top-color'>"},"border-inline-start-style":{"syntax":"<'border-top-style'>"},"border-inline-start-width":{"syntax":"<'border-top-width'>"},"border-inline-style":{"syntax":"<'border-top-style'>{1,2}"},"border-inline-width":{"syntax":"<'border-top-width'>{1,2}"},"border-left":{"syntax":"<line-width> || <line-style> || <color>"},"border-left-color":{"syntax":"<color>"},"border-left-style":{"syntax":"<line-style>"},"border-left-width":{"syntax":"<line-width>"},"border-radius":{"syntax":"<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"},"border-right":{"syntax":"<line-width> || <line-style> || <color>"},"border-right-color":{"syntax":"<color>"},"border-right-style":{"syntax":"<line-style>"},"border-right-width":{"syntax":"<line-width>"},"border-shape":{"syntax":"none | [ <basic-shape> <geometry-box>?]{1,2}"},"border-spacing":{"syntax":"<length>{1,2}"},"border-start-end-radius":{"syntax":"<'border-top-left-radius'>"},"border-start-start-radius":{"syntax":"<'border-top-left-radius'>"},"border-style":{"syntax":"<line-style>{1,4}"},"border-top":{"syntax":"<line-width> || <line-style> || <color>"},"border-top-color":{"syntax":"<color>"},"border-top-left-radius":{"syntax":"<length-percentage [0,∞]>{1,2}"},"border-top-right-radius":{"syntax":"<length-percentage [0,∞]>{1,2}"},"border-top-style":{"syntax":"<line-style>"},"border-top-width":{"syntax":"<line-width>"},"border-width":{"syntax":"<line-width>{1,4}"},"bottom":{"syntax":"auto | <length-percentage> | <anchor()> | <anchor-size()>"},"box-align":{"syntax":"start | center | end | baseline | stretch"},"box-decoration-break":{"syntax":"slice | clone"},"box-direction":{"syntax":"normal | reverse | inherit"},"box-flex":{"syntax":"<number>"},"box-flex-group":{"syntax":"<integer>"},"box-lines":{"syntax":"single | multiple"},"box-ordinal-group":{"syntax":"<integer>"},"box-orient":{"syntax":"horizontal | vertical | inline-axis | block-axis | inherit"},"box-pack":{"syntax":"start | center | end | justify"},"box-shadow":{"syntax":"none | <shadow>#"},"box-sizing":{"syntax":"content-box | border-box"},"break-after":{"syntax":"auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region"},"break-before":{"syntax":"auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region"},"break-inside":{"syntax":"auto | avoid | avoid-page | avoid-column | avoid-region"},"caption-side":{"syntax":"top | bottom"},"caret":{"syntax":"<'caret-color'> || <'caret-animation'> || <'caret-shape'>"},"caret-animation":{"syntax":"auto | manual"},"caret-color":{"syntax":"auto | <color>"},"caret-shape":{"syntax":"auto | bar | block | underscore"},"clear":{"syntax":"none | left | right | both | inline-start | inline-end"},"clip":{"syntax":"<shape> | auto"},"clip-path":{"syntax":"<clip-source> | [ <basic-shape> || <geometry-box> ] | none"},"clip-rule":{"syntax":"nonzero | evenodd"},"color":{"syntax":"<color>"},"color-interpolation-filters":{"syntax":"auto | sRGB | linearRGB"},"color-scheme":{"syntax":"normal | [ light | dark | <custom-ident> ]+ && only?"},"column-count":{"syntax":"<integer> | auto"},"column-fill":{"syntax":"auto | balance"},"column-gap":{"syntax":"normal | <length-percentage>"},"column-height":{"syntax":"auto | <length [0,∞]>"},"column-rule":{"syntax":"<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>"},"column-rule-color":{"syntax":"<color>"},"column-rule-style":{"syntax":"<line-style>"},"column-rule-width":{"syntax":"<line-width>"},"column-span":{"syntax":"none | all"},"column-width":{"syntax":"auto | <length [0,∞]>"},"column-wrap":{"syntax":"auto | nowrap | wrap"},"columns":{"syntax":"[ <'column-width'> || <'column-count'> ] [ / <'column-height'> ]?"},"contain":{"syntax":"none | strict | content | [ [ size || inline-size ] || layout || style || paint ]"},"contain-intrinsic-block-size":{"syntax":"auto? [ none | <length> ]"},"contain-intrinsic-height":{"syntax":"auto? [ none | <length> ]"},"contain-intrinsic-inline-size":{"syntax":"auto? [ none | <length> ]"},"contain-intrinsic-size":{"syntax":"[ auto? [ none | <length> ] ]{1,2}"},"contain-intrinsic-width":{"syntax":"auto? [ none | <length> ]"},"container":{"syntax":"<'container-name'> [ / <'container-type'> ]?"},"container-name":{"syntax":"none | <custom-ident>+"},"container-type":{"syntax":"normal | [ [ size | inline-size ] || scroll-state ]"},"content":{"syntax":"normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?"},"content-visibility":{"syntax":"visible | auto | hidden"},"corner-block-end-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-block-start-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-bottom-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-bottom-left-shape":{"syntax":"<corner-shape-value>"},"corner-bottom-right-shape":{"syntax":"<corner-shape-value>"},"corner-end-end-shape":{"syntax":"<corner-shape-value>"},"corner-end-start-shape":{"syntax":"<corner-shape-value>"},"corner-inline-end-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-inline-start-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-left-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-right-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-shape":{"syntax":"<corner-shape-value>{1,4}"},"corner-start-start-shape":{"syntax":"<corner-shape-value>"},"corner-start-end-shape":{"syntax":"<corner-shape-value>"},"corner-top-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-top-left-shape":{"syntax":"<corner-shape-value>"},"corner-top-right-shape":{"syntax":"<corner-shape-value>"},"counter-increment":{"syntax":"[ <counter-name> <integer>? ]+ | none"},"counter-reset":{"syntax":"[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none"},"counter-set":{"syntax":"[ <counter-name> <integer>? ]+ | none"},"cursor":{"syntax":"<cursor-predefined> |  [ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing | hand | -webkit-grab | -webkit-grabbing | -webkit-zoom-in | -webkit-zoom-out | -moz-grab | -moz-grabbing | -moz-zoom-in | -moz-zoom-out ] ]"},"cx":{"syntax":"<length> | <percentage>"},"cy":{"syntax":"<length> | <percentage>"},"d":{"syntax":"none | path(<string>)"},"direction":{"syntax":"ltr | rtl"},"display":{"syntax":"[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>"},"dominant-baseline":{"syntax":" auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge"},"dynamic-range-limit":{"syntax":"standard | no-limit | constrained | <dynamic-range-limit-mix()>"},"empty-cells":{"syntax":"show | hide"},"field-sizing":{"syntax":"content | fixed"},"fill":{"syntax":"<paint>"},"fill-opacity":{"syntax":" <number-zero-one> | <percentage>"},"fill-rule":{"syntax":"nonzero | evenodd"},"filter":{"syntax":"none | <filter-value-list> | <-ms-filter-function-list>"},"flex":{"syntax":"none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"},"flex-basis":{"syntax":"content | <'width'>"},"flex-direction":{"syntax":"row | row-reverse | column | column-reverse"},"flex-flow":{"syntax":"<'flex-direction'> || <'flex-wrap'>"},"flex-grow":{"syntax":"<number>"},"flex-line-count":{"syntax":"<integer [1,∞]>"},"flex-shrink":{"syntax":"<number>"},"flex-wrap":{"syntax":"nowrap | [ wrap | wrap-reverse ] || balance"},"float":{"syntax":"left | right | none | inline-start | inline-end"},"flood-color":{"syntax":"<color>"},"flood-opacity":{"syntax":"<'opacity'>"},"font":{"syntax":" [ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font> | [ <'font-size'> [ / <'line-height'> ]? <'font-family'># ]"},"font-family":{"syntax":"[ <family-name> | <generic-family> ]#"},"font-feature-settings":{"syntax":"normal | <feature-tag-value>#"},"font-kerning":{"syntax":"auto | normal | none"},"font-language-override":{"syntax":"normal | <string>"},"font-optical-sizing":{"syntax":"auto | none"},"font-palette":{"syntax":"normal | light | dark | <palette-identifier> | <palette-mix()>"},"font-size":{"syntax":"<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math"},"font-size-adjust":{"syntax":"none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]"},"font-smooth":{"syntax":"auto | never | always | <absolute-size> | <length>"},"font-stretch":{"syntax":"<font-stretch-absolute>"},"font-style":{"syntax":"normal | italic | oblique <angle>?"},"font-synthesis":{"syntax":"none | [ weight || style || small-caps || position]"},"font-synthesis-position":{"syntax":"auto | none"},"font-synthesis-small-caps":{"syntax":"auto | none"},"font-synthesis-style":{"syntax":"auto | none"},"font-synthesis-weight":{"syntax":"auto | none"},"font-variant":{"syntax":"normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]"},"font-variant-alternates":{"syntax":"normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]"},"font-variant-caps":{"syntax":"normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps"},"font-variant-east-asian":{"syntax":"normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]"},"font-variant-emoji":{"syntax":"normal | text | emoji | unicode"},"font-variant-ligatures":{"syntax":"normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]"},"font-variant-numeric":{"syntax":"normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]"},"font-variant-position":{"syntax":"normal | sub | super"},"font-variation-settings":{"syntax":"normal | [ <string> <number> ]#"},"font-weight":{"syntax":"<font-weight-absolute> | bolder | lighter"},"font-width":{"syntax":"normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"},"forced-color-adjust":{"syntax":"auto | none | preserve-parent-color"},"frame-sizing":{"syntax":"auto | content-width | content-height | content-block-size | content-inline-size"},"gap":{"syntax":"<'row-gap'> <'column-gap'>?"},"grid":{"syntax":"<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>"},"grid-area":{"syntax":"<grid-line> [ / <grid-line> ]{0,3}"},"grid-auto-columns":{"syntax":"<track-size>+"},"grid-auto-flow":{"syntax":"[ row | column ] || dense"},"grid-auto-rows":{"syntax":"<track-size>+"},"grid-column":{"syntax":"<grid-line> [ / <grid-line> ]?"},"grid-column-end":{"syntax":"<grid-line>"},"grid-column-gap":{"syntax":"<length-percentage>"},"grid-column-start":{"syntax":"<grid-line>"},"grid-gap":{"syntax":"<'grid-row-gap'> <'grid-column-gap'>?"},"grid-row":{"syntax":"<grid-line> [ / <grid-line> ]?"},"grid-row-end":{"syntax":"<grid-line>"},"grid-row-gap":{"syntax":"<length-percentage>"},"grid-row-start":{"syntax":"<grid-line>"},"grid-template":{"syntax":"none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?"},"grid-template-areas":{"syntax":"none | <string>+"},"grid-template-columns":{"syntax":"none | <track-list> | <auto-track-list> | subgrid <line-name-list>?"},"grid-template-rows":{"syntax":"none | <track-list> | <auto-track-list> | subgrid <line-name-list>?"},"hanging-punctuation":{"syntax":"none | [ first || [ force-end | allow-end ] || last ]"},"height":{"syntax":"auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"hyphenate-character":{"syntax":"auto | <string>"},"hyphenate-limit-chars":{"syntax":"[ auto | <integer> ]{1,3}"},"hyphens":{"syntax":"none | manual | auto"},"image-orientation":{"syntax":"from-image | <angle> | [ <angle>? flip ]"},"image-rendering":{"syntax":"auto | crisp-edges | pixelated | smooth | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>"},"image-resolution":{"syntax":"[ from-image || <resolution> ] && snap?"},"ime-mode":{"syntax":"auto | normal | active | inactive | disabled"},"initial-letter":{"syntax":"normal | [ <number> <integer>? ]"},"initial-letter-align":{"syntax":"[ auto | alphabetic | hanging | ideographic ]"},"inline-size":{"syntax":"<'width'>"},"inset":{"syntax":"<'top'>{1,4}"},"inset-block":{"syntax":"<'top'>{1,2}"},"inset-block-end":{"syntax":"<'top'>"},"inset-block-start":{"syntax":"<'top'>"},"inset-inline":{"syntax":"<'top'>{1,2}"},"inset-inline-end":{"syntax":"<'top'>"},"inset-inline-start":{"syntax":"<'top'>"},"interpolate-size":{"syntax":"numeric-only | allow-keywords"},"isolation":{"syntax":"auto | isolate"},"interactivity":{"syntax":"auto | inert"},"interest-delay":{"syntax":"<'interest-delay-start'>{1,2}"},"interest-delay-end":{"syntax":"normal | <time>"},"interest-delay-start":{"syntax":"normal | <time>"},"justify-content":{"syntax":"normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]"},"justify-items":{"syntax":"normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center"},"justify-self":{"syntax":"auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center"},"justify-tracks":{"syntax":"[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#"},"left":{"syntax":"auto | <length-percentage> | <anchor()> | <anchor-size()>"},"letter-spacing":{"syntax":" normal | <length-percentage>"},"lighting-color":{"syntax":"<color>"},"line-break":{"syntax":"auto | loose | normal | strict | anywhere"},"line-clamp":{"syntax":"none | <integer>"},"line-height":{"syntax":"normal | <number> | <length> | <percentage>"},"line-height-step":{"syntax":"<length>"},"link-parameters":{"syntax":"none | <param()>#"},"list-style":{"syntax":"<'list-style-type'> || <'list-style-position'> || <'list-style-image'>"},"list-style-image":{"syntax":"<image> | none"},"list-style-position":{"syntax":"inside | outside"},"list-style-type":{"syntax":"<counter-style> | <string> | none"},"margin":{"syntax":"<'margin-top'>{1,4}"},"margin-block":{"syntax":"<'margin-top'>{1,2}"},"margin-block-end":{"syntax":"<'margin-top'>"},"margin-block-start":{"syntax":"<'margin-top'>"},"margin-bottom":{"syntax":"<length-percentage> | auto | <anchor-size()>"},"margin-inline":{"syntax":"<'margin-top'>{1,2}"},"margin-inline-end":{"syntax":"<'margin-top'>"},"margin-inline-start":{"syntax":"<'margin-top'>"},"margin-left":{"syntax":"<length-percentage> | auto | <anchor-size()>"},"margin-right":{"syntax":"<length-percentage> | auto | <anchor-size()>"},"margin-top":{"syntax":"<length-percentage> | auto | <anchor-size()>"},"margin-trim":{"syntax":"none | in-flow | all"},"marker":{"syntax":"none | <url>"},"marker-end":{"syntax":"none | <url>"},"marker-mid":{"syntax":"none | <url>"},"marker-start":{"syntax":"none | <url>"},"mask":{"syntax":"<mask-layer>#"},"mask-border":{"syntax":"<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>"},"mask-border-mode":{"syntax":"luminance | alpha"},"mask-border-outset":{"syntax":"[ <length> | <number> ]{1,4}"},"mask-border-repeat":{"syntax":"[ stretch | repeat | round | space ]{1,2}"},"mask-border-slice":{"syntax":"<number-percentage>{1,4} fill?"},"mask-border-source":{"syntax":"none | <image>"},"mask-border-width":{"syntax":"[ <length-percentage> | <number> | auto ]{1,4}"},"mask-clip":{"syntax":"[ <coord-box> | no-clip ]#"},"mask-composite":{"syntax":"<compositing-operator>#"},"mask-image":{"syntax":"<mask-reference>#"},"mask-mode":{"syntax":"<masking-mode>#"},"mask-origin":{"syntax":"<coord-box>#"},"mask-position":{"syntax":"<position>#"},"mask-repeat":{"syntax":"<repeat-style>#"},"mask-size":{"syntax":"<bg-size>#"},"mask-type":{"syntax":"luminance | alpha"},"masonry-auto-flow":{"syntax":"[ pack | next ] || [ definite-first | ordered ]"},"math-depth":{"syntax":"auto-add | add(<integer>) | <integer>"},"math-shift":{"syntax":"normal | compact"},"math-style":{"syntax":"normal | compact"},"max-block-size":{"syntax":"<'max-width'>"},"max-height":{"syntax":"none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"max-inline-size":{"syntax":"<'max-width'>"},"max-lines":{"syntax":"none | <integer>"},"max-width":{"syntax":"none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"min-block-size":{"syntax":"<'min-width'>"},"min-height":{"syntax":"auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"min-inline-size":{"syntax":"<'min-width'>"},"min-width":{"syntax":"auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"mix-blend-mode":{"syntax":"<blend-mode> | plus-darker | plus-lighter"},"object-fit":{"syntax":"fill | contain | cover | none | scale-down"},"object-position":{"syntax":"<position>"},"object-view-box":{"syntax":"none | <basic-shape-rect>"},"offset":{"syntax":"[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?"},"offset-anchor":{"syntax":"auto | <position>"},"offset-distance":{"syntax":"<length-percentage>"},"offset-path":{"syntax":"none | <offset-path> || <coord-box>"},"offset-position":{"syntax":"normal | auto | <position>"},"offset-rotate":{"syntax":"[ auto | reverse ] || <angle>"},"opacity":{"syntax":"<opacity-value>"},"order":{"syntax":"<integer>"},"orphans":{"syntax":"<integer>"},"outline":{"syntax":"<'outline-width'> || <'outline-style'> || <'outline-color'>"},"outline-color":{"syntax":"auto | <color>"},"outline-offset":{"syntax":"<length>"},"outline-style":{"syntax":"auto | <outline-line-style>"},"outline-width":{"syntax":"<line-width>"},"overflow":{"syntax":"[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>"},"overflow-anchor":{"syntax":"auto | none"},"overflow-block":{"syntax":"visible | hidden | clip | scroll | auto | <-non-standard-overflow>"},"overflow-clip-box":{"syntax":"padding-box | content-box"},"overflow-clip-margin":{"syntax":"<visual-box> || <length [0,∞]>"},"overflow-inline":{"syntax":"visible | hidden | clip | scroll | auto | <-non-standard-overflow>"},"overflow-wrap":{"syntax":"normal | break-word | anywhere"},"overflow-x":{"syntax":"visible | hidden | clip | scroll | auto | <-non-standard-overflow>"},"overflow-y":{"syntax":"visible | hidden | clip | scroll | auto | <-non-standard-overflow>"},"overlay":{"syntax":"none | auto"},"overscroll-behavior":{"syntax":"[ contain | none | auto ]{1,2}"},"overscroll-behavior-block":{"syntax":"contain | none | auto"},"overscroll-behavior-inline":{"syntax":"contain | none | auto"},"overscroll-behavior-x":{"syntax":"contain | none | auto"},"overscroll-behavior-y":{"syntax":"contain | none | auto"},"padding":{"syntax":"<'padding-top'>{1,4}"},"padding-block":{"syntax":"<'padding-top'>{1,2}"},"padding-block-end":{"syntax":"<'padding-top'>"},"padding-block-start":{"syntax":"<'padding-top'>"},"padding-bottom":{"syntax":"<length-percentage [0,∞]>"},"padding-inline":{"syntax":"<'padding-top'>{1,2}"},"padding-inline-end":{"syntax":"<'padding-top'>"},"padding-inline-start":{"syntax":"<'padding-top'>"},"padding-left":{"syntax":"<length-percentage [0,∞]>"},"padding-right":{"syntax":"<length-percentage [0,∞]>"},"padding-top":{"syntax":"<length-percentage [0,∞]>"},"page":{"syntax":"auto | <custom-ident>"},"page-break-after":{"syntax":"auto | always | avoid | left | right | recto | verso"},"page-break-before":{"syntax":"auto | always | avoid | left | right | recto | verso"},"page-break-inside":{"syntax":"auto | avoid"},"paint-order":{"syntax":"normal | [ fill || stroke || markers ]"},"path-length":{"syntax":"none | <length> [0,∞]"},"perspective":{"syntax":"none | <length>"},"perspective-origin":{"syntax":"<position>"},"place-content":{"syntax":"<'align-content'> <'justify-content'>?"},"place-items":{"syntax":"<'align-items'> <'justify-items'>?"},"place-self":{"syntax":"<'align-self'> <'justify-self'>?"},"pointer-events":{"syntax":"auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit"},"position":{"syntax":"static | relative | absolute | sticky | fixed | -webkit-sticky"},"position-anchor":{"syntax":"normal | auto | none | <anchor-name> | match-parent"},"position-area":{"syntax":"none | <position-area>"},"position-try":{"syntax":"<'position-try-order'>? <'position-try-fallbacks'>"},"position-try-fallbacks":{"syntax":"none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#"},"position-try-order":{"syntax":"normal | <try-size>"},"position-visibility":{"syntax":"always | [ anchors-valid || anchors-visible || no-overflow ]"},"print-color-adjust":{"syntax":"economy | exact"},"quotes":{"syntax":"none | auto | [ <string> <string> ]+"},"r":{"syntax":"<length> | <percentage>"},"reading-flow":{"syntax":"normal | source-order | flex-visual | flex-flow | grid-rows | grid-columns | grid-order"},"reading-order":{"syntax":"<integer>"},"resize":{"syntax":"none | both | horizontal | vertical | block | inline"},"right":{"syntax":"auto | <length-percentage> | <anchor()> | <anchor-size()>"},"rotate":{"syntax":"none | <angle> | [ x | y | z | <number>{3} ] && <angle>"},"row-gap":{"syntax":"normal | <length-percentage>"},"ruby-align":{"syntax":"start | center | space-between | space-around"},"ruby-merge":{"syntax":"separate | collapse | auto"},"ruby-overhang":{"syntax":"auto | none"},"ruby-position":{"syntax":"[ alternate || [ over | under ] ] | inter-character"},"rx":{"syntax":"<length-percentage> | auto"},"ry":{"syntax":"<length-percentage> | auto"},"scale":{"syntax":"none | [ <number> | <percentage> ]{1,3}"},"scroll-axis-lock":{"syntax":"auto | none"},"scroll-behavior":{"syntax":"auto | smooth"},"scroll-initial-target":{"syntax":"none | nearest"},"scroll-margin":{"syntax":" <length>{1,4}"},"scroll-margin-block":{"syntax":"<length>{1,2}"},"scroll-margin-block-end":{"syntax":"<length>"},"scroll-margin-block-start":{"syntax":"<length>"},"scroll-margin-bottom":{"syntax":" auto | <length-percentage [0,∞]>"},"scroll-margin-inline":{"syntax":"<length>{1,2}"},"scroll-margin-inline-end":{"syntax":"<length>"},"scroll-margin-inline-start":{"syntax":"<length>"},"scroll-margin-left":{"syntax":" auto | <length-percentage [0,∞]>"},"scroll-margin-right":{"syntax":" auto | <length-percentage [0,∞]>"},"scroll-margin-top":{"syntax":" auto | <length-percentage [0,∞]>"},"scroll-marker-group":{"syntax":"none | before | after"},"scroll-padding":{"syntax":"[ auto | <length-percentage> ]{1,4}"},"scroll-padding-block":{"syntax":"[ auto | <length-percentage> ]{1,2}"},"scroll-padding-block-end":{"syntax":"auto | <length-percentage>"},"scroll-padding-block-start":{"syntax":"auto | <length-percentage>"},"scroll-padding-bottom":{"syntax":"auto | <length-percentage>"},"scroll-padding-inline":{"syntax":"[ auto | <length-percentage> ]{1,2}"},"scroll-padding-inline-end":{"syntax":"auto | <length-percentage>"},"scroll-padding-inline-start":{"syntax":"auto | <length-percentage>"},"scroll-padding-left":{"syntax":"auto | <length-percentage>"},"scroll-padding-right":{"syntax":"auto | <length-percentage>"},"scroll-padding-top":{"syntax":"auto | <length-percentage>"},"scroll-snap-align":{"syntax":"[ none | start | end | center ]{1,2}"},"scroll-snap-coordinate":{"syntax":"none | <position>#"},"scroll-snap-destination":{"syntax":"<position>"},"scroll-snap-points-x":{"syntax":"none | repeat( <length-percentage> )"},"scroll-snap-points-y":{"syntax":"none | repeat( <length-percentage> )"},"scroll-snap-stop":{"syntax":"normal | always"},"scroll-snap-type":{"syntax":"none | [ x | y | block | inline | both ] [ mandatory | proximity ]?"},"scroll-snap-type-x":{"syntax":"none | mandatory | proximity"},"scroll-snap-type-y":{"syntax":"none | mandatory | proximity"},"scroll-target-group":{"syntax":"none | auto"},"scroll-timeline":{"syntax":" [ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"},"scroll-timeline-axis":{"syntax":" [ block | inline | x | y ]#"},"scroll-timeline-name":{"syntax":" [ none | <dashed-ident> ]#"},"scrollbar-color":{"syntax":"auto | <color>{2}"},"scrollbar-gutter":{"syntax":"auto | stable && both-edges?"},"scrollbar-width":{"syntax":"auto | thin | none"},"shape-image-threshold":{"syntax":"<opacity-value>"},"shape-margin":{"syntax":"<length-percentage>"},"shape-outside":{"syntax":"none | [ <shape-box> || <basic-shape> ] | <image>"},"shape-rendering":{"syntax":"auto | optimizeSpeed | crispEdges | geometricPrecision"},"speak-as":{"syntax":"normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"},"stop-color":{"syntax":"<'color'>"},"stop-opacity":{"syntax":"<'opacity'>"},"stroke":{"syntax":"<paint>"},"stroke-color":{"syntax":"<color>"},"stroke-dasharray":{"syntax":" none | [ <svg-length>+ ]#"},"stroke-dashoffset":{"syntax":" <svg-length>"},"stroke-linecap":{"syntax":"butt | round | square"},"stroke-linejoin":{"syntax":" miter | round | bevel | arcs | crop | fallback | miter-clip"},"stroke-miterlimit":{"syntax":" <number-one-or-greater>"},"stroke-opacity":{"syntax":"<'opacity'>"},"stroke-width":{"syntax":" [ <length-percentage> | <line-width> | <number> ]# "},"tab-size":{"syntax":"<integer> | <length>"},"table-layout":{"syntax":"auto | fixed"},"text-align":{"syntax":"start | end | left | right | center | justify | match-parent | <-non-standard-text-align>"},"text-align-last":{"syntax":"auto | start | end | left | right | center | justify"},"text-anchor":{"syntax":"start | middle | end"},"text-autospace":{"syntax":"normal | <autospace> | auto"},"text-box":{"syntax":"normal | <'text-box-trim'> || <'text-box-edge'>"},"text-box-edge":{"syntax":"auto | <text-edge>"},"text-box-trim":{"syntax":"none | trim-start | trim-end | trim-both"},"text-combine-upright":{"syntax":"none | all | [ digits <integer>? ]"},"text-decoration":{"syntax":"<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>"},"text-decoration-color":{"syntax":"<color>"},"text-decoration-inset":{"syntax":"<length-percentage>{1,2} | auto"},"text-decoration-line":{"syntax":"none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error"},"text-decoration-skip":{"syntax":"none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]"},"text-decoration-skip-ink":{"syntax":"auto | all | none"},"text-decoration-style":{"syntax":"solid | double | dotted | dashed | wavy"},"text-decoration-thickness":{"syntax":"auto | from-font | <length> | <percentage>"},"text-emphasis":{"syntax":"<'text-emphasis-style'> || <'text-emphasis-color'>"},"text-emphasis-color":{"syntax":"<color>"},"text-emphasis-position":{"syntax":"auto | [ over | under ] && [ right | left ]?"},"text-emphasis-style":{"syntax":"none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>"},"text-fit":{"syntax":"[ none | grow | shrink ] [consistent | per-line | per-line-all]? <percentage>?"},"text-indent":{"syntax":"<length-percentage> && hanging? && each-line?"},"text-justify":{"syntax":"auto | inter-character | inter-word | none"},"text-orientation":{"syntax":"mixed | upright | sideways"},"text-overflow":{"syntax":"[ clip | ellipsis | <string> ]{1,2}"},"text-rendering":{"syntax":"auto | optimizeSpeed | optimizeLegibility | geometricPrecision"},"text-shadow":{"syntax":"none | <shadow-t>#"},"text-size-adjust":{"syntax":"none | auto | <percentage>"},"text-spacing-trim":{"syntax":"space-all | normal | space-first | trim-start"},"text-transform":{"syntax":"none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto"},"text-underline-offset":{"syntax":"auto | <length> | <percentage>"},"text-underline-position":{"syntax":"auto | from-font | [ under || [ left | right ] ]"},"text-wrap":{"syntax":"<'text-wrap-mode'> || <'text-wrap-style'>"},"text-wrap-mode":{"syntax":"wrap | nowrap"},"text-wrap-style":{"syntax":"auto | balance | stable | pretty"},"timeline-scope":{"syntax":"none | <dashed-ident>#"},"timeline-trigger":{"syntax":"none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-activation-range'> [ '/' <'timeline-trigger-active-range'> ]? ]#"},"timeline-trigger-activation-range":{"syntax":"[ <'timeline-trigger-activation-range-start'> <'timeline-trigger-activation-range-end'>? ]#"},"timeline-trigger-activation-range-end":{"syntax":"[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"timeline-trigger-activation-range-start":{"syntax":"[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"timeline-trigger-active-range":{"syntax":"[ <'timeline-trigger-active-range-start'> <'timeline-trigger-active-range-end'>? ]#"},"timeline-trigger-active-range-end":{"syntax":"[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"timeline-trigger-active-range-start":{"syntax":"[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"timeline-trigger-name":{"syntax":"none | <dashed-ident>#"},"timeline-trigger-source":{"syntax":"<single-animation-timeline>#"},"top":{"syntax":"auto | <length-percentage> | <anchor()> | <anchor-size()>"},"touch-action":{"syntax":"auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation"},"transform":{"syntax":"none | <transform-list>"},"transform-box":{"syntax":"content-box | border-box | fill-box | stroke-box | view-box"},"transform-origin":{"syntax":" [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [ [ center | left | right ] && [ center | top | bottom ] ] <length>?"},"transform-style":{"syntax":"flat | preserve-3d"},"transition":{"syntax":"<single-transition>#"},"transition-behavior":{"syntax":"<transition-behavior-value>#"},"transition-delay":{"syntax":"<time>#"},"transition-duration":{"syntax":"<time>#"},"transition-property":{"syntax":"none | <single-transition-property>#"},"transition-timing-function":{"syntax":"<easing-function>#"},"translate":{"syntax":"none | <length-percentage> [ <length-percentage> <length>? ]?"},"trigger-scope":{"syntax":"none | all | <dashed-ident>#"},"unicode-bidi":{"syntax":"normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext"},"user-select":{"syntax":"auto | text | none | all"},"vector-effect":{"syntax":"none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position"},"vertical-align":{"syntax":"baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>"},"view-timeline":{"syntax":"[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#"},"view-timeline-axis":{"syntax":"[ block | inline | x | y ]#"},"view-timeline-inset":{"syntax":"[ [ auto | <length-percentage> ]{1,2} ]#"},"view-timeline-name":{"syntax":"[ none | <dashed-ident> ]#"},"view-transition-class":{"syntax":"none | <custom-ident>+"},"view-transition-name":{"syntax":"none | <custom-ident> | match-element"},"view-transition-scope":{"syntax":"none | all"},"visibility":{"syntax":"visible | hidden | collapse"},"white-space":{"syntax":"normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'>"},"white-space-collapse":{"syntax":"collapse | preserve | preserve-breaks | preserve-spaces | break-spaces"},"widows":{"syntax":"<integer>"},"width":{"syntax":"auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"will-change":{"syntax":"auto | <animateable-feature>#"},"window-drag":{"syntax":"none | move"},"word-break":{"syntax":"normal | break-all | keep-all | break-word | auto-phrase"},"word-spacing":{"syntax":"normal | <length>"},"word-wrap":{"syntax":"normal | break-word"},"writing-mode":{"syntax":"horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>"},"x":{"syntax":"<length> | <percentage>"},"y":{"syntax":"<length> | <percentage>"},"z-index":{"syntax":"auto | <integer>"},"zoom":{"syntax":"normal | reset | <number [0,∞]> || <percentage [0,∞]>"},"-moz-background-clip":{"syntax":"padding | border"},"-moz-border-radius-bottomleft":{"syntax":"<'border-bottom-left-radius'>"},"-moz-border-radius-bottomright":{"syntax":"<'border-bottom-right-radius'>"},"-moz-border-radius-topleft":{"syntax":"<'border-top-left-radius'>"},"-moz-border-radius-topright":{"syntax":"<'border-bottom-right-radius'>"},"-moz-control-character-visibility":{"syntax":"visible | hidden"},"-moz-osx-font-smoothing":{"syntax":"auto | grayscale"},"-moz-user-select":{"syntax":"none | text | all | -moz-none | auto"},"-ms-flex-align":{"syntax":"start | end | center | baseline | stretch"},"-ms-flex-item-align":{"syntax":"auto | start | end | center | baseline | stretch"},"-ms-flex-line-pack":{"syntax":"start | end | center | justify | distribute | stretch"},"-ms-flex-negative":{"syntax":"<'flex-shrink'>"},"-ms-flex-pack":{"syntax":"start | end | center | justify | distribute"},"-ms-flex-order":{"syntax":"<integer>"},"-ms-flex-positive":{"syntax":"<'flex-grow'>"},"-ms-flex-preferred-size":{"syntax":"<'flex-basis'>"},"-ms-interpolation-mode":{"syntax":"nearest-neighbor | bicubic"},"-ms-grid-column-align":{"syntax":"start | end | center | stretch"},"-ms-grid-row-align":{"syntax":"start | end | center | stretch"},"-ms-hyphenate-limit-last":{"syntax":"none | always | column | page | spread"},"-webkit-background-clip":{"syntax":"[ <visual-box> | border | padding | content | text ]#"},"-webkit-column-break-after":{"syntax":"always | auto | avoid"},"-webkit-column-break-before":{"syntax":"always | auto | avoid"},"-webkit-column-break-inside":{"syntax":"always | auto | avoid"},"-webkit-font-smoothing":{"syntax":"auto | none | antialiased | subpixel-antialiased"},"-webkit-mask-box-image":{"syntax":"[ <url> | <gradient> | none ] [ <length-percentage>{4} <-webkit-mask-box-repeat>{2} ]?"},"-webkit-print-color-adjust":{"syntax":"economy | exact"},"-webkit-text-security":{"syntax":"none | circle | disc | square"},"-webkit-user-drag":{"syntax":"none | element | auto"},"behavior":{"syntax":"<url>+"},"cue":{"syntax":"<'cue-before'> <'cue-after'>?"},"cue-after":{"syntax":"<url> <decibel>? | none"},"cue-before":{"syntax":"<url> <decibel>? | none"},"glyph-orientation-horizontal":{"syntax":"<angle>"},"glyph-orientation-vertical":{"syntax":"<angle>"},"kerning":{"syntax":"auto | <svg-length>"},"pause":{"syntax":"<'pause-before'> <'pause-after'>?"},"pause-after":{"syntax":"<time> | none | x-weak | weak | medium | strong | x-strong"},"pause-before":{"syntax":"<time> | none | x-weak | weak | medium | strong | x-strong"},"position-try-options":{"syntax":"<'position-try-fallbacks'>"},"rest":{"syntax":"<'rest-before'> <'rest-after'>?"},"rest-after":{"syntax":"<time> | none | x-weak | weak | medium | strong | x-strong"},"rest-before":{"syntax":"<time> | none | x-weak | weak | medium | strong | x-strong"},"speak":{"syntax":"auto | never | always"},"voice-balance":{"syntax":"<number> | left | center | right | leftwards | rightwards"},"voice-duration":{"syntax":"auto | <time>"},"voice-family":{"syntax":"[ [ <family-name> | <generic-voice> ] , ]* [ <family-name> | <generic-voice> ] | preserve"},"voice-pitch":{"syntax":"<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"},"voice-range":{"syntax":"<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"},"voice-rate":{"syntax":"[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>"},"voice-stress":{"syntax":"normal | strong | moderate | none | reduced"},"voice-volume":{"syntax":"silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"},"white-space-trim":{"syntax":"none | discard-before || discard-after || discard-inner"},"-moz-padding-start":{"syntax":"<'padding-top'>"},"-webkit-margin-end":{"syntax":"<'margin-block-end'>"},"composes":{"syntax":"<composes-selector>#"}},"functions":{"abs":{"syntax":"abs( <calc-sum> )"},"acos":{"syntax":"acos( <calc-sum> )"},"alpha":{"syntax":"alpha( from <color> / [ <alpha-value> | none ] )"},"anchor":{"syntax":"anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"},"anchor-size":{"syntax":"anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )"},"asin":{"syntax":"asin( <calc-sum> )"},"atan":{"syntax":"atan( <calc-sum> )"},"atan2":{"syntax":"atan2( <calc-sum>, <calc-sum> )"},"attr":{"syntax":"attr( <attr-name> <attr-type>? , <declaration-value>? )"},"blur":{"syntax":"blur( <length>? )"},"brightness":{"syntax":"brightness( [ <number> | <percentage> ]? )"},"calc":{"syntax":"calc( <calc-sum> )"},"calc-size":{"syntax":"calc-size( <calc-size-basis>, <calc-sum> )"},"circle":{"syntax":"circle( <radial-size>? [ at <position> ]? )"},"clamp":{"syntax":"clamp( <calc-sum>#{3} )"},"color":{"syntax":"color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"},"color-mix":{"syntax":"color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2})"},"conic-gradient":{"syntax":"conic-gradient( [ <conic-gradient-syntax> ] )"},"contrast":{"syntax":"contrast( [ <number> | <percentage> ]? )"},"cos":{"syntax":"cos( <calc-sum> )"},"counter":{"syntax":"counter( <counter-name>, <counter-style>? )"},"counters":{"syntax":"counters( <counter-name>, <string>, <counter-style>? )"},"cross-fade":{"syntax":"cross-fade( <cf-mixing-image> , <cf-final-image>? )"},"cubic-bezier":{"syntax":"cubic-bezier( [ <number [0,1]>, <number> ]#{2} )"},"drop-shadow":{"syntax":"drop-shadow( [ <color>? && <length>{2,3} ] )"},"element":{"syntax":"element( <id-selector> )"},"ellipse":{"syntax":"ellipse( <radial-size>? [ at <position> ]? )"},"env":{"syntax":"env( <custom-ident> , <declaration-value>? )"},"exp":{"syntax":"exp( <calc-sum> )"},"fit-content":{"syntax":"fit-content( <length-percentage [0,∞]> )"},"grayscale":{"syntax":"grayscale( [ <number> | <percentage> ]? )"},"hsl":{"syntax":"hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"},"hsla":{"syntax":"hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"},"hue-rotate":{"syntax":"hue-rotate( [ <angle> | <zero> ]? )"},"hwb":{"syntax":"hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"},"hypot":{"syntax":"hypot( <calc-sum># )"},"image":{"syntax":"image( <image-tags>? [ <image-src>? , <color>? ]! )"},"image-set":{"syntax":"image-set( <image-set-option># )"},"inset":{"syntax":"inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"},"invert":{"syntax":"invert( [ <number> | <percentage> ]? )"},"lab":{"syntax":"lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"},"layer":{"syntax":"layer( <layer-name> )"},"lch":{"syntax":"lch( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )"},"leader":{"syntax":"leader( <leader-type> )"},"light-dark":{"syntax":"light-dark( <color>, <color> )"},"linear":{"syntax":"linear( [ <number> && <percentage>{0,2} ]# )"},"linear-gradient":{"syntax":"linear-gradient( [ <linear-gradient-syntax> ] )"},"log":{"syntax":"log( <calc-sum>, <calc-sum>? )"},"matrix":{"syntax":"matrix( <number>#{6} )"},"matrix3d":{"syntax":"matrix3d( <number>#{16} )"},"max":{"syntax":"max( <calc-sum># )"},"min":{"syntax":"min( <calc-sum># )"},"minmax":{"syntax":"minmax( [ <length-percentage> | min-content | max-content | auto ] , [ <length-percentage> | <flex> | min-content | max-content | auto ] )"},"mod":{"syntax":"mod( <calc-sum>, <calc-sum> )"},"oklab":{"syntax":"oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"},"oklch":{"syntax":"oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )"},"opacity":{"syntax":"opacity( [ <number> | <percentage> ]? )"},"paint":{"syntax":"paint( <ident>, <declaration-value>? )"},"palette-mix":{"syntax":"palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"},"param":{"syntax":"mod( <dashed-ident>, <declaration-value>? )"},"path":{"syntax":"path( <'fill-rule'>? , <string> )"},"perspective":{"syntax":"perspective( [ <length [0,∞]> | none ] )"},"polygon":{"syntax":"polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )"},"pow":{"syntax":"pow( <calc-sum>, <calc-sum> )"},"radial-gradient":{"syntax":"radial-gradient( [ <radial-gradient-syntax> ] )"},"ray":{"syntax":"ray( <angle> && <ray-size>? && contain? && [at <position>]? )"},"rect":{"syntax":"rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"},"rem":{"syntax":"rem( <calc-sum>, <calc-sum> )"},"repeating-conic-gradient":{"syntax":"repeating-conic-gradient( [ <conic-gradient-syntax> ] )"},"repeating-linear-gradient":{"syntax":"repeating-linear-gradient( [ <linear-gradient-syntax> ] )"},"repeating-radial-gradient":{"syntax":"repeating-radial-gradient( [ <radial-gradient-syntax> ] )"},"rgb":{"syntax":"rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"},"rgba":{"syntax":"rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"},"rotate":{"syntax":"rotate( [ <angle> | <zero> ] )"},"rotate3d":{"syntax":"rotate3d( <number> , <number> , <number> , [ <angle> | <zero> ] )"},"rotateX":{"syntax":"rotateX( [ <angle> | <zero> ] )"},"rotateY":{"syntax":"rotateY( [ <angle> | <zero> ] )"},"rotateZ":{"syntax":"rotateZ( [ <angle> | <zero> ] )"},"round":{"syntax":"round( <rounding-strategy>?, <calc-sum>, <calc-sum> )"},"saturate":{"syntax":"saturate( [ <number> | <percentage> ]? )"},"scale":{"syntax":"scale( [ <number> | <percentage> ]#{1,2} )"},"scale3d":{"syntax":"scale3d( [ <number> | <percentage> ]#{3} )"},"scaleX":{"syntax":"scaleX( [ <number> | <percentage> ] )"},"scaleY":{"syntax":"scaleY( [ <number> | <percentage> ] )"},"scaleZ":{"syntax":"scaleZ( [ <number> | <percentage> ] )"},"scroll":{"syntax":"scroll( [ <scroller> || <axis> ]? )"},"sepia":{"syntax":"sepia( [ <number> | <percentage> ]? )"},"sign":{"syntax":"sign( <calc-sum> )"},"sin":{"syntax":"sin( <calc-sum> )"},"skew":{"syntax":"skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"},"skewX":{"syntax":"skewX( [ <angle> | <zero> ] )"},"skewY":{"syntax":"skewY( [ <angle> | <zero> ] )"},"sqrt":{"syntax":"sqrt( <calc-sum> )"},"steps":{"syntax":"steps( <integer>, <step-position>? )"},"symbols":{"syntax":"symbols( <symbols-type>? [ <string> | <image> ]+ )"},"tan":{"syntax":"tan( <calc-sum> )"},"target-counter":{"syntax":"target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )"},"target-counters":{"syntax":"target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )"},"target-text":{"syntax":"target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )"},"translate":{"syntax":"translate( <length-percentage> , <length-percentage>? )"},"translate3d":{"syntax":"translate3d( <length-percentage> , <length-percentage> , <length> )"},"translateX":{"syntax":"translateX( <length-percentage> )"},"translateY":{"syntax":"translateY( <length-percentage> )"},"translateZ":{"syntax":"translateZ( <length> )"},"var":{"syntax":"var( <custom-property-name> , <declaration-value>? )"},"view":{"syntax":"view([<axis> || <'view-timeline-inset'>]?)"},"xywh":{"syntax":"xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"}},"syntaxes":{"abs()":{"syntax":"abs( <calc-sum> )"},"absolute-size":{"syntax":"xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large"},"acos()":{"syntax":"acos( <calc-sum> )"},"alpha-value":{"syntax":"<number> | <percentage> | none"},"an+b":{"syntax":"odd | even | <integer> | <n-dimension> | '+'?† n | -n | <ndashdigit-dimension> | '+'?† <ndashdigit-ident> | <dashndashdigit-ident> | <n-dimension> <signed-integer> | '+'?† n <signed-integer> | -n <signed-integer> | <ndash-dimension> <signless-integer> | '+'?† n- <signless-integer> | -n- <signless-integer> | <n-dimension> ['+' | '-'] <signless-integer> | '+'?† n ['+' | '-'] <signless-integer> | -n ['+' | '-'] <signless-integer>"},"anchor()":{"syntax":"anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"},"anchor-name":{"syntax":"<dashed-ident>"},"anchor-side":{"syntax":"inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"},"anchor-size":{"syntax":"width | height | block | inline | self-block | self-inline"},"anchor-size()":{"syntax":"anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )"},"angle-percentage":{"syntax":"<angle> | <percentage>"},"angular-color-hint":{"syntax":"<angle-percentage> | <zero>"},"angular-color-stop":{"syntax":"<color> <color-stop-angle>?"},"angular-color-stop-list":{"syntax":"<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?"},"animateable-feature":{"syntax":"scroll-position | contents | <custom-ident>"},"animation-action":{"syntax":"none | play | play-once | play-forwards | play-backwards | pause | reset | replay"},"asin()":{"syntax":"asin( <calc-sum> )"},"atan()":{"syntax":"atan( <calc-sum> )"},"atan2()":{"syntax":"atan2( <calc-sum>, <calc-sum> )"},"attachment":{"syntax":"scroll | fixed | local"},"attr()":{"syntax":"attr( <attr-name> <attr-type>? , <declaration-value>? )"},"attr-matcher":{"syntax":"[ '~' | '|' | '^' | '$' | '*' ]? '='"},"attr-modifier":{"syntax":"i | s"},"attr-type":{"syntax":"type( <syntax> ) | raw-string | number | <attr-unit>"},"attribute-selector":{"syntax":"'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'"},"auto-repeat":{"syntax":"repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )"},"auto-track-list":{"syntax":"[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat>\n[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"},"axis":{"syntax":"block | inline | x | y"},"baseline-position":{"syntax":"[ first | last ]? baseline"},"basic-shape":{"syntax":"<inset()> | <xywh()> | <rect()> | <circle()> | <ellipse()> | <polygon()> | <path()> | shape()"},"basic-shape-rect":{"syntax":"<inset()> | <rect()> | <xywh()>"},"bg-clip":{"syntax":"<visual-box> | border-area | text"},"bg-image":{"syntax":"<image> | none"},"bg-layer":{"syntax":"<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"},"bg-position":{"syntax":"<position> | <position-three>"},"bg-size":{"syntax":"[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain"},"blend-mode":{"syntax":"normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"},"blur()":{"syntax":"blur( <length>? )"},"brightness()":{"syntax":"brightness( [ <number> | <percentage> ]? )"},"calc()":{"syntax":"calc( <calc-sum> )"},"calc-constant":{"syntax":"e | pi | infinity | -infinity | NaN"},"calc-product":{"syntax":"<calc-value> [ '*' <calc-value> | '/' <number> ]*"},"calc-size()":{"syntax":"calc-size( <calc-size-basis>, <calc-sum> )"},"calc-size-basis":{"syntax":"<intrinsic-size-keyword> | <calc-size()> | any | <calc-sum>"},"calc-sum":{"syntax":"<calc-product> [ [ '+' | '-' ] <calc-product> ]*"},"calc-value":{"syntax":"<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )"},"cf-final-image":{"syntax":"<image> | <color>"},"cf-mixing-image":{"syntax":"<percentage>? && <image>"},"circle()":{"syntax":"circle( <radial-size>? [ at <position> ]? )"},"clamp()":{"syntax":"clamp( <calc-sum>#{3} )"},"class-selector":{"syntax":"'.' <ident-token>"},"clip-source":{"syntax":"<url>"},"color":{"syntax":"<color-base> | currentColor | <system-color> | <device-cmyk()>  | <light-dark()> | <-non-standard-color>"},"color()":{"syntax":"color( [from <color>]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"},"color-base":{"syntax":"<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent"},"color-function":{"syntax":"<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"},"color-interpolation-method":{"syntax":"in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]"},"color-mix()":{"syntax":"color-mix( <color-interpolation-method> ,? [ <color> && <percentage [0,100]>? ]#)"},"color-stop":{"syntax":"<color-stop-length> | <color-stop-angle>"},"color-stop-angle":{"syntax":"[ <angle-percentage> | <zero> ]{1,2}"},"color-stop-length":{"syntax":"<length-percentage>{1,2}"},"color-stop-list":{"syntax":"<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?"},"colorspace-params":{"syntax":"[<custom-params> | <predefined-rgb-params> | <xyz-params>]"},"combinator":{"syntax":"'>' | '+' | '~' | [ '|' '|' ]"},"common-lig-values":{"syntax":"[ common-ligatures | no-common-ligatures ]"},"compat-auto":{"syntax":"searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button"},"compat-special":{"syntax":"textfield | menulist-button"},"complex-selector":{"syntax":"<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*"},"complex-selector-list":{"syntax":"<complex-selector>#"},"composite-style":{"syntax":"clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor"},"compositing-operator":{"syntax":"add | subtract | intersect | exclude"},"compound-selector":{"syntax":"[ <type-selector>? <subclass-selector>* ]!"},"compound-selector-list":{"syntax":"<compound-selector>#"},"conic-gradient()":{"syntax":"conic-gradient( [ <conic-gradient-syntax> ] )"},"conic-gradient-syntax":{"syntax":"[ [ [ from [ <angle> | <zero> ] ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>"},"container-condition":{"syntax":"[ <container-name>? <container-query>? ]!"},"container-name":{"syntax":"<custom-ident>"},"container-query":{"syntax":"not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]"},"content-distribution":{"syntax":"space-between | space-around | space-evenly | stretch"},"content-list":{"syntax":"[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+"},"content-position":{"syntax":"center | start | end | flex-start | flex-end"},"content-replacement":{"syntax":"<image>"},"contextual-alt-values":{"syntax":"[ contextual | no-contextual ]"},"contrast()":{"syntax":"contrast( [ <number> | <percentage> ]? )"},"coord-box":{"syntax":"content-box | padding-box | border-box | fill-box | stroke-box | view-box"},"corner-shape-value":{"syntax":"round | scoop | bevel | notch | square | squircle | <superellipse()>"},"cos()":{"syntax":"cos( <calc-sum> )"},"counter":{"syntax":"<counter()> | <counters()>"},"counter()":{"syntax":"counter( <counter-name>, <counter-style>? )"},"counter-name":{"syntax":"<custom-ident>"},"counter-style":{"syntax":"<counter-style-name> | symbols()"},"counter-style-name":{"syntax":"<custom-ident>"},"counters()":{"syntax":"counters( <counter-name>, <string>, <counter-style>? )"},"cross-fade()":{"syntax":"cross-fade( <cf-mixing-image> , <cf-final-image>? )"},"cubic-bezier()":{"syntax":"cubic-bezier( [ <number [0,1]>, <number> ]#{2} )"},"cubic-bezier-easing-function":{"syntax":"ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"},"cursor-predefined":{"syntax":"auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing"},"custom-color-space":{"syntax":"<dashed-ident>"},"custom-params":{"syntax":"<dashed-ident> [ <number> | <percentage> | none ]+"},"dasharray":{"syntax":"[ [ <length-percentage> | <number> ]+ ]#"},"dashndashdigit-ident":{"syntax":"<ident-token>"},"deprecated-system-color":{"syntax":"ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText"},"discretionary-lig-values":{"syntax":"[ discretionary-ligatures | no-discretionary-ligatures ]"},"display-box":{"syntax":"contents | none"},"display-inside":{"syntax":"flow | flow-root | table | flex | grid | ruby"},"display-internal":{"syntax":"table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container"},"display-legacy":{"syntax":"inline-block | inline-list-item | inline-table | inline-flex | inline-grid"},"display-listitem":{"syntax":"<display-outside>? && [ flow | flow-root ]? && list-item"},"display-outside":{"syntax":"block | inline | run-in"},"drop-shadow()":{"syntax":"drop-shadow( [ <color>? && <length>{2,3} ] )"},"dynamic-range-limit-mix()":{"syntax":"dynamic-range-limit-mix( [ <'dynamic-range-limit'> && <percentage [0,100]> ]#{2,} )"},"easing-function":{"syntax":"<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"},"east-asian-variant-values":{"syntax":"[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]"},"east-asian-width-values":{"syntax":"[ full-width | proportional-width ]"},"element()":{"syntax":"element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )"},"ellipse()":{"syntax":"ellipse( <radial-size>? [ at <position> ]? )"},"env()":{"syntax":"env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )"},"exp()":{"syntax":"exp( <calc-sum> )"},"explicit-track-list":{"syntax":"[ <line-names>? <track-size> ]+ <line-names>?"},"family-name":{"syntax":"<string> | <custom-ident>+"},"feature-tag-value":{"syntax":"<string> [ <integer> | on | off ]?"},"feature-type":{"syntax":"@stylistic | @historical-forms | @styleset | @character-variant | @swash | @ornaments | @annotation"},"feature-value-block":{"syntax":"<feature-type> '{' <feature-value-declaration-list> '}'"},"feature-value-block-list":{"syntax":"<feature-value-block>+"},"feature-value-declaration":{"syntax":"<custom-ident>: <integer>+;"},"feature-value-declaration-list":{"syntax":"<feature-value-declaration>"},"feature-value-name":{"syntax":"<custom-ident>"},"filter-function":{"syntax":"<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"},"filter-value-list":{"syntax":"[ <filter-function> | <url> ]+"},"final-bg-layer":{"syntax":"<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>"},"fit-content()":{"syntax":"fit-content( <length-percentage [0,∞]> )"},"fixed-breadth":{"syntax":"<length-percentage>"},"fixed-repeat":{"syntax":"repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )"},"fixed-size":{"syntax":"<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )"},"font-stretch-absolute":{"syntax":"normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>"},"font-variant-css2":{"syntax":"normal | small-caps"},"font-weight-absolute":{"syntax":"normal | bold | <number [1,1000]>"},"font-width-css3":{"syntax":"normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"},"form-control-identifier":{"syntax":"select"},"frequency-percentage":{"syntax":"<frequency> | <percentage>"},"generic-complete":{"syntax":"serif | sans-serif | system-ui | cursive | fantasy | math | monospace"},"general-enclosed":{"syntax":"[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"},"generic-family":{"syntax":"<generic-script-specific>| <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>"},"generic-incomplete":{"syntax":"ui-serif | ui-sans-serif | ui-monospace | ui-rounded"},"geometry-box":{"syntax":"<shape-box> | fill-box | stroke-box | view-box"},"gradient":{"syntax":"<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>"},"grayscale()":{"syntax":"grayscale( [ <number> | <percentage> ]? )"},"grid-line":{"syntax":"auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]"},"historical-lig-values":{"syntax":"[ historical-ligatures | no-historical-ligatures ]"},"hsl()":{"syntax":"hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? ) | hsl(from <color> [ <hue> | none | h | s | l ] <relative-hsl-component>{2} [ / [ <alpha-value> | none] ]? )"},"hsla()":{"syntax":"hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? ) | hsla(from <color> < [ <hue> | none | h | s | l ] <relative-hsl-component>{2} [ / [ <alpha-value> | none ] ]? )"},"hue":{"syntax":"<number> | <angle>"},"hue-interpolation-method":{"syntax":"[ shorter | longer | increasing | decreasing ] hue"},"hue-rotate()":{"syntax":"hue-rotate( [ <angle> | <zero> ]? )"},"hwb()":{"syntax":"hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? ) | hwb(from <color> [ <hue> | none | h | w | b ] <relative-hwb-component>{2} [ / [ <alpha-value> | none] ]? )"},"hypot()":{"syntax":"hypot( <calc-sum># )"},"id-selector":{"syntax":"<hash-token>"},"image":{"syntax":"<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>"},"image()":{"syntax":"image( <image-tags>? [ <image-src>? , <color>? ]! )"},"image-set()":{"syntax":"image-set( <image-set-option># )"},"image-set-option":{"syntax":"[ <image> | <string> ] [ <resolution> || type(<string>) ]"},"image-src":{"syntax":"<url> | <string>"},"image-tags":{"syntax":"ltr | rtl"},"inflexible-breadth":{"syntax":"<length-percentage> | min-content | max-content | auto"},"inset()":{"syntax":"inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"},"integer":{"syntax":"<number-token>"},"invert()":{"syntax":"invert( [ <number> | <percentage> ]? )"},"keyframe-block":{"syntax":"<keyframe-selector># {\n  <declaration-list>\n}"},"keyframe-selector":{"syntax":"from | to | <percentage [0,100]> | <timeline-range-name> <percentage>"},"keyframes-name":{"syntax":"<custom-ident> | <string>"},"lab()":{"syntax":"lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? ) | lab(from <color> <relative-lab-component>{3} [ / [ <alpha-value> | none ] ]? )"},"layer()":{"syntax":"layer( <layer-name> )"},"layer-name":{"syntax":"<ident> [ '.' <ident> ]*"},"lch()":{"syntax":"lch( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? ) | lch(from <color> <relative-lch-component>{2} [ <hue> | none | l | c | h ] [ / [ <alpha-value> | none ] ]? )"},"leader()":{"syntax":"leader( <leader-type> )"},"leader-type":{"syntax":"dotted | solid | space | <string>"},"length-percentage":{"syntax":"<length> | <percentage>"},"light-dark()":{"syntax":"light-dark( <color>, <color> )"},"line-name-list":{"syntax":"[ <line-names> | <name-repeat> ]+"},"line-names":{"syntax":"'[' <custom-ident>* ']'"},"line-style":{"syntax":"none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset"},"line-width":{"syntax":"<length> | thin | medium | thick"},"linear()":{"syntax":"linear( [ <number> && <percentage>{0,2} ]# )"},"linear-color-hint":{"syntax":"<length-percentage>"},"linear-color-stop":{"syntax":"<color> <color-stop-length>?"},"linear-easing-function":{"syntax":"linear | <linear()>"},"linear-gradient()":{"syntax":"linear-gradient( [ <linear-gradient-syntax> ] )"},"linear-gradient-syntax":{"syntax":"[ [ <angle> | <zero> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>"},"log()":{"syntax":"log( <calc-sum>, <calc-sum>? )"},"mask-layer":{"syntax":"<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"},"mask-position":{"syntax":"[ <length-percentage> | left | center | right ] [ <length-percentage> | top | center | bottom ]?"},"mask-reference":{"syntax":"none | <image> | <mask-source>"},"mask-source":{"syntax":"<url>"},"masking-mode":{"syntax":"alpha | luminance | match-source"},"matrix()":{"syntax":"matrix( <number>#{6} )"},"matrix3d()":{"syntax":"matrix3d( <number>#{16} )"},"max()":{"syntax":"max( <calc-sum># )"},"media-and":{"syntax":"<media-in-parens> [ and <media-in-parens> ]+"},"media-condition":{"syntax":"<media-not> | <media-and> | <media-or> | <media-in-parens>"},"media-condition-without-or":{"syntax":"<media-not> | <media-and> | <media-in-parens>"},"media-feature":{"syntax":"( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"},"media-in-parens":{"syntax":"( <media-condition> ) | <media-feature> | <general-enclosed>"},"media-not":{"syntax":"not <media-in-parens>"},"media-or":{"syntax":"<media-in-parens> [ or <media-in-parens> ]+"},"media-query":{"syntax":"<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?"},"media-query-list":{"syntax":"<media-query>#"},"media-type":{"syntax":"<ident>"},"mf-boolean":{"syntax":"<mf-name>"},"mf-name":{"syntax":"<ident>"},"mf-plain":{"syntax":"<mf-name> : <mf-value>"},"mf-range":{"syntax":"<mf-name> [ '<' | '>' ]? '='? <mf-value>\n| <mf-value> [ '<' | '>' ]? '='? <mf-name>\n| <mf-value> '<' '='? <mf-name> '<' '='? <mf-value>\n| <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>"},"mf-value":{"syntax":"<number> | <dimension> | <ident> | <ratio>"},"min()":{"syntax":"min( <calc-sum># )"},"minmax()":{"syntax":"minmax( [ <length-percentage> | min-content | max-content | auto ] , [ <length-percentage> | <flex> | min-content | max-content | auto ] )"},"mod()":{"syntax":"mod( <calc-sum>, <calc-sum> )"},"n-dimension":{"syntax":"<dimension-token>"},"name-repeat":{"syntax":"repeat( [ <integer [1,∞]> | auto-fill ], <line-names>+ )"},"named-color":{"syntax":"aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen"},"namespace-prefix":{"syntax":"<ident>"},"ndash-dimension":{"syntax":"<dimension-token>"},"ndashdigit-dimension":{"syntax":"<dimension-token>"},"ndashdigit-ident":{"syntax":"<ident-token>"},"ns-prefix":{"syntax":"[ <ident-token> | '*' ]? '|'"},"number-percentage":{"syntax":"<number> | <percentage>"},"numeric-figure-values":{"syntax":"[ lining-nums | oldstyle-nums ]"},"numeric-fraction-values":{"syntax":"[ diagonal-fractions | stacked-fractions ]"},"numeric-spacing-values":{"syntax":"[ proportional-nums | tabular-nums ]"},"offset-path":{"syntax":"<ray()> | <url> | <basic-shape>"},"oklab()":{"syntax":"oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? ) | oklab(from <color> <relative-lab-component>{3} [ / [ <alpha-value> | none ] ]? )"},"oklch()":{"syntax":"oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? ) | oklch(from <color> <relative-lch-component>{2} [ <hue> | none | l | c | h ] [ / [ <alpha-value> | none ] ]? )"},"opacity()":{"syntax":"opacity( [ <number> | <percentage> ]? )"},"opacity-value":{"syntax":"<number> | <percentage>"},"outline-line-style":{"syntax":"none | dotted | dashed | solid | double | groove | ridge | inset | outset"},"outline-radius":{"syntax":"<length> | <percentage>"},"overflow-position":{"syntax":"unsafe | safe"},"page-body":{"syntax":"<declaration>? [ ; <page-body> ]? | <page-margin-box> <page-body>"},"page-margin-box":{"syntax":"<page-margin-box-type> '{' <declaration-list> '}'"},"page-margin-box-type":{"syntax":"@top-left-corner | @top-left | @top-center | @top-right | @top-right-corner | @bottom-left-corner | @bottom-left | @bottom-center | @bottom-right | @bottom-right-corner | @left-top | @left-middle | @left-bottom | @right-top | @right-middle | @right-bottom"},"page-selector":{"syntax":"<pseudo-page>+ | <ident> <pseudo-page>*"},"page-selector-list":{"syntax":"[ <page-selector># ]?"},"page-size":{"syntax":"A5 | A4 | A3 | B5 | B4 | JIS-B5 | JIS-B4 | letter | legal | ledger"},"paint":{"syntax":"none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke"},"paint()":{"syntax":"paint( <ident>, <declaration-value>? )"},"paint-box":{"syntax":"<visual-box> | fill-box | stroke-box"},"palette-identifier":{"syntax":"<dashed-ident>"},"palette-mix()":{"syntax":"palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"},"path()":{"syntax":"path( <'fill-rule'>? , <string> )"},"perspective()":{"syntax":"perspective( [ <length [0,∞]> | none ] )"},"polar-color-space":{"syntax":"hsl | hwb | lch | oklch"},"polygon()":{"syntax":"polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )"},"position":{"syntax":"<position-one> | <position-two> | <position-four>"},"position-area":{"syntax":"[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]"},"pow()":{"syntax":"pow( <calc-sum>, <calc-sum> )"},"predefined-rgb":{"syntax":"srgb | srgb-linear | display-p3 | display-p3-linear | a98-rgb | prophoto-rgb | rec2020"},"predefined-rgb-params":{"syntax":"<predefined-rgb> [ <number> | <percentage> | none ]{3}"},"pseudo-class-selector":{"syntax":"':' <ident-token> | ':' <function-token> <any-value> ')'"},"pseudo-element-selector":{"syntax":"':' <pseudo-class-selector> | <legacy-pseudo-element-selector>"},"pseudo-page":{"syntax":": [ left | right | first | blank ]"},"query-in-parens":{"syntax":"( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>"},"quote":{"syntax":"open-quote | close-quote | no-open-quote | no-close-quote"},"radial-extent":{"syntax":"closest-corner | closest-side | farthest-corner | farthest-side"},"radial-gradient()":{"syntax":"radial-gradient( [ <radial-gradient-syntax> ] )"},"radial-gradient-syntax":{"syntax":"[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>"},"radial-shape":{"syntax":"circle | ellipse"},"radial-size":{"syntax":"<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}"},"ratio":{"syntax":"<number [0,∞]> [ / <number [0,∞]> ]?"},"ray()":{"syntax":"ray( <angle> && <ray-size>? && contain? && [at <position>]? )"},"ray-size":{"syntax":"closest-side | closest-corner | farthest-side | farthest-corner | sides"},"rect()":{"syntax":"rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"},"rectangular-color-space":{"syntax":"srgb | srgb-linear | display-p3 | display-p3-linear | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"},"relative-selector":{"syntax":"<combinator>? <complex-selector>"},"relative-selector-list":{"syntax":"<relative-selector>#"},"relative-size":{"syntax":"larger | smaller"},"rem()":{"syntax":"rem( <calc-sum>, <calc-sum> )"},"repeat-style":{"syntax":"repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}"},"repeating-conic-gradient()":{"syntax":"repeating-conic-gradient( [ <conic-gradient-syntax> ] )"},"repeating-linear-gradient()":{"syntax":"repeating-linear-gradient( [ <linear-gradient-syntax> ] )"},"repeating-radial-gradient()":{"syntax":"repeating-radial-gradient( [ <radial-gradient-syntax> ] )"},"reversed-counter-name":{"syntax":"reversed( <counter-name> )"},"rgb()":{"syntax":"rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? ) | rgb(from <color> <relative-rgb-component>{3} [ / [ <alpha-value> | none] ]? )"},"rgba()":{"syntax":"rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? ) | rgba(from <color> <relative-rgb-component>{3} [ / [ <alpha-value> | none ] ]? )"},"rotate()":{"syntax":"rotate( [ <angle> | <zero> ] )"},"rotate3d()":{"syntax":"rotate3d( <number> , <number> , <number> , [ <angle> | <zero> ] )"},"rotateX()":{"syntax":"rotateX( [ <angle> | <zero> ] )"},"rotateY()":{"syntax":"rotateY( [ <angle> | <zero> ] )"},"rotateZ()":{"syntax":"rotateZ( [ <angle> | <zero> ] )"},"round()":{"syntax":"round( <rounding-strategy>?, <calc-sum>, <calc-sum> )"},"rounding-strategy":{"syntax":"nearest | up | down | to-zero"},"saturate()":{"syntax":"saturate( [ <number> | <percentage> ]? )"},"scale()":{"syntax":"scale( [ <number> | <percentage> ]#{1,2} )"},"scale3d()":{"syntax":"scale3d( [ <number> | <percentage> ]#{3} )"},"scaleX()":{"syntax":"scaleX( [ <number> | <percentage> ] )"},"scaleY()":{"syntax":"scaleY( [ <number> | <percentage> ] )"},"scaleZ()":{"syntax":"scaleZ( [ <number> | <percentage> ] )"},"scope-end":{"syntax":"<forgiving-selector-list>"},"scope-start":{"syntax":"<forgiving-selector-list>"},"scroll()":{"syntax":"scroll( [ <scroller> || <axis> ]? )"},"scroller":{"syntax":"root | nearest | self"},"scroll-state-feature":{"syntax":"<scroll-state-feature-plain> | <scroll-state-feature-boolean>"},"scroll-state-in-parens":{"syntax":"( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>"},"scroll-state-query":{"syntax":" not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>"},"selector-list":{"syntax":"<complex-selector-list>"},"self-position":{"syntax":"center | start | end | self-start | self-end | flex-start | flex-end"},"sepia()":{"syntax":"sepia( [ <number> | <percentage> ]? )"},"shadow":{"syntax":"inset? && <length>{2,4} && <color>?"},"shadow-t":{"syntax":"[ <length>{2,3} && <color>? ]"},"shape":{"syntax":"rect( <top>, <right>, <bottom>, <left> ) | rect( <top> <right> <bottom> <left> )"},"shape-box":{"syntax":"<visual-box> | margin-box"},"side-or-corner":{"syntax":"[ left | right ] || [ top | bottom ]"},"sign()":{"syntax":"sign( <calc-sum> )"},"signed-integer":{"syntax":"<number-token>"},"signless-integer":{"syntax":"<number-token>"},"sin()":{"syntax":"sin( <calc-sum> )"},"single-animation":{"syntax":"<'animation-duration'> || <easing-function> || <'animation-delay'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>"},"single-animation-composition":{"syntax":"replace | add | accumulate"},"single-animation-direction":{"syntax":"normal | reverse | alternate | alternate-reverse"},"single-animation-fill-mode":{"syntax":"none | forwards | backwards | both"},"single-animation-iteration-count":{"syntax":"infinite | <number>"},"single-animation-play-state":{"syntax":"running | paused"},"single-animation-timeline":{"syntax":"auto | none | <dashed-ident> | <scroll()> | <view()>"},"single-transition":{"syntax":"[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>"},"single-transition-property":{"syntax":"all | <custom-ident>"},"size":{"syntax":"closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"},"size-feature":{"syntax":"<mf-plain> | <mf-boolean> | <mf-range>"},"skew()":{"syntax":"skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"},"skewX()":{"syntax":"skewX( [ <angle> | <zero> ] )"},"skewY()":{"syntax":"skewY( [ <angle> | <zero> ] )"},"sqrt()":{"syntax":"sqrt( <calc-sum> )"},"step-position":{"syntax":"jump-start | jump-end | jump-none | jump-both | start | end"},"step-easing-function":{"syntax":"step-start | step-end | <steps()>"},"steps()":{"syntax":"steps( <integer>, <step-position>? )"},"style-feature":{"syntax":"<style-feature-plain> | <style-feature-boolean> | <style-range>"},"style-in-parens":{"syntax":"( <style-query> ) | ( <style-feature> ) | <general-enclosed>"},"style-query":{"syntax":"not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>"},"subclass-selector":{"syntax":"<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>"},"superellipse()":{"syntax":"superellipse( [ <number> | infinity | -infinity ] )"},"supports-condition":{"syntax":"not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*"},"supports-decl":{"syntax":"( <declaration> )"},"supports-feature":{"syntax":"<supports-decl> | <supports-selector-fn>"},"supports-in-parens":{"syntax":"( <supports-condition> ) | <supports-feature> | <general-enclosed>"},"supports-selector-fn":{"syntax":"selector( <complex-selector> )"},"symbol":{"syntax":"<string> | <image> | <custom-ident>"},"symbols()":{"syntax":"symbols( <symbols-type>? [ <string> | <image> ]+ )"},"symbols-type":{"syntax":"cyclic | numeric | alphabetic | symbolic | fixed"},"system-color":{"syntax":"AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText"},"system-family-name":{"syntax":"caption | icon | menu | message-box | small-caption | status-bar"},"tan()":{"syntax":"tan( <calc-sum> )"},"target":{"syntax":"<target-counter()> | <target-counters()> | <target-text()>"},"target-counter()":{"syntax":"target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )"},"target-counters()":{"syntax":"target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )"},"target-text()":{"syntax":"target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )"},"text-edge":{"syntax":"[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?"},"time-percentage":{"syntax":"<time> | <percentage>"},"timeline-range-name":{"syntax":"cover | contain | entry | exit | entry-crossing | exit-crossing"},"track-breadth":{"syntax":"<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>"},"track-list":{"syntax":"[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"},"track-repeat":{"syntax":"repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )"},"track-size":{"syntax":"<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )"},"transform-function":{"syntax":"<matrix()> | <translate()> | <translateX()> | <translateY()> | <scale()> | <scaleX()> | <scaleY()> | <rotate()> | <skew()> | <skewX()> | <skewY()> | <matrix3d()> | <translate3d()> | <translateZ()> | <scale3d()> | <scaleZ()> | <rotate3d()> | <rotateX()> | <rotateY()> | <rotateZ()> | <perspective()>"},"transform-list":{"syntax":"<transform-function>+"},"transition-behavior-value":{"syntax":"normal | allow-discrete"},"translate()":{"syntax":"translate( <length-percentage> , <length-percentage>? )"},"translate3d()":{"syntax":"translate3d( <length-percentage> , <length-percentage> , <length> )"},"translateX()":{"syntax":"translateX( <length-percentage> )"},"translateY()":{"syntax":"translateY( <length-percentage> )"},"translateZ()":{"syntax":"translateZ( <length> )"},"try-size":{"syntax":"most-width | most-height | most-block-size | most-inline-size"},"try-tactic":{"syntax":"flip-block || flip-inline || flip-start"},"type-or-unit":{"syntax":"string | color | url | integer | number | length | angle | time | frequency | cap | ch | em | ex | ic | lh | rlh | rem | vb | vi | vw | vh | vmin | vmax | mm | Q | cm | in | pt | pc | px | deg | grad | rad | turn | ms | s | Hz | kHz | %"},"type-selector":{"syntax":"<wq-name> | <ns-prefix>? '*'"},"var()":{"syntax":"var( <custom-property-name> , <declaration-value>? )"},"view()":{"syntax":"view([<axis> || <'view-timeline-inset'>]?)"},"viewport-length":{"syntax":"auto | <length-percentage>"},"visual-box":{"syntax":"content-box | padding-box | border-box"},"wq-name":{"syntax":"<ns-prefix>? <ident-token>"},"xywh()":{"syntax":"xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"},"xyz":{"syntax":"xyz | xyz-d50 | xyz-d65"},"xyz-params":{"syntax":"<xyz-space> [ <number> | <percentage> | none ]{3}"},"-legacy-gradient":{"syntax":"<-webkit-gradient()> | <-legacy-linear-gradient> | <-legacy-repeating-linear-gradient> | <-legacy-radial-gradient> | <-legacy-repeating-radial-gradient>"},"-legacy-linear-gradient":{"syntax":"-moz-linear-gradient( <-legacy-linear-gradient-arguments> ) | -webkit-linear-gradient( <-legacy-linear-gradient-arguments> ) | -o-linear-gradient( <-legacy-linear-gradient-arguments> )"},"-legacy-repeating-linear-gradient":{"syntax":"-moz-repeating-linear-gradient( <-legacy-linear-gradient-arguments> ) | -webkit-repeating-linear-gradient( <-legacy-linear-gradient-arguments> ) | -o-repeating-linear-gradient( <-legacy-linear-gradient-arguments> )"},"-legacy-linear-gradient-arguments":{"syntax":"[ <angle> | <side-or-corner> ]? , <color-stop-list>"},"-legacy-radial-gradient":{"syntax":"-moz-radial-gradient( <-legacy-radial-gradient-arguments> ) | -webkit-radial-gradient( <-legacy-radial-gradient-arguments> ) | -o-radial-gradient( <-legacy-radial-gradient-arguments> )"},"-legacy-repeating-radial-gradient":{"syntax":"-moz-repeating-radial-gradient( <-legacy-radial-gradient-arguments> ) | -webkit-repeating-radial-gradient( <-legacy-radial-gradient-arguments> ) | -o-repeating-radial-gradient( <-legacy-radial-gradient-arguments> )"},"-legacy-radial-gradient-arguments":{"syntax":" <position>? , [ [ <-legacy-radial-gradient-shape> || <-legacy-radial-gradient-size> ] | [ <length> | <percentage> ]{2} ]? , <color-stop-list>"},"-legacy-radial-gradient-size":{"syntax":"closest-side | closest-corner | farthest-side | farthest-corner | contain | cover"},"-legacy-radial-gradient-shape":{"syntax":"circle | ellipse"},"-non-standard-font":{"syntax":"-apple-system-body | -apple-system-headline | -apple-system-subheadline | -apple-system-caption1 | -apple-system-caption2 | -apple-system-footnote | -apple-system-short-body | -apple-system-short-headline | -apple-system-short-subheadline | -apple-system-short-caption1 | -apple-system-short-footnote | -apple-system-tall-body"},"-non-standard-color":{"syntax":"-moz-ButtonDefault | -moz-ButtonHoverFace | -moz-ButtonHoverText | -moz-CellHighlight | -moz-CellHighlightText | -moz-Combobox | -moz-ComboboxText | -moz-Dialog | -moz-DialogText | -moz-dragtargetzone | -moz-EvenTreeRow | -moz-Field | -moz-FieldText | -moz-html-CellHighlight | -moz-html-CellHighlightText | -moz-mac-accentdarkestshadow | -moz-mac-accentdarkshadow | -moz-mac-accentface | -moz-mac-accentlightesthighlight | -moz-mac-accentlightshadow | -moz-mac-accentregularhighlight | -moz-mac-accentregularshadow | -moz-mac-chrome-active | -moz-mac-chrome-inactive | -moz-mac-focusring | -moz-mac-menuselect | -moz-mac-menushadow | -moz-mac-menutextselect | -moz-MenuHover | -moz-MenuHoverText | -moz-MenuBarText | -moz-MenuBarHoverText | -moz-nativehyperlinktext | -moz-OddTreeRow | -moz-win-communicationstext | -moz-win-mediatext | -moz-activehyperlinktext | -moz-default-background-color | -moz-default-color | -moz-hyperlinktext | -moz-visitedhyperlinktext | -webkit-activelink | -webkit-focus-ring-color | -webkit-link | -webkit-text"},"-non-standard-image-rendering":{"syntax":"optimize-contrast | -moz-crisp-edges | -o-crisp-edges | -webkit-optimize-contrast"},"-non-standard-overflow":{"syntax":"overlay | -moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"},"-non-standard-size":{"syntax":"intrinsic | min-intrinsic | -webkit-fill-available | -webkit-fit-content | -webkit-min-content | -webkit-max-content  | -moz-available | -moz-fit-content | -moz-min-content | -moz-max-content"},"-webkit-gradient()":{"syntax":"-webkit-gradient( <-webkit-gradient-type>, <-webkit-gradient-point> [, <-webkit-gradient-point> | , <-webkit-gradient-radius>, <-webkit-gradient-point> ] [, <-webkit-gradient-radius>]? [, <-webkit-gradient-color-stop>]* )"},"-webkit-gradient-color-stop":{"syntax":"from( <color> ) | color-stop( [ <number-zero-one> | <percentage> ] , <color> ) | to( <color> )"},"-webkit-gradient-point":{"syntax":"[ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]"},"-webkit-gradient-radius":{"syntax":"<length> | <percentage>"},"-webkit-gradient-type":{"syntax":"linear | radial"},"-webkit-mask-box-repeat":{"syntax":"repeat | stretch | round"},"-ms-filter-function-list":{"syntax":"<-ms-filter-function>+"},"-ms-filter-function":{"syntax":"<-ms-filter-function-progid> | <-ms-filter-function-legacy>"},"-ms-filter-function-progid":{"syntax":"'progid:' [ <ident-token> '.' ]* [ <ident-token> | <function-token> <any-value>? ) ]"},"-ms-filter-function-legacy":{"syntax":"<ident-token> | <function-token> <any-value>? )"},"age":{"syntax":"child | young | old"},"attr-name":{"syntax":"<wq-name>"},"attr-fallback":{"syntax":"<any-value>"},"autospace":{"syntax":"no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]"},"bottom":{"syntax":"<length> | auto"},"generic-voice":{"syntax":"[ <age>? <gender> <integer>? ]"},"gender":{"syntax":"male | female | neutral"},"generic-script-specific":{"syntax":"generic(kai) | generic(fangsong) | generic(nastaliq)"},"-non-standard-generic-family":{"syntax":"-apple-system | BlinkMacSystemFont"},"intrinsic-size-keyword":{"syntax":"min-content | max-content | fit-content"},"left":{"syntax":"<length> | auto"},"device-cmyk()":{"syntax":"<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>"},"legacy-device-cmyk-syntax":{"syntax":"device-cmyk( <number>#{4} )"},"modern-device-cmyk-syntax":{"syntax":"device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )"},"cmyk-component":{"syntax":"<number> | <percentage> | none"},"color-space":{"syntax":"<rectangular-color-space> | <polar-color-space> | <custom-color-space>"},"right":{"syntax":"<length> | auto"},"forgiving-selector-list":{"syntax":"<complex-real-selector-list>"},"forgiving-relative-selector-list":{"syntax":"<relative-real-selector-list>"},"complex-real-selector-list":{"syntax":"<complex-real-selector>#"},"simple-selector-list":{"syntax":"<simple-selector>#"},"relative-real-selector-list":{"syntax":"<relative-real-selector>#"},"complex-selector-unit":{"syntax":"[ <compound-selector>? <pseudo-compound-selector>* ]!"},"complex-real-selector":{"syntax":"<compound-selector> [ <combinator>? <compound-selector> ]*"},"relative-real-selector":{"syntax":"<combinator>? <complex-real-selector>"},"pseudo-compound-selector":{"syntax":" <pseudo-element-selector> <pseudo-class-selector>*"},"simple-selector":{"syntax":"<type-selector> | <subclass-selector>"},"legacy-pseudo-element-selector":{"syntax":" ':' [before | after | first-line | first-letter]"},"svg-length":{"syntax":"<percentage> | <length> | <number>"},"svg-writing-mode":{"syntax":"lr-tb | rl-tb | tb-rl | lr | rl | tb"},"top":{"syntax":"<length> | auto"},"x":{"syntax":"<number>"},"y":{"syntax":"<number>"},"declaration":{"syntax":"<ident-token> : <declaration-value>? [ '!' important ]?"},"declaration-list":{"syntax":"[ <declaration>? ';' ]* <declaration>?"},"url":{"syntax":"url( <string> <url-modifier>* ) | <url-token>"},"url-modifier":{"syntax":"<ident> | <function-token> <any-value> )"},"number-zero-one":{"syntax":"<number [0,1]>"},"number-one-or-greater":{"syntax":"<number [1,∞]>"},"xyz-space":{"syntax":"xyz | xyz-d50 | xyz-d65"},"style-condition":{"syntax":"not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ]"},"-non-standard-display":{"syntax":"-ms-inline-flexbox | -ms-grid | -ms-inline-grid | -webkit-flex | -webkit-inline-flex | -webkit-box | -webkit-inline-box | -moz-inline-stack | -moz-box | -moz-inline-box | -ms-flexbox"},"inset-area":{"syntax":"[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]"},"syntax":{"syntax":"'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]* | <syntax-string>"},"syntax-component":{"syntax":"<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'"},"syntax-single-component":{"syntax":"'<' <syntax-type-name> '>' | <ident>"},"syntax-type-name":{"syntax":"angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function"},"syntax-combinator":{"syntax":"'|'"},"syntax-multiplier":{"syntax":"'#' | '+'"},"syntax-string":{"syntax":"<string>"},"relative-hwb-component":{"syntax":"<number> | <percentage> | none | h | w | b | alpha"},"relative-hsl-component":{"syntax":"<number> | <percentage> | none | h | s | l | alpha"},"relative-rgb-component":{"syntax":"<number> | <percentage> | none | r | g | b | alpha"},"relative-lab-component":{"syntax":"<number> | <percentage> | none | l | a | b | alpha"},"relative-lch-component":{"syntax":"<number> | <percentage> | none | l | c | h | alpha"},"function-name":{"syntax":"<dashed-ident>("},"function-parameter":{"syntax":"<dashed-ident> <css-type>? [ : <default-value> ]?"},"alpha()":{"syntax":" alpha([from <color>] [ / [<alpha-value> | none] ]? )"},"if()":{"syntax":"if( [ <if-branch> ; ]* )"},"if-branch":{"syntax":"<if-condition> : <declaration-value>?"},"if-condition":{"syntax":"<if-test> | else"},"if-test":{"syntax":"supports( [ <ident> : <declaration-value> ] | <supports-condition> ) | media( <media-feature> | <media-condition> ) | style( <style-query> )"},"position-three":{"syntax":"[ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] "},"position-one":{"syntax":"left | center | right | top | bottom | x-start | x-end | y-start | y-end | block-start | block-end | inline-start | inline-end | <length-percentage> "},"position-two":{"syntax":"[ left | center | right | x-start | x-end ] && [ top | center | bottom | y-start | y-end ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ block-start | center | block-end ] && [ inline-start | center | inline-end ] | [ start | center | end ]{2} "},"position-four":{"syntax":"[ [ left | right | x-start | x-end ] <length-percentage> ] && [ [ top | bottom | y-start | y-end ] <length-percentage> ] | [ [ block-start | block-end ] <length-percentage> ] && [ [ inline-start | inline-end ] <length-percentage> ] | [ [ start | end ] <length-percentage> ]{2} "},"composes-selector":{"syntax":"<ident>+ [from [global&&<string>]]?"},"wcag2":{"syntax":"wcag2 | wcag2([<number> | [ aa | aaa ] && large? ])"},"target-contrast":{"syntax":"<wcag2>"},"contrast-color()":{"syntax":"contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>, <color># ] ] )"},"color-layers()":{"syntax":"color-layers([ <blend-mode>, ]? <color># )"},"font-feature-custom-ident":{"syntax":"<integer>"},"font-feature-custom-ident-list":{"syntax":"<integer>+"},"font-feature-custom-ident-character-variant":{"syntax":"<integer> <integer>?"},"style-feature-name":{"syntax":"<ident> |<custom-property-name>"},"style-feature-plain":{"syntax":"<style-feature-name> : <style-feature-value>"},"style-feature-boolean":{"syntax":"<style-feature-name>"},"style-range":{"syntax":"<style-range-value> <mf-comparison> <style-range-value> | <style-range-value> <mf-lt> <style-range-value> <mf-lt> <style-range-value> | <style-range-value> <mf-gt> <style-range-value> <mf-gt> <style-range-value>"},"style-range-value":{"syntax":"<custom-property-name> | <style-feature-value>"},"scroll-state-feature-plain":{"syntax":"<scroll-state-feature-stuck> | <scroll-state-feature-snapped> | <scroll-state-feature-scrollable> | <scroll-state-feature-scrolled>"},"scroll-state-feature-stuck":{"syntax":"stuck : [ none | top | right | bottom | left | block-start | inline-start | block-end | inline-end ]"},"scroll-state-feature-snapped":{"syntax":"snapped : [ none | x | y | block | inline | both ]"},"scroll-state-feature-scrollable":{"syntax":"scrollable : [ none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline ]"},"scroll-state-feature-scrolled":{"syntax":"scrolled : [ none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline ]"},"scroll-state-feature-boolean":{"syntax":"stuck | snapped | scrollable | scrolled"},"color-font-tech":{"syntax":"color-colrv0 | color-colrv1 | color-svg | color-sbix | color-cbdt"},"font-features-tech":{"syntax":"features-opentype | features-aat | features-graphite"},"font-tech-patch-values":{"syntax":"incremental-patch | incremental-range | incremental-auto | variations | palettes"},"font-tech()":{"syntax":"font-tech( <color-font-tech> | <font-features-tech> | <font-tech-patch-values> )"},"font-format-values":{"syntax":"collection | embedded-opentype | opentype | truetype | svg | woff | woff2"},"font-format()":{"syntax":"font-format(<font-format-values>)"},"at-rule()":{"syntax":"at-rule(<at-keyword-token>)"},"named-feature()":{"syntax":"named-feature( <ident> )"},"media()":{"syntax":"media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"},"selector()":{"syntax":"selector( <complex-selector> )"},"scroll-state()":{"syntax":"scroll-state( <scroll-state-query> )"},"supports()":{"syntax":"supports( <declaration> )"},"keyframe-selectors":{"syntax":"<keyframe-selector>#"},"-non-standard-text-align":{"syntax":"| -moz-center | -webkit-center | -webkit-match-parent"}},"selectors":{":active":{"syntax":":active"},":active-view-transition":{"syntax":":active-view-transition"},":active-view-transition-type()":{"syntax":":active-view-transition-type( <custom-ident># )"},":any-link":{"syntax":":any-link"},":autofill":{"syntax":":autofill"},":blank":{"syntax":":blank"},":buffering":{"syntax":":buffering"},":checked":{"syntax":":checked"},":current":{"syntax":":current"},":default":{"syntax":":default"},":defined":{"syntax":":defined"},":dir()":{"syntax":":dir( [ ltr | rtl ] )"},":disabled":{"syntax":":disabled"},":empty":{"syntax":":empty"},":enabled":{"syntax":":enabled"},":first":{"syntax":":first"},":first-child":{"syntax":":first-child"},":first-of-type":{"syntax":":first-of-type"},":focus":{"syntax":":focus"},":focus-visible":{"syntax":":focus-visible"},":focus-within":{"syntax":":focus-within"},":fullscreen":{"syntax":":fullscreen"},":future":{"syntax":":future"},":has()":{"syntax":":has( <forgiving-relative-selector-list> )"},":has-slotted":{"syntax":":has-slotted"},":host":{"syntax":":host"},":host()":{"syntax":":host( <compound-selector> )"},":host-context()":{"syntax":":host-context( <compound-selector> )"},":hover":{"syntax":":hover"},":in-range":{"syntax":":in-range"},":indeterminate":{"syntax":":indeterminate"},":invalid":{"syntax":":invalid"},":is()":{"syntax":":is( <forgiving-selector-list> )"},":lang()":{"syntax":":lang( <language-code> )"},":last-child":{"syntax":":last-child"},":last-of-type":{"syntax":":last-of-type"},":left":{"syntax":":left"},":link":{"syntax":":link"},":local-link":{"syntax":":local-link"},":modal":{"syntax":":modal"},":muted":{"syntax":":muted"},":not()":{"syntax":":not( <complex-selector-list> )"},":nth-child()":{"syntax":":nth-child( <an+b> [ of <complex-selector-list> ]? )"},":nth-last-child()":{"syntax":":nth-last-child( <an+b> [ of <complex-selector-list> ]? )"},":nth-last-of-type()":{"syntax":":nth-last-of-type( <an+b> )"},":nth-of-type()":{"syntax":":nth-of-type( <an+b> )"},":only-child":{"syntax":":only-child"},":only-of-type":{"syntax":":only-of-type"},":open":{"syntax":":open"},":optional":{"syntax":":optional"},":out-of-range":{"syntax":":out-of-range"},":past":{"syntax":":past"},":paused":{"syntax":":paused"},":picture-in-picture":{"syntax":":picture-in-picture"},":placeholder-shown":{"syntax":":placeholder-shown"},":playing":{"syntax":":playing"},":popover-open":{"syntax":":popover-open"},":read-only":{"syntax":":read-only"},":read-write":{"syntax":":read-write"},":required":{"syntax":":required"},":right":{"syntax":":right"},":root":{"syntax":":root"},":scope":{"syntax":":scope"},":seeking":{"syntax":":seeking"},":stalled":{"syntax":":stalled"},":state()":{"syntax":":state( <custom-ident> )"},":target":{"syntax":":target"},":target-current":{"syntax":":target-current"},":target-within":{"syntax":":target-within"},":user-invalid":{"syntax":":user-invalid"},":user-valid":{"syntax":":user-valid"},":valid":{"syntax":":valid"},":visited":{"syntax":":visited"},":volume-locked":{"syntax":":volume-locked"},":where()":{"syntax":":where( <complex-selector-list> )"},":xr-overlay":{"syntax":":xr-overlay"},"::-ms-browse":{"syntax":"::-ms-browse"},"::-ms-check":{"syntax":"::-ms-check"},"::-ms-clear":{"syntax":"::-ms-clear"},"::-ms-expand":{"syntax":"::-ms-expand"},"::-ms-fill":{"syntax":"::-ms-fill"},"::-ms-fill-lower":{"syntax":"::-ms-fill-lower"},"::-ms-fill-upper":{"syntax":"::-ms-fill-upper"},"::-ms-reveal":{"syntax":"::-ms-reveal"},"::-ms-thumb":{"syntax":"::-ms-thumb"},"::-ms-ticks-after":{"syntax":"::-ms-ticks-after"},"::-ms-ticks-before":{"syntax":"::-ms-ticks-before"},"::-ms-tooltip":{"syntax":"::-ms-tooltip"},"::-ms-track":{"syntax":"::-ms-track"},"::-ms-value":{"syntax":"::-ms-value"},"::-moz-progress-bar":{"syntax":"::-moz-progress-bar"},"::-moz-range-progress":{"syntax":"::-moz-range-progress"},"::-moz-range-thumb":{"syntax":"::-moz-range-thumb"},"::-moz-range-track":{"syntax":"::-moz-range-track"},"::-webkit-progress-bar":{"syntax":"::-webkit-progress-bar"},"::-webkit-progress-inner-value":{"syntax":"::-webkit-progress-inner-value"},"::-webkit-progress-value":{"syntax":"::-webkit-progress-value"},"::-webkit-slider-runnable-track":{"syntax":"::-webkit-slider-runnable-track"},"::-webkit-slider-thumb":{"syntax":"::-webkit-slider-thumb"},"::after":{"syntax":"::after"},"::backdrop":{"syntax":"::backdrop"},"::before":{"syntax":"::before"},"::checkmark":{"syntax":"::checkmark"},"::cue":{"syntax":"::cue"},"::cue()":{"syntax":"::cue( <selector> )"},"::cue-region":{"syntax":"::cue-region"},"::cue-region()":{"syntax":"::cue-region( <selector> )"},"::details-content":{"syntax":"::details-content"},"::file-selector-button":{"syntax":"::file-selector-button"},"::first-letter":{"syntax":"::first-letter"},"::first-line":{"syntax":"::first-line"},"::grammar-error":{"syntax":"::grammar-error"},"::highlight()":{"syntax":"::highlight( <custom-ident> )"},"::marker":{"syntax":"::marker"},"::part()":{"syntax":"::part( <ident>+ )"},"::picker-icon":{"syntax":"::picker-icon"},"::picker()":{"syntax":"::picker( <form-control-identifier>+ )"},"::placeholder":{"syntax":"::placeholder"},"::scroll-marker":{"syntax":"::scroll-marker"},"::scroll-marker-group":{"syntax":"::scroll-marker-group"},"::selection":{"syntax":"::selection"},"::slotted()":{"syntax":"::slotted( <compound-selector> )"},"::spelling-error":{"syntax":"::spelling-error"},"::target-text":{"syntax":"::target-text"},"::view-transition":{"syntax":"::view-transition"},"::view-transition-group()":{"syntax":"::view-transition-group([ '*' | <custom-ident> ])"},"::view-transition-image-pair()":{"syntax":"::view-transition-image-pair([ '*' | <custom-ident> ])"},"::view-transition-new()":{"syntax":"::view-transition-new([ '*' | <custom-ident> ])"},"::view-transition-old()":{"syntax":"::view-transition-old([ '*' | <custom-ident> ])"},":global":{"syntax":":global"},":global()":{"syntax":":global( <forgiving-selector-list> )"},":local":{"syntax":":local"},":local()":{"syntax":":local( <forgiving-selector-list> )"},":-webkit-any()":{"syntax":":-webkit-any( <forgiving-selector-list> )"},":-webkit-any-link":{"syntax":":-webkit-any-link"}},"atRules":{"@charset":{"syntax":"@charset \"<charset>\";"},"@counter-style":{"syntax":"@counter-style <counter-style-name> {\n  [ system: <counter-system>; ] ||\n  [ symbols: <counter-symbols>; ] ||\n  [ additive-symbols: <additive-symbols>; ] ||\n  [ negative: <negative-symbol>; ] ||\n  [ prefix: <prefix>; ] ||\n  [ suffix: <suffix>; ] ||\n  [ range: <range>; ] ||\n  [ pad: <padding>; ] ||\n  [ speak-as: <speak-as>; ] ||\n  [ fallback: <counter-style-name>; ]\n}","descriptors":{"additive-symbols":{"syntax":"[ <integer [0,∞]> && <symbol> ]#"},"fallback":{"syntax":"<counter-style-name>"},"negative":{"syntax":"<symbol> <symbol>?"},"pad":{"syntax":"<integer [0,∞]> && <symbol>"},"prefix":{"syntax":"<symbol>"},"range":{"syntax":"[ [ <integer> | infinite ]{2} ]# | auto"},"speak-as":{"syntax":"auto | bullets | numbers | words | spell-out | <counter-style-name>"},"suffix":{"syntax":"<symbol>"},"symbols":{"syntax":"<symbol>+"},"system":{"syntax":"cyclic | numeric | alphabetic | symbolic | additive | [ fixed <integer>? ] | [ extends <counter-style-name> ]"}}},"@container":{"syntax":"@container <container-condition># {\n  <block-contents>\n}"},"@document":{"syntax":"@document [ <url> | url-prefix(<string>) | domain(<string>) | media-document(<string>) | regexp(<string>) ]# {\n  <group-rule-body>\n}"},"@font-face":{"syntax":"@font-face {\n  [ font-family: <family-name>; ] ||\n  [ src: <src>; ] ||\n  [ unicode-range: <unicode-range>; ] ||\n  [ font-variant: <font-variant>; ] ||\n  [ font-feature-settings: <font-feature-settings>; ] ||\n  [ font-variation-settings: <font-variation-settings>; ] ||\n  [ font-stretch: <font-stretch>; ] ||\n  [ font-weight: <font-weight>; ] ||\n  [ font-style: <font-style>; ] ||\n  [ size-adjust: <size-adjust>; ] ||\n  [ ascent-override: <ascent-override>; ] ||\n  [ descent-override: <descent-override>; ] ||\n  [ line-gap-override: <line-gap-override>; ]\n}","descriptors":{"ascent-override":{"syntax":"normal | <percentage>"},"descent-override":{"syntax":"normal | <percentage>"},"font-display":{"syntax":"auto | block | swap | fallback | optional"},"font-family":{"syntax":"<family-name>"},"font-feature-settings":{"syntax":"normal | <feature-tag-value>#"},"font-stretch":{"syntax":"<font-stretch-absolute>{1,2}"},"font-style":{"syntax":"normal | italic | oblique <angle>{0,2}"},"font-variation-settings":{"syntax":"normal | [ <string> <number> ]#"},"font-weight":{"syntax":"<font-weight-absolute>{1,2}"},"line-gap-override":{"syntax":"normal | <percentage>"},"size-adjust":{"syntax":"<percentage>"},"src":{"syntax":"[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"},"unicode-range":{"syntax":"<unicode-range-token>#"}}},"@font-feature-values":{"syntax":" @font-feature-values <family-name># { <@historical-forms> | <@styleset> | <@character-variant> | <@swash> | <@ornaments> | <@annotation> } ","descriptors":{"font-display":{"syntax":"auto | block | swap | fallback | optional"}}},"@font-palette-values":{"syntax":"@font-palette-values <dashed-ident> {\n  <declaration-list>\n}","descriptors":{"base-palette":{"syntax":"light | dark | <integer [0,∞]>"},"font-family":{"syntax":"<family-name>#"},"override-colors":{"syntax":"[ <integer [0,∞]> <color> ]#"}}},"@import":{"syntax":"@import [ <string> | <url> ]\n        [ layer | layer(<layer-name>) ]?\n        [ supports( [ <supports-condition> | <declaration> ] ) ]?\n        <media-query-list>? ;"},"@keyframes":{"syntax":"@keyframes <keyframes-name> {\n  <qualified-rule-list>\n}"},"@layer":{"syntax":"@layer [ <layer-name># | <layer-name>?  {\n  <stylesheet>\n} ]"},"@media":{"syntax":"@media <media-query-list> {\n  <group-rule-body>\n}"},"@namespace":{"syntax":"@namespace <namespace-prefix>? [ <string> | <url> ];"},"@page":{"syntax":"@page <page-selector-list> {\n  <page-body>\n}","descriptors":{"bleed":{"syntax":"auto | <length>"},"marks":{"syntax":"none | [ crop || cross ]"},"page-orientation":{"syntax":"upright | rotate-left | rotate-right"},"size":{"syntax":"<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"}}},"@position-try":{"syntax":" @position-try <dashed-ident> { <declaration-list> } ","descriptors":{"top":"<'top'>","left":"<'left'>","bottom":"<'bottom'>","right":"<'right'>","inset-block-start":"<'inset-block-start'>","inset-block-end":"<'inset-block-end'>","inset-inline-start":"<'inset-inline-start'>","inset-inline-end":"<'inset-inline-end'>","inset-block":"<'inset-block'>","inset-inline":"<'inset-inline'>","inset":"<'inset'>","margin-top":"<'margin-top'>","margin-left":"<'margin-left'>","margin-bottom":"<'margin-bottom'>","margin-right":"<'margin-right'>","margin-block-start":"<'margin-block-start'>","margin-block-end":"<'margin-block-end'>","margin-inline-start":"<'margin-inline-start'>","margin-inline-end":"<'margin-inline-end'>","margin":"<'margin'>","margin-block":"<'margin-block'>","margin-inline":"<'margin-inline'>","width":"<'width'>","height":"<'height'>","min-width":"<'min-width'>","min-height":"<'min-height'>","max-width":"<'max-width'>","max-height":"<'max-height'>","block-size":"<'block-size'>","inline-size":"<'inline-size'>","min-block-size":"<'min-block-size'>","min-inline-size":"<'min-inline-size'>","max-block-size":"<'max-block-size'>","max-inline-size":"<'max-inline-size'>","align-self":"<'align-self'> | anchor-center","justify-self":"<'justify-self'> | anchor-center"}},"@property":{"syntax":"@property <custom-property-name> {\n  <declaration-list>\n}","descriptors":{"inherits":{"syntax":"true | false"},"initial-value":{"syntax":"<declaration-value>?"},"syntax":{"syntax":"<string>"}}},"@scope":{"syntax":"@scope [(<scope-start>)]? [to (<scope-end>)]? {\n  <rule-list>\n}"},"@starting-style":{"syntax":"@starting-style {\n  <declaration-list> | <group-rule-body>\n}"},"@supports":{"syntax":"@supports <supports-condition> {\n  <group-rule-body>\n}"},"@view-transition":{"syntax":"@view-transition {\n  <declaration-list>\n}","descriptors":{"navigation":{"syntax":"auto | none"},"types":{"syntax":"none | <custom-ident>+"}}},"@font-features-values":{"descriptors":{"font-display":"auto | block | swap | fallback | optional"}},"@color-profile":{"syntax":"@color-profile [ <dashed-ident> | device-cmyk ] { <declaration-list> }","descriptors":{"src":{"syntax":"<url>"}}},"@historical-forms":{"syntax":" @historical-forms { <declaration-list> }"},"@styleset":{"syntax":"@styleset { <declaration-list> }"},"@character-variant":{"syntax":"@character-variant { <declaration-list> }"},"@swash":{"syntax":"@swash { <declaration-list> }"},"@ornaments":{"syntax":"@ornaments { <declaration-list> }"},"@annotation":{"syntax":"@annotation { <declaration-list> }"},"@when":{"syntax":" @when <when-condition> {\n <group-rule-body>\n}"},"@else":{"syntax":" @else <when-condition>? {\n <group-rule-body>\n}"},"@custom-media":{"syntax":" @custom-media <extension-name> [<media-query-list> | true | false ];"},"@top-left-corner":{"syntax":" @top-left-corner { <declaration-list> }"},"@top-left":{"syntax":" @top-left { <declaration-list> }"},"@top-center":{"syntax":" @top-center { <declaration-list> }"},"@top-right":{"syntax":" @top-right { <declaration-list> }"},"@top-right-corner":{"syntax":" @top-right-corner { <declaration-list> }"},"@bottom-left-corner":{"syntax":" @bottom-left-corner { <declaration-list> }"},"@bottom-left":{"syntax":" @bottom-left { <declaration-list> }"},"@bottom-right":{"syntax":" @bottom-right { <declaration-list> }"},"@bottom-right-corner":{"syntax":" @bottom-right-corner { <declaration-list> }"},"@function":{"syntax":" @function <dashed-ident>(<function-parameter>#?) [returns <css-type>]? { <declaration-rule-list> }"},"@left-top":{"syntax":" @left-top { <declaration-list> }"},"@left-middle":{"syntax":" @left-middle { <declaration-list> }"},"@left-bottom":{"syntax":" @left-bottom { <declaration-list> }"},"@right-top":{"syntax":" @right-top { <declaration-list> }"},"@right-middle":{"syntax":" @right-middle { <declaration-list> }"},"@right-bottom":{"syntax":" @right-bottom { <declaration-list> }"},"@value":{"syntax":"@value [<declaration> && [ <ident># from <ident> ]]"}},"units":["cap","ch","cm","deg","dpcm","dpi","dppx","em","ex","fr","grad","Hz","ic","in","kHz","mm","ms","pc","pt","px","Q","rad","rem","s","turn","vh","vmax","vmin","vw","x"],"languages":["aa","ab","af","ak","sq","am","ar","an","hy","as","av","ae","ay","az","ba","bm","eu","be","bn","bh","bi","bo","bs","br","bg","my","ca","cs","ch","ce","zh","cu","cv","kw","co","cr","cy","da","de","dv","nl","dz","el","en","eo","et","ee","fo","fa","fj","fi","fr","fy","ff","ka","gd","ga","gl","gv","gn","gu","ht","ha","he","hz","hi","ho","hr","hu","ig","is","io","ii","iu","ie","ia","id","ik","it","jv","ja","kl","kn","ks","kr","kk","km","ki","rw","ky","kv","kg","ko","kj","ku","lo","la","lv","li","ln","lt","lb","lu","lg","mk","mh","ml","mi","mr","ms","mg","mt","mo","mn","na","nv","nr","nd","ng","ne","nn","nb","no","ny","oc","oj","or","om","os","pa","pi","pl","pt","ps","qu","rm","ro","rn","ru","sg","sa","sr","si","sk","sl","se","sm","sn","sd","so","st","es","sc","ss","su","sw","sv","ty","ta","tt","te","tg","tl","th","ti","to","tn","ts","tk","tr","tw","ug","uk","ur","uz","ve","vi","vo","wa","wo","xh","yi","yo","za","zu"],"mediaFeatures":{"width":{"type":"length","category":"viewport"},"min-width":{"type":"length","category":"viewport"},"max-width":{"type":"length","category":"viewport"},"height":{"type":"length","category":"viewport"},"min-height":{"type":"length","category":"viewport"},"max-height":{"type":"length","category":"viewport"},"aspect-ratio":{"type":"ratio","category":"viewport"},"min-aspect-ratio":{"type":"ratio","category":"viewport"},"max-aspect-ratio":{"type":"ratio","category":"viewport"},"orientation":{"type":"keyword","values":["portrait","landscape"],"category":"viewport"},"device-width":{"type":"length","status":"deprecated","category":"device-viewport"},"device-height":{"type":"length","status":"deprecated","category":"device-viewport"},"device-aspect-ratio":{"type":"ratio","status":"deprecated","category":"device-viewport"},"resolution":{"type":"resolution","units":["dpi","dpcm","dppx"],"category":"display"},"min-resolution":{"type":"resolution","category":"display"},"max-resolution":{"type":"resolution","category":"display"},"scan":{"type":"keyword","values":["interlace","progressive"],"status":"deprecated","category":"display"},"update":{"type":"keyword","values":["none","slow","fast"],"category":"display"},"overflow-block":{"type":"keyword","values":["none","scroll","paged"],"category":"display"},"overflow-inline":{"type":"keyword","values":["none","scroll"],"category":"display"},"display-mode":{"type":"keyword","values":["fullscreen","standalone","minimal-ui","browser"],"category":"display"},"color":{"type":"integer","category":"color"},"min-color":{"type":"integer","category":"color"},"max-color":{"type":"integer","category":"color"},"color-index":{"type":"integer","category":"color"},"min-color-index":{"type":"integer","category":"color"},"max-color-index":{"type":"integer","category":"color"},"monochrome":{"type":"integer","category":"color"},"min-monochrome":{"type":"integer","category":"color"},"max-monochrome":{"type":"integer","category":"color"},"color-gamut":{"type":"keyword","values":["srgb","p3","rec2020"],"category":"color"},"dynamic-range":{"type":"keyword","values":["standard","high"],"category":"color"},"inverted-colors":{"type":"keyword","values":["none","inverted"],"category":"color"},"pointer":{"type":"keyword","values":["none","coarse","fine"],"category":"input"},"any-pointer":{"type":"keyword","values":["none","coarse","fine"],"category":"input"},"hover":{"type":"keyword","values":["none","hover"],"category":"input"},"any-hover":{"type":"keyword","values":["none","hover"],"category":"input"},"prefers-reduced-motion":{"type":"keyword","values":["no-preference","reduce"],"category":"user-preferences"},"prefers-reduced-transparency":{"type":"keyword","values":["no-preference","reduce"],"category":"user-preferences"},"prefers-contrast":{"type":"keyword","values":["no-preference","less","more","custom"],"category":"user-preferences"},"prefers-color-scheme":{"type":"keyword","values":["light","dark"],"category":"user-preferences"},"prefers-reduced-data":{"type":"keyword","values":["no-preference","reduce"],"category":"user-preferences"},"forced-colors":{"type":"keyword","values":["none","active"],"category":"accessibility"},"scripting":{"type":"keyword","values":["none","initial-only","enabled"],"category":"accessibility"},"grid":{"type":"boolean","values":[0,1],"category":"legacy"},"light-level":{"type":"keyword","values":["dim","normal","washed"],"status":"deprecated","category":"legacy"},"environment-blending":{"type":"keyword","values":["opaque","additive","subtractive"],"category":"environment"},"nav-controls":{"type":"keyword","values":["none","back"],"category":"navigation"},"video-color-gamut":{"type":"keyword","values":["srgb","p3","rec2020"],"category":"video"},"video-dynamic-range":{"type":"keyword","values":["standard","high"],"category":"video"},"-webkit-device-pixel-ratio":{"type":"number","status":"deprecated","equivalent":"resolution","category":"-webkit-"},"-webkit-max-device-pixel-ratio":{"type":"number","status":"deprecated","category":"-webkit-"},"-webkit-transform-3d":{"type":"boolean","values":[0,1],"status":"non-standard","category":"-webkit-"},"-webkit-touch-enabled":{"type":"boolean","values":[0,1],"status":"non-standard","category":"-webkit-"},"-webkit-min-device-pixel-ratio":{"type":"number","status":"deprecated","category":"-webkit-"},"-moz-device-pixel-ratio":{"type":"number","status":"deprecated","category":"-moz-"},"-moz-touch-enabled":{"type":"boolean","values":[0,1],"status":"non-standard","category":"-moz-"},"-moz-os-version":{"type":"string","status":"internal","category":"-moz-"},"-ms-high-contrast":{"type":"keyword","values":["none","active","black-on-white","white-on-black"],"status":"deprecated","equivalent":"forced-colors","category":"-ms-"},"-ms-view-state":{"type":"keyword","values":["snapped","fullscreen-portrait","fullscreen-landscape","filled"],"status":"obsolete","category":"-ms-"},"-o-device-pixel-ratio":{"type":"number","status":"obsolete","category":"-o-"}}}
\ No newline at end of file
diff --git a/src/lib/data/properties.json b/src/lib/data/properties.json
deleted file mode 100644
index 5381a35d..00000000
--- a/src/lib/data/properties.json
+++ /dev/null
@@ -1 +0,0 @@
-{"properties":{"gap":{"shorthand":"gap","properties":["row-gap","column-gap"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["normal"]},"row-gap":{"shorthand":"gap"},"column-gap":{"shorthand":"gap"},"inset":{"shorthand":"inset","properties":["top","right","bottom","left"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["auto"]},"top":{"shorthand":"inset"},"right":{"shorthand":"inset"},"bottom":{"shorthand":"inset"},"left":{"shorthand":"inset"},"margin":{"shorthand":"margin","properties":["margin-top","margin-right","margin-bottom","margin-left"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["auto"]},"margin-top":{"shorthand":"margin"},"margin-right":{"shorthand":"margin"},"margin-bottom":{"shorthand":"margin"},"margin-left":{"shorthand":"margin"},"padding":{"shorthand":"padding","properties":["padding-top","padding-right","padding-bottom","padding-left"],"types":["Length","Perc"],"keywords":[]},"padding-top":{"shorthand":"padding"},"padding-right":{"shorthand":"padding"},"padding-bottom":{"shorthand":"padding"},"padding-left":{"shorthand":"padding"},"scroll-margin":{"shorthand":"scroll-margin","properties":["scroll-margin-top","scroll-margin-right","scroll-margin-bottom","scroll-margin-left"],"types":["Length","Perc"],"default":["0"],"keywords":["auto"]},"scroll-margin-top":{"shorthand":"scroll-margin"},"scroll-margin-right":{"shorthand":"scroll-margin"},"scroll-margin-bottom":{"shorthand":"scroll-margin"},"scroll-margin-left":{"shorthand":"scroll-margin"},"scroll-padding":{"shorthand":"scroll-padding","properties":["scroll-padding-top","scroll-padding-right","scroll-padding-bottom","scroll-padding-left"],"types":["Length","Perc"],"keywords":["auto"]},"scroll-padding-top":{"shorthand":"scroll-padding"},"scroll-padding-right":{"shorthand":"scroll-padding"},"scroll-padding-bottom":{"shorthand":"scroll-padding"},"scroll-padding-left":{"shorthand":"scroll-padding"},"border-radius":{"shorthand":"border-radius","properties":["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"],"types":["Length","Perc"],"multiple":true,"separator":{"typ":"Literal","val":"/"},"keywords":[]},"border-top-left-radius":{"shorthand":"border-radius"},"border-top-right-radius":{"shorthand":"border-radius"},"border-bottom-right-radius":{"shorthand":"border-radius"},"border-bottom-left-radius":{"shorthand":"border-radius"},"border-width":{"shorthand":"border-width","map":"border","properties":["border-top-width","border-right-width","border-bottom-width","border-left-width"],"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]},"border-top-width":{"map":"border","shorthand":"border-width"},"border-right-width":{"map":"border","shorthand":"border-width"},"border-bottom-width":{"map":"border","shorthand":"border-width"},"border-left-width":{"map":"border","shorthand":"border-width"},"border-style":{"shorthand":"border-style","map":"border","properties":["border-top-style","border-right-style","border-bottom-style","border-left-style"],"types":[],"default":["none"],"keywords":["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-top-style":{"map":"border","shorthand":"border-style"},"border-right-style":{"map":"border","shorthand":"border-style"},"border-bottom-style":{"map":"border","shorthand":"border-style"},"border-left-style":{"map":"border","shorthand":"border-style"},"border-color":{"shorthand":"border-color","map":"border","properties":["border-top-color","border-right-color","border-bottom-color","border-left-color"],"types":["Color"],"default":["currentcolor"],"keywords":[]},"border-top-color":{"map":"border","shorthand":"border-color"},"border-right-color":{"map":"border","shorthand":"border-color"},"border-bottom-color":{"map":"border","shorthand":"border-color"},"border-left-color":{"map":"border","shorthand":"border-color"},"grid-row":{"shorthand":"grid-row","properties":["grid-row-start","grid-row-end"],"types":["Iden","Number"],"multiple":true,"valueSeparator":{"typ":"Literal","val":"/"},"default":["auto"],"keywords":["auto","span"]},"grid-row-start":{"shorthand":"grid-row"},"grid-row-end":{"shorthand":"grid-row"}},"map":{"flex-flow":{"shorthand":"flex-flow","pattern":"flex-direction flex-wrap","keywords":[],"default":["row","nowrap"],"properties":{"flex-direction":{"keywords":["row","row-reverse","column","column-reverse"],"default":["row"],"types":[]},"flex-wrap":{"keywords":["wrap","nowrap","wrap-reverse"],"default":["nowrap"],"types":[]}}},"flex-direction":{"shorthand":"flex-flow"},"flex-wrap":{"shorthand":"flex-flow"},"scroll-timeline":{"shorthand":"scroll-timeline","pattern":"scroll-timeline-name scroll-timeline-axis","keywords":["none","block","inline","x","y"],"default":["none","block"],"properties":{"scroll-timeline-name":{"keywords":["none"],"default":["none"],"types":["DashedIden"]},"scroll-timeline-axis":{"keywords":["block","inline","x","y"],"default":["block"],"types":[]}}},"scroll-timeline-name":{"shorthand":"scroll-timeline"},"scroll-timeline-axis":{"shorthand":"scroll-timeline"},"container":{"shorthand":"container","pattern":"container-name container-type","keywords":[],"default":[],"properties":{"container-name":{"required":true,"multiple":true,"keywords":["none"],"default":["none"],"types":["Iden","DashedIden"]},"container-type":{"previous":"container-name","prefix":{"typ":"Literal","val":"/"},"keywords":["size","inline-size","normal"],"default":["normal"],"types":[]}}},"container-name":{"shorthand":"container"},"container-type":{"shorthand":"container"},"flex":{"shorthand":"flex","pattern":"flex-grow flex-shrink flex-basis","keywords":["auto","none","initial"],"default":[],"mapping":{"0 1 auto":"initial","0 0 auto":"none","1 1 auto":"auto"},"properties":{"flex-grow":{"required":true,"keywords":[],"default":[],"types":["Number"]},"flex-shrink":{"keywords":[],"default":[],"types":["Number"]},"flex-basis":{"keywords":["max-content","min-content","fit-content","fit-content","content","auto"],"default":[],"types":["Length","Perc"]}}},"flex-grow":{"shorthand":"flex"},"flex-shrink":{"shorthand":"flex"},"flex-basis":{"shorthand":"flex"},"columns":{"shorthand":"columns","pattern":"column-count column-width","keywords":["auto"],"default":["auto","auto auto"],"properties":{"column-count":{"keywords":["auto"],"default":["auto"],"types":["Number"]},"column-width":{"keywords":["auto"],"default":["auto"],"types":["Length"]}}},"column-count":{"shorthand":"columns"},"column-width":{"shorthand":"columns"},"transition":{"shorthand":"transition","multiple":true,"separator":{"typ":"Comma"},"pattern":"transition-property transition-duration transition-timing-function transition-delay transition-behavior","keywords":["none","all"],"default":["0s","0ms","all","ease","none","normal"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"},"properties":{"transition-property":{"keywords":["none","all"],"default":["all"],"types":["Iden"]},"transition-duration":{"keywords":[],"default":["0s","0ms","normal"],"types":["Time"]},"transition-timing-function":{"keywords":["ease","ease-in","ease-out","ease-in-out","linear","step-start","step-end"],"default":["ease"],"types":["TimingFunction"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"}},"transition-delay":{"keywords":[],"default":["0s"],"types":["Time"]},"transition-behavior":{"keywords":["normal","allow-discrete"],"default":["normal"],"types":[]}}},"transition-property":{"shorthand":"transition"},"transition-duration":{"shorthand":"transition"},"transition-timing-function":{"shorthand":"transition"},"transition-delay":{"shorthand":"transition"},"transition-behavior":{"shorthand":"transition"},"animation":{"shorthand":"animation","separator":{"typ":"Comma"},"pattern":"animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode animation-play-state animation-timeline","default":["1","0s","0ms","none","ease","normal","running","auto"],"properties":{"animation-name":{"keywords":["none"],"default":["none"],"types":["Iden"]},"animation-duration":{"keywords":["auto"],"default":["0s","0ms","auto"],"types":["Time"],"mapping":{"auto":"0s"}},"animation-timing-function":{"keywords":["ease","ease-in","ease-out","ease-in-out","linear","step-start","step-end"],"default":["ease"],"types":["TimingFunction"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"}},"animation-delay":{"keywords":[],"default":["0s","0ms"],"types":["Time"]},"animation-iteration-count":{"keywords":["infinite"],"default":["1"],"types":["Number"]},"animation-direction":{"keywords":["normal","reverse","alternate","alternate-reverse"],"default":["normal"],"types":[]},"animation-fill-mode":{"keywords":["none","forwards","backwards","both"],"default":["none"],"types":[]},"animation-play-state":{"keywords":["running","paused"],"default":["running"],"types":[]},"animation-timeline":{"keywords":["none","auto"],"default":["auto"],"types":["DashedIden","TimelineFunction"]}}},"animation-name":{"shorthand":"animation"},"animation-duration":{"shorthand":"animation"},"animation-timing-function":{"shorthand":"animation"},"animation-delay":{"shorthand":"animation"},"animation-iteration-count":{"shorthand":"animation"},"animation-direction":{"shorthand":"animation"},"animation-fill-mode":{"shorthand":"animation"},"animation-play-state":{"shorthand":"animation"},"animation-timeline":{"shorthand":"animation"},"text-emphasis":{"shorthand":"text-emphasis","pattern":"text-emphasis-color text-emphasis-style","default":["none","currentcolor"],"properties":{"text-emphasis-style":{"keywords":["none","filled","open","dot","circle","double-circle","triangle","sesame"],"default":["none"],"types":["String"]},"text-emphasis-color":{"default":["currentcolor"],"types":["Color"]}}},"text-emphasis-style":{"shorthand":"text-emphasis"},"text-emphasis-color":{"shorthand":"text-emphasis"},"border":{"shorthand":"border","pattern":"border-color border-style border-width","keywords":["none"],"default":["0","none"],"properties":{"border-color":{"types":["Color"],"default":["currentcolor"],"keywords":[]},"border-style":{"types":[],"default":["none"],"keywords":["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-width":{"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]}}},"border-color":{"shorthand":"border"},"border-style":{"shorthand":"border"},"border-width":{"shorthand":"border"},"list-style":{"shorthand":"list-style","pattern":"list-style-type list-style-position list-style-image","keywords":["none","outside"],"default":["none","outside"],"properties":{"list-style-position":{"types":[],"default":["outside"],"keywords":["inside","outside"]},"list-style-image":{"default":["none"],"keywords":["node"],"types":["UrlFunc","ImageFunc"]},"list-style-type":{"types":["String","Iden","Symbols"],"default":["disc"],"keywords":["disc","circle","square","decimal","decimal-leading-zero","lower-roman","upper-roman","lower-greek","lower-latin","upper-latin","none"]}}},"list-style-position":{"shorthand":"list-style"},"list-style-image":{"shorthand":"list-style"},"list-style-type":{"shorthand":"list-style"},"overflow":{"shorthand":"overflow","pattern":"overflow-x overflow-y","keywords":["auto","visible","hidden","clip","scroll"],"default":[],"mapping":{"visible visible":"visible","auto auto":"auto","hidden hidden":"hidden","scroll scroll":"scroll"},"properties":{"overflow-x":{"default":[],"types":[],"keywords":["auto","visible","hidden","clip","scroll"]},"overflow-y":{"default":[],"types":[],"keywords":["auto","visible","hidden","clip","scroll"]}}},"overflow-x":{"shorthand":"overflow"},"overflow-y":{"shorthand":"overflow"},"outline":{"shorthand":"outline","pattern":"outline-color outline-style outline-width","keywords":["none"],"default":["0","none","currentcolor"],"properties":{"outline-color":{"types":["Color"],"default":["currentcolor"],"keywords":["currentcolor"]},"outline-style":{"types":[],"default":["none"],"keywords":["auto","none","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"outline-width":{"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]}}},"outline-color":{"shorthand":"outline"},"outline-style":{"shorthand":"outline"},"outline-width":{"shorthand":"outline"},"font":{"shorthand":"font","pattern":"font-weight font-style font-size line-height font-stretch font-variant font-family","keywords":["caption","icon","menu","message-box","small-caption","status-bar","-moz-window, ","-moz-document, ","-moz-desktop, ","-moz-info, ","-moz-dialog","-moz-button","-moz-pull-down-menu","-moz-list","-moz-field"],"default":[],"properties":{"font-weight":{"types":["Number"],"default":["400","normal"],"keywords":["normal","bold","lighter","bolder"],"constraints":{"value":{"min":"1","max":"1000"}},"mapping":{"thin":"100","hairline":"100","extra light":"200","ultra light":"200","light":"300","normal":"400","regular":"400","medium":"500","semi bold":"600","demi bold":"600","bold":"700","extra bold":"800","ultra bold":"800","black":"900","heavy":"900","extra black":"950","ultra black":"950"}},"font-style":{"types":["Angle"],"default":["normal"],"keywords":["normal","italic","oblique"]},"font-size":{"types":["Length","Perc"],"default":[],"keywords":["xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","larger","smaller"],"required":true},"line-height":{"types":["Length","Perc","Number"],"default":["normal"],"keywords":["normal"],"previous":"font-size","prefix":{"typ":"Literal","val":"/"}},"font-stretch":{"types":["Perc"],"default":["normal"],"keywords":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded"],"mapping":{"ultra-condensed":"50%","extra-condensed":"62.5%","condensed":"75%","semi-condensed":"87.5%","normal":"100%","semi-expanded":"112.5%","expanded":"125%","extra-expanded":"150%","ultra-expanded":"200%"}},"font-variant":{"types":[],"default":["normal"],"keywords":["normal","none","common-ligatures","no-common-ligatures","discretionary-ligatures","no-discretionary-ligatures","historical-ligatures","no-historical-ligatures","contextual","no-contextual","historical-forms","small-caps","all-small-caps","petite-caps","all-petite-caps","unicase","titling-caps","ordinal","slashed-zero","lining-nums","oldstyle-nums","proportional-nums","tabular-nums","diagonal-fractions","stacked-fractions","ordinal","slashed-zero","ruby","jis78","jis83","jis90","jis04","simplified","traditional","full-width","proportional-width","ruby","sub","super","text","emoji","unicode"]},"font-family":{"types":["String","Iden"],"default":[],"keywords":["serif","sans-serif","monospace","cursive","fantasy","system-ui","ui-serif","ui-sans-serif","ui-monospace","ui-rounded","math","emoji","fangsong"],"required":true,"multiple":true,"separator":{"typ":"Comma"}}}},"font-weight":{"shorthand":"font"},"font-style":{"shorthand":"font"},"font-size":{"shorthand":"font"},"line-height":{"shorthand":"font"},"font-stretch":{"shorthand":"font"},"font-variant":{"shorthand":"font"},"font-family":{"shorthand":"font"},"background":{"shorthand":"background","pattern":"background-attachment background-origin background-clip background-color background-image background-repeat background-position background-size","keywords":["none"],"default":["0 0","none","auto","repeat","transparent","#0000","scroll","padding-box","border-box"],"multiple":true,"set":{"background-origin":["background-clip"]},"separator":{"typ":"Comma"},"properties":{"background-repeat":{"types":[],"default":["repeat"],"multiple":true,"keywords":["repeat-x","repeat-y","repeat","space","round","no-repeat"],"mapping":{"repeat no-repeat":"repeat-x","no-repeat repeat":"repeat-y","repeat repeat":"repeat","space space":"space","round round":"round","no-repeat no-repeat":"no-repeat"}},"background-color":{"types":["Color"],"default":["#0000","transparent"],"multiple":true,"keywords":[]},"background-image":{"types":["UrlFunc","ImageFunc"],"default":["none"],"keywords":["none"]},"background-attachment":{"types":[],"default":["scroll"],"multiple":true,"keywords":["scroll","fixed","local"]},"background-clip":{"types":[],"default":["border-box"],"multiple":true,"keywords":["border-box","padding-box","content-box","text"]},"background-origin":{"types":[],"default":["padding-box"],"multiple":true,"keywords":["border-box","padding-box","content-box"]},"background-position":{"multiple":true,"types":["Perc","Length"],"default":["0 0","top left","left top"],"keywords":["top","left","center","bottom","right"],"mapping":{"left":"0","top":"0","center":"50%","center center":"50%","50% 50%":"50%","bottom":"100%","right":"100%"},"constraints":{"mapping":{"max":2}}},"background-size":{"multiple":true,"previous":"background-position","prefix":{"typ":"Literal","val":"/"},"types":["Perc","Length"],"default":["auto","auto auto"],"keywords":["auto","cover","contain"],"mapping":{"auto auto":"auto"}}}},"background-repeat":{"shorthand":"background"},"background-color":{"shorthand":"background"},"background-image":{"shorthand":"background"},"background-attachment":{"shorthand":"background"},"background-clip":{"shorthand":"background"},"background-origin":{"shorthand":"background"},"background-position":{"shorthand":"background"},"background-size":{"shorthand":"background"}},"property":{"transform-origin":{"pattern":[["left|center|right","top|center|bottom","<length>"],["left|center|right","top|center|bottom"],["center|left|right|center|top|bottom|<length>"]],"mapping":{"center":{"typ":"Perc","val":50},"left":{"typ":"Perc","val":0},"right":{"typ":"Perc","val":100},"top":{"typ":"Perc","val":0},"bottom":{"typ":"Perc","val":100}}}}}
\ No newline at end of file
diff --git a/src/lib/data/validation.json b/src/lib/data/validation.json
deleted file mode 100644
index ecf412d4..00000000
--- a/src/lib/data/validation.json
+++ /dev/null
@@ -1 +0,0 @@
-{"declarations":{"-ms-accelerator":{"syntax":"false | true"},"-ms-block-progression":{"syntax":"tb | rl | bt | lr"},"-ms-content-zoom-chaining":{"syntax":"none | chained"},"-ms-content-zoom-limit":{"syntax":"<'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>"},"-ms-content-zoom-limit-max":{"syntax":"<percentage>"},"-ms-content-zoom-limit-min":{"syntax":"<percentage>"},"-ms-content-zoom-snap":{"syntax":"<'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>"},"-ms-content-zoom-snap-points":{"syntax":"snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )"},"-ms-content-zoom-snap-type":{"syntax":"none | proximity | mandatory"},"-ms-content-zooming":{"syntax":"none | zoom"},"-ms-filter":{"syntax":"<string>"},"-ms-flow-from":{"syntax":"[ none | <custom-ident> ]#"},"-ms-flow-into":{"syntax":"[ none | <custom-ident> ]#"},"-ms-grid-columns":{"syntax":"none | <track-list> | <auto-track-list>"},"-ms-grid-rows":{"syntax":"none | <track-list> | <auto-track-list>"},"-ms-high-contrast-adjust":{"syntax":"auto | none"},"-ms-hyphenate-limit-chars":{"syntax":"auto | <integer>{1,3}"},"-ms-hyphenate-limit-lines":{"syntax":"no-limit | <integer>"},"-ms-hyphenate-limit-zone":{"syntax":"<percentage> | <length>"},"-ms-ime-align":{"syntax":"auto | after"},"-ms-overflow-style":{"syntax":" auto | none | scrollbar | -ms-autohiding-scrollbar"},"-ms-scroll-chaining":{"syntax":"chained | none"},"-ms-scroll-limit":{"syntax":"<'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>"},"-ms-scroll-limit-x-max":{"syntax":"auto | <length>"},"-ms-scroll-limit-x-min":{"syntax":"<length>"},"-ms-scroll-limit-y-max":{"syntax":"auto | <length>"},"-ms-scroll-limit-y-min":{"syntax":"<length>"},"-ms-scroll-rails":{"syntax":"none | railed"},"-ms-scroll-snap-points-x":{"syntax":"snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )"},"-ms-scroll-snap-points-y":{"syntax":"snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )"},"-ms-scroll-snap-type":{"syntax":"none | proximity | mandatory"},"-ms-scroll-snap-x":{"syntax":"<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>"},"-ms-scroll-snap-y":{"syntax":"<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>"},"-ms-scroll-translation":{"syntax":"none | vertical-to-horizontal"},"-ms-scrollbar-3dlight-color":{"syntax":"<color>"},"-ms-scrollbar-arrow-color":{"syntax":"<color>"},"-ms-scrollbar-base-color":{"syntax":"<color>"},"-ms-scrollbar-darkshadow-color":{"syntax":"<color>"},"-ms-scrollbar-face-color":{"syntax":"<color>"},"-ms-scrollbar-highlight-color":{"syntax":"<color>"},"-ms-scrollbar-shadow-color":{"syntax":"<color>"},"-ms-scrollbar-track-color":{"syntax":"<color>"},"-ms-text-autospace":{"syntax":"none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space"},"-ms-touch-select":{"syntax":"grippers | none"},"-ms-user-select":{"syntax":"none | element | text"},"-ms-wrap-flow":{"syntax":"auto | both | start | end | maximum | clear"},"-ms-wrap-margin":{"syntax":"<length>"},"-ms-wrap-through":{"syntax":"wrap | none"},"-moz-appearance":{"syntax":"none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized"},"-moz-binding":{"syntax":"<url> | none"},"-moz-border-bottom-colors":{"syntax":"<color>+ | none"},"-moz-border-left-colors":{"syntax":"<color>+ | none"},"-moz-border-right-colors":{"syntax":"<color>+ | none"},"-moz-border-top-colors":{"syntax":"<color>+ | none"},"-moz-context-properties":{"syntax":"none | [ fill | fill-opacity | stroke | stroke-opacity ]#"},"-moz-float-edge":{"syntax":"border-box | content-box | margin-box | padding-box"},"-moz-force-broken-image-icon":{"syntax":"0 | 1"},"-moz-orient":{"syntax":"inline | block | horizontal | vertical"},"-moz-outline-radius":{"syntax":"<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?"},"-moz-outline-radius-bottomleft":{"syntax":"<outline-radius>"},"-moz-outline-radius-bottomright":{"syntax":"<outline-radius>"},"-moz-outline-radius-topleft":{"syntax":"<outline-radius>"},"-moz-outline-radius-topright":{"syntax":"<outline-radius>"},"-moz-stack-sizing":{"syntax":"ignore | stretch-to-fit"},"-moz-text-blink":{"syntax":"none | blink"},"-moz-user-focus":{"syntax":"ignore | normal | select-after | select-before | select-menu | select-same | select-all | none"},"-moz-user-input":{"syntax":"auto | none | enabled | disabled"},"-moz-user-modify":{"syntax":"read-only | read-write | write-only"},"-moz-window-dragging":{"syntax":"drag | no-drag"},"-moz-window-shadow":{"syntax":"default | menu | tooltip | sheet | none"},"-webkit-appearance":{"syntax":" none | button | button-bevel | caps-lock-indicator | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbargripper-horizontal | scrollbargripper-vertical | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield | -apple-pay-button"},"-webkit-border-after":{"syntax":"<'border-top'>"},"-webkit-border-after-color":{"syntax":"<'border-top-color'>"},"-webkit-border-after-style":{"syntax":"<'border-top-style'>"},"-webkit-border-after-width":{"syntax":"<'border-top-width'>"},"-webkit-border-before":{"syntax":"<'border-top'>"},"-webkit-border-before-color":{"syntax":"<'border-top-color'>"},"-webkit-border-before-style":{"syntax":"<'border-top-style'>"},"-webkit-border-before-width":{"syntax":"<'border-top-width'>"},"-webkit-border-end":{"syntax":"<'border-top'>"},"-webkit-border-end-color":{"syntax":"<'border-top-color'>"},"-webkit-border-end-style":{"syntax":"<'border-top-style'>"},"-webkit-border-end-width":{"syntax":"<'border-top-width'>"},"-webkit-border-start":{"syntax":"<'border-top'>"},"-webkit-border-start-color":{"syntax":"<'border-top-color'>"},"-webkit-border-start-style":{"syntax":"<'border-top-style'>"},"-webkit-border-start-width":{"syntax":"<'border-top-width'>"},"-webkit-box-reflect":{"syntax":"[ above | below | right | left ]? <length>? <image>?"},"-webkit-line-clamp":{"syntax":"none | <integer>"},"-webkit-mask":{"syntax":"[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <visual-box> | border | padding | content | text ] || [ <visual-box> | border | padding | content ] ]#"},"-webkit-mask-attachment":{"syntax":"<attachment>#"},"-webkit-mask-clip":{"syntax":"[ <coord-box> | no-clip | border | padding | content | text ]#"},"-webkit-mask-composite":{"syntax":"<composite-style>#"},"-webkit-mask-image":{"syntax":"<mask-reference>#"},"-webkit-mask-origin":{"syntax":"[ <coord-box> | border | padding | content ]#"},"-webkit-mask-position":{"syntax":"<position>#"},"-webkit-mask-position-x":{"syntax":"[ <length-percentage> | left | center | right ]#"},"-webkit-mask-position-y":{"syntax":"[ <length-percentage> | top | center | bottom ]#"},"-webkit-mask-repeat":{"syntax":"<repeat-style>#"},"-webkit-mask-repeat-x":{"syntax":"repeat | no-repeat | space | round"},"-webkit-mask-repeat-y":{"syntax":"repeat | no-repeat | space | round"},"-webkit-mask-size":{"syntax":"<bg-size>#"},"-webkit-overflow-scrolling":{"syntax":"auto | touch"},"-webkit-tap-highlight-color":{"syntax":"<color>"},"-webkit-text-fill-color":{"syntax":"<color>"},"-webkit-text-stroke":{"syntax":"<length> || <color>"},"-webkit-text-stroke-color":{"syntax":"<color>"},"-webkit-text-stroke-width":{"syntax":"<length>"},"-webkit-touch-callout":{"syntax":"default | none"},"-webkit-user-modify":{"syntax":"read-only | read-write | read-write-plaintext-only"},"-webkit-user-select":{"syntax":" auto | none | text | all"},"accent-color":{"syntax":"auto | <color>"},"align-content":{"syntax":"normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"},"align-items":{"syntax":"normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center"},"align-self":{"syntax":"auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center"},"align-tracks":{"syntax":"[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#"},"alignment-baseline":{"syntax":" auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical"},"all":{"syntax":"initial | inherit | unset | revert | revert-layer"},"anchor-name":{"syntax":"none | <dashed-ident>#"},"anchor-scope":{"syntax":"none | all | <dashed-ident>#"},"animation":{"syntax":"<single-animation>#"},"animation-composition":{"syntax":"<single-animation-composition>#"},"animation-delay":{"syntax":"<time>#"},"animation-direction":{"syntax":"<single-animation-direction>#"},"animation-duration":{"syntax":"[ auto | <time [0s,∞]> ]#"},"animation-fill-mode":{"syntax":"<single-animation-fill-mode>#"},"animation-iteration-count":{"syntax":"<single-animation-iteration-count>#"},"animation-name":{"syntax":"[ none | <keyframes-name> ]#"},"animation-play-state":{"syntax":"<single-animation-play-state>#"},"animation-range":{"syntax":"[ <'animation-range-start'> <'animation-range-end'>? ]#"},"animation-range-end":{"syntax":"[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"animation-range-start":{"syntax":"[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"animation-timeline":{"syntax":"<single-animation-timeline>#"},"animation-timing-function":{"syntax":"<easing-function>#"},"animation-trigger":{"syntax":"[ none | [ <dashed-ident> <animation-action>+ ]+ ]#"},"appearance":{"syntax":"none | auto | <compat-auto> | <compat-special>"},"aspect-ratio":{"syntax":"auto || <ratio>"},"backdrop-filter":{"syntax":"none | <filter-value-list>"},"backface-visibility":{"syntax":"visible | hidden"},"background":{"syntax":"<bg-layer>#? , <final-bg-layer>"},"background-attachment":{"syntax":"<attachment>#"},"background-blend-mode":{"syntax":"<blend-mode>#"},"background-clip":{"syntax":"<bg-clip>#"},"background-color":{"syntax":"<color>"},"background-image":{"syntax":"<bg-image>#"},"background-origin":{"syntax":"<visual-box>#"},"background-position":{"syntax":"<bg-position>#"},"background-position-x":{"syntax":"[ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#"},"background-position-y":{"syntax":"[ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#"},"background-repeat":{"syntax":"<repeat-style>#"},"background-size":{"syntax":"<bg-size>#"},"baseline-shift":{"syntax":" baseline | sub | super | <svg-length>"},"baseline-source":{"syntax":"auto | first | last"},"block-size":{"syntax":"<'width'>"},"border":{"syntax":"<line-width> || <line-style> || <color>"},"border-block":{"syntax":"<'border-top'>"},"border-block-color":{"syntax":"<'border-top-color'>{1,2}"},"border-block-end":{"syntax":"<'border-top'>"},"border-block-end-color":{"syntax":"<'border-top-color'>"},"border-block-end-style":{"syntax":"<'border-top-style'>"},"border-block-end-width":{"syntax":"<'border-top-width'>"},"border-block-start":{"syntax":"<'border-top'>"},"border-block-start-color":{"syntax":"<'border-top-color'>"},"border-block-start-style":{"syntax":"<'border-top-style'>"},"border-block-start-width":{"syntax":"<'border-top-width'>"},"border-block-style":{"syntax":"<'border-top-style'>{1,2}"},"border-block-width":{"syntax":"<'border-top-width'>{1,2}"},"border-bottom":{"syntax":"<line-width> || <line-style> || <color>"},"border-bottom-color":{"syntax":"<'border-top-color'>"},"border-bottom-left-radius":{"syntax":"<length-percentage [0,∞]>{1,2}"},"border-bottom-right-radius":{"syntax":"<length-percentage [0,∞]>{1,2}"},"border-bottom-style":{"syntax":"<line-style>"},"border-bottom-width":{"syntax":"<line-width>"},"border-collapse":{"syntax":"separate | collapse"},"border-color":{"syntax":"<color>{1,4}"},"border-end-end-radius":{"syntax":"<'border-top-left-radius'>"},"border-end-start-radius":{"syntax":"<'border-top-left-radius'>"},"border-image":{"syntax":"<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>"},"border-image-outset":{"syntax":"[ <length [0,∞]> | <number [0,∞]> ]{1,4}"},"border-image-repeat":{"syntax":"[ stretch | repeat | round | space ]{1,2}"},"border-image-slice":{"syntax":"[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?"},"border-image-source":{"syntax":"none | <image>"},"border-image-width":{"syntax":"[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}"},"border-inline":{"syntax":"<'border-top'>"},"border-inline-color":{"syntax":"<'border-top-color'>{1,2}"},"border-inline-end":{"syntax":"<'border-top'>"},"border-inline-end-color":{"syntax":"<'border-top-color'>"},"border-inline-end-style":{"syntax":"<'border-top-style'>"},"border-inline-end-width":{"syntax":"<'border-top-width'>"},"border-inline-start":{"syntax":"<'border-top'>"},"border-inline-start-color":{"syntax":"<'border-top-color'>"},"border-inline-start-style":{"syntax":"<'border-top-style'>"},"border-inline-start-width":{"syntax":"<'border-top-width'>"},"border-inline-style":{"syntax":"<'border-top-style'>{1,2}"},"border-inline-width":{"syntax":"<'border-top-width'>{1,2}"},"border-left":{"syntax":"<line-width> || <line-style> || <color>"},"border-left-color":{"syntax":"<color>"},"border-left-style":{"syntax":"<line-style>"},"border-left-width":{"syntax":"<line-width>"},"border-radius":{"syntax":"<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"},"border-right":{"syntax":"<line-width> || <line-style> || <color>"},"border-right-color":{"syntax":"<color>"},"border-right-style":{"syntax":"<line-style>"},"border-right-width":{"syntax":"<line-width>"},"border-shape":{"syntax":"none | [ <basic-shape> <geometry-box>?]{1,2}"},"border-spacing":{"syntax":"<length>{1,2}"},"border-start-end-radius":{"syntax":"<'border-top-left-radius'>"},"border-start-start-radius":{"syntax":"<'border-top-left-radius'>"},"border-style":{"syntax":"<line-style>{1,4}"},"border-top":{"syntax":"<line-width> || <line-style> || <color>"},"border-top-color":{"syntax":"<color>"},"border-top-left-radius":{"syntax":"<length-percentage [0,∞]>{1,2}"},"border-top-right-radius":{"syntax":"<length-percentage [0,∞]>{1,2}"},"border-top-style":{"syntax":"<line-style>"},"border-top-width":{"syntax":"<line-width>"},"border-width":{"syntax":"<line-width>{1,4}"},"bottom":{"syntax":"auto | <length-percentage> | <anchor()> | <anchor-size()>"},"box-align":{"syntax":"start | center | end | baseline | stretch"},"box-decoration-break":{"syntax":"slice | clone"},"box-direction":{"syntax":"normal | reverse | inherit"},"box-flex":{"syntax":"<number>"},"box-flex-group":{"syntax":"<integer>"},"box-lines":{"syntax":"single | multiple"},"box-ordinal-group":{"syntax":"<integer>"},"box-orient":{"syntax":"horizontal | vertical | inline-axis | block-axis | inherit"},"box-pack":{"syntax":"start | center | end | justify"},"box-shadow":{"syntax":"none | <shadow>#"},"box-sizing":{"syntax":"content-box | border-box"},"break-after":{"syntax":"auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region"},"break-before":{"syntax":"auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region"},"break-inside":{"syntax":"auto | avoid | avoid-page | avoid-column | avoid-region"},"caption-side":{"syntax":"top | bottom"},"caret":{"syntax":"<'caret-color'> || <'caret-animation'> || <'caret-shape'>"},"caret-animation":{"syntax":"auto | manual"},"caret-color":{"syntax":"auto | <color>"},"caret-shape":{"syntax":"auto | bar | block | underscore"},"clear":{"syntax":"none | left | right | both | inline-start | inline-end"},"clip":{"syntax":"<shape> | auto"},"clip-path":{"syntax":"<clip-source> | [ <basic-shape> || <geometry-box> ] | none"},"clip-rule":{"syntax":"nonzero | evenodd"},"color":{"syntax":"<color>"},"color-interpolation-filters":{"syntax":"auto | sRGB | linearRGB"},"color-scheme":{"syntax":"normal | [ light | dark | <custom-ident> ]+ && only?"},"column-count":{"syntax":"<integer> | auto"},"column-fill":{"syntax":"auto | balance"},"column-gap":{"syntax":"normal | <length-percentage>"},"column-height":{"syntax":"auto | <length [0,∞]>"},"column-rule":{"syntax":"<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>"},"column-rule-color":{"syntax":"<color>"},"column-rule-style":{"syntax":"<line-style>"},"column-rule-width":{"syntax":"<line-width>"},"column-span":{"syntax":"none | all"},"column-width":{"syntax":"auto | <length [0,∞]>"},"column-wrap":{"syntax":"auto | nowrap | wrap"},"columns":{"syntax":"[ <'column-width'> || <'column-count'> ] [ / <'column-height'> ]?"},"contain":{"syntax":"none | strict | content | [ [ size || inline-size ] || layout || style || paint ]"},"contain-intrinsic-block-size":{"syntax":"auto? [ none | <length> ]"},"contain-intrinsic-height":{"syntax":"auto? [ none | <length> ]"},"contain-intrinsic-inline-size":{"syntax":"auto? [ none | <length> ]"},"contain-intrinsic-size":{"syntax":"[ auto? [ none | <length> ] ]{1,2}"},"contain-intrinsic-width":{"syntax":"auto? [ none | <length> ]"},"container":{"syntax":"<'container-name'> [ / <'container-type'> ]?"},"container-name":{"syntax":"none | <custom-ident>+"},"container-type":{"syntax":"normal | [ [ size | inline-size ] || scroll-state ]"},"content":{"syntax":"normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?"},"content-visibility":{"syntax":"visible | auto | hidden"},"corner-block-end-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-block-start-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-bottom-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-bottom-left-shape":{"syntax":"<corner-shape-value>"},"corner-bottom-right-shape":{"syntax":"<corner-shape-value>"},"corner-end-end-shape":{"syntax":"<corner-shape-value>"},"corner-end-start-shape":{"syntax":"<corner-shape-value>"},"corner-inline-end-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-inline-start-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-left-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-right-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-shape":{"syntax":"<corner-shape-value>{1,4}"},"corner-start-start-shape":{"syntax":"<corner-shape-value>"},"corner-start-end-shape":{"syntax":"<corner-shape-value>"},"corner-top-shape":{"syntax":"<corner-shape-value>{1,2}"},"corner-top-left-shape":{"syntax":"<corner-shape-value>"},"corner-top-right-shape":{"syntax":"<corner-shape-value>"},"counter-increment":{"syntax":"[ <counter-name> <integer>? ]+ | none"},"counter-reset":{"syntax":"[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none"},"counter-set":{"syntax":"[ <counter-name> <integer>? ]+ | none"},"cursor":{"syntax":"<cursor-predefined> |  [ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing | hand | -webkit-grab | -webkit-grabbing | -webkit-zoom-in | -webkit-zoom-out | -moz-grab | -moz-grabbing | -moz-zoom-in | -moz-zoom-out ] ]"},"cx":{"syntax":"<length> | <percentage>"},"cy":{"syntax":"<length> | <percentage>"},"d":{"syntax":"none | path(<string>)"},"direction":{"syntax":"ltr | rtl"},"display":{"syntax":"[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>"},"dominant-baseline":{"syntax":" auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge"},"dynamic-range-limit":{"syntax":"standard | no-limit | constrained | <dynamic-range-limit-mix()>"},"empty-cells":{"syntax":"show | hide"},"field-sizing":{"syntax":"content | fixed"},"fill":{"syntax":"<paint>"},"fill-opacity":{"syntax":" <number-zero-one> | <percentage>"},"fill-rule":{"syntax":"nonzero | evenodd"},"filter":{"syntax":"none | <filter-value-list> | <-ms-filter-function-list>"},"flex":{"syntax":"none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"},"flex-basis":{"syntax":"content | <'width'>"},"flex-direction":{"syntax":"row | row-reverse | column | column-reverse"},"flex-flow":{"syntax":"<'flex-direction'> || <'flex-wrap'>"},"flex-grow":{"syntax":"<number>"},"flex-line-count":{"syntax":"<integer [1,∞]>"},"flex-shrink":{"syntax":"<number>"},"flex-wrap":{"syntax":"nowrap | [ wrap | wrap-reverse ] || balance"},"float":{"syntax":"left | right | none | inline-start | inline-end"},"flood-color":{"syntax":"<color>"},"flood-opacity":{"syntax":"<'opacity'>"},"font":{"syntax":" [ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font> | [ <'font-size'> [ / <'line-height'> ]? <'font-family'># ]"},"font-family":{"syntax":"[ <family-name> | <generic-family> ]#"},"font-feature-settings":{"syntax":"normal | <feature-tag-value>#"},"font-kerning":{"syntax":"auto | normal | none"},"font-language-override":{"syntax":"normal | <string>"},"font-optical-sizing":{"syntax":"auto | none"},"font-palette":{"syntax":"normal | light | dark | <palette-identifier> | <palette-mix()>"},"font-size":{"syntax":"<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math"},"font-size-adjust":{"syntax":"none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]"},"font-smooth":{"syntax":"auto | never | always | <absolute-size> | <length>"},"font-stretch":{"syntax":"<font-stretch-absolute>"},"font-style":{"syntax":"normal | italic | oblique <angle>?"},"font-synthesis":{"syntax":"none | [ weight || style || small-caps || position]"},"font-synthesis-position":{"syntax":"auto | none"},"font-synthesis-small-caps":{"syntax":"auto | none"},"font-synthesis-style":{"syntax":"auto | none"},"font-synthesis-weight":{"syntax":"auto | none"},"font-variant":{"syntax":"normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]"},"font-variant-alternates":{"syntax":"normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]"},"font-variant-caps":{"syntax":"normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps"},"font-variant-east-asian":{"syntax":"normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]"},"font-variant-emoji":{"syntax":"normal | text | emoji | unicode"},"font-variant-ligatures":{"syntax":"normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]"},"font-variant-numeric":{"syntax":"normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]"},"font-variant-position":{"syntax":"normal | sub | super"},"font-variation-settings":{"syntax":"normal | [ <string> <number> ]#"},"font-weight":{"syntax":"<font-weight-absolute> | bolder | lighter"},"font-width":{"syntax":"normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"},"forced-color-adjust":{"syntax":"auto | none | preserve-parent-color"},"frame-sizing":{"syntax":"auto | content-width | content-height | content-block-size | content-inline-size"},"gap":{"syntax":"<'row-gap'> <'column-gap'>?"},"grid":{"syntax":"<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>"},"grid-area":{"syntax":"<grid-line> [ / <grid-line> ]{0,3}"},"grid-auto-columns":{"syntax":"<track-size>+"},"grid-auto-flow":{"syntax":"[ row | column ] || dense"},"grid-auto-rows":{"syntax":"<track-size>+"},"grid-column":{"syntax":"<grid-line> [ / <grid-line> ]?"},"grid-column-end":{"syntax":"<grid-line>"},"grid-column-gap":{"syntax":"<length-percentage>"},"grid-column-start":{"syntax":"<grid-line>"},"grid-gap":{"syntax":"<'grid-row-gap'> <'grid-column-gap'>?"},"grid-row":{"syntax":"<grid-line> [ / <grid-line> ]?"},"grid-row-end":{"syntax":"<grid-line>"},"grid-row-gap":{"syntax":"<length-percentage>"},"grid-row-start":{"syntax":"<grid-line>"},"grid-template":{"syntax":"none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?"},"grid-template-areas":{"syntax":"none | <string>+"},"grid-template-columns":{"syntax":"none | <track-list> | <auto-track-list> | subgrid <line-name-list>?"},"grid-template-rows":{"syntax":"none | <track-list> | <auto-track-list> | subgrid <line-name-list>?"},"hanging-punctuation":{"syntax":"none | [ first || [ force-end | allow-end ] || last ]"},"height":{"syntax":"auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"hyphenate-character":{"syntax":"auto | <string>"},"hyphenate-limit-chars":{"syntax":"[ auto | <integer> ]{1,3}"},"hyphens":{"syntax":"none | manual | auto"},"image-orientation":{"syntax":"from-image | <angle> | [ <angle>? flip ]"},"image-rendering":{"syntax":"auto | crisp-edges | pixelated | smooth | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>"},"image-resolution":{"syntax":"[ from-image || <resolution> ] && snap?"},"ime-mode":{"syntax":"auto | normal | active | inactive | disabled"},"initial-letter":{"syntax":"normal | [ <number> <integer>? ]"},"initial-letter-align":{"syntax":"[ auto | alphabetic | hanging | ideographic ]"},"inline-size":{"syntax":"<'width'>"},"inset":{"syntax":"<'top'>{1,4}"},"inset-block":{"syntax":"<'top'>{1,2}"},"inset-block-end":{"syntax":"<'top'>"},"inset-block-start":{"syntax":"<'top'>"},"inset-inline":{"syntax":"<'top'>{1,2}"},"inset-inline-end":{"syntax":"<'top'>"},"inset-inline-start":{"syntax":"<'top'>"},"interpolate-size":{"syntax":"numeric-only | allow-keywords"},"isolation":{"syntax":"auto | isolate"},"interactivity":{"syntax":"auto | inert"},"interest-delay":{"syntax":"<'interest-delay-start'>{1,2}"},"interest-delay-end":{"syntax":"normal | <time>"},"interest-delay-start":{"syntax":"normal | <time>"},"justify-content":{"syntax":"normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]"},"justify-items":{"syntax":"normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center"},"justify-self":{"syntax":"auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center"},"justify-tracks":{"syntax":"[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#"},"left":{"syntax":"auto | <length-percentage> | <anchor()> | <anchor-size()>"},"letter-spacing":{"syntax":" normal | <length-percentage>"},"lighting-color":{"syntax":"<color>"},"line-break":{"syntax":"auto | loose | normal | strict | anywhere"},"line-clamp":{"syntax":"none | <integer>"},"line-height":{"syntax":"normal | <number> | <length> | <percentage>"},"line-height-step":{"syntax":"<length>"},"link-parameters":{"syntax":"none | <param()>#"},"list-style":{"syntax":"<'list-style-type'> || <'list-style-position'> || <'list-style-image'>"},"list-style-image":{"syntax":"<image> | none"},"list-style-position":{"syntax":"inside | outside"},"list-style-type":{"syntax":"<counter-style> | <string> | none"},"margin":{"syntax":"<'margin-top'>{1,4}"},"margin-block":{"syntax":"<'margin-top'>{1,2}"},"margin-block-end":{"syntax":"<'margin-top'>"},"margin-block-start":{"syntax":"<'margin-top'>"},"margin-bottom":{"syntax":"<length-percentage> | auto | <anchor-size()>"},"margin-inline":{"syntax":"<'margin-top'>{1,2}"},"margin-inline-end":{"syntax":"<'margin-top'>"},"margin-inline-start":{"syntax":"<'margin-top'>"},"margin-left":{"syntax":"<length-percentage> | auto | <anchor-size()>"},"margin-right":{"syntax":"<length-percentage> | auto | <anchor-size()>"},"margin-top":{"syntax":"<length-percentage> | auto | <anchor-size()>"},"margin-trim":{"syntax":"none | in-flow | all"},"marker":{"syntax":"none | <url>"},"marker-end":{"syntax":"none | <url>"},"marker-mid":{"syntax":"none | <url>"},"marker-start":{"syntax":"none | <url>"},"mask":{"syntax":"<mask-layer>#"},"mask-border":{"syntax":"<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>"},"mask-border-mode":{"syntax":"luminance | alpha"},"mask-border-outset":{"syntax":"[ <length> | <number> ]{1,4}"},"mask-border-repeat":{"syntax":"[ stretch | repeat | round | space ]{1,2}"},"mask-border-slice":{"syntax":"<number-percentage>{1,4} fill?"},"mask-border-source":{"syntax":"none | <image>"},"mask-border-width":{"syntax":"[ <length-percentage> | <number> | auto ]{1,4}"},"mask-clip":{"syntax":"[ <coord-box> | no-clip ]#"},"mask-composite":{"syntax":"<compositing-operator>#"},"mask-image":{"syntax":"<mask-reference>#"},"mask-mode":{"syntax":"<masking-mode>#"},"mask-origin":{"syntax":"<coord-box>#"},"mask-position":{"syntax":"<position>#"},"mask-repeat":{"syntax":"<repeat-style>#"},"mask-size":{"syntax":"<bg-size>#"},"mask-type":{"syntax":"luminance | alpha"},"masonry-auto-flow":{"syntax":"[ pack | next ] || [ definite-first | ordered ]"},"math-depth":{"syntax":"auto-add | add(<integer>) | <integer>"},"math-shift":{"syntax":"normal | compact"},"math-style":{"syntax":"normal | compact"},"max-block-size":{"syntax":"<'max-width'>"},"max-height":{"syntax":"none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"max-inline-size":{"syntax":"<'max-width'>"},"max-lines":{"syntax":"none | <integer>"},"max-width":{"syntax":"none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"min-block-size":{"syntax":"<'min-width'>"},"min-height":{"syntax":"auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"min-inline-size":{"syntax":"<'min-width'>"},"min-width":{"syntax":"auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"mix-blend-mode":{"syntax":"<blend-mode> | plus-darker | plus-lighter"},"object-fit":{"syntax":"fill | contain | cover | none | scale-down"},"object-position":{"syntax":"<position>"},"object-view-box":{"syntax":"none | <basic-shape-rect>"},"offset":{"syntax":"[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?"},"offset-anchor":{"syntax":"auto | <position>"},"offset-distance":{"syntax":"<length-percentage>"},"offset-path":{"syntax":"none | <offset-path> || <coord-box>"},"offset-position":{"syntax":"normal | auto | <position>"},"offset-rotate":{"syntax":"[ auto | reverse ] || <angle>"},"opacity":{"syntax":"<opacity-value>"},"order":{"syntax":"<integer>"},"orphans":{"syntax":"<integer>"},"outline":{"syntax":"<'outline-width'> || <'outline-style'> || <'outline-color'>"},"outline-color":{"syntax":"auto | <color>"},"outline-offset":{"syntax":"<length>"},"outline-style":{"syntax":"auto | <outline-line-style>"},"outline-width":{"syntax":"<line-width>"},"overflow":{"syntax":"[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>"},"overflow-anchor":{"syntax":"auto | none"},"overflow-block":{"syntax":"visible | hidden | clip | scroll | auto | <-non-standard-overflow>"},"overflow-clip-box":{"syntax":"padding-box | content-box"},"overflow-clip-margin":{"syntax":"<visual-box> || <length [0,∞]>"},"overflow-inline":{"syntax":"visible | hidden | clip | scroll | auto | <-non-standard-overflow>"},"overflow-wrap":{"syntax":"normal | break-word | anywhere"},"overflow-x":{"syntax":"visible | hidden | clip | scroll | auto | <-non-standard-overflow>"},"overflow-y":{"syntax":"visible | hidden | clip | scroll | auto | <-non-standard-overflow>"},"overlay":{"syntax":"none | auto"},"overscroll-behavior":{"syntax":"[ contain | none | auto ]{1,2}"},"overscroll-behavior-block":{"syntax":"contain | none | auto"},"overscroll-behavior-inline":{"syntax":"contain | none | auto"},"overscroll-behavior-x":{"syntax":"contain | none | auto"},"overscroll-behavior-y":{"syntax":"contain | none | auto"},"padding":{"syntax":"<'padding-top'>{1,4}"},"padding-block":{"syntax":"<'padding-top'>{1,2}"},"padding-block-end":{"syntax":"<'padding-top'>"},"padding-block-start":{"syntax":"<'padding-top'>"},"padding-bottom":{"syntax":"<length-percentage [0,∞]>"},"padding-inline":{"syntax":"<'padding-top'>{1,2}"},"padding-inline-end":{"syntax":"<'padding-top'>"},"padding-inline-start":{"syntax":"<'padding-top'>"},"padding-left":{"syntax":"<length-percentage [0,∞]>"},"padding-right":{"syntax":"<length-percentage [0,∞]>"},"padding-top":{"syntax":"<length-percentage [0,∞]>"},"page":{"syntax":"auto | <custom-ident>"},"page-break-after":{"syntax":"auto | always | avoid | left | right | recto | verso"},"page-break-before":{"syntax":"auto | always | avoid | left | right | recto | verso"},"page-break-inside":{"syntax":"auto | avoid"},"paint-order":{"syntax":"normal | [ fill || stroke || markers ]"},"path-length":{"syntax":"none | <length> [0,∞]"},"perspective":{"syntax":"none | <length>"},"perspective-origin":{"syntax":"<position>"},"place-content":{"syntax":"<'align-content'> <'justify-content'>?"},"place-items":{"syntax":"<'align-items'> <'justify-items'>?"},"place-self":{"syntax":"<'align-self'> <'justify-self'>?"},"pointer-events":{"syntax":"auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit"},"position":{"syntax":"static | relative | absolute | sticky | fixed | -webkit-sticky"},"position-anchor":{"syntax":"normal | auto | none | <anchor-name> | match-parent"},"position-area":{"syntax":"none | <position-area>"},"position-try":{"syntax":"<'position-try-order'>? <'position-try-fallbacks'>"},"position-try-fallbacks":{"syntax":"none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#"},"position-try-order":{"syntax":"normal | <try-size>"},"position-visibility":{"syntax":"always | [ anchors-valid || anchors-visible || no-overflow ]"},"print-color-adjust":{"syntax":"economy | exact"},"quotes":{"syntax":"none | auto | [ <string> <string> ]+"},"r":{"syntax":"<length> | <percentage>"},"reading-flow":{"syntax":"normal | source-order | flex-visual | flex-flow | grid-rows | grid-columns | grid-order"},"reading-order":{"syntax":"<integer>"},"resize":{"syntax":"none | both | horizontal | vertical | block | inline"},"right":{"syntax":"auto | <length-percentage> | <anchor()> | <anchor-size()>"},"rotate":{"syntax":"none | <angle> | [ x | y | z | <number>{3} ] && <angle>"},"row-gap":{"syntax":"normal | <length-percentage>"},"ruby-align":{"syntax":"start | center | space-between | space-around"},"ruby-merge":{"syntax":"separate | collapse | auto"},"ruby-overhang":{"syntax":"auto | none"},"ruby-position":{"syntax":"[ alternate || [ over | under ] ] | inter-character"},"rx":{"syntax":"<length-percentage> | auto"},"ry":{"syntax":"<length-percentage> | auto"},"scale":{"syntax":"none | [ <number> | <percentage> ]{1,3}"},"scroll-behavior":{"syntax":"auto | smooth"},"scroll-initial-target":{"syntax":"none | nearest"},"scroll-margin":{"syntax":" <length>{1,4}"},"scroll-margin-block":{"syntax":"<length>{1,2}"},"scroll-margin-block-end":{"syntax":"<length>"},"scroll-margin-block-start":{"syntax":"<length>"},"scroll-margin-bottom":{"syntax":" auto | <length-percentage [0,∞]>"},"scroll-margin-inline":{"syntax":"<length>{1,2}"},"scroll-margin-inline-end":{"syntax":"<length>"},"scroll-margin-inline-start":{"syntax":"<length>"},"scroll-margin-left":{"syntax":" auto | <length-percentage [0,∞]>"},"scroll-margin-right":{"syntax":" auto | <length-percentage [0,∞]>"},"scroll-margin-top":{"syntax":" auto | <length-percentage [0,∞]>"},"scroll-marker-group":{"syntax":"none | before | after"},"scroll-padding":{"syntax":"[ auto | <length-percentage> ]{1,4}"},"scroll-padding-block":{"syntax":"[ auto | <length-percentage> ]{1,2}"},"scroll-padding-block-end":{"syntax":"auto | <length-percentage>"},"scroll-padding-block-start":{"syntax":"auto | <length-percentage>"},"scroll-padding-bottom":{"syntax":"auto | <length-percentage>"},"scroll-padding-inline":{"syntax":"[ auto | <length-percentage> ]{1,2}"},"scroll-padding-inline-end":{"syntax":"auto | <length-percentage>"},"scroll-padding-inline-start":{"syntax":"auto | <length-percentage>"},"scroll-padding-left":{"syntax":"auto | <length-percentage>"},"scroll-padding-right":{"syntax":"auto | <length-percentage>"},"scroll-padding-top":{"syntax":"auto | <length-percentage>"},"scroll-snap-align":{"syntax":"[ none | start | end | center ]{1,2}"},"scroll-snap-coordinate":{"syntax":"none | <position>#"},"scroll-snap-destination":{"syntax":"<position>"},"scroll-snap-points-x":{"syntax":"none | repeat( <length-percentage> )"},"scroll-snap-points-y":{"syntax":"none | repeat( <length-percentage> )"},"scroll-snap-stop":{"syntax":"normal | always"},"scroll-snap-type":{"syntax":"none | [ x | y | block | inline | both ] [ mandatory | proximity ]?"},"scroll-snap-type-x":{"syntax":"none | mandatory | proximity"},"scroll-snap-type-y":{"syntax":"none | mandatory | proximity"},"scroll-target-group":{"syntax":"none | auto"},"scroll-timeline":{"syntax":" [ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"},"scroll-timeline-axis":{"syntax":" [ block | inline | x | y ]#"},"scroll-timeline-name":{"syntax":" [ none | <dashed-ident> ]#"},"scrollbar-color":{"syntax":"auto | <color>{2}"},"scrollbar-gutter":{"syntax":"auto | stable && both-edges?"},"scrollbar-width":{"syntax":"auto | thin | none"},"shape-image-threshold":{"syntax":"<opacity-value>"},"shape-margin":{"syntax":"<length-percentage>"},"shape-outside":{"syntax":"none | [ <shape-box> || <basic-shape> ] | <image>"},"shape-rendering":{"syntax":"auto | optimizeSpeed | crispEdges | geometricPrecision"},"speak-as":{"syntax":"normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"},"stop-color":{"syntax":"<'color'>"},"stop-opacity":{"syntax":"<'opacity'>"},"stroke":{"syntax":"<paint>"},"stroke-color":{"syntax":"<color>"},"stroke-dasharray":{"syntax":" none | [ <svg-length>+ ]#"},"stroke-dashoffset":{"syntax":" <svg-length>"},"stroke-linecap":{"syntax":"butt | round | square"},"stroke-linejoin":{"syntax":" miter | round | bevel | arcs | crop | fallback | miter-clip"},"stroke-miterlimit":{"syntax":" <number-one-or-greater>"},"stroke-opacity":{"syntax":"<'opacity'>"},"stroke-width":{"syntax":" [ <length-percentage> | <line-width> | <number> ]# "},"tab-size":{"syntax":"<integer> | <length>"},"table-layout":{"syntax":"auto | fixed"},"text-align":{"syntax":"start | end | left | right | center | justify | match-parent | <-non-standard-text-align>"},"text-align-last":{"syntax":"auto | start | end | left | right | center | justify"},"text-anchor":{"syntax":"start | middle | end"},"text-autospace":{"syntax":"normal | <autospace> | auto"},"text-box":{"syntax":"normal | <'text-box-trim'> || <'text-box-edge'>"},"text-box-edge":{"syntax":"auto | <text-edge>"},"text-box-trim":{"syntax":"none | trim-start | trim-end | trim-both"},"text-combine-upright":{"syntax":"none | all | [ digits <integer>? ]"},"text-decoration":{"syntax":"<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>"},"text-decoration-color":{"syntax":"<color>"},"text-decoration-inset":{"syntax":"<length-percentage>{1,2} | auto"},"text-decoration-line":{"syntax":"none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error"},"text-decoration-skip":{"syntax":"none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]"},"text-decoration-skip-ink":{"syntax":"auto | all | none"},"text-decoration-style":{"syntax":"solid | double | dotted | dashed | wavy"},"text-decoration-thickness":{"syntax":"auto | from-font | <length> | <percentage>"},"text-emphasis":{"syntax":"<'text-emphasis-style'> || <'text-emphasis-color'>"},"text-emphasis-color":{"syntax":"<color>"},"text-emphasis-position":{"syntax":"auto | [ over | under ] && [ right | left ]?"},"text-emphasis-style":{"syntax":"none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>"},"text-fit":{"syntax":"[ none | grow | shrink ] [consistent | per-line | per-line-all]? <percentage>?"},"text-indent":{"syntax":"<length-percentage> && hanging? && each-line?"},"text-justify":{"syntax":"auto | inter-character | inter-word | none"},"text-orientation":{"syntax":"mixed | upright | sideways"},"text-overflow":{"syntax":"[ clip | ellipsis | <string> ]{1,2}"},"text-rendering":{"syntax":"auto | optimizeSpeed | optimizeLegibility | geometricPrecision"},"text-shadow":{"syntax":"none | <shadow-t>#"},"text-size-adjust":{"syntax":"none | auto | <percentage>"},"text-spacing-trim":{"syntax":"space-all | normal | space-first | trim-start"},"text-transform":{"syntax":"none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto"},"text-underline-offset":{"syntax":"auto | <length> | <percentage>"},"text-underline-position":{"syntax":"auto | from-font | [ under || [ left | right ] ]"},"text-wrap":{"syntax":"<'text-wrap-mode'> || <'text-wrap-style'>"},"text-wrap-mode":{"syntax":"wrap | nowrap"},"text-wrap-style":{"syntax":"auto | balance | stable | pretty"},"timeline-scope":{"syntax":"none | <dashed-ident>#"},"timeline-trigger":{"syntax":"none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-activation-range'> [ '/' <'timeline-trigger-active-range'> ]? ]#"},"timeline-trigger-activation-range":{"syntax":"[ <'timeline-trigger-activation-range-start'> <'timeline-trigger-activation-range-end'>? ]#"},"timeline-trigger-activation-range-end":{"syntax":"[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"timeline-trigger-activation-range-start":{"syntax":"[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"timeline-trigger-active-range":{"syntax":"[ <'timeline-trigger-active-range-start'> <'timeline-trigger-active-range-end'>? ]#"},"timeline-trigger-active-range-end":{"syntax":"[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"timeline-trigger-active-range-start":{"syntax":"[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"},"timeline-trigger-name":{"syntax":"none | <dashed-ident>#"},"timeline-trigger-source":{"syntax":"<single-animation-timeline>#"},"top":{"syntax":"auto | <length-percentage> | <anchor()> | <anchor-size()>"},"touch-action":{"syntax":"auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation"},"transform":{"syntax":"none | <transform-list>"},"transform-box":{"syntax":"content-box | border-box | fill-box | stroke-box | view-box"},"transform-origin":{"syntax":" [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [ [ center | left | right ] && [ center | top | bottom ] ] <length>?"},"transform-style":{"syntax":"flat | preserve-3d"},"transition":{"syntax":"<single-transition>#"},"transition-behavior":{"syntax":"<transition-behavior-value>#"},"transition-delay":{"syntax":"<time>#"},"transition-duration":{"syntax":"<time>#"},"transition-property":{"syntax":"none | <single-transition-property>#"},"transition-timing-function":{"syntax":"<easing-function>#"},"translate":{"syntax":"none | <length-percentage> [ <length-percentage> <length>? ]?"},"trigger-scope":{"syntax":"none | all | <dashed-ident>#"},"unicode-bidi":{"syntax":"normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext"},"user-select":{"syntax":"auto | text | none | all"},"vector-effect":{"syntax":"none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position"},"vertical-align":{"syntax":"baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>"},"view-timeline":{"syntax":"[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#"},"view-timeline-axis":{"syntax":"[ block | inline | x | y ]#"},"view-timeline-inset":{"syntax":"[ [ auto | <length-percentage> ]{1,2} ]#"},"view-timeline-name":{"syntax":"[ none | <dashed-ident> ]#"},"view-transition-class":{"syntax":"none | <custom-ident>+"},"view-transition-name":{"syntax":"none | <custom-ident> | match-element"},"view-transition-scope":{"syntax":"none | all"},"visibility":{"syntax":"visible | hidden | collapse"},"white-space":{"syntax":"normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'>"},"white-space-collapse":{"syntax":"collapse | preserve | preserve-breaks | preserve-spaces | break-spaces"},"widows":{"syntax":"<integer>"},"width":{"syntax":"auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"},"will-change":{"syntax":"auto | <animateable-feature>#"},"word-break":{"syntax":"normal | break-all | keep-all | break-word | auto-phrase"},"word-spacing":{"syntax":"normal | <length>"},"word-wrap":{"syntax":"normal | break-word"},"writing-mode":{"syntax":"horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>"},"x":{"syntax":"<length> | <percentage>"},"y":{"syntax":"<length> | <percentage>"},"z-index":{"syntax":"auto | <integer>"},"zoom":{"syntax":"normal | reset | <number [0,∞]> || <percentage [0,∞]>"},"-moz-background-clip":{"syntax":"padding | border"},"-moz-border-radius-bottomleft":{"syntax":"<'border-bottom-left-radius'>"},"-moz-border-radius-bottomright":{"syntax":"<'border-bottom-right-radius'>"},"-moz-border-radius-topleft":{"syntax":"<'border-top-left-radius'>"},"-moz-border-radius-topright":{"syntax":"<'border-bottom-right-radius'>"},"-moz-control-character-visibility":{"syntax":"visible | hidden"},"-moz-osx-font-smoothing":{"syntax":"auto | grayscale"},"-moz-user-select":{"syntax":"none | text | all | -moz-none | auto"},"-ms-flex-align":{"syntax":"start | end | center | baseline | stretch"},"-ms-flex-item-align":{"syntax":"auto | start | end | center | baseline | stretch"},"-ms-flex-line-pack":{"syntax":"start | end | center | justify | distribute | stretch"},"-ms-flex-negative":{"syntax":"<'flex-shrink'>"},"-ms-flex-pack":{"syntax":"start | end | center | justify | distribute"},"-ms-flex-order":{"syntax":"<integer>"},"-ms-flex-positive":{"syntax":"<'flex-grow'>"},"-ms-flex-preferred-size":{"syntax":"<'flex-basis'>"},"-ms-interpolation-mode":{"syntax":"nearest-neighbor | bicubic"},"-ms-grid-column-align":{"syntax":"start | end | center | stretch"},"-ms-grid-row-align":{"syntax":"start | end | center | stretch"},"-ms-hyphenate-limit-last":{"syntax":"none | always | column | page | spread"},"-webkit-background-clip":{"syntax":"[ <visual-box> | border | padding | content | text ]#"},"-webkit-column-break-after":{"syntax":"always | auto | avoid"},"-webkit-column-break-before":{"syntax":"always | auto | avoid"},"-webkit-column-break-inside":{"syntax":"always | auto | avoid"},"-webkit-font-smoothing":{"syntax":"auto | none | antialiased | subpixel-antialiased"},"-webkit-mask-box-image":{"syntax":"[ <url> | <gradient> | none ] [ <length-percentage>{4} <-webkit-mask-box-repeat>{2} ]?"},"-webkit-print-color-adjust":{"syntax":"economy | exact"},"-webkit-text-security":{"syntax":"none | circle | disc | square"},"-webkit-user-drag":{"syntax":"none | element | auto"},"behavior":{"syntax":"<url>+"},"cue":{"syntax":"<'cue-before'> <'cue-after'>?"},"cue-after":{"syntax":"<url> <decibel>? | none"},"cue-before":{"syntax":"<url> <decibel>? | none"},"glyph-orientation-horizontal":{"syntax":"<angle>"},"glyph-orientation-vertical":{"syntax":"<angle>"},"kerning":{"syntax":"auto | <svg-length>"},"pause":{"syntax":"<'pause-before'> <'pause-after'>?"},"pause-after":{"syntax":"<time> | none | x-weak | weak | medium | strong | x-strong"},"pause-before":{"syntax":"<time> | none | x-weak | weak | medium | strong | x-strong"},"position-try-options":{"syntax":"<'position-try-fallbacks'>"},"rest":{"syntax":"<'rest-before'> <'rest-after'>?"},"rest-after":{"syntax":"<time> | none | x-weak | weak | medium | strong | x-strong"},"rest-before":{"syntax":"<time> | none | x-weak | weak | medium | strong | x-strong"},"speak":{"syntax":"auto | never | always"},"voice-balance":{"syntax":"<number> | left | center | right | leftwards | rightwards"},"voice-duration":{"syntax":"auto | <time>"},"voice-family":{"syntax":"[ [ <family-name> | <generic-voice> ] , ]* [ <family-name> | <generic-voice> ] | preserve"},"voice-pitch":{"syntax":"<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"},"voice-range":{"syntax":"<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"},"voice-rate":{"syntax":"[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>"},"voice-stress":{"syntax":"normal | strong | moderate | none | reduced"},"voice-volume":{"syntax":"silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"},"white-space-trim":{"syntax":"none | discard-before || discard-after || discard-inner"},"-moz-padding-start":{"syntax":"<'padding-top'>"},"-webkit-margin-end":{"syntax":"<'margin-block-end'>"},"composes":{"syntax":"<composes-selector>#"}},"functions":{"abs":{"syntax":"abs( <calc-sum> )"},"acos":{"syntax":"acos( <calc-sum> )"},"alpha":{"syntax":"alpha( from <color> / [ <alpha-value> | none ] )"},"anchor":{"syntax":"anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"},"anchor-size":{"syntax":"anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )"},"asin":{"syntax":"asin( <calc-sum> )"},"atan":{"syntax":"atan( <calc-sum> )"},"atan2":{"syntax":"atan2( <calc-sum>, <calc-sum> )"},"attr":{"syntax":"attr( <attr-name> <attr-type>? , <declaration-value>? )"},"blur":{"syntax":"blur( <length>? )"},"brightness":{"syntax":"brightness( [ <number> | <percentage> ]? )"},"calc":{"syntax":"calc( <calc-sum> )"},"calc-size":{"syntax":"calc-size( <calc-size-basis>, <calc-sum> )"},"circle":{"syntax":"circle( <radial-size>? [ at <position> ]? )"},"clamp":{"syntax":"clamp( <calc-sum>#{3} )"},"color":{"syntax":"color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"},"color-mix":{"syntax":"color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2})"},"conic-gradient":{"syntax":"conic-gradient( [ <conic-gradient-syntax> ] )"},"contrast":{"syntax":"contrast( [ <number> | <percentage> ]? )"},"cos":{"syntax":"cos( <calc-sum> )"},"counter":{"syntax":"counter( <counter-name>, <counter-style>? )"},"counters":{"syntax":"counters( <counter-name>, <string>, <counter-style>? )"},"cross-fade":{"syntax":"cross-fade( <cf-mixing-image> , <cf-final-image>? )"},"cubic-bezier":{"syntax":"cubic-bezier( [ <number [0,1]>, <number> ]#{2} )"},"drop-shadow":{"syntax":"drop-shadow( [ <color>? && <length>{2,3} ] )"},"element":{"syntax":"element( <id-selector> )"},"ellipse":{"syntax":"ellipse( <radial-size>? [ at <position> ]? )"},"env":{"syntax":"env( <custom-ident> , <declaration-value>? )"},"exp":{"syntax":"exp( <calc-sum> )"},"fit-content":{"syntax":"fit-content( <length-percentage [0,∞]> )"},"grayscale":{"syntax":"grayscale( [ <number> | <percentage> ]? )"},"hsl":{"syntax":"hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"},"hsla":{"syntax":"hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"},"hue-rotate":{"syntax":"hue-rotate( [ <angle> | <zero> ]? )"},"hwb":{"syntax":"hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"},"hypot":{"syntax":"hypot( <calc-sum># )"},"image":{"syntax":"image( <image-tags>? [ <image-src>? , <color>? ]! )"},"image-set":{"syntax":"image-set( <image-set-option># )"},"inset":{"syntax":"inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"},"invert":{"syntax":"invert( [ <number> | <percentage> ]? )"},"lab":{"syntax":"lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"},"layer":{"syntax":"layer( <layer-name> )"},"lch":{"syntax":"lch( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )"},"leader":{"syntax":"leader( <leader-type> )"},"light-dark":{"syntax":"light-dark( <color>, <color> )"},"linear":{"syntax":"linear( [ <number> && <percentage>{0,2} ]# )"},"linear-gradient":{"syntax":"linear-gradient( [ <linear-gradient-syntax> ] )"},"log":{"syntax":"log( <calc-sum>, <calc-sum>? )"},"matrix":{"syntax":"matrix( <number>#{6} )"},"matrix3d":{"syntax":"matrix3d( <number>#{16} )"},"max":{"syntax":"max( <calc-sum># )"},"min":{"syntax":"min( <calc-sum># )"},"minmax":{"syntax":"minmax( [ <length-percentage> | min-content | max-content | auto ] , [ <length-percentage> | <flex> | min-content | max-content | auto ] )"},"mod":{"syntax":"mod( <calc-sum>, <calc-sum> )"},"oklab":{"syntax":"oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"},"oklch":{"syntax":"oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )"},"opacity":{"syntax":"opacity( [ <number> | <percentage> ]? )"},"paint":{"syntax":"paint( <ident>, <declaration-value>? )"},"palette-mix":{"syntax":"palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"},"param":{"syntax":"mod( <dashed-ident>, <declaration-value>? )"},"path":{"syntax":"path( <'fill-rule'>? , <string> )"},"perspective":{"syntax":"perspective( [ <length [0,∞]> | none ] )"},"polygon":{"syntax":"polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )"},"pow":{"syntax":"pow( <calc-sum>, <calc-sum> )"},"radial-gradient":{"syntax":"radial-gradient( [ <radial-gradient-syntax> ] )"},"ray":{"syntax":"ray( <angle> && <ray-size>? && contain? && [at <position>]? )"},"rect":{"syntax":"rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"},"rem":{"syntax":"rem( <calc-sum>, <calc-sum> )"},"repeating-conic-gradient":{"syntax":"repeating-conic-gradient( [ <conic-gradient-syntax> ] )"},"repeating-linear-gradient":{"syntax":"repeating-linear-gradient( [ <linear-gradient-syntax> ] )"},"repeating-radial-gradient":{"syntax":"repeating-radial-gradient( [ <radial-gradient-syntax> ] )"},"rgb":{"syntax":"rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"},"rgba":{"syntax":"rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"},"rotate":{"syntax":"rotate( [ <angle> | <zero> ] )"},"rotate3d":{"syntax":"rotate3d( <number> , <number> , <number> , [ <angle> | <zero> ] )"},"rotateX":{"syntax":"rotateX( [ <angle> | <zero> ] )"},"rotateY":{"syntax":"rotateY( [ <angle> | <zero> ] )"},"rotateZ":{"syntax":"rotateZ( [ <angle> | <zero> ] )"},"round":{"syntax":"round( <rounding-strategy>?, <calc-sum>, <calc-sum> )"},"saturate":{"syntax":"saturate( [ <number> | <percentage> ]? )"},"scale":{"syntax":"scale( [ <number> | <percentage> ]#{1,2} )"},"scale3d":{"syntax":"scale3d( [ <number> | <percentage> ]#{3} )"},"scaleX":{"syntax":"scaleX( [ <number> | <percentage> ] )"},"scaleY":{"syntax":"scaleY( [ <number> | <percentage> ] )"},"scaleZ":{"syntax":"scaleZ( [ <number> | <percentage> ] )"},"scroll":{"syntax":"scroll( [ <scroller> || <axis> ]? )"},"sepia":{"syntax":"sepia( [ <number> | <percentage> ]? )"},"sign":{"syntax":"sign( <calc-sum> )"},"sin":{"syntax":"sin( <calc-sum> )"},"skew":{"syntax":"skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"},"skewX":{"syntax":"skewX( [ <angle> | <zero> ] )"},"skewY":{"syntax":"skewY( [ <angle> | <zero> ] )"},"sqrt":{"syntax":"sqrt( <calc-sum> )"},"steps":{"syntax":"steps( <integer>, <step-position>? )"},"symbols":{"syntax":"symbols( <symbols-type>? [ <string> | <image> ]+ )"},"tan":{"syntax":"tan( <calc-sum> )"},"target-counter":{"syntax":"target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )"},"target-counters":{"syntax":"target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )"},"target-text":{"syntax":"target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )"},"translate":{"syntax":"translate( <length-percentage> , <length-percentage>? )"},"translate3d":{"syntax":"translate3d( <length-percentage> , <length-percentage> , <length> )"},"translateX":{"syntax":"translateX( <length-percentage> )"},"translateY":{"syntax":"translateY( <length-percentage> )"},"translateZ":{"syntax":"translateZ( <length> )"},"var":{"syntax":"var( <custom-property-name> , <declaration-value>? )"},"view":{"syntax":"view([<axis> || <'view-timeline-inset'>]?)"},"xywh":{"syntax":"xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"}},"syntaxes":{"abs()":{"syntax":"abs( <calc-sum> )"},"absolute-size":{"syntax":"xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large"},"acos()":{"syntax":"acos( <calc-sum> )"},"alpha-value":{"syntax":"<number> | <percentage> | none"},"an+b":{"syntax":"odd | even | <integer> | <n-dimension> | '+'?† n | -n | <ndashdigit-dimension> | '+'?† <ndashdigit-ident> | <dashndashdigit-ident> | <n-dimension> <signed-integer> | '+'?† n <signed-integer> | -n <signed-integer> | <ndash-dimension> <signless-integer> | '+'?† n- <signless-integer> | -n- <signless-integer> | <n-dimension> ['+' | '-'] <signless-integer> | '+'?† n ['+' | '-'] <signless-integer> | -n ['+' | '-'] <signless-integer>"},"anchor()":{"syntax":"anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"},"anchor-name":{"syntax":"<dashed-ident>"},"anchor-side":{"syntax":"inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"},"anchor-size":{"syntax":"width | height | block | inline | self-block | self-inline"},"anchor-size()":{"syntax":"anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )"},"angle-percentage":{"syntax":"<angle> | <percentage>"},"angular-color-hint":{"syntax":"<angle-percentage> | <zero>"},"angular-color-stop":{"syntax":"<color> <color-stop-angle>?"},"angular-color-stop-list":{"syntax":"<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?"},"animateable-feature":{"syntax":"scroll-position | contents | <custom-ident>"},"animation-action":{"syntax":"none | play | play-once | play-forwards | play-backwards | pause | reset | replay"},"asin()":{"syntax":"asin( <calc-sum> )"},"atan()":{"syntax":"atan( <calc-sum> )"},"atan2()":{"syntax":"atan2( <calc-sum>, <calc-sum> )"},"attachment":{"syntax":"scroll | fixed | local"},"attr()":{"syntax":"attr( <attr-name> <attr-type>? , <declaration-value>? )"},"attr-matcher":{"syntax":"[ '~' | '|' | '^' | '$' | '*' ]? '='"},"attr-modifier":{"syntax":"i | s"},"attr-type":{"syntax":"type( <syntax> ) | raw-string | number | <attr-unit>"},"attribute-selector":{"syntax":"'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'"},"auto-repeat":{"syntax":"repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )"},"auto-track-list":{"syntax":"[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat>\n[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"},"axis":{"syntax":"block | inline | x | y"},"baseline-position":{"syntax":"[ first | last ]? baseline"},"basic-shape":{"syntax":"<inset()> | <xywh()> | <rect()> | <circle()> | <ellipse()> | <polygon()> | <path()> | shape()"},"basic-shape-rect":{"syntax":"<inset()> | <rect()> | <xywh()>"},"bg-clip":{"syntax":"<visual-box> | border-area | text"},"bg-image":{"syntax":"<image> | none"},"bg-layer":{"syntax":"<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"},"bg-position":{"syntax":"<position> | <position-three>"},"bg-size":{"syntax":"[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain"},"blend-mode":{"syntax":"normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"},"blur()":{"syntax":"blur( <length>? )"},"brightness()":{"syntax":"brightness( [ <number> | <percentage> ]? )"},"calc()":{"syntax":"calc( <calc-sum> )"},"calc-constant":{"syntax":"e | pi | infinity | -infinity | NaN"},"calc-product":{"syntax":"<calc-value> [ '*' <calc-value> | '/' <number> ]*"},"calc-size()":{"syntax":"calc-size( <calc-size-basis>, <calc-sum> )"},"calc-size-basis":{"syntax":"<intrinsic-size-keyword> | <calc-size()> | any | <calc-sum>"},"calc-sum":{"syntax":"<calc-product> [ [ '+' | '-' ] <calc-product> ]*"},"calc-value":{"syntax":"<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )"},"cf-final-image":{"syntax":"<image> | <color>"},"cf-mixing-image":{"syntax":"<percentage>? && <image>"},"circle()":{"syntax":"circle( <radial-size>? [ at <position> ]? )"},"clamp()":{"syntax":"clamp( <calc-sum>#{3} )"},"class-selector":{"syntax":"'.' <ident-token>"},"clip-source":{"syntax":"<url>"},"color":{"syntax":"<color-base> | currentColor | <system-color> | <device-cmyk()>  | <light-dark()> | <-non-standard-color>"},"color()":{"syntax":"color( [from <color>]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"},"color-base":{"syntax":"<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent"},"color-function":{"syntax":"<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"},"color-interpolation-method":{"syntax":"in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]"},"color-mix()":{"syntax":"color-mix( <color-interpolation-method> ,? [ <color> && <percentage [0,100]>? ]#)"},"color-stop":{"syntax":"<color-stop-length> | <color-stop-angle>"},"color-stop-angle":{"syntax":"[ <angle-percentage> | <zero> ]{1,2}"},"color-stop-length":{"syntax":"<length-percentage>{1,2}"},"color-stop-list":{"syntax":"<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?"},"colorspace-params":{"syntax":"[<custom-params> | <predefined-rgb-params> | <xyz-params>]"},"combinator":{"syntax":"'>' | '+' | '~' | [ '|' '|' ]"},"common-lig-values":{"syntax":"[ common-ligatures | no-common-ligatures ]"},"compat-auto":{"syntax":"searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button"},"compat-special":{"syntax":"textfield | menulist-button"},"complex-selector":{"syntax":"<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*"},"complex-selector-list":{"syntax":"<complex-selector>#"},"composite-style":{"syntax":"clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor"},"compositing-operator":{"syntax":"add | subtract | intersect | exclude"},"compound-selector":{"syntax":"[ <type-selector>? <subclass-selector>* ]!"},"compound-selector-list":{"syntax":"<compound-selector>#"},"conic-gradient()":{"syntax":"conic-gradient( [ <conic-gradient-syntax> ] )"},"conic-gradient-syntax":{"syntax":"[ [ [ from [ <angle> | <zero> ] ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>"},"container-condition":{"syntax":"[ <container-name>? <container-query>? ]!"},"container-name":{"syntax":"<custom-ident>"},"container-query":{"syntax":"not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]"},"content-distribution":{"syntax":"space-between | space-around | space-evenly | stretch"},"content-list":{"syntax":"[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+"},"content-position":{"syntax":"center | start | end | flex-start | flex-end"},"content-replacement":{"syntax":"<image>"},"contextual-alt-values":{"syntax":"[ contextual | no-contextual ]"},"contrast()":{"syntax":"contrast( [ <number> | <percentage> ]? )"},"coord-box":{"syntax":"content-box | padding-box | border-box | fill-box | stroke-box | view-box"},"corner-shape-value":{"syntax":"round | scoop | bevel | notch | square | squircle | <superellipse()>"},"cos()":{"syntax":"cos( <calc-sum> )"},"counter":{"syntax":"<counter()> | <counters()>"},"counter()":{"syntax":"counter( <counter-name>, <counter-style>? )"},"counter-name":{"syntax":"<custom-ident>"},"counter-style":{"syntax":"<counter-style-name> | symbols()"},"counter-style-name":{"syntax":"<custom-ident>"},"counters()":{"syntax":"counters( <counter-name>, <string>, <counter-style>? )"},"cross-fade()":{"syntax":"cross-fade( <cf-mixing-image> , <cf-final-image>? )"},"cubic-bezier()":{"syntax":"cubic-bezier( [ <number [0,1]>, <number> ]#{2} )"},"cubic-bezier-easing-function":{"syntax":"ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"},"cursor-predefined":{"syntax":"auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing"},"custom-color-space":{"syntax":"<dashed-ident>"},"custom-params":{"syntax":"<dashed-ident> [ <number> | <percentage> | none ]+"},"dasharray":{"syntax":"[ [ <length-percentage> | <number> ]+ ]#"},"dashndashdigit-ident":{"syntax":"<ident-token>"},"deprecated-system-color":{"syntax":"ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText"},"discretionary-lig-values":{"syntax":"[ discretionary-ligatures | no-discretionary-ligatures ]"},"display-box":{"syntax":"contents | none"},"display-inside":{"syntax":"flow | flow-root | table | flex | grid | ruby"},"display-internal":{"syntax":"table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container"},"display-legacy":{"syntax":"inline-block | inline-list-item | inline-table | inline-flex | inline-grid"},"display-listitem":{"syntax":"<display-outside>? && [ flow | flow-root ]? && list-item"},"display-outside":{"syntax":"block | inline | run-in"},"drop-shadow()":{"syntax":"drop-shadow( [ <color>? && <length>{2,3} ] )"},"dynamic-range-limit-mix()":{"syntax":"dynamic-range-limit-mix( [ <'dynamic-range-limit'> && <percentage [0,100]> ]#{2,} )"},"easing-function":{"syntax":"<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"},"east-asian-variant-values":{"syntax":"[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]"},"east-asian-width-values":{"syntax":"[ full-width | proportional-width ]"},"element()":{"syntax":"element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )"},"ellipse()":{"syntax":"ellipse( <radial-size>? [ at <position> ]? )"},"env()":{"syntax":"env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )"},"exp()":{"syntax":"exp( <calc-sum> )"},"explicit-track-list":{"syntax":"[ <line-names>? <track-size> ]+ <line-names>?"},"family-name":{"syntax":"<string> | <custom-ident>+"},"feature-tag-value":{"syntax":"<string> [ <integer> | on | off ]?"},"feature-type":{"syntax":"@stylistic | @historical-forms | @styleset | @character-variant | @swash | @ornaments | @annotation"},"feature-value-block":{"syntax":"<feature-type> '{' <feature-value-declaration-list> '}'"},"feature-value-block-list":{"syntax":"<feature-value-block>+"},"feature-value-declaration":{"syntax":"<custom-ident>: <integer>+;"},"feature-value-declaration-list":{"syntax":"<feature-value-declaration>"},"feature-value-name":{"syntax":"<custom-ident>"},"filter-function":{"syntax":"<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"},"filter-value-list":{"syntax":"[ <filter-function> | <url> ]+"},"final-bg-layer":{"syntax":"<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>"},"fit-content()":{"syntax":"fit-content( <length-percentage [0,∞]> )"},"fixed-breadth":{"syntax":"<length-percentage>"},"fixed-repeat":{"syntax":"repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )"},"fixed-size":{"syntax":"<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )"},"font-stretch-absolute":{"syntax":"normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>"},"font-variant-css2":{"syntax":"normal | small-caps"},"font-weight-absolute":{"syntax":"normal | bold | <number [1,1000]>"},"font-width-css3":{"syntax":"normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"},"form-control-identifier":{"syntax":"select"},"frequency-percentage":{"syntax":"<frequency> | <percentage>"},"generic-complete":{"syntax":"serif | sans-serif | system-ui | cursive | fantasy | math | monospace"},"general-enclosed":{"syntax":"[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"},"generic-family":{"syntax":"<generic-script-specific>| <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>"},"generic-incomplete":{"syntax":"ui-serif | ui-sans-serif | ui-monospace | ui-rounded"},"geometry-box":{"syntax":"<shape-box> | fill-box | stroke-box | view-box"},"gradient":{"syntax":"<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>"},"grayscale()":{"syntax":"grayscale( [ <number> | <percentage> ]? )"},"grid-line":{"syntax":"auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]"},"historical-lig-values":{"syntax":"[ historical-ligatures | no-historical-ligatures ]"},"hsl()":{"syntax":"hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? ) | hsl(from <color> [ <hue> | none | h | s | l ] <relative-hsl-component>{2} [ / [ <alpha-value> | none] ]? )"},"hsla()":{"syntax":"hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? ) | hsla(from <color> < [ <hue> | none | h | s | l ] <relative-hsl-component>{2} [ / [ <alpha-value> | none ] ]? )"},"hue":{"syntax":"<number> | <angle>"},"hue-interpolation-method":{"syntax":"[ shorter | longer | increasing | decreasing ] hue"},"hue-rotate()":{"syntax":"hue-rotate( [ <angle> | <zero> ]? )"},"hwb()":{"syntax":"hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? ) | hwb(from <color> [ <hue> | none | h | w | b ] <relative-hwb-component>{2} [ / [ <alpha-value> | none] ]? )"},"hypot()":{"syntax":"hypot( <calc-sum># )"},"id-selector":{"syntax":"<hash-token>"},"image":{"syntax":"<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>"},"image()":{"syntax":"image( <image-tags>? [ <image-src>? , <color>? ]! )"},"image-set()":{"syntax":"image-set( <image-set-option># )"},"image-set-option":{"syntax":"[ <image> | <string> ] [ <resolution> || type(<string>) ]"},"image-src":{"syntax":"<url> | <string>"},"image-tags":{"syntax":"ltr | rtl"},"inflexible-breadth":{"syntax":"<length-percentage> | min-content | max-content | auto"},"inset()":{"syntax":"inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"},"integer":{"syntax":"<number-token>"},"invert()":{"syntax":"invert( [ <number> | <percentage> ]? )"},"keyframe-block":{"syntax":"<keyframe-selector># {\n  <declaration-list>\n}"},"keyframe-selector":{"syntax":"from | to | <percentage [0,100]> | <timeline-range-name> <percentage>"},"keyframes-name":{"syntax":"<custom-ident> | <string>"},"lab()":{"syntax":"lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? ) | lab(from <color> <relative-lab-component>{3} [ / [ <alpha-value> | none ] ]? )"},"layer()":{"syntax":"layer( <layer-name> )"},"layer-name":{"syntax":"<ident> [ '.' <ident> ]*"},"lch()":{"syntax":"lch( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? ) | lch(from <color> <relative-lch-component>{2} [ <hue> | none | l | c | h ] [ / [ <alpha-value> | none ] ]? )"},"leader()":{"syntax":"leader( <leader-type> )"},"leader-type":{"syntax":"dotted | solid | space | <string>"},"length-percentage":{"syntax":"<length> | <percentage>"},"light-dark()":{"syntax":"light-dark( <color>, <color> )"},"line-name-list":{"syntax":"[ <line-names> | <name-repeat> ]+"},"line-names":{"syntax":"'[' <custom-ident>* ']'"},"line-style":{"syntax":"none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset"},"line-width":{"syntax":"<length> | thin | medium | thick"},"linear()":{"syntax":"linear( [ <number> && <percentage>{0,2} ]# )"},"linear-color-hint":{"syntax":"<length-percentage>"},"linear-color-stop":{"syntax":"<color> <color-stop-length>?"},"linear-easing-function":{"syntax":"linear | <linear()>"},"linear-gradient()":{"syntax":"linear-gradient( [ <linear-gradient-syntax> ] )"},"linear-gradient-syntax":{"syntax":"[ [ <angle> | <zero> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>"},"log()":{"syntax":"log( <calc-sum>, <calc-sum>? )"},"mask-layer":{"syntax":"<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"},"mask-position":{"syntax":"[ <length-percentage> | left | center | right ] [ <length-percentage> | top | center | bottom ]?"},"mask-reference":{"syntax":"none | <image> | <mask-source>"},"mask-source":{"syntax":"<url>"},"masking-mode":{"syntax":"alpha | luminance | match-source"},"matrix()":{"syntax":"matrix( <number>#{6} )"},"matrix3d()":{"syntax":"matrix3d( <number>#{16} )"},"max()":{"syntax":"max( <calc-sum># )"},"media-and":{"syntax":"<media-in-parens> [ and <media-in-parens> ]+"},"media-condition":{"syntax":"<media-not> | <media-and> | <media-or> | <media-in-parens>"},"media-condition-without-or":{"syntax":"<media-not> | <media-and> | <media-in-parens>"},"media-feature":{"syntax":"( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"},"media-in-parens":{"syntax":"( <media-condition> ) | <media-feature> | <general-enclosed>"},"media-not":{"syntax":"not <media-in-parens>"},"media-or":{"syntax":"<media-in-parens> [ or <media-in-parens> ]+"},"media-query":{"syntax":"<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?"},"media-query-list":{"syntax":"<media-query>#"},"media-type":{"syntax":"<ident>"},"mf-boolean":{"syntax":"<mf-name>"},"mf-name":{"syntax":"<ident>"},"mf-plain":{"syntax":"<mf-name> : <mf-value>"},"mf-range":{"syntax":"<mf-name> [ '<' | '>' ]? '='? <mf-value>\n| <mf-value> [ '<' | '>' ]? '='? <mf-name>\n| <mf-value> '<' '='? <mf-name> '<' '='? <mf-value>\n| <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>"},"mf-value":{"syntax":"<number> | <dimension> | <ident> | <ratio>"},"min()":{"syntax":"min( <calc-sum># )"},"minmax()":{"syntax":"minmax( [ <length-percentage> | min-content | max-content | auto ] , [ <length-percentage> | <flex> | min-content | max-content | auto ] )"},"mod()":{"syntax":"mod( <calc-sum>, <calc-sum> )"},"n-dimension":{"syntax":"<dimension-token>"},"name-repeat":{"syntax":"repeat( [ <integer [1,∞]> | auto-fill ], <line-names>+ )"},"named-color":{"syntax":"aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen"},"namespace-prefix":{"syntax":"<ident>"},"ndash-dimension":{"syntax":"<dimension-token>"},"ndashdigit-dimension":{"syntax":"<dimension-token>"},"ndashdigit-ident":{"syntax":"<ident-token>"},"ns-prefix":{"syntax":"[ <ident-token> | '*' ]? '|'"},"number-percentage":{"syntax":"<number> | <percentage>"},"numeric-figure-values":{"syntax":"[ lining-nums | oldstyle-nums ]"},"numeric-fraction-values":{"syntax":"[ diagonal-fractions | stacked-fractions ]"},"numeric-spacing-values":{"syntax":"[ proportional-nums | tabular-nums ]"},"offset-path":{"syntax":"<ray()> | <url> | <basic-shape>"},"oklab()":{"syntax":"oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? ) | oklab(from <color> <relative-lab-component>{3} [ / [ <alpha-value> | none ] ]? )"},"oklch()":{"syntax":"oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? ) | oklch(from <color> <relative-lch-component>{2} [ <hue> | none | l | c | h ] [ / [ <alpha-value> | none ] ]? )"},"opacity()":{"syntax":"opacity( [ <number> | <percentage> ]? )"},"opacity-value":{"syntax":"<number> | <percentage>"},"outline-line-style":{"syntax":"none | dotted | dashed | solid | double | groove | ridge | inset | outset"},"outline-radius":{"syntax":"<length> | <percentage>"},"overflow-position":{"syntax":"unsafe | safe"},"page-body":{"syntax":"<declaration>? [ ; <page-body> ]? | <page-margin-box> <page-body>"},"page-margin-box":{"syntax":"<page-margin-box-type> '{' <declaration-list> '}'"},"page-margin-box-type":{"syntax":"@top-left-corner | @top-left | @top-center | @top-right | @top-right-corner | @bottom-left-corner | @bottom-left | @bottom-center | @bottom-right | @bottom-right-corner | @left-top | @left-middle | @left-bottom | @right-top | @right-middle | @right-bottom"},"page-selector":{"syntax":"<pseudo-page>+ | <ident> <pseudo-page>*"},"page-selector-list":{"syntax":"[ <page-selector># ]?"},"page-size":{"syntax":"A5 | A4 | A3 | B5 | B4 | JIS-B5 | JIS-B4 | letter | legal | ledger"},"paint":{"syntax":"none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke"},"paint()":{"syntax":"paint( <ident>, <declaration-value>? )"},"paint-box":{"syntax":"<visual-box> | fill-box | stroke-box"},"palette-identifier":{"syntax":"<dashed-ident>"},"palette-mix()":{"syntax":"palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"},"path()":{"syntax":"path( <'fill-rule'>? , <string> )"},"perspective()":{"syntax":"perspective( [ <length [0,∞]> | none ] )"},"polar-color-space":{"syntax":"hsl | hwb | lch | oklch"},"polygon()":{"syntax":"polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )"},"position":{"syntax":"<position-one> | <position-two> | <position-four>"},"position-area":{"syntax":"[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]"},"pow()":{"syntax":"pow( <calc-sum>, <calc-sum> )"},"predefined-rgb":{"syntax":"srgb | srgb-linear | display-p3 | display-p3-linear | a98-rgb | prophoto-rgb | rec2020"},"predefined-rgb-params":{"syntax":"<predefined-rgb> [ <number> | <percentage> | none ]{3}"},"pseudo-class-selector":{"syntax":"':' <ident-token> | ':' <function-token> <any-value> ')'"},"pseudo-element-selector":{"syntax":"':' <pseudo-class-selector> | <legacy-pseudo-element-selector>"},"pseudo-page":{"syntax":": [ left | right | first | blank ]"},"query-in-parens":{"syntax":"( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>"},"quote":{"syntax":"open-quote | close-quote | no-open-quote | no-close-quote"},"radial-extent":{"syntax":"closest-corner | closest-side | farthest-corner | farthest-side"},"radial-gradient()":{"syntax":"radial-gradient( [ <radial-gradient-syntax> ] )"},"radial-gradient-syntax":{"syntax":"[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>"},"radial-shape":{"syntax":"circle | ellipse"},"radial-size":{"syntax":"<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}"},"ratio":{"syntax":"<number [0,∞]> [ / <number [0,∞]> ]?"},"ray()":{"syntax":"ray( <angle> && <ray-size>? && contain? && [at <position>]? )"},"ray-size":{"syntax":"closest-side | closest-corner | farthest-side | farthest-corner | sides"},"rect()":{"syntax":"rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"},"rectangular-color-space":{"syntax":"srgb | srgb-linear | display-p3 | display-p3-linear | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"},"relative-selector":{"syntax":"<combinator>? <complex-selector>"},"relative-selector-list":{"syntax":"<relative-selector>#"},"relative-size":{"syntax":"larger | smaller"},"rem()":{"syntax":"rem( <calc-sum>, <calc-sum> )"},"repeat-style":{"syntax":"repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}"},"repeating-conic-gradient()":{"syntax":"repeating-conic-gradient( [ <conic-gradient-syntax> ] )"},"repeating-linear-gradient()":{"syntax":"repeating-linear-gradient( [ <linear-gradient-syntax> ] )"},"repeating-radial-gradient()":{"syntax":"repeating-radial-gradient( [ <radial-gradient-syntax> ] )"},"reversed-counter-name":{"syntax":"reversed( <counter-name> )"},"rgb()":{"syntax":"rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? ) | rgb(from <color> <relative-rgb-component>{3} [ / [ <alpha-value> | none] ]? )"},"rgba()":{"syntax":"rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? ) | rgba(from <color> <relative-rgb-component>{3} [ / [ <alpha-value> | none ] ]? )"},"rotate()":{"syntax":"rotate( [ <angle> | <zero> ] )"},"rotate3d()":{"syntax":"rotate3d( <number> , <number> , <number> , [ <angle> | <zero> ] )"},"rotateX()":{"syntax":"rotateX( [ <angle> | <zero> ] )"},"rotateY()":{"syntax":"rotateY( [ <angle> | <zero> ] )"},"rotateZ()":{"syntax":"rotateZ( [ <angle> | <zero> ] )"},"round()":{"syntax":"round( <rounding-strategy>?, <calc-sum>, <calc-sum> )"},"rounding-strategy":{"syntax":"nearest | up | down | to-zero"},"saturate()":{"syntax":"saturate( [ <number> | <percentage> ]? )"},"scale()":{"syntax":"scale( [ <number> | <percentage> ]#{1,2} )"},"scale3d()":{"syntax":"scale3d( [ <number> | <percentage> ]#{3} )"},"scaleX()":{"syntax":"scaleX( [ <number> | <percentage> ] )"},"scaleY()":{"syntax":"scaleY( [ <number> | <percentage> ] )"},"scaleZ()":{"syntax":"scaleZ( [ <number> | <percentage> ] )"},"scope-end":{"syntax":"<forgiving-selector-list>"},"scope-start":{"syntax":"<forgiving-selector-list>"},"scroll()":{"syntax":"scroll( [ <scroller> || <axis> ]? )"},"scroller":{"syntax":"root | nearest | self"},"scroll-state-feature":{"syntax":"<scroll-state-feature-plain> | <scroll-state-feature-boolean>"},"scroll-state-in-parens":{"syntax":"( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>"},"scroll-state-query":{"syntax":" not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>"},"selector-list":{"syntax":"<complex-selector-list>"},"self-position":{"syntax":"center | start | end | self-start | self-end | flex-start | flex-end"},"sepia()":{"syntax":"sepia( [ <number> | <percentage> ]? )"},"shadow":{"syntax":"inset? && <length>{2,4} && <color>?"},"shadow-t":{"syntax":"[ <length>{2,3} && <color>? ]"},"shape":{"syntax":"rect( <top>, <right>, <bottom>, <left> ) | rect( <top> <right> <bottom> <left> )"},"shape-box":{"syntax":"<visual-box> | margin-box"},"side-or-corner":{"syntax":"[ left | right ] || [ top | bottom ]"},"sign()":{"syntax":"sign( <calc-sum> )"},"signed-integer":{"syntax":"<number-token>"},"signless-integer":{"syntax":"<number-token>"},"sin()":{"syntax":"sin( <calc-sum> )"},"single-animation":{"syntax":"<'animation-duration'> || <easing-function> || <'animation-delay'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>"},"single-animation-composition":{"syntax":"replace | add | accumulate"},"single-animation-direction":{"syntax":"normal | reverse | alternate | alternate-reverse"},"single-animation-fill-mode":{"syntax":"none | forwards | backwards | both"},"single-animation-iteration-count":{"syntax":"infinite | <number>"},"single-animation-play-state":{"syntax":"running | paused"},"single-animation-timeline":{"syntax":"auto | none | <dashed-ident> | <scroll()> | <view()>"},"single-transition":{"syntax":"[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>"},"single-transition-property":{"syntax":"all | <custom-ident>"},"size":{"syntax":"closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"},"size-feature":{"syntax":"<mf-plain> | <mf-boolean> | <mf-range>"},"skew()":{"syntax":"skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"},"skewX()":{"syntax":"skewX( [ <angle> | <zero> ] )"},"skewY()":{"syntax":"skewY( [ <angle> | <zero> ] )"},"sqrt()":{"syntax":"sqrt( <calc-sum> )"},"step-position":{"syntax":"jump-start | jump-end | jump-none | jump-both | start | end"},"step-easing-function":{"syntax":"step-start | step-end | <steps()>"},"steps()":{"syntax":"steps( <integer>, <step-position>? )"},"style-feature":{"syntax":"<style-feature-plain> | <style-feature-boolean> | <style-range>"},"style-in-parens":{"syntax":"( <style-query> ) | ( <style-feature> ) | <general-enclosed>"},"style-query":{"syntax":"not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>"},"subclass-selector":{"syntax":"<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>"},"superellipse()":{"syntax":"superellipse( [ <number> | infinity | -infinity ] )"},"supports-condition":{"syntax":"not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*"},"supports-decl":{"syntax":"( <declaration> )"},"supports-feature":{"syntax":"<supports-decl> | <supports-selector-fn>"},"supports-in-parens":{"syntax":"( <supports-condition> ) | <supports-feature> | <general-enclosed>"},"supports-selector-fn":{"syntax":"selector( <complex-selector> )"},"symbol":{"syntax":"<string> | <image> | <custom-ident>"},"symbols()":{"syntax":"symbols( <symbols-type>? [ <string> | <image> ]+ )"},"symbols-type":{"syntax":"cyclic | numeric | alphabetic | symbolic | fixed"},"system-color":{"syntax":"AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText"},"system-family-name":{"syntax":"caption | icon | menu | message-box | small-caption | status-bar"},"tan()":{"syntax":"tan( <calc-sum> )"},"target":{"syntax":"<target-counter()> | <target-counters()> | <target-text()>"},"target-counter()":{"syntax":"target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )"},"target-counters()":{"syntax":"target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )"},"target-text()":{"syntax":"target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )"},"text-edge":{"syntax":"[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?"},"time-percentage":{"syntax":"<time> | <percentage>"},"timeline-range-name":{"syntax":"cover | contain | entry | exit | entry-crossing | exit-crossing"},"track-breadth":{"syntax":"<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>"},"track-list":{"syntax":"[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"},"track-repeat":{"syntax":"repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )"},"track-size":{"syntax":"<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )"},"transform-function":{"syntax":"<matrix()> | <translate()> | <translateX()> | <translateY()> | <scale()> | <scaleX()> | <scaleY()> | <rotate()> | <skew()> | <skewX()> | <skewY()> | <matrix3d()> | <translate3d()> | <translateZ()> | <scale3d()> | <scaleZ()> | <rotate3d()> | <rotateX()> | <rotateY()> | <rotateZ()> | <perspective()>"},"transform-list":{"syntax":"<transform-function>+"},"transition-behavior-value":{"syntax":"normal | allow-discrete"},"translate()":{"syntax":"translate( <length-percentage> , <length-percentage>? )"},"translate3d()":{"syntax":"translate3d( <length-percentage> , <length-percentage> , <length> )"},"translateX()":{"syntax":"translateX( <length-percentage> )"},"translateY()":{"syntax":"translateY( <length-percentage> )"},"translateZ()":{"syntax":"translateZ( <length> )"},"try-size":{"syntax":"most-width | most-height | most-block-size | most-inline-size"},"try-tactic":{"syntax":"flip-block || flip-inline || flip-start"},"type-or-unit":{"syntax":"string | color | url | integer | number | length | angle | time | frequency | cap | ch | em | ex | ic | lh | rlh | rem | vb | vi | vw | vh | vmin | vmax | mm | Q | cm | in | pt | pc | px | deg | grad | rad | turn | ms | s | Hz | kHz | %"},"type-selector":{"syntax":"<wq-name> | <ns-prefix>? '*'"},"var()":{"syntax":"var( <custom-property-name> , <declaration-value>? )"},"view()":{"syntax":"view([<axis> || <'view-timeline-inset'>]?)"},"viewport-length":{"syntax":"auto | <length-percentage>"},"visual-box":{"syntax":"content-box | padding-box | border-box"},"wq-name":{"syntax":"<ns-prefix>? <ident-token>"},"xywh()":{"syntax":"xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"},"xyz":{"syntax":"xyz | xyz-d50 | xyz-d65"},"xyz-params":{"syntax":"<xyz-space> [ <number> | <percentage> | none ]{3}"},"-legacy-gradient":{"syntax":"<-webkit-gradient()> | <-legacy-linear-gradient> | <-legacy-repeating-linear-gradient> | <-legacy-radial-gradient> | <-legacy-repeating-radial-gradient>"},"-legacy-linear-gradient":{"syntax":"-moz-linear-gradient( <-legacy-linear-gradient-arguments> ) | -webkit-linear-gradient( <-legacy-linear-gradient-arguments> ) | -o-linear-gradient( <-legacy-linear-gradient-arguments> )"},"-legacy-repeating-linear-gradient":{"syntax":"-moz-repeating-linear-gradient( <-legacy-linear-gradient-arguments> ) | -webkit-repeating-linear-gradient( <-legacy-linear-gradient-arguments> ) | -o-repeating-linear-gradient( <-legacy-linear-gradient-arguments> )"},"-legacy-linear-gradient-arguments":{"syntax":"[ <angle> | <side-or-corner> ]? , <color-stop-list>"},"-legacy-radial-gradient":{"syntax":"-moz-radial-gradient( <-legacy-radial-gradient-arguments> ) | -webkit-radial-gradient( <-legacy-radial-gradient-arguments> ) | -o-radial-gradient( <-legacy-radial-gradient-arguments> )"},"-legacy-repeating-radial-gradient":{"syntax":"-moz-repeating-radial-gradient( <-legacy-radial-gradient-arguments> ) | -webkit-repeating-radial-gradient( <-legacy-radial-gradient-arguments> ) | -o-repeating-radial-gradient( <-legacy-radial-gradient-arguments> )"},"-legacy-radial-gradient-arguments":{"syntax":" <position>? , [ [ <-legacy-radial-gradient-shape> || <-legacy-radial-gradient-size> ] | [ <length> | <percentage> ]{2} ]? , <color-stop-list>"},"-legacy-radial-gradient-size":{"syntax":"closest-side | closest-corner | farthest-side | farthest-corner | contain | cover"},"-legacy-radial-gradient-shape":{"syntax":"circle | ellipse"},"-non-standard-font":{"syntax":"-apple-system-body | -apple-system-headline | -apple-system-subheadline | -apple-system-caption1 | -apple-system-caption2 | -apple-system-footnote | -apple-system-short-body | -apple-system-short-headline | -apple-system-short-subheadline | -apple-system-short-caption1 | -apple-system-short-footnote | -apple-system-tall-body"},"-non-standard-color":{"syntax":"-moz-ButtonDefault | -moz-ButtonHoverFace | -moz-ButtonHoverText | -moz-CellHighlight | -moz-CellHighlightText | -moz-Combobox | -moz-ComboboxText | -moz-Dialog | -moz-DialogText | -moz-dragtargetzone | -moz-EvenTreeRow | -moz-Field | -moz-FieldText | -moz-html-CellHighlight | -moz-html-CellHighlightText | -moz-mac-accentdarkestshadow | -moz-mac-accentdarkshadow | -moz-mac-accentface | -moz-mac-accentlightesthighlight | -moz-mac-accentlightshadow | -moz-mac-accentregularhighlight | -moz-mac-accentregularshadow | -moz-mac-chrome-active | -moz-mac-chrome-inactive | -moz-mac-focusring | -moz-mac-menuselect | -moz-mac-menushadow | -moz-mac-menutextselect | -moz-MenuHover | -moz-MenuHoverText | -moz-MenuBarText | -moz-MenuBarHoverText | -moz-nativehyperlinktext | -moz-OddTreeRow | -moz-win-communicationstext | -moz-win-mediatext | -moz-activehyperlinktext | -moz-default-background-color | -moz-default-color | -moz-hyperlinktext | -moz-visitedhyperlinktext | -webkit-activelink | -webkit-focus-ring-color | -webkit-link | -webkit-text"},"-non-standard-image-rendering":{"syntax":"optimize-contrast | -moz-crisp-edges | -o-crisp-edges | -webkit-optimize-contrast"},"-non-standard-overflow":{"syntax":"overlay | -moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"},"-non-standard-size":{"syntax":"intrinsic | min-intrinsic | -webkit-fill-available | -webkit-fit-content | -webkit-min-content | -webkit-max-content  | -moz-available | -moz-fit-content | -moz-min-content | -moz-max-content"},"-webkit-gradient()":{"syntax":"-webkit-gradient( <-webkit-gradient-type>, <-webkit-gradient-point> [, <-webkit-gradient-point> | , <-webkit-gradient-radius>, <-webkit-gradient-point> ] [, <-webkit-gradient-radius>]? [, <-webkit-gradient-color-stop>]* )"},"-webkit-gradient-color-stop":{"syntax":"from( <color> ) | color-stop( [ <number-zero-one> | <percentage> ] , <color> ) | to( <color> )"},"-webkit-gradient-point":{"syntax":"[ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]"},"-webkit-gradient-radius":{"syntax":"<length> | <percentage>"},"-webkit-gradient-type":{"syntax":"linear | radial"},"-webkit-mask-box-repeat":{"syntax":"repeat | stretch | round"},"-ms-filter-function-list":{"syntax":"<-ms-filter-function>+"},"-ms-filter-function":{"syntax":"<-ms-filter-function-progid> | <-ms-filter-function-legacy>"},"-ms-filter-function-progid":{"syntax":"'progid:' [ <ident-token> '.' ]* [ <ident-token> | <function-token> <any-value>? ) ]"},"-ms-filter-function-legacy":{"syntax":"<ident-token> | <function-token> <any-value>? )"},"age":{"syntax":"child | young | old"},"attr-name":{"syntax":"<wq-name>"},"attr-fallback":{"syntax":"<any-value>"},"autospace":{"syntax":"no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]"},"bottom":{"syntax":"<length> | auto"},"generic-voice":{"syntax":"[ <age>? <gender> <integer>? ]"},"gender":{"syntax":"male | female | neutral"},"generic-script-specific":{"syntax":"generic(kai) | generic(fangsong) | generic(nastaliq)"},"-non-standard-generic-family":{"syntax":"-apple-system | BlinkMacSystemFont"},"intrinsic-size-keyword":{"syntax":"min-content | max-content | fit-content"},"left":{"syntax":"<length> | auto"},"device-cmyk()":{"syntax":"<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>"},"legacy-device-cmyk-syntax":{"syntax":"device-cmyk( <number>#{4} )"},"modern-device-cmyk-syntax":{"syntax":"device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )"},"cmyk-component":{"syntax":"<number> | <percentage> | none"},"color-space":{"syntax":"<rectangular-color-space> | <polar-color-space> | <custom-color-space>"},"right":{"syntax":"<length> | auto"},"forgiving-selector-list":{"syntax":"<complex-real-selector-list>"},"forgiving-relative-selector-list":{"syntax":"<relative-real-selector-list>"},"complex-real-selector-list":{"syntax":"<complex-real-selector>#"},"simple-selector-list":{"syntax":"<simple-selector>#"},"relative-real-selector-list":{"syntax":"<relative-real-selector>#"},"complex-selector-unit":{"syntax":"[ <compound-selector>? <pseudo-compound-selector>* ]!"},"complex-real-selector":{"syntax":"<compound-selector> [ <combinator>? <compound-selector> ]*"},"relative-real-selector":{"syntax":"<combinator>? <complex-real-selector>"},"pseudo-compound-selector":{"syntax":" <pseudo-element-selector> <pseudo-class-selector>*"},"simple-selector":{"syntax":"<type-selector> | <subclass-selector>"},"legacy-pseudo-element-selector":{"syntax":" ':' [before | after | first-line | first-letter]"},"svg-length":{"syntax":"<percentage> | <length> | <number>"},"svg-writing-mode":{"syntax":"lr-tb | rl-tb | tb-rl | lr | rl | tb"},"top":{"syntax":"<length> | auto"},"x":{"syntax":"<number>"},"y":{"syntax":"<number>"},"declaration":{"syntax":"<ident-token> : <declaration-value>? [ '!' important ]?"},"declaration-list":{"syntax":"[ <declaration>? ';' ]* <declaration>?"},"url":{"syntax":"url( <string> <url-modifier>* ) | <url-token>"},"url-modifier":{"syntax":"<ident> | <function-token> <any-value> )"},"number-zero-one":{"syntax":"<number [0,1]>"},"number-one-or-greater":{"syntax":"<number [1,∞]>"},"xyz-space":{"syntax":"xyz | xyz-d50 | xyz-d65"},"style-condition":{"syntax":"not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ]"},"-non-standard-display":{"syntax":"-ms-inline-flexbox | -ms-grid | -ms-inline-grid | -webkit-flex | -webkit-inline-flex | -webkit-box | -webkit-inline-box | -moz-inline-stack | -moz-box | -moz-inline-box | -ms-flexbox"},"inset-area":{"syntax":"[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]"},"syntax":{"syntax":"'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]* | <syntax-string>"},"syntax-component":{"syntax":"<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'"},"syntax-single-component":{"syntax":"'<' <syntax-type-name> '>' | <ident>"},"syntax-type-name":{"syntax":"angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function"},"syntax-combinator":{"syntax":"'|'"},"syntax-multiplier":{"syntax":"'#' | '+'"},"syntax-string":{"syntax":"<string>"},"relative-hwb-component":{"syntax":"<number> | <percentage> | none | h | w | b | alpha"},"relative-hsl-component":{"syntax":"<number> | <percentage> | none | h | s | l | alpha"},"relative-rgb-component":{"syntax":"<number> | <percentage> | none | r | g | b | alpha"},"relative-lab-component":{"syntax":"<number> | <percentage> | none | l | a | b | alpha"},"relative-lch-component":{"syntax":"<number> | <percentage> | none | l | c | h | alpha"},"function-name":{"syntax":"<dashed-ident>("},"function-parameter":{"syntax":"<dashed-ident> <css-type>? [ : <default-value> ]?"},"alpha()":{"syntax":" alpha([from <color>] [ / [<alpha-value> | none] ]? )"},"if()":{"syntax":"if( [ <if-branch> ; ]* )"},"if-branch":{"syntax":"<if-condition> : <declaration-value>?"},"if-condition":{"syntax":"<if-test> | else"},"if-test":{"syntax":"supports( [ <ident> : <declaration-value> ] | <supports-condition> ) | media( <media-feature> | <media-condition> ) | style( <style-query> )"},"position-three":{"syntax":"[ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] "},"position-one":{"syntax":"left | center | right | top | bottom | x-start | x-end | y-start | y-end | block-start | block-end | inline-start | inline-end | <length-percentage> "},"position-two":{"syntax":"[ left | center | right | x-start | x-end ] && [ top | center | bottom | y-start | y-end ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ block-start | center | block-end ] && [ inline-start | center | inline-end ] | [ start | center | end ]{2} "},"position-four":{"syntax":"[ [ left | right | x-start | x-end ] <length-percentage> ] && [ [ top | bottom | y-start | y-end ] <length-percentage> ] | [ [ block-start | block-end ] <length-percentage> ] && [ [ inline-start | inline-end ] <length-percentage> ] | [ [ start | end ] <length-percentage> ]{2} "},"composes-selector":{"syntax":"<ident>+ [from [global&&<string>]]?"},"wcag2":{"syntax":"wcag2 | wcag2([<number> | [ aa | aaa ] && large? ])"},"target-contrast":{"syntax":"<wcag2>"},"contrast-color()":{"syntax":"contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>, <color># ] ] )"},"color-layers()":{"syntax":"color-layers([ <blend-mode>, ]? <color># )"},"font-feature-custom-ident":{"syntax":"<integer>"},"font-feature-custom-ident-list":{"syntax":"<integer>+"},"font-feature-custom-ident-character-variant":{"syntax":"<integer> <integer>?"},"style-feature-name":{"syntax":"<ident> |<custom-property-name>"},"style-feature-plain":{"syntax":"<style-feature-name> : <style-feature-value>"},"style-feature-boolean":{"syntax":"<style-feature-name>"},"style-range":{"syntax":"<style-range-value> <mf-comparison> <style-range-value> | <style-range-value> <mf-lt> <style-range-value> <mf-lt> <style-range-value> | <style-range-value> <mf-gt> <style-range-value> <mf-gt> <style-range-value>"},"style-range-value":{"syntax":"<custom-property-name> | <style-feature-value>"},"scroll-state-feature-plain":{"syntax":"<scroll-state-feature-stuck> | <scroll-state-feature-snapped> | <scroll-state-feature-scrollable> | <scroll-state-feature-scrolled>"},"scroll-state-feature-stuck":{"syntax":"stuck : [ none | top | right | bottom | left | block-start | inline-start | block-end | inline-end ]"},"scroll-state-feature-snapped":{"syntax":"snapped : [ none | x | y | block | inline | both ]"},"scroll-state-feature-scrollable":{"syntax":"scrollable : [ none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline ]"},"scroll-state-feature-scrolled":{"syntax":"scrolled : [ none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline ]"},"scroll-state-feature-boolean":{"syntax":"stuck | snapped | scrollable | scrolled"},"color-font-tech":{"syntax":"color-colrv0 | color-colrv1 | color-svg | color-sbix | color-cbdt"},"font-features-tech":{"syntax":"features-opentype | features-aat | features-graphite"},"font-tech-patch-values":{"syntax":"incremental-patch | incremental-range | incremental-auto | variations | palettes"},"font-tech()":{"syntax":"font-tech( <color-font-tech> | <font-features-tech> | <font-tech-patch-values> )"},"font-format-values":{"syntax":"collection | embedded-opentype | opentype | truetype | svg | woff | woff2"},"font-format()":{"syntax":"font-format(<font-format-values>)"},"at-rule()":{"syntax":"at-rule(<at-keyword-token>)"},"named-feature()":{"syntax":"named-feature( <ident> )"},"media()":{"syntax":"media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"},"selector()":{"syntax":"selector( <complex-selector> )"},"scroll-state()":{"syntax":"scroll-state( <scroll-state-query> )"},"supports()":{"syntax":"supports( <declaration> )"},"keyframe-selectors":{"syntax":"<keyframe-selector>#"},"-non-standard-text-align":{"syntax":"| -moz-center | -webkit-center | -webkit-match-parent"}},"selectors":{":active":{"syntax":":active"},":active-view-transition":{"syntax":":active-view-transition"},":active-view-transition-type()":{"syntax":":active-view-transition-type( <custom-ident># )"},":any-link":{"syntax":":any-link"},":autofill":{"syntax":":autofill"},":blank":{"syntax":":blank"},":buffering":{"syntax":":buffering"},":checked":{"syntax":":checked"},":current":{"syntax":":current"},":default":{"syntax":":default"},":defined":{"syntax":":defined"},":dir()":{"syntax":":dir( [ ltr | rtl ] )"},":disabled":{"syntax":":disabled"},":empty":{"syntax":":empty"},":enabled":{"syntax":":enabled"},":first":{"syntax":":first"},":first-child":{"syntax":":first-child"},":first-of-type":{"syntax":":first-of-type"},":focus":{"syntax":":focus"},":focus-visible":{"syntax":":focus-visible"},":focus-within":{"syntax":":focus-within"},":fullscreen":{"syntax":":fullscreen"},":future":{"syntax":":future"},":has()":{"syntax":":has( <forgiving-relative-selector-list> )"},":has-slotted":{"syntax":":has-slotted"},":host":{"syntax":":host"},":host()":{"syntax":":host( <compound-selector> )"},":host-context()":{"syntax":":host-context( <compound-selector> )"},":hover":{"syntax":":hover"},":in-range":{"syntax":":in-range"},":indeterminate":{"syntax":":indeterminate"},":invalid":{"syntax":":invalid"},":is()":{"syntax":":is( <forgiving-selector-list> )"},":lang()":{"syntax":":lang( <language-code> )"},":last-child":{"syntax":":last-child"},":last-of-type":{"syntax":":last-of-type"},":left":{"syntax":":left"},":link":{"syntax":":link"},":local-link":{"syntax":":local-link"},":modal":{"syntax":":modal"},":muted":{"syntax":":muted"},":not()":{"syntax":":not( <complex-selector-list> )"},":nth-child()":{"syntax":":nth-child( <an+b> [ of <complex-selector-list> ]? )"},":nth-last-child()":{"syntax":":nth-last-child( <an+b> [ of <complex-selector-list> ]? )"},":nth-last-of-type()":{"syntax":":nth-last-of-type( <an+b> )"},":nth-of-type()":{"syntax":":nth-of-type( <an+b> )"},":only-child":{"syntax":":only-child"},":only-of-type":{"syntax":":only-of-type"},":open":{"syntax":":open"},":optional":{"syntax":":optional"},":out-of-range":{"syntax":":out-of-range"},":past":{"syntax":":past"},":paused":{"syntax":":paused"},":picture-in-picture":{"syntax":":picture-in-picture"},":placeholder-shown":{"syntax":":placeholder-shown"},":playing":{"syntax":":playing"},":popover-open":{"syntax":":popover-open"},":read-only":{"syntax":":read-only"},":read-write":{"syntax":":read-write"},":required":{"syntax":":required"},":right":{"syntax":":right"},":root":{"syntax":":root"},":scope":{"syntax":":scope"},":seeking":{"syntax":":seeking"},":stalled":{"syntax":":stalled"},":state()":{"syntax":":state( <custom-ident> )"},":target":{"syntax":":target"},":target-current":{"syntax":":target-current"},":target-within":{"syntax":":target-within"},":user-invalid":{"syntax":":user-invalid"},":user-valid":{"syntax":":user-valid"},":valid":{"syntax":":valid"},":visited":{"syntax":":visited"},":volume-locked":{"syntax":":volume-locked"},":where()":{"syntax":":where( <complex-selector-list> )"},":xr-overlay":{"syntax":":xr-overlay"},"::-ms-browse":{"syntax":"::-ms-browse"},"::-ms-check":{"syntax":"::-ms-check"},"::-ms-clear":{"syntax":"::-ms-clear"},"::-ms-expand":{"syntax":"::-ms-expand"},"::-ms-fill":{"syntax":"::-ms-fill"},"::-ms-fill-lower":{"syntax":"::-ms-fill-lower"},"::-ms-fill-upper":{"syntax":"::-ms-fill-upper"},"::-ms-reveal":{"syntax":"::-ms-reveal"},"::-ms-thumb":{"syntax":"::-ms-thumb"},"::-ms-ticks-after":{"syntax":"::-ms-ticks-after"},"::-ms-ticks-before":{"syntax":"::-ms-ticks-before"},"::-ms-tooltip":{"syntax":"::-ms-tooltip"},"::-ms-track":{"syntax":"::-ms-track"},"::-ms-value":{"syntax":"::-ms-value"},"::-moz-progress-bar":{"syntax":"::-moz-progress-bar"},"::-moz-range-progress":{"syntax":"::-moz-range-progress"},"::-moz-range-thumb":{"syntax":"::-moz-range-thumb"},"::-moz-range-track":{"syntax":"::-moz-range-track"},"::-webkit-progress-bar":{"syntax":"::-webkit-progress-bar"},"::-webkit-progress-inner-value":{"syntax":"::-webkit-progress-inner-value"},"::-webkit-progress-value":{"syntax":"::-webkit-progress-value"},"::-webkit-slider-runnable-track":{"syntax":"::-webkit-slider-runnable-track"},"::-webkit-slider-thumb":{"syntax":"::-webkit-slider-thumb"},"::after":{"syntax":"::after"},"::backdrop":{"syntax":"::backdrop"},"::before":{"syntax":"::before"},"::checkmark":{"syntax":"::checkmark"},"::cue":{"syntax":"::cue"},"::cue()":{"syntax":"::cue( <selector> )"},"::cue-region":{"syntax":"::cue-region"},"::cue-region()":{"syntax":"::cue-region( <selector> )"},"::details-content":{"syntax":"::details-content"},"::file-selector-button":{"syntax":"::file-selector-button"},"::first-letter":{"syntax":"::first-letter"},"::first-line":{"syntax":"::first-line"},"::grammar-error":{"syntax":"::grammar-error"},"::highlight()":{"syntax":"::highlight( <custom-ident> )"},"::marker":{"syntax":"::marker"},"::part()":{"syntax":"::part( <ident>+ )"},"::picker-icon":{"syntax":"::picker-icon"},"::picker()":{"syntax":"::picker( <form-control-identifier>+ )"},"::placeholder":{"syntax":"::placeholder"},"::scroll-marker":{"syntax":"::scroll-marker"},"::scroll-marker-group":{"syntax":"::scroll-marker-group"},"::selection":{"syntax":"::selection"},"::slotted()":{"syntax":"::slotted( <compound-selector> )"},"::spelling-error":{"syntax":"::spelling-error"},"::target-text":{"syntax":"::target-text"},"::view-transition":{"syntax":"::view-transition"},"::view-transition-group()":{"syntax":"::view-transition-group([ '*' | <custom-ident> ])"},"::view-transition-image-pair()":{"syntax":"::view-transition-image-pair([ '*' | <custom-ident> ])"},"::view-transition-new()":{"syntax":"::view-transition-new([ '*' | <custom-ident> ])"},"::view-transition-old()":{"syntax":"::view-transition-old([ '*' | <custom-ident> ])"},":global":{"syntax":":global"},":global()":{"syntax":":global( <forgiving-selector-list> )"},":local":{"syntax":":local"},":local()":{"syntax":":local( <forgiving-selector-list> )"},":-webkit-any()":{"syntax":":-webkit-any( <forgiving-selector-list> )"},":-webkit-any-link":{"syntax":":-webkit-any-link"}},"atRules":{"@charset":{"syntax":"@charset \"<charset>\";"},"@counter-style":{"syntax":"@counter-style <counter-style-name> {\n  [ system: <counter-system>; ] ||\n  [ symbols: <counter-symbols>; ] ||\n  [ additive-symbols: <additive-symbols>; ] ||\n  [ negative: <negative-symbol>; ] ||\n  [ prefix: <prefix>; ] ||\n  [ suffix: <suffix>; ] ||\n  [ range: <range>; ] ||\n  [ pad: <padding>; ] ||\n  [ speak-as: <speak-as>; ] ||\n  [ fallback: <counter-style-name>; ]\n}","descriptors":{"additive-symbols":{"syntax":"[ <integer [0,∞]> && <symbol> ]#"},"fallback":{"syntax":"<counter-style-name>"},"negative":{"syntax":"<symbol> <symbol>?"},"pad":{"syntax":"<integer [0,∞]> && <symbol>"},"prefix":{"syntax":"<symbol>"},"range":{"syntax":"[ [ <integer> | infinite ]{2} ]# | auto"},"speak-as":{"syntax":"auto | bullets | numbers | words | spell-out | <counter-style-name>"},"suffix":{"syntax":"<symbol>"},"symbols":{"syntax":"<symbol>+"},"system":{"syntax":"cyclic | numeric | alphabetic | symbolic | additive | [ fixed <integer>? ] | [ extends <counter-style-name> ]"}}},"@container":{"syntax":"@container <container-condition># {\n  <block-contents>\n}"},"@document":{"syntax":"@document [ <url> | url-prefix(<string>) | domain(<string>) | media-document(<string>) | regexp(<string>) ]# {\n  <group-rule-body>\n}"},"@font-face":{"syntax":"@font-face {\n  [ font-family: <family-name>; ] ||\n  [ src: <src>; ] ||\n  [ unicode-range: <unicode-range>; ] ||\n  [ font-variant: <font-variant>; ] ||\n  [ font-feature-settings: <font-feature-settings>; ] ||\n  [ font-variation-settings: <font-variation-settings>; ] ||\n  [ font-stretch: <font-stretch>; ] ||\n  [ font-weight: <font-weight>; ] ||\n  [ font-style: <font-style>; ] ||\n  [ size-adjust: <size-adjust>; ] ||\n  [ ascent-override: <ascent-override>; ] ||\n  [ descent-override: <descent-override>; ] ||\n  [ line-gap-override: <line-gap-override>; ]\n}","descriptors":{"ascent-override":{"syntax":"normal | <percentage>"},"descent-override":{"syntax":"normal | <percentage>"},"font-display":{"syntax":"auto | block | swap | fallback | optional"},"font-family":{"syntax":"<family-name>"},"font-feature-settings":{"syntax":"normal | <feature-tag-value>#"},"font-stretch":{"syntax":"<font-stretch-absolute>{1,2}"},"font-style":{"syntax":"normal | italic | oblique <angle>{0,2}"},"font-variation-settings":{"syntax":"normal | [ <string> <number> ]#"},"font-weight":{"syntax":"<font-weight-absolute>{1,2}"},"line-gap-override":{"syntax":"normal | <percentage>"},"size-adjust":{"syntax":"<percentage>"},"src":{"syntax":"[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"},"unicode-range":{"syntax":"<unicode-range-token>#"}}},"@font-feature-values":{"syntax":" @font-feature-values <family-name># { <@historical-forms> | <@styleset> | <@character-variant> | <@swash> | <@ornaments> | <@annotation> } ","descriptors":{"font-display":{"syntax":"auto | block | swap | fallback | optional"}}},"@font-palette-values":{"syntax":"@font-palette-values <dashed-ident> {\n  <declaration-list>\n}","descriptors":{"base-palette":{"syntax":"light | dark | <integer [0,∞]>"},"font-family":{"syntax":"<family-name>#"},"override-colors":{"syntax":"[ <integer [0,∞]> <color> ]#"}}},"@import":{"syntax":"@import [ <string> | <url> ]\n        [ layer | layer(<layer-name>) ]?\n        [ supports( [ <supports-condition> | <declaration> ] ) ]?\n        <media-query-list>? ;"},"@keyframes":{"syntax":"@keyframes <keyframes-name> {\n  <qualified-rule-list>\n}"},"@layer":{"syntax":"@layer [ <layer-name># | <layer-name>?  {\n  <stylesheet>\n} ]"},"@media":{"syntax":"@media <media-query-list> {\n  <group-rule-body>\n}"},"@namespace":{"syntax":"@namespace <namespace-prefix>? [ <string> | <url> ];"},"@page":{"syntax":"@page <page-selector-list> {\n  <page-body>\n}","descriptors":{"bleed":{"syntax":"auto | <length>"},"marks":{"syntax":"none | [ crop || cross ]"},"page-orientation":{"syntax":"upright | rotate-left | rotate-right"},"size":{"syntax":"<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"}}},"@position-try":{"syntax":" @position-try <dashed-ident> { <declaration-list> } ","descriptors":{"top":"<'top'>","left":"<'left'>","bottom":"<'bottom'>","right":"<'right'>","inset-block-start":"<'inset-block-start'>","inset-block-end":"<'inset-block-end'>","inset-inline-start":"<'inset-inline-start'>","inset-inline-end":"<'inset-inline-end'>","inset-block":"<'inset-block'>","inset-inline":"<'inset-inline'>","inset":"<'inset'>","margin-top":"<'margin-top'>","margin-left":"<'margin-left'>","margin-bottom":"<'margin-bottom'>","margin-right":"<'margin-right'>","margin-block-start":"<'margin-block-start'>","margin-block-end":"<'margin-block-end'>","margin-inline-start":"<'margin-inline-start'>","margin-inline-end":"<'margin-inline-end'>","margin":"<'margin'>","margin-block":"<'margin-block'>","margin-inline":"<'margin-inline'>","width":"<'width'>","height":"<'height'>","min-width":"<'min-width'>","min-height":"<'min-height'>","max-width":"<'max-width'>","max-height":"<'max-height'>","block-size":"<'block-size'>","inline-size":"<'inline-size'>","min-block-size":"<'min-block-size'>","min-inline-size":"<'min-inline-size'>","max-block-size":"<'max-block-size'>","max-inline-size":"<'max-inline-size'>","align-self":"<'align-self'> | anchor-center","justify-self":"<'justify-self'> | anchor-center"}},"@property":{"syntax":"@property <custom-property-name> {\n  <declaration-list>\n}","descriptors":{"inherits":{"syntax":"true | false"},"initial-value":{"syntax":"<declaration-value>?"},"syntax":{"syntax":"<string>"}}},"@scope":{"syntax":"@scope [(<scope-start>)]? [to (<scope-end>)]? {\n  <rule-list>\n}"},"@starting-style":{"syntax":"@starting-style {\n  <declaration-list> | <group-rule-body>\n}"},"@supports":{"syntax":"@supports <supports-condition> {\n  <group-rule-body>\n}"},"@view-transition":{"syntax":"@view-transition {\n  <declaration-list>\n}","descriptors":{"navigation":{"syntax":"auto | none"},"types":{"syntax":"none | <custom-ident>+"}}},"@font-features-values":{"descriptors":{"font-display":"auto | block | swap | fallback | optional"}},"@color-profile":{"syntax":"@color-profile [ <dashed-ident> | device-cmyk ] { <declaration-list> }","descriptors":{"src":{"syntax":"<url>"}}},"@historical-forms":{"syntax":" @historical-forms { <declaration-list> }"},"@styleset":{"syntax":"@styleset { <declaration-list> }"},"@character-variant":{"syntax":"@character-variant { <declaration-list> }"},"@swash":{"syntax":"@swash { <declaration-list> }"},"@ornaments":{"syntax":"@ornaments { <declaration-list> }"},"@annotation":{"syntax":"@annotation { <declaration-list> }"},"@when":{"syntax":" @when <when-condition> {\n <group-rule-body>\n}"},"@else":{"syntax":" @else <when-condition>? {\n <group-rule-body>\n}"},"@custom-media":{"syntax":" @custom-media <extension-name> [<media-query-list> | true | false ];"},"@top-left-corner":{"syntax":" @top-left-corner { <declaration-list> }"},"@top-left":{"syntax":" @top-left { <declaration-list> }"},"@top-center":{"syntax":" @top-center { <declaration-list> }"},"@top-right":{"syntax":" @top-right { <declaration-list> }"},"@top-right-corner":{"syntax":" @top-right-corner { <declaration-list> }"},"@bottom-left-corner":{"syntax":" @bottom-left-corner { <declaration-list> }"},"@bottom-left":{"syntax":" @bottom-left { <declaration-list> }"},"@bottom-right":{"syntax":" @bottom-right { <declaration-list> }"},"@bottom-right-corner":{"syntax":" @bottom-right-corner { <declaration-list> }"},"@function":{"syntax":" @function <dashed-ident>(<function-parameter>#?) [returns <css-type>]? { <declaration-rule-list> }"},"@left-top":{"syntax":" @left-top { <declaration-list> }"},"@left-middle":{"syntax":" @left-middle { <declaration-list> }"},"@left-bottom":{"syntax":" @left-bottom { <declaration-list> }"},"@right-top":{"syntax":" @right-top { <declaration-list> }"},"@right-middle":{"syntax":" @right-middle { <declaration-list> }"},"@right-bottom":{"syntax":" @right-bottom { <declaration-list> }"},"@value":{"syntax":"@value [<declaration> && [ <ident># from <ident> ]]"}},"units":["cap","ch","cm","deg","dpcm","dpi","dppx","em","ex","fr","grad","Hz","ic","in","kHz","mm","ms","pc","pt","px","Q","rad","rem","s","turn","vh","vmax","vmin","vw","x"],"languages":["aa","ab","af","ak","sq","am","ar","an","hy","as","av","ae","ay","az","ba","bm","eu","be","bn","bh","bi","bo","bs","br","bg","my","ca","cs","ch","ce","zh","cu","cv","kw","co","cr","cy","da","de","dv","nl","dz","el","en","eo","et","ee","fo","fa","fj","fi","fr","fy","ff","ka","gd","ga","gl","gv","gn","gu","ht","ha","he","hz","hi","ho","hr","hu","ig","is","io","ii","iu","ie","ia","id","ik","it","jv","ja","kl","kn","ks","kr","kk","km","ki","rw","ky","kv","kg","ko","kj","ku","lo","la","lv","li","ln","lt","lb","lu","lg","mk","mh","ml","mi","mr","ms","mg","mt","mo","mn","na","nv","nr","nd","ng","ne","nn","nb","no","ny","oc","oj","or","om","os","pa","pi","pl","pt","ps","qu","rm","ro","rn","ru","sg","sa","sr","si","sk","sl","se","sm","sn","sd","so","st","es","sc","ss","su","sw","sv","ty","ta","tt","te","tg","tl","th","ti","to","tn","ts","tk","tr","tw","ug","uk","ur","uz","ve","vi","vo","wa","wo","xh","yi","yo","za","zu"],"mediaFeatures":{"width":{"type":"length","category":"viewport"},"min-width":{"type":"length","category":"viewport"},"max-width":{"type":"length","category":"viewport"},"height":{"type":"length","category":"viewport"},"min-height":{"type":"length","category":"viewport"},"max-height":{"type":"length","category":"viewport"},"aspect-ratio":{"type":"ratio","category":"viewport"},"min-aspect-ratio":{"type":"ratio","category":"viewport"},"max-aspect-ratio":{"type":"ratio","category":"viewport"},"orientation":{"type":"keyword","values":["portrait","landscape"],"category":"viewport"},"device-width":{"type":"length","status":"deprecated","category":"device-viewport"},"device-height":{"type":"length","status":"deprecated","category":"device-viewport"},"device-aspect-ratio":{"type":"ratio","status":"deprecated","category":"device-viewport"},"resolution":{"type":"resolution","units":["dpi","dpcm","dppx"],"category":"display"},"min-resolution":{"type":"resolution","category":"display"},"max-resolution":{"type":"resolution","category":"display"},"scan":{"type":"keyword","values":["interlace","progressive"],"status":"deprecated","category":"display"},"update":{"type":"keyword","values":["none","slow","fast"],"category":"display"},"overflow-block":{"type":"keyword","values":["none","scroll","paged"],"category":"display"},"overflow-inline":{"type":"keyword","values":["none","scroll"],"category":"display"},"display-mode":{"type":"keyword","values":["fullscreen","standalone","minimal-ui","browser"],"category":"display"},"color":{"type":"integer","category":"color"},"min-color":{"type":"integer","category":"color"},"max-color":{"type":"integer","category":"color"},"color-index":{"type":"integer","category":"color"},"min-color-index":{"type":"integer","category":"color"},"max-color-index":{"type":"integer","category":"color"},"monochrome":{"type":"integer","category":"color"},"min-monochrome":{"type":"integer","category":"color"},"max-monochrome":{"type":"integer","category":"color"},"color-gamut":{"type":"keyword","values":["srgb","p3","rec2020"],"category":"color"},"dynamic-range":{"type":"keyword","values":["standard","high"],"category":"color"},"inverted-colors":{"type":"keyword","values":["none","inverted"],"category":"color"},"pointer":{"type":"keyword","values":["none","coarse","fine"],"category":"input"},"any-pointer":{"type":"keyword","values":["none","coarse","fine"],"category":"input"},"hover":{"type":"keyword","values":["none","hover"],"category":"input"},"any-hover":{"type":"keyword","values":["none","hover"],"category":"input"},"prefers-reduced-motion":{"type":"keyword","values":["no-preference","reduce"],"category":"user-preferences"},"prefers-reduced-transparency":{"type":"keyword","values":["no-preference","reduce"],"category":"user-preferences"},"prefers-contrast":{"type":"keyword","values":["no-preference","less","more","custom"],"category":"user-preferences"},"prefers-color-scheme":{"type":"keyword","values":["light","dark"],"category":"user-preferences"},"prefers-reduced-data":{"type":"keyword","values":["no-preference","reduce"],"category":"user-preferences"},"forced-colors":{"type":"keyword","values":["none","active"],"category":"accessibility"},"scripting":{"type":"keyword","values":["none","initial-only","enabled"],"category":"accessibility"},"grid":{"type":"boolean","values":[0,1],"category":"legacy"},"light-level":{"type":"keyword","values":["dim","normal","washed"],"status":"deprecated","category":"legacy"},"environment-blending":{"type":"keyword","values":["opaque","additive","subtractive"],"category":"environment"},"nav-controls":{"type":"keyword","values":["none","back"],"category":"navigation"},"video-color-gamut":{"type":"keyword","values":["srgb","p3","rec2020"],"category":"video"},"video-dynamic-range":{"type":"keyword","values":["standard","high"],"category":"video"},"-webkit-device-pixel-ratio":{"type":"number","status":"deprecated","equivalent":"resolution","category":"-webkit-"},"-webkit-max-device-pixel-ratio":{"type":"number","status":"deprecated","category":"-webkit-"},"-webkit-transform-3d":{"type":"boolean","values":[0,1],"status":"non-standard","category":"-webkit-"},"-webkit-touch-enabled":{"type":"boolean","values":[0,1],"status":"non-standard","category":"-webkit-"},"-webkit-min-device-pixel-ratio":{"type":"number","status":"deprecated","category":"-webkit-"},"-moz-device-pixel-ratio":{"type":"number","status":"deprecated","category":"-moz-"},"-moz-touch-enabled":{"type":"boolean","values":[0,1],"status":"non-standard","category":"-moz-"},"-moz-os-version":{"type":"string","status":"internal","category":"-moz-"},"-ms-high-contrast":{"type":"keyword","values":["none","active","black-on-white","white-on-black"],"status":"deprecated","equivalent":"forced-colors","category":"-ms-"},"-ms-view-state":{"type":"keyword","values":["snapped","fullscreen-portrait","fullscreen-landscape","filled"],"status":"obsolete","category":"-ms-"},"-o-device-pixel-ratio":{"type":"number","status":"obsolete","category":"-o-"}}}
\ No newline at end of file
diff --git a/src/lib/parser/declaration/map.ts b/src/lib/parser/declaration/map.ts
index 0f324296..68d65244 100644
--- a/src/lib/parser/declaration/map.ts
+++ b/src/lib/parser/declaration/map.ts
@@ -574,172 +574,255 @@ export class PropertyMap {
                 // @ts-ignore
                 iterable = this.declarations.values();
             } else {
-                let values: Token[] = Object.entries(tokens)
-                    .reduce(
-                        (acc: Token[][], curr: [string, Token[][]]) => {
-                            const props: PropertyMapType = this.config.properties[curr[0]];
+                let values: Token[];
 
-                            for (let i = 0; i < curr[1].length; i++) {
-                                if (acc.length == i) {
-                                    acc.push([]);
-                                }
+                if (this.config.shorthand == "grid-template") {
+                    const k = tokens["grid-template-areas"]?.[0]?.length ?? 0;
+                    const v = tokens["grid-template-rows"]?.[0]?.length ?? 0;
+                    const min: number = k < v ? k : v;
 
-                                let values: Token[] = curr[1][i].reduce(
-                                    (acc, curr) => {
-                                        if (acc.length > 0) {
-                                            acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
-                                        }
+                    values = [];
 
-                                        acc.push(curr);
+                    for (let i = 0; i < min; i++) {
+                        if (i < k) {
+                            values.push(tokens["grid-template-areas"][0][i]);
 
-                                        return acc;
-                                    },
-                                    <Token[]>[],
-                                );
+                            if (tokens["grid-template-areas"][0][i].typ == EnumToken.IdenTokenType) {
+                                values.push({ typ: EnumToken.WhitespaceTokenType });
+                            }
+                        }
 
-                                if (
-                                    props.default.includes(
-                                        curr[1][i]
-                                            .reduce(
-                                                (acc: string, curr: Token): string => acc + renderValue(curr) + " ",
-                                                "",
-                                            )
-                                            .trimEnd(),
-                                    )
-                                ) {
-                                    if (!this.config.properties[curr[0]].required) {
-                                        continue;
+                        if (i < v) {
+                            values.push(tokens["grid-template-rows"][0][i]);
+                        }
+                    }
+
+                    if (k > min) {
+                        
+                        values.push(
+                            ...tokens["grid-template-areas"][0].slice(min).reduce(
+                                (acc: Token[], curr: Token): Token[] => {
+                                    if (acc.length > 0 && curr.typ == EnumToken.IdenTokenType) {
+                                        acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
                                     }
-                                }
 
-                                // remove default values
-                                let doFilterDefault: boolean = true;
+                                    acc.push(curr);
 
-                                if (curr[0] in propertiesConfig.properties) {
-                                    for (let v of values) {
-                                        if (
-                                            ![
-                                                EnumToken.WhitespaceTokenType,
-                                                EnumToken.CommentTokenType,
-                                                EnumToken.IdenTokenType,
-                                            ].includes(v.typ) ||
-                                            (v.typ == EnumToken.IdenTokenType &&
-                                                !this.config.properties[curr[0]].default.includes(
-                                                    (v as IdentToken).val,
-                                                ))
-                                        ) {
-                                            doFilterDefault = false;
-                                            break;
-                                        }
+                                    return acc;
+                                }, [] as Token[],
+                            )
+                        )
+                    }
+
+                    if (v > min) {
+                        
+                        values.push(
+                            ...tokens["grid-template-rows"][0].slice(min).reduce(
+                                (acc: Token[], curr: Token): Token[] => {
+                                    if (acc.length > 0) {
+                                        acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
                                     }
-                                }
 
-                                // remove default values
-                                const filtered: Token[] = values.filter((val: Token): boolean => {
+                                    acc.push(curr);
+
+                                    return acc;
+                                }, [] as Token[],
+                            )
+                        )
+                    }
+
+                    if (tokens["grid-template-columns"]?.[0]?.length > 0) {
+                        values.push(
+                            { typ: EnumToken.LiteralTokenType, val: "/" },
+                            ...tokens["grid-template-columns"][0].reduce(
+                                (acc: Token[], curr: Token): Token[] => {
+                                    if (acc.length > 0) {
+                                        acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
+                                    }
+
+                                    acc.push(curr);
+
+                                    return acc;
+                                }, [] as Token[],
+                            ),
+                        );
+                    }
+                } else {
+                    values = Object.entries(tokens)
+                        .reduce(
+                            (acc: Token[][], curr: [string, Token[][]]) => {
+                                const props: PropertyMapType = this.config.properties[curr[0]];
+
+                                for (let i = 0; i < curr[1].length; i++) {
+                                    if (acc.length == i) {
+                                        acc.push([]);
+                                    }
+
+                                    let values: Token[] = curr[1][i].reduce(
+                                        (acc, curr) => {
+                                            if (acc.length > 0) {
+                                                acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
+                                            }
+
+                                            acc.push(curr);
+
+                                            return acc;
+                                        },
+                                        <Token[]>[],
+                                    );
+
                                     if (
-                                        val.typ == EnumToken.WhitespaceTokenType ||
-                                        val.typ == EnumToken.CommentTokenType
+                                        props.default.includes(
+                                            curr[1][i]
+                                                .reduce(
+                                                    (acc: string, curr: Token): string => acc + renderValue(curr) + " ",
+                                                    "",
+                                                )
+                                                .trimEnd(),
+                                        )
                                     ) {
-                                        return false;
+                                        if (!this.config.properties[curr[0]].required) {
+                                            continue;
+                                        }
                                     }
 
-                                    return (
-                                        !doFilterDefault ||
-                                        !(
-                                            val.typ == EnumToken.IdenTokenType &&
-                                            props.default.includes((val as IdentToken).val)
-                                        )
-                                    );
-                                });
+                                    // remove default values
+                                    let doFilterDefault: boolean = true;
 
-                                if (
-                                    filtered.length > 0 ||
-                                    !(this.requiredCount == requiredCount && this.config.properties[curr[0]].required)
-                                ) {
-                                    values = filtered;
-                                }
+                                    if (curr[0] in propertiesConfig.properties) {
+                                        for (let v of values) {
+                                            if (
+                                                ![
+                                                    EnumToken.WhitespaceTokenType,
+                                                    EnumToken.CommentTokenType,
+                                                    EnumToken.IdenTokenType,
+                                                ].includes(v.typ) ||
+                                                (v.typ == EnumToken.IdenTokenType &&
+                                                    !this.config.properties[curr[0]].default.includes(
+                                                        (v as IdentToken).val,
+                                                    ))
+                                            ) {
+                                                doFilterDefault = false;
+                                                break;
+                                            }
+                                        }
+                                    }
 
-                                if (values.length > 0) {
-                                    if ("mapping" in props) {
+                                    // remove default values
+                                    const filtered: Token[] = values.filter((val: Token): boolean => {
                                         if (
-                                            !("constraints" in props) ||
-                                            // @ts-ignore
-                                            !("max" in props.constraints) ||
-                                            values.length <= props.constraints.mapping.max
+                                            val.typ == EnumToken.WhitespaceTokenType ||
+                                            val.typ == EnumToken.CommentTokenType
                                         ) {
-                                            let i: number = values.length;
-                                            while (i--) {
-                                                if (
-                                                    values[i].typ == EnumToken.IdenTokenType &&
-                                                    // @ts-expect-error
-                                                    values[i].val in props.mapping
-                                                ) {
-                                                    // @ts-ignore
-                                                    values.splice(i, 1, ...parseString(props.mapping[values[i].val]));
-                                                }
-                                            }
+                                            return false;
                                         }
-                                    }
 
-                                    if ("prefix" in props) {
-                                        // @ts-ignore
-                                        acc[i].push({ ...props.prefix, typ: EnumToken[props.prefix.typ] });
-                                    } else if (acc[i].length > 0) {
-                                        acc[i].push(<WhitespaceToken>{ typ: EnumToken.WhitespaceTokenType });
+                                        return (
+                                            !doFilterDefault ||
+                                            !(
+                                                val.typ == EnumToken.IdenTokenType &&
+                                                props.default.includes((val as IdentToken).val)
+                                            )
+                                        );
+                                    });
+
+                                    if (
+                                        filtered.length > 0 ||
+                                        !(
+                                            this.requiredCount == requiredCount &&
+                                            this.config.properties[curr[0]].required
+                                        )
+                                    ) {
+                                        values = filtered;
                                     }
 
-                                    for (const v of values.reduce((acc, curr: Token) => {
-                                        if (acc.length > 0) {
+                                    if (values.length > 0) {
+                                        if ("mapping" in props) {
+                                            if (
+                                                !("constraints" in props) ||
+                                                // @ts-ignore
+                                                !("max" in props.constraints) ||
+                                                values.length <= props.constraints.mapping.max
+                                            ) {
+                                                let i: number = values.length;
+                                                while (i--) {
+                                                    if (
+                                                        values[i].typ == EnumToken.IdenTokenType &&
+                                                        // @ts-expect-error
+                                                        values[i].val in props.mapping
+                                                    ) {
+                                                        // @ts-ignore
+                                                        values.splice(
+                                                            i,
+                                                            1,
+                                                            // @ts-ignore
+                                                            ...parseString(props.mapping[values[i].val]),
+                                                        );
+                                                    }
+                                                }
+                                            }
+                                        }
+
+                                        if ("prefix" in props) {
                                             // @ts-ignore
-                                            acc.push(<Token>{
-                                                ...((props.separator && {
-                                                    ...props.separator,
-                                                    // @ts-ignore
-                                                    typ: EnumToken[props.separator.typ],
-                                                }) ?? { typ: EnumToken.WhitespaceTokenType }),
-                                            });
+                                            acc[i].push({ ...props.prefix, typ: EnumToken[props.prefix.typ] });
+                                        } else if (acc[i].length > 0) {
+                                            acc[i].push(<WhitespaceToken>{ typ: EnumToken.WhitespaceTokenType });
                                         }
 
-                                        // @ts-ignore
-                                        acc.push(curr);
-                                        return acc;
-                                    }, [])) {
-                                        acc[i].push(v);
+                                        for (const v of values.reduce((acc, curr: Token) => {
+                                            if (acc.length > 0) {
+                                                // @ts-ignore
+                                                acc.push(<Token>{
+                                                    ...((props.separator && {
+                                                        ...props.separator,
+                                                        // @ts-ignore
+                                                        typ: EnumToken[props.separator.typ],
+                                                    }) ?? { typ: EnumToken.WhitespaceTokenType }),
+                                                });
+                                            }
+
+                                            // @ts-ignore
+                                            acc.push(curr);
+                                            return acc;
+                                        }, [])) {
+                                            acc[i].push(v);
+                                        }
                                     }
                                 }
-                            }
 
-                            return acc;
-                        },
-                        <Token[][]>[],
-                    )
-                    .reduce((acc: Token[], curr: Token[]) => {
-                        if (acc.length > 0) {
-                            acc.push(<Token>{ ...separator });
-                        }
+                                return acc;
+                            },
+                            <Token[][]>[],
+                        )
+                        .reduce((acc: Token[], curr: Token[]) => {
+                            if (acc.length > 0) {
+                                acc.push(<Token>{ ...separator });
+                            }
 
-                        if (curr.length == 0 && this.config.default.length > 0) {
-                            curr.push(
-                                ...parseString(this.config.default[0]).reduce(
-                                    (acc: Token[], curr: Token) => {
-                                        if (acc.length > 0) {
-                                            acc.push(<WhitespaceToken>{ typ: EnumToken.WhitespaceTokenType });
-                                        }
+                            if (curr.length == 0 && this.config.default.length > 0) {
+                                curr.push(
+                                    ...parseString(this.config.default[0]).reduce(
+                                        (acc: Token[], curr: Token) => {
+                                            if (acc.length > 0) {
+                                                acc.push(<WhitespaceToken>{ typ: EnumToken.WhitespaceTokenType });
+                                            }
 
-                                        acc.push(curr);
-                                        return acc;
-                                    },
-                                    <Token[]>[],
-                                ),
-                            );
-                        }
+                                            acc.push(curr);
+                                            return acc;
+                                        },
+                                        <Token[]>[],
+                                    ),
+                                );
+                            }
 
-                        for (const c of curr) {
-                            acc.push(c);
-                        }
+                            for (const c of curr) {
+                                acc.push(c);
+                            }
 
-                        return acc;
-                    }, []);
+                            return acc;
+                        }, []);
+                }
 
                 if (this.config.mapping != null) {
                     const val: string = values.reduce(
diff --git a/src/lib/parser/utils/config.ts b/src/lib/parser/utils/config.ts
index 0714b324..5d536eda 100644
--- a/src/lib/parser/utils/config.ts
+++ b/src/lib/parser/utils/config.ts
@@ -1,4 +1,4 @@
-import config from "../../data/properties.json" with { type: "json" };
+import config from "../../../data/properties.json" with { type: "json" };
 import type { PropertiesConfig } from "../../../@types/index.d.ts";
 
 Object.freeze(config);
diff --git a/src/lib/parser/utils/hash.ts b/src/lib/parser/utils/hash.ts
index 0b1188f0..32f847bc 100644
--- a/src/lib/parser/utils/hash.ts
+++ b/src/lib/parser/utils/hash.ts
@@ -58,13 +58,23 @@ export function toSortedString(input: any): string {
         return String(input);
     }
     if (Array.isArray(input)) {
-        return JSON.stringify(input.map(toSortedString));
+
+        const result = new Array(input.length);
+
+        for (const value of input) {
+            result.push(toSortedString(value));
+        }
+        
+        return JSON.stringify(result);
+    }
+
+    const keys = Object.keys(input).sort();
+
+    for (let i = 0; i < keys.length; i++) {
+        keys[i] = `${keys[i]}:${toSortedString(input[keys[i]])}`;
     }
 
-    return `{${Object.keys(input)
-        .sort()
-        .map((k) => `${k}:${toSortedString(input[k])}`)
-        .join(",")}}`;
+    return `{${keys.join(",")}}`;
 }
 
 /**
diff --git a/src/lib/parser/utils/type.ts b/src/lib/parser/utils/type.ts
index b23bf558..e2cf7c98 100644
--- a/src/lib/parser/utils/type.ts
+++ b/src/lib/parser/utils/type.ts
@@ -4,6 +4,7 @@ import { tokensfuncSet } from "../../syntax/constants.ts";
 import { isColor } from "../../syntax/syntax.ts";
 
 export function matchType(val: Token, properties: PropertyMapType): boolean {
+
     if (
         (val.typ === EnumToken.IdenTokenType && properties.keywords.includes((<IdentToken>val).val)) ||
         properties.types.some(
diff --git a/src/lib/validation/json.ts b/src/lib/validation/json.ts
index 4a659d80..8ce8342d 100644
--- a/src/lib/validation/json.ts
+++ b/src/lib/validation/json.ts
@@ -1,2 +1,2 @@
-import config from "../data/validation.json" with { type: "json" };
+import config from "../../data/validation.json" with { type: "json" };
 export { config };
diff --git a/test/specs/code/modules.js b/test/specs/code/modules.js
index 2d32c524..4f087350 100644
--- a/test/specs/code/modules.js
+++ b/test/specs/code/modules.js
@@ -809,8 +809,7 @@ a span {
  grid-template-columns: [line-name1-bd45b] 100px [line-name2-d3d89 line-name3-3258b]
 }
 .nav-7fb75 {
- grid-column-start: nav-7fb75;
- grid-column-end: nav-7fb75
+ grid-column: nav-7fb75 nav-7fb75
 }`);
             });
         });
@@ -840,8 +839,7 @@ a span {
  grid-template-columns: [line-name1-bGluZ] 100px [line-name2-bGluZ line-name3-bGluZ]
 }
 .nav-bmF2O {
- grid-column-start: nav-bmF2O;
- grid-column-end: nav-bmF2O
+ grid-column: nav-bmF2O nav-bmF2O
 }`);
             });
         });
@@ -873,8 +871,7 @@ a span {
  grid-template-columns: [line-name1-6c696] 100px [line-name2-6c696 line-name3-6c696]
 }
 .nav-6e617 {
- grid-column-start: nav-6e617;
- grid-column-end: nav-6e617
+ grid-column: nav-6e617 nav-6e617
 }`);
             });
         });
@@ -940,8 +937,7 @@ a span {
  grid-template-columns: [d] 100px [e f]
 }
 .b {
- grid-column-start: b;
- grid-column-end: b
+ grid-column: b b
 }`);
             });
         });
diff --git a/test/specs/code/shorthand.js b/test/specs/code/shorthand.js
index 92410221..0a6f1ec1 100644
--- a/test/specs/code/shorthand.js
+++ b/test/specs/code/shorthand.js
@@ -504,6 +504,51 @@ color: device-cmyk(0 81% 81% 30%);
  scroll-margin: 0 500px;
  color: color-mix(in lab,lab(94.02018 -12.307625 31.793079) 100%,lab(97.607008 -15.749828 93.393591));
  color: lab(39.925089 56.756846 39.364791)
+}`),
+        );
+    });
+    it("grid-template #30", function () {
+        return transform(
+            `
+  
+#item3 {
+grid-template-areas:
+    "head head"
+    "nav  main"
+    ".  foot";
+  grid-template-columns: 60px 60px;
+  grid-template-rows: 40px  ;
+}
+`,
+            {
+                beautify: true,
+            },
+        ).then((result) =>
+            expect(result.code).equals(`#item3 {
+ grid-template: "head head"40px"nav main"". foot"/60px 60px
+}`),
+        );
+    });
+    it("grid-row/grid-column #31", function () {
+        return transform(
+            `
+    
+#item3 {
+  background-color: blue;
+  grid-row-start: span 2 ;
+  grid-row-end: 7;
+  grid-column-start: span 2 ;
+  grid-column-end: 7;
+}
+`,
+            {
+                beautify: true,
+            },
+        ).then((result) =>
+            expect(result.code).equals(`#item3 {
+ background-color: blue;
+ grid-row: span 7/2;
+ grid-column: span 7/2
 }`),
         );
     });

From 04832c9629df56082f070f2cfcfa62f249f18c5d Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 21 Sep 2026 10:54:25 -0400
Subject: [PATCH 7/8] compute grid-area shorthand

---
 README.md                                     |   2 +-
 benchmark/package.json                        |   2 +-
 dist/{lib => }/data/properties.json.js        | 325 +++++++-
 dist/{lib => }/data/validation.json.js        |   6 +
 dist/index-umd-web.js                         | 784 ++++++++++++------
 dist/index.cjs                                | 784 ++++++++++++------
 dist/index.d.ts                               |   4 +-
 dist/lib/ast/expand.js                        |   2 +-
 dist/lib/ast/features/if.js                   |   2 +-
 dist/lib/ast/features/inlinecssvariables.js   |   2 +-
 dist/lib/ast/features/prefix.js               |   2 +-
 dist/lib/ast/features/shorthand.js            |  15 +-
 dist/lib/ast/features/transform.js            |   2 +-
 dist/lib/ast/minify.js                        |   2 +-
 dist/lib/parser/declaration/list.js           |  24 +-
 dist/lib/parser/declaration/map.js            | 399 +++++----
 dist/lib/parser/parse.js                      |  14 +-
 dist/lib/parser/source.js                     |   4 +-
 dist/lib/parser/utils/declaration.js          |  18 -
 dist/lib/parser/utils/selector.js             |   2 +-
 dist/lib/{renderer => printer}/render.js      |  30 +-
 .../sourcemap/lib/codec.js                    |   0
 .../sourcemap/sourcemap.js                    |   0
 dist/node.js                                  |   6 +-
 dist/web.js                                   |   6 +-
 files/minification.md                         |   2 +-
 scripts/shorthand.ts                          | 167 +++-
 src/@types/index.d.ts                         |  22 +-
 src/@types/shorthand.d.ts                     |   2 +
 src/data/properties.json                      |   2 +-
 src/lib/ast/expand.ts                         |  16 +-
 src/lib/ast/features/if.ts                    |  20 +-
 src/lib/ast/features/inlinecssvariables.ts    |  12 +-
 src/lib/ast/features/prefix.ts                |  26 +-
 src/lib/ast/features/shorthand.ts             |  16 +-
 src/lib/ast/features/transform.ts             |  12 +-
 src/lib/ast/minify.ts                         |  22 +-
 src/lib/parser/declaration/list.ts            |  34 +-
 src/lib/parser/declaration/map.ts             | 541 ++++++------
 src/lib/parser/parse.ts                       |  68 +-
 src/lib/parser/source.ts                      |   9 +-
 src/lib/parser/tokenize.ts                    |   8 +-
 src/lib/parser/utils/declaration.ts           |  21 -
 src/lib/parser/utils/selector.ts              |  22 +-
 src/lib/{renderer => printer}/render.ts       |   4 +-
 .../sourcemap/lib/codec.ts                    |   0
 .../sourcemap/sourcemap.ts                    |   0
 src/node.ts                                   |  32 +-
 src/web.ts                                    |  20 +-
 test/specs/code/modules.js                    |   8 +-
 test/specs/code/shorthand.js                  |  49 +-
 51 files changed, 2312 insertions(+), 1260 deletions(-)
 rename dist/{lib => }/data/properties.json.js (86%)
 rename dist/{lib => }/data/validation.json.js (99%)
 rename dist/lib/{renderer => printer}/render.js (99%)
 rename dist/lib/{renderer => printer}/sourcemap/lib/codec.js (100%)
 rename dist/lib/{renderer => printer}/sourcemap/sourcemap.js (100%)
 rename src/lib/{renderer => printer}/render.ts (99%)
 rename src/lib/{renderer => printer}/sourcemap/lib/codec.ts (100%)
 rename src/lib/{renderer => printer}/sourcemap/sourcemap.ts (100%)

diff --git a/README.md b/README.md
index 749d3287..8a582453 100644
--- a/README.md
+++ b/README.md
@@ -171,7 +171,7 @@ Try it [online](https://tbela99.github.io/css-parser/playground/)
 - [ ] font-variant
 - [x] gap
 - [ ] grid
-- [ ] grid-area
+- [x] grid-area
 - [x] grid-column
 - [x] grid-row
 - [x] grid-template
diff --git a/benchmark/package.json b/benchmark/package.json
index fa967b90..05b79968 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tbela99/css-parser": "^1.6.3",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#c360ef2",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#58799a9d",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^9.0.5",
diff --git a/dist/lib/data/properties.json.js b/dist/data/properties.json.js
similarity index 86%
rename from dist/lib/data/properties.json.js
rename to dist/data/properties.json.js
index 732ea4dd..334f1c39 100644
--- a/dist/lib/data/properties.json.js
+++ b/dist/data/properties.json.js
@@ -313,35 +313,6 @@ var properties = {
 	"border-left-color": {
 		map: "border",
 		shorthand: "border-color"
-	},
-	"grid-row": {
-		shorthand: "grid-row",
-		properties: [
-			"grid-row-start",
-			"grid-row-end"
-		],
-		types: [
-			"Iden",
-			"Number"
-		],
-		multiple: true,
-		valueSeparator: {
-			typ: "Literal",
-			val: "/"
-		},
-		"default": [
-			"auto"
-		],
-		keywords: [
-			"auto",
-			"span"
-		]
-	},
-	"grid-row-start": {
-		shorthand: "grid-row"
-	},
-	"grid-row-end": {
-		shorthand: "grid-row"
 	}
 };
 var map = {
@@ -1607,6 +1578,302 @@ var map = {
 	},
 	"background-size": {
 		shorthand: "background"
+	},
+	"grid-area": {
+		shorthand: "grid-area",
+		pattern: "grid-row-start grid-column-start grid-row-end grid-column-end",
+		keywords: [
+			"auto"
+		],
+		"default": [
+			"auto"
+		],
+		multiple: false,
+		expandShorthands: true,
+		separator: {
+			typ: "Literal",
+			val: "/"
+		},
+		mapping: {
+			"auto/auto": "auto",
+			"auto/auto/auto": "auto",
+			"auto/auto/auto/auto": "auto"
+		},
+		expandedProperties: {
+			"grid-row": [
+				"grid-row-start",
+				"grid-row-end"
+			],
+			"grid-column": [
+				"grid-column-start",
+				"grid-column-end"
+			]
+		},
+		properties: {
+			"grid-row-start": {
+				map: "grid-area",
+				shorthand: "grid-row",
+				types: [
+					"Iden",
+					"Number"
+				],
+				"default": [
+					"auto"
+				],
+				keywords: [
+					"auto"
+				]
+			},
+			"grid-column-start": {
+				map: "grid-area",
+				shorthand: "grid-column",
+				types: [
+					"Iden",
+					"Number"
+				],
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				"default": [
+					"auto"
+				],
+				keywords: [
+					"auto"
+				]
+			},
+			"grid-row-end": {
+				map: "grid-area",
+				shorthand: "grid-row",
+				types: [
+					"Iden",
+					"Number"
+				],
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				"default": [
+					"auto"
+				],
+				keywords: [
+					"auto"
+				]
+			},
+			"grid-column-end": {
+				map: "grid-area",
+				shorthand: "grid-column",
+				types: [
+					"Iden",
+					"Number"
+				],
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				"default": [
+					"auto"
+				],
+				keywords: [
+					"auto"
+				]
+			}
+		}
+	},
+	"grid-row-start": {
+		shorthand: "grid-row"
+	},
+	"grid-column-start": {
+		shorthand: "grid-column"
+	},
+	"grid-row-end": {
+		shorthand: "grid-row"
+	},
+	"grid-column-end": {
+		shorthand: "grid-column"
+	},
+	"grid-row": {
+		shorthand: "grid-row",
+		map: "grid-area",
+		pattern: "grid-row-start grid-row-end",
+		types: [
+			"Iden",
+			"Number"
+		],
+		keywords: [
+			"auto"
+		],
+		"default": [
+			"auto"
+		],
+		multiple: false,
+		mapping: {
+			"auto auto": "auto",
+			"auto/auto": "auto"
+		},
+		properties: {
+			"grid-row-start": {
+				map: "grid-area",
+				types: [
+					"Iden",
+					"Number"
+				],
+				"default": [
+					"auto"
+				],
+				multiple: true,
+				keywords: [
+					"auto"
+				]
+			},
+			"grid-row-end": {
+				map: "grid-area",
+				types: [
+					"Iden",
+					"Number"
+				],
+				"default": [
+					"auto"
+				],
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				multiple: true,
+				keywords: [
+					"auto"
+				]
+			}
+		}
+	},
+	"grid-column": {
+		shorthand: "grid-column",
+		map: "grid-area",
+		pattern: "grid-column-start grid-column-end",
+		types: [
+			"Iden",
+			"Number"
+		],
+		keywords: [
+			"auto"
+		],
+		"default": [
+			"auto"
+		],
+		multiple: false,
+		mapping: {
+			"auto/auto": "auto"
+		},
+		properties: {
+			"grid-column-start": {
+				map: "grid-area",
+				types: [
+					"Iden",
+					"Number"
+				],
+				"default": [
+					"auto"
+				],
+				multiple: true,
+				keywords: [
+					"auto"
+				]
+			},
+			"grid-column-end": {
+				map: "grid-area",
+				types: [
+					"Iden",
+					"Number"
+				],
+				"default": [
+					"auto"
+				],
+				multiple: true,
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				keywords: [
+					"auto"
+				]
+			}
+		}
+	},
+	"grid-template": {
+		shorthand: "grid-template",
+		pattern: "grid-template-areas grid-template-rows grid-template-columns",
+		keywords: [
+			"none"
+		],
+		"default": [
+			"none"
+		],
+		multiple: false,
+		mapping: {
+			"none none": "none",
+			"none/none": "none",
+			"none none/none": "none"
+		},
+		properties: {
+			"grid-template-areas": {
+				types: [
+					"String"
+				],
+				"default": [
+					"none"
+				],
+				multiple: true,
+				keywords: [
+					"none",
+					"auto"
+				],
+				mapping: {
+				}
+			},
+			"grid-template-rows": {
+				types: [
+					"Perc",
+					"Iden",
+					"Length",
+					"Flex"
+				],
+				"default": [
+					"none"
+				],
+				multiple: true,
+				keywords: [
+					"none"
+				]
+			},
+			"grid-template-columns": {
+				types: [
+					"Perc",
+					"Iden",
+					"Length",
+					"Flex"
+				],
+				"default": [
+					"none"
+				],
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				multiple: true,
+				keywords: [
+					"none"
+				]
+			}
+		}
+	},
+	"grid-template-areas": {
+		shorthand: "grid-template"
+	},
+	"grid-template-rows": {
+		shorthand: "grid-template"
+	},
+	"grid-template-columns": {
+		shorthand: "grid-template"
 	}
 };
 var property = {
diff --git a/dist/lib/data/validation.json.js b/dist/data/validation.json.js
similarity index 99%
rename from dist/lib/data/validation.json.js
rename to dist/data/validation.json.js
index fab708a3..19c7e90f 100644
--- a/dist/lib/data/validation.json.js
+++ b/dist/data/validation.json.js
@@ -1577,6 +1577,9 @@ var declarations = {
 	scale: {
 		syntax: "none | [ <number> | <percentage> ]{1,3}"
 	},
+	"scroll-axis-lock": {
+		syntax: "auto | none"
+	},
 	"scroll-behavior": {
 		syntax: "auto | smooth"
 	},
@@ -1982,6 +1985,9 @@ var declarations = {
 	"will-change": {
 		syntax: "auto | <animateable-feature>#"
 	},
+	"window-drag": {
+		syntax: "none | move"
+	},
 	"word-break": {
 		syntax: "normal | break-all | keep-all | break-word | auto-phrase"
 	},
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 49da4cf0..c4238744 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -18024,64 +18024,6 @@
     	"border-left-color": {
     		map: "border",
     		shorthand: "border-color"
-    	},
-    	"grid-row": {
-    		shorthand: "grid-row",
-    		properties: [
-    			"grid-row-start",
-    			"grid-row-end"
-    		],
-    		types: [
-    			"Iden",
-    			"Number"
-    		],
-    		multiple: true,
-    		separator: {
-    			typ: "Literal",
-    			val: "/"
-    		},
-    		"default": [
-    			"auto"
-    		],
-    		keywords: [
-    			"auto",
-    			"span"
-    		]
-    	},
-    	"grid-row-start": {
-    		shorthand: "grid-row"
-    	},
-    	"grid-row-end": {
-    		shorthand: "grid-row"
-    	},
-    	"grid-column": {
-    		shorthand: "grid-column",
-    		properties: [
-    			"grid-column-start",
-    			"grid-column-end"
-    		],
-    		types: [
-    			"Iden",
-    			"Number"
-    		],
-    		multiple: true,
-    		separator: {
-    			typ: "Literal",
-    			val: "/"
-    		},
-    		"default": [
-    			"auto"
-    		],
-    		keywords: [
-    			"auto",
-    			"span"
-    		]
-    	},
-    	"grid-column-start": {
-    		shorthand: "grid-column"
-    	},
-    	"grid-column-end": {
-    		shorthand: "grid-column"
     	}
     };
     var map = {
@@ -19348,9 +19290,229 @@
     	"background-size": {
     		shorthand: "background"
     	},
+    	"grid-area": {
+    		shorthand: "grid-area",
+    		pattern: "grid-row-start grid-column-start grid-row-end grid-column-end",
+    		keywords: [
+    			"auto"
+    		],
+    		"default": [
+    			"auto"
+    		],
+    		multiple: false,
+    		expandShorthands: true,
+    		separator: {
+    			typ: "Literal",
+    			val: "/"
+    		},
+    		mapping: {
+    			"auto/auto": "auto",
+    			"auto/auto/auto": "auto",
+    			"auto/auto/auto/auto": "auto"
+    		},
+    		expandedProperties: {
+    			"grid-row": [
+    				"grid-row-start",
+    				"grid-row-end"
+    			],
+    			"grid-column": [
+    				"grid-column-start",
+    				"grid-column-end"
+    			]
+    		},
+    		properties: {
+    			"grid-row-start": {
+    				map: "grid-area",
+    				shorthand: "grid-row",
+    				types: [
+    					"Iden",
+    					"Number"
+    				],
+    				"default": [
+    					"auto"
+    				],
+    				keywords: [
+    					"auto"
+    				]
+    			},
+    			"grid-column-start": {
+    				map: "grid-area",
+    				shorthand: "grid-column",
+    				types: [
+    					"Iden",
+    					"Number"
+    				],
+    				prefix: {
+    					typ: "Literal",
+    					val: "/"
+    				},
+    				"default": [
+    					"auto"
+    				],
+    				keywords: [
+    					"auto"
+    				]
+    			},
+    			"grid-row-end": {
+    				map: "grid-area",
+    				shorthand: "grid-row",
+    				types: [
+    					"Iden",
+    					"Number"
+    				],
+    				prefix: {
+    					typ: "Literal",
+    					val: "/"
+    				},
+    				"default": [
+    					"auto"
+    				],
+    				keywords: [
+    					"auto"
+    				]
+    			},
+    			"grid-column-end": {
+    				map: "grid-area",
+    				shorthand: "grid-column",
+    				types: [
+    					"Iden",
+    					"Number"
+    				],
+    				prefix: {
+    					typ: "Literal",
+    					val: "/"
+    				},
+    				"default": [
+    					"auto"
+    				],
+    				keywords: [
+    					"auto"
+    				]
+    			}
+    		}
+    	},
+    	"grid-row-start": {
+    		shorthand: "grid-row"
+    	},
+    	"grid-column-start": {
+    		shorthand: "grid-column"
+    	},
+    	"grid-row-end": {
+    		shorthand: "grid-row"
+    	},
+    	"grid-column-end": {
+    		shorthand: "grid-column"
+    	},
+    	"grid-row": {
+    		shorthand: "grid-row",
+    		map: "grid-area",
+    		pattern: "grid-row-start grid-row-end",
+    		types: [
+    			"Iden",
+    			"Number"
+    		],
+    		keywords: [
+    			"auto"
+    		],
+    		"default": [
+    			"auto"
+    		],
+    		multiple: false,
+    		mapping: {
+    			"auto auto": "auto",
+    			"auto/auto": "auto"
+    		},
+    		properties: {
+    			"grid-row-start": {
+    				map: "grid-area",
+    				types: [
+    					"Iden",
+    					"Number"
+    				],
+    				"default": [
+    					"auto"
+    				],
+    				multiple: true,
+    				keywords: [
+    					"auto"
+    				]
+    			},
+    			"grid-row-end": {
+    				map: "grid-area",
+    				types: [
+    					"Iden",
+    					"Number"
+    				],
+    				"default": [
+    					"auto"
+    				],
+    				prefix: {
+    					typ: "Literal",
+    					val: "/"
+    				},
+    				multiple: true,
+    				keywords: [
+    					"auto"
+    				]
+    			}
+    		}
+    	},
+    	"grid-column": {
+    		shorthand: "grid-column",
+    		map: "grid-area",
+    		pattern: "grid-column-start grid-column-end",
+    		types: [
+    			"Iden",
+    			"Number"
+    		],
+    		keywords: [
+    			"auto"
+    		],
+    		"default": [
+    			"auto"
+    		],
+    		multiple: false,
+    		mapping: {
+    			"auto/auto": "auto"
+    		},
+    		properties: {
+    			"grid-column-start": {
+    				map: "grid-area",
+    				types: [
+    					"Iden",
+    					"Number"
+    				],
+    				"default": [
+    					"auto"
+    				],
+    				multiple: true,
+    				keywords: [
+    					"auto"
+    				]
+    			},
+    			"grid-column-end": {
+    				map: "grid-area",
+    				types: [
+    					"Iden",
+    					"Number"
+    				],
+    				"default": [
+    					"auto"
+    				],
+    				multiple: true,
+    				prefix: {
+    					typ: "Literal",
+    					val: "/"
+    				},
+    				keywords: [
+    					"auto"
+    				]
+    			}
+    		}
+    	},
     	"grid-template": {
     		shorthand: "grid-template",
-    		pattern: "grid-template-areas grid-template-rows / grid-template-columns",
+    		pattern: "grid-template-areas grid-template-rows grid-template-columns",
     		keywords: [
     			"none"
     		],
@@ -19358,6 +19520,11 @@
     			"none"
     		],
     		multiple: false,
+    		mapping: {
+    			"none none": "none",
+    			"none/none": "none",
+    			"none none/none": "none"
+    		},
     		properties: {
     			"grid-template-areas": {
     				types: [
@@ -19688,18 +19855,50 @@
             return this;
         }
         [Symbol.iterator]() {
+            const propertiesMapping = { ...this.config.properties };
+            const patterns = this.config.pattern.split(" ");
+            let hasMapping = false;
             let iterable;
             let requiredCount = 0;
             let property;
             let isShorthand = true;
-            for (property of Object.keys(this.config.properties)) {
-                if (this.config.properties[property].required) {
-                    if (!this.declarations.has(property)) {
+            let declarations = this.declarations;
+            for (const key of declarations.keys()) {
+                if (declarations.has(key) && declarations.get(key) instanceof PropertyMap) {
+                    hasMapping = true;
+                    break;
+                }
+            }
+            if (hasMapping) {
+                const mapped = {};
+                for (const key of declarations.keys()) {
+                    const value = declarations.get(key);
+                    if (value instanceof PropertyMap) {
+                        for (const [k, v] of value.declarations) {
+                            mapped[k] = v;
+                        }
+                    }
+                    else {
+                        mapped[key] = value;
+                    }
+                }
+                if (patterns.length === Object.keys(mapped).length) {
+                    declarations = new Map();
+                    for (const key of patterns) {
+                        if (mapped[key] != null) {
+                            declarations.set(key, mapped[key]);
+                        }
+                    }
+                }
+            }
+            for (property of Object.keys(propertiesMapping)) {
+                if (propertiesMapping[property].required) {
+                    if (!declarations.has(property)) {
                         isShorthand = false;
                         break;
                     }
                     else {
-                        const val = (this.declarations.get(property));
+                        const val = declarations.get(property);
                         if (val instanceof PropertySet && !val.isShortHand()) {
                             isShorthand = false;
                             break;
@@ -19711,10 +19910,10 @@
                 }
             }
             if (requiredCount === 0) {
-                requiredCount = this.declarations.size;
+                requiredCount = declarations.size;
             }
             if (!isShorthand || requiredCount < this.requiredCount) {
-                if (isShorthand && this.declarations.has(this.config.shorthand)) {
+                if (isShorthand && declarations.has(this.config.shorthand)) {
                     const cache = new Map();
                     const removeDefaults = (declaration) => {
                         let i;
@@ -19789,8 +19988,8 @@
                         }
                         return declaration;
                     };
-                    const values = [...this.declarations.values()].reduce((acc, curr) => {
-                        if (curr instanceof PropertySet) {
+                    const values = [...declarations.values()].reduce((acc, curr) => {
+                        if (curr instanceof PropertySet || curr instanceof PropertyMap) {
                             for (const declaration of curr) {
                                 acc.push(declaration);
                             }
@@ -19830,13 +20029,13 @@
                     }
                     return (filtered.length > 0 ? filtered : values)[Symbol.iterator]();
                 }
-                for (const declaration of this.declarations.values()) {
-                    if (declaration instanceof PropertySet) {
+                for (const declaration of declarations.values()) {
+                    if (declaration instanceof PropertySet || declaration instanceof PropertyMap) {
                         continue;
                     }
                     const config = declaration.nam == this.config.shorthand
                         ? this.config
-                        : (this.config.properties[declaration.nam] ?? this.config);
+                        : (propertiesMapping[declaration.nam] ?? this.config);
                     if (!("mapping" in config)) {
                         continue;
                     }
@@ -19853,7 +20052,7 @@
                     }
                 }
                 // @ts-ignore
-                iterable = this.declarations.values();
+                iterable = declarations.values();
             }
             else {
                 let count = 0;
@@ -19867,19 +20066,19 @@
                     : null;
                 const tokens = {};
                 // @ts-ignore
-                Object.entries(this.config.properties).reduce((acc, curr) => {
-                    if (!this.declarations.has(curr[0])) {
+                Object.entries(propertiesMapping).reduce((acc, curr) => {
+                    if (!declarations.has(curr[0])) {
                         if (curr[1].required) {
                             acc.push(curr[0]);
                         }
                         return acc;
                     }
                     let current = 0;
-                    const props = this.config.properties[curr[0]];
-                    const properties = (this.declarations.get(curr[0]));
-                    for (const declaration of [
-                        properties instanceof PropertySet ? [...properties][0] : properties,
-                    ]) {
+                    const props = propertiesMapping[curr[0]];
+                    const properties = (declarations.get(curr[0]));
+                    for (const declaration of properties instanceof PropertySet || properties instanceof PropertyMap
+                        ? [...properties].flat()
+                        : [properties]) {
                         // @ts-ignore
                         for (const val of declaration.val) {
                             // @ts-ignore
@@ -19926,9 +20125,45 @@
                     }
                     return acc;
                 }, []);
+                // grid-template
+                if (this.config.shorthand == "grid-template" && patterns.length == Object.keys(tokens).length) {
+                    const k = tokens[patterns[0]][0].length;
+                    const l = tokens[patterns[1]][0].length;
+                    const j = k < l ? k : l;
+                    const result = [];
+                    let i;
+                    for (i = 0; i < j; i++) {
+                        if (i < k) {
+                            result.push(tokens[patterns[0]][0][i]);
+                        }
+                        if (i < l) {
+                            result.push(tokens[patterns[1]][0][i]);
+                        }
+                    }
+                    if (j < k) {
+                        result.push(...tokens[patterns[0]][0].slice(j));
+                    }
+                    if (j < l) {
+                        result.push(...tokens[patterns[1]][0].slice(j));
+                    }
+                    const separator = this.config.properties[patterns[2]]?.prefix;
+                    result.push(
+                    // @ts-ignore
+                    { ...separator, typ: exports.EnumToken[separator.typ] }, ...tokens[patterns[2]][0].reduce((acc, curr) => {
+                        if (acc.length > 0) {
+                            acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                        }
+                        acc.push(curr);
+                        return acc;
+                    }, []));
+                    const declaration = cloneNode(declarations.get(patterns[0]));
+                    declaration.nam = this.config.shorthand;
+                    declaration.val = result;
+                    return [declaration][Symbol.iterator]();
+                }
                 count++;
                 if (!isShorthand ||
-                    Object.entries(this.config.properties).some((entry) => {
+                    Object.entries(propertiesMapping).some((entry) => {
                         // missing required property
                         return entry[1].required && !(entry[0] in tokens);
                     }) ||
@@ -19937,173 +20172,173 @@
                     // @ts-expect-error
                     v.filter((t) => t.typ != exports.EnumToken.CommentTokenType).length === count)) {
                     // @ts-ignore
-                    iterable = this.declarations.values();
-                }
-                else {
-                    let values;
-                    if (this.config.shorthand == "grid-template") {
-                        const k = tokens["grid-template-areas"]?.[0]?.length ?? 0;
-                        const v = tokens["grid-template-rows"]?.[0]?.length ?? 0;
-                        const min = k < v ? k : v;
-                        values = [];
-                        for (let i = 0; i < min; i++) {
-                            if (i < k) {
-                                values.push(tokens["grid-template-areas"][0][i]);
-                                if (tokens["grid-template-areas"][0][i].typ == exports.EnumToken.IdenTokenType) {
-                                    values.push({ typ: exports.EnumToken.WhitespaceTokenType });
-                                }
-                            }
-                            if (i < v) {
-                                values.push(tokens["grid-template-rows"][0][i]);
+                    iterable = declarations.values();
+                }
+                else if (hasMapping) {
+                    if (patterns.length == Object.keys(tokens).length) {
+                        const declaration = cloneNode(declarations.get(patterns[0]));
+                        declaration.nam = this.config.shorthand;
+                        for (let i = 0; i < patterns.length; i++) {
+                            if (declaration.val.length > 0) {
+                                declaration.val.push(
+                                // @ts-ignore
+                                this.config.separator != null
+                                    ? {
+                                        ...this.config.separator,
+                                        typ: exports.EnumToken[this.config.separator.typ],
+                                    }
+                                    : { typ: exports.EnumToken.WhitespaceTokenType });
                             }
-                        }
-                        if (k > min) {
-                            values.push(...tokens["grid-template-areas"][0].slice(min).reduce((acc, curr) => {
-                                if (acc.length > 0 && curr.typ == exports.EnumToken.IdenTokenType) {
-                                    acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
-                                }
-                                acc.push(curr);
-                                return acc;
-                            }, []));
-                        }
-                        if (v > min) {
-                            values.push(...tokens["grid-template-rows"][0].slice(min).reduce((acc, curr) => {
-                                if (acc.length > 0) {
-                                    acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
-                                }
-                                acc.push(curr);
-                                return acc;
-                            }, []));
-                        }
-                        if (tokens["grid-template-columns"]?.[0]?.length > 0) {
-                            values.push({ typ: exports.EnumToken.LiteralTokenType, val: "/" }, ...tokens["grid-template-columns"][0].reduce((acc, curr) => {
+                            declaration.val.push(...tokens[patterns[i]].reduce((acc, curr) => {
                                 if (acc.length > 0) {
                                     acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
                                 }
-                                acc.push(curr);
-                                return acc;
-                            }, []));
-                        }
-                    }
-                    else {
-                        values = Object.entries(tokens)
-                            .reduce((acc, curr) => {
-                            const props = this.config.properties[curr[0]];
-                            for (let i = 0; i < curr[1].length; i++) {
-                                if (acc.length == i) {
-                                    acc.push([]);
-                                }
-                                let values = curr[1][i].reduce((acc, curr) => {
+                                acc.push(...curr.reduce((acc, curr) => {
                                     if (acc.length > 0) {
                                         acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
                                     }
                                     acc.push(curr);
                                     return acc;
-                                }, []);
-                                if (props.default.includes(curr[1][i]
-                                    .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
-                                    .trimEnd())) {
-                                    if (!this.config.properties[curr[0]].required) {
-                                        continue;
-                                    }
+                                }, []));
+                                return acc;
+                            }, []));
+                        }
+                        return [declaration][Symbol.iterator]();
+                    }
+                    iterable = declarations.values();
+                }
+                else {
+                    let values = Object.entries(tokens)
+                        .reduce((acc, curr) => {
+                        const props = propertiesMapping[curr[0]];
+                        for (let i = 0; i < curr[1].length; i++) {
+                            if (acc.length == i) {
+                                acc.push([]);
+                            }
+                            // if (acc[acc.length - 1].length > 0) {
+                            //     acc[acc.length - 1].push(
+                            //         // @ts-ignore
+                            //         this.config.separator != null  ?
+                            //         {
+                            //             ...this.config.separator,
+                            //             typ: EnumToken[this.config.separator.typ as keyof typeof EnumToken],
+                            //         } : <Token>{ typ: EnumToken.WhitespaceTokenType },
+                            //     )
+                            // }
+                            let values = curr[1][i];
+                            // .reduce(
+                            //     (acc, curr) => {
+                            //         // if (acc.length > 0) {
+                            //         //     acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
+                            //         // }
+                            //         acc.push(curr);
+                            //         return acc;
+                            //     },
+                            //     <Token[]>[],
+                            // );
+                            if (props.default.includes(curr[1][i]
+                                .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
+                                .trimEnd())) {
+                                if (!propertiesMapping[curr[0]].required) {
+                                    continue;
                                 }
-                                // remove default values
-                                let doFilterDefault = true;
-                                if (curr[0] in propertiesConfig.properties) {
-                                    for (let v of values) {
-                                        if (![
-                                            exports.EnumToken.WhitespaceTokenType,
-                                            exports.EnumToken.CommentTokenType,
-                                            exports.EnumToken.IdenTokenType,
-                                        ].includes(v.typ) ||
-                                            (v.typ == exports.EnumToken.IdenTokenType &&
-                                                !this.config.properties[curr[0]].default.includes(v.val))) {
-                                            doFilterDefault = false;
-                                            break;
-                                        }
+                            }
+                            // remove default values
+                            let doFilterDefault = true;
+                            if (curr[0] in propertiesConfig.properties) {
+                                for (let v of values) {
+                                    if (![
+                                        exports.EnumToken.WhitespaceTokenType,
+                                        exports.EnumToken.CommentTokenType,
+                                        exports.EnumToken.IdenTokenType,
+                                    ].includes(v.typ) ||
+                                        (v.typ == exports.EnumToken.IdenTokenType &&
+                                            !propertiesMapping[curr[0]].default.includes(v.val))) {
+                                        doFilterDefault = false;
+                                        break;
                                     }
                                 }
-                                // remove default values
-                                const filtered = values.filter((val) => {
-                                    if (val.typ == exports.EnumToken.WhitespaceTokenType ||
-                                        val.typ == exports.EnumToken.CommentTokenType) {
-                                        return false;
-                                    }
-                                    return (!doFilterDefault ||
-                                        !(val.typ == exports.EnumToken.IdenTokenType &&
-                                            props.default.includes(val.val)));
-                                });
-                                if (filtered.length > 0 ||
-                                    !(this.requiredCount == requiredCount &&
-                                        this.config.properties[curr[0]].required)) {
-                                    values = filtered;
+                            }
+                            // remove default values
+                            const filtered = values.filter((val) => {
+                                if (val.typ == exports.EnumToken.WhitespaceTokenType ||
+                                    val.typ == exports.EnumToken.CommentTokenType) {
+                                    return false;
                                 }
-                                if (values.length > 0) {
-                                    if ("mapping" in props) {
-                                        if (!("constraints" in props) ||
-                                            // @ts-ignore
-                                            !("max" in props.constraints) ||
-                                            values.length <= props.constraints.mapping.max) {
-                                            let i = values.length;
-                                            while (i--) {
-                                                if (values[i].typ == exports.EnumToken.IdenTokenType &&
-                                                    // @ts-expect-error
-                                                    values[i].val in props.mapping) {
-                                                    // @ts-ignore
-                                                    values.splice(i, 1, 
-                                                    // @ts-ignore
-                                                    ...parseString(props.mapping[values[i].val]));
-                                                }
-                                            }
-                                        }
-                                    }
-                                    if ("prefix" in props) {
+                                return (!doFilterDefault ||
+                                    !(val.typ == exports.EnumToken.IdenTokenType &&
+                                        props.default.includes(val.val)));
+                            });
+                            if (filtered.length > 0 ||
+                                !(this.requiredCount == requiredCount && propertiesMapping[curr[0]].required)) {
+                                values = filtered;
+                            }
+                            if (values.length > 0) {
+                                if ("mapping" in props) {
+                                    if (!("constraints" in props) ||
                                         // @ts-ignore
-                                        acc[i].push({ ...props.prefix, typ: exports.EnumToken[props.prefix.typ] });
-                                    }
-                                    else if (acc[i].length > 0) {
-                                        acc[i].push({ typ: exports.EnumToken.WhitespaceTokenType });
-                                    }
-                                    for (const v of values.reduce((acc, curr) => {
-                                        if (acc.length > 0) {
-                                            // @ts-ignore
-                                            acc.push({
-                                                ...((props.separator && {
-                                                    ...props.separator,
-                                                    // @ts-ignore
-                                                    typ: exports.EnumToken[props.separator.typ],
-                                                }) ?? { typ: exports.EnumToken.WhitespaceTokenType }),
-                                            });
+                                        !("max" in props.constraints) ||
+                                        values.length <= props.constraints.mapping.max) {
+                                        let i = values.length;
+                                        while (i--) {
+                                            if (values[i].typ == exports.EnumToken.IdenTokenType &&
+                                                // @ts-expect-error
+                                                values[i].val in props.mapping) {
+                                                // @ts-ignore
+                                                values.splice(i, 1, ...parseString(props.mapping[values[i].val]));
+                                            }
                                         }
-                                        // @ts-ignore
-                                        acc.push(curr);
-                                        return acc;
-                                    }, [])) {
-                                        acc[i].push(v);
                                     }
                                 }
-                            }
-                            return acc;
-                        }, [])
-                            .reduce((acc, curr) => {
-                            if (acc.length > 0) {
-                                acc.push({ ...separator });
-                            }
-                            if (curr.length == 0 && this.config.default.length > 0) {
-                                curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
+                                if ("prefix" in props) {
+                                    // @ts-ignore
+                                    acc[i].push({ ...props.prefix, typ: exports.EnumToken[props.prefix.typ] });
+                                }
+                                else if (acc[i].length > 0) {
+                                    // @ts-ignore
+                                    acc[i].push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                }
+                                for (const v of values.reduce((acc, curr) => {
                                     if (acc.length > 0) {
-                                        acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                        // @ts-ignore
+                                        acc.push({
+                                            ...((props.separator && {
+                                                ...props.separator,
+                                                // @ts-ignore
+                                                typ: exports.EnumToken[props.separator.typ],
+                                            }) ?? { typ: exports.EnumToken.WhitespaceTokenType }),
+                                        });
                                     }
+                                    // @ts-ignore
                                     acc.push(curr);
                                     return acc;
-                                }, []));
-                            }
-                            for (const c of curr) {
-                                acc.push(c);
+                                }, [])) {
+                                    acc[i].push(v);
+                                }
                             }
-                            return acc;
-                        }, []);
-                    }
+                        }
+                        return acc;
+                    }, [])
+                        .reduce((acc, curr) => {
+                        if (acc.length > 0) {
+                            acc.push({ ...separator });
+                        }
+                        if (curr.length == 0 && this.config.default.length > 0) {
+                            curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
+                                if (acc.length > 0) {
+                                    acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                }
+                                acc.push(curr);
+                                return acc;
+                            }, []));
+                        }
+                        for (const c of curr) {
+                            acc.push(c);
+                        }
+                        return acc;
+                    }, []);
+                    // console.error({hasMapping, shorthand: this.config.shorthand, requiredCount, isShorthand,
+                    //     declarations: declarations.values(), values});
                     if (this.config.mapping != null) {
                         const val = values.reduce((acc, curr) => acc +
                             renderValue(curr, {
@@ -20399,7 +20634,7 @@
             this.options = options;
             this.declarations = new Map();
         }
-        add(...declarations) {
+        add(declarations) {
             let name;
             let syntaxRules = null;
             let result;
@@ -20438,7 +20673,7 @@
                 // do not compute shorthand for invalid declarations
                 if (declaration[STATE] !== exports.EnumAstNodeStatus.Validated) {
                     this.declarations.set(objectHash(declaration), declaration);
-                    return this;
+                    continue;
                 }
                 let propertyName = declaration.nam;
                 let shortHandType;
@@ -20466,15 +20701,28 @@
                     // @ts-ignore
                     shorthand = config.property[propertyName];
                 }
+                // console.error({shortHandType, propertyName, config: config.map[propertyName], map: config.map[shorthand].properties[propertyName]});
                 // @ts-ignore
                 if (shortHandType == "map") {
+                    let owner = this;
                     // @ts-ignore
-                    if (!this.declarations.has(shorthand)) {
+                    const mapName = config.map[propertyName]?.map ?? config.map[shorthand]?.properties?.[propertyName]?.map;
+                    if (typeof mapName === "string") {
+                        if (!this.declarations.has(mapName)) {
+                            // @ts-ignore
+                            this.declarations.set(mapName, new PropertyMap(config.map[mapName]));
+                        }
+                        owner = this.declarations.get(mapName);
+                        // console.error({mapName});
+                    }
+                    // @ts-ignore
+                    if (!owner.declarations.has(shorthand)) {
                         // @ts-ignore
-                        this.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                        owner.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
                     }
+                    //  console.error({propertyName,mapName, owned: owner == this});
                     // @ts-ignore
-                    this.declarations.get(shorthand).add(declaration);
+                    owner.declarations.get(shorthand).add(declaration);
                 }
                 // @ts-ignore
                 else if (shortHandType == "set") {
@@ -20561,6 +20809,7 @@
         [Symbol.iterator]() {
             let iterator = this.declarations.values();
             const iterators = [];
+            // console.error(this);
             return {
                 next() {
                     let value = iterator.next();
@@ -20610,8 +20859,9 @@
             const j = ast.chi.length;
             let k = 0;
             let l;
-            let properties = new PropertyList(options);
+            // let properties: PropertyList = new PropertyList(options);
             const rules = [];
+            const declarations = [];
             // @ts-ignore
             for (; k < j; k++) {
                 l = k;
@@ -20629,7 +20879,8 @@
                 const node = ast.chi[l];
                 if (node.typ == exports.EnumToken.DeclarationNodeType) {
                     for (let m = k; m <= l; m++) {
-                        properties.add(ast.chi[m]);
+                        declarations.push(ast.chi[m]);
+                        // properties.add(ast.chi![m]);
                     }
                 }
                 else {
@@ -20639,9 +20890,12 @@
                 }
                 k = l;
             }
-            ast.chi.length = 0;
-            // @ts-expect-error
-            ast.chi.push(...properties, ...rules);
+            // console.error([...new PropertyList(options).add(declarations)]);
+            if (declarations.length > 0) {
+                ast.chi.length = 0;
+                // @ts-expect-error
+                ast.chi.push(...new PropertyList(options).add(declarations), ...rules);
+            }
             return ast;
         }
     }
@@ -24960,7 +25214,6 @@
      * Source file helper class
      */
     class SourceFile {
-        inputSourceMap = null;
         /**
          * Source file ID
          */
@@ -24977,6 +25230,7 @@
          * Source file content
          */
         content;
+        inputSourceMap = null;
         /**
          * Constructor
          * @param content
@@ -25158,7 +25412,7 @@
                         }
                         return acc + curr.val;
                     }
-                    return acc + renderValue(curr, options, cache, reducer, errors);
+                    return acc + renderValue(curr, options, cache, reducer);
                 }, cache),
             errors,
             stats: {
@@ -25468,7 +25722,7 @@
                     }
                     return acc + curr.val;
                 }
-                return acc + renderValue(curr, options, cache, reducer, errors);
+                return acc + renderValue(curr, options, cache, reducer);
             };
         }
         switch (token.typ) {
@@ -26346,22 +26600,22 @@
                 return token.val;
             case exports.EnumToken.SupportsQueryUnaryConditionTokenType:
             case exports.EnumToken.WhenElseUnaryConditionTokenType:
-                return (renderValue(token.l, options, cache, reducer, errors) +
+                return (renderValue(token.l, options, cache, reducer) +
                     " " +
-                    token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), ""));
+                    token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), ""));
             case exports.EnumToken.SupportsQueryConditionTokenType:
             case exports.EnumToken.WhenElseQueryConditionTokenType:
-                return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+                return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                     " " +
-                    renderValue(token.op, options, cache, reducer, errors) +
+                    renderValue(token.op, options, cache, reducer) +
                     " " +
-                    token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), ""));
+                    token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), ""));
             case exports.EnumToken.IfConditionTokenType:
                 return token.l.length == 0
                     ? ""
-                    : token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+                    : token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                         ":" +
-                        token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "");
+                        token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "");
             case exports.EnumToken.IfElseConditionTokenType:
                 return renderValue(token.l) + renderValue(token.r);
             case exports.EnumToken.DeclarationNodeType:
@@ -26369,7 +26623,7 @@
                     ":" +
                     (options.minify ? filterValues(token.val) : token.val).reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
             case exports.EnumToken.MediaQueryUnaryFeatureTokenType:
-                return (renderValue(token.l, options, cache, reducer, errors) +
+                return (renderValue(token.l, options, cache, reducer) +
                     " " +
                     token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
             case exports.EnumToken.MediaQueryConditionTokenType: {
@@ -26381,16 +26635,16 @@
                     token.op.typ == exports.EnumToken.GteTokenType
                     ? ""
                     : " ";
-                return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+                return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                     indent +
-                    renderValue(token.op, options, cache, reducer, errors) +
+                    renderValue(token.op, options, cache, reducer) +
                     indent +
                     token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
             }
             case exports.EnumToken.MediaRangeQueryTokenType:
                 return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache), "") +
                     renderValue(token.op1) +
-                    token.val.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+                    token.val.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                     renderValue(token.op2) +
                     token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
             case exports.EnumToken.MediaFeatureTokenType:
@@ -26415,8 +26669,8 @@
                 console.debug({ token });
                 throw new Error(`Unsupported token type for ${exports.EnumToken[token.typ]}`);
         }
-        errors?.push({ action: "ignore", message: `render: unexpected token ${JSON.stringify(token, null, 1)}` });
-        return "";
+        // errors?.push({ action: "ignore", message: `render: unexpected token ${JSON.stringify(token, null, 1)}` });
+        // return "";
     }
     /**
      * Remove whitespace tokens that are not needed
@@ -28860,24 +29114,6 @@
                                 if (tokens[index].chi[l].typ === exports.EnumToken.StringTokenType) {
                                     break;
                                 }
-                                // else if ((tokens[index] as FunctionToken).chi[l].typ === EnumToken.IdenTokenType) {
-                                //     let m: number = l + 1;
-                                //     while (
-                                //         (tokens[index] as FunctionToken).chi[m]?.typ === EnumToken.ClassSelectorTokenType
-                                //     ) {
-                                //         Object.assign((tokens[index] as FunctionToken).chi[l], {
-                                //             typ: EnumToken.UrlTokenTokenType,
-                                //             val:
-                                //                 ((tokens[index] as FunctionToken).chi[l] as IdentToken | UrlToken).val +
-                                //                 ((tokens[index] as FunctionToken).chi[m] as ClassSelectorToken).val,
-                                //         });
-                                //         (tokens[index] as FunctionToken).chi[l][LOCEND] = (
-                                //             tokens[index] as FunctionToken
-                                //         ).chi[m][LOCEND];
-                                //         (tokens[index] as FunctionToken).chi.splice(m, 1);
-                                //     }
-                                //     break;
-                                // }
                             }
                             if (tokens[index].chi[l]?.typ === exports.EnumToken.StringTokenType &&
                                 /^[a-zA-Z0-0/_.-]+$/.test(tokens[index].chi[l].val.slice(1, -1))) {
@@ -33128,7 +33364,7 @@
                     atRule[LOCEND] = (stream.at(-1) ?? atRule)[LOCEND];
                     // @ts-expect-error
                     return Object.assign(atRule, {
-                        typ: success ? exports.EnumToken.AtRuleNodeType : exports.EnumToken.InvalidRuleNodeType,
+                        typ: exports.EnumToken.AtRuleNodeType,
                         val: renderTokens(trimArray(stream), options),
                     });
                 }
@@ -33136,12 +33372,12 @@
                     return null;
                 }
                 atRule[TOKENS] = stream;
-                atRule[STATE] = exports.EnumAstNodeStatus.Validated;
+                atRule[STATE] = success ? exports.EnumAstNodeStatus.Validated : exports.EnumAstNodeStatus.Invalid;
                 atRule[ERRORS] = [];
                 atRule[LOCEND] = (stream.at(-1) ?? atRule)[LOCEND];
                 // @ts-expect-error
                 return Object.assign(atRule, {
-                    typ: success ? exports.EnumToken.AtRuleNodeType : exports.EnumToken.InvalidRuleNodeType,
+                    typ: exports.EnumToken.AtRuleNodeType,
                     val: renderTokens(trimArray(stream), options),
                 });
             }
@@ -33699,9 +33935,9 @@
                 let result = null;
                 if (syntax == null) {
                     // check matching '(' and ')'
-                    // check commas , or ,,
-                    // check colon :
-                    // check or and and
+                    // check commas ',' or ',,'
+                    // check colon ':'
+                    // check 'or' and 'and'
                     result = matchGenericSyntax(stream, options);
                     if (result.errors.length > 0) {
                         for (const error of result.errors) {
diff --git a/dist/index.cjs b/dist/index.cjs
index 02710ac2..c9475aa6 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -18027,64 +18027,6 @@ var properties = {
 	"border-left-color": {
 		map: "border",
 		shorthand: "border-color"
-	},
-	"grid-row": {
-		shorthand: "grid-row",
-		properties: [
-			"grid-row-start",
-			"grid-row-end"
-		],
-		types: [
-			"Iden",
-			"Number"
-		],
-		multiple: true,
-		separator: {
-			typ: "Literal",
-			val: "/"
-		},
-		"default": [
-			"auto"
-		],
-		keywords: [
-			"auto",
-			"span"
-		]
-	},
-	"grid-row-start": {
-		shorthand: "grid-row"
-	},
-	"grid-row-end": {
-		shorthand: "grid-row"
-	},
-	"grid-column": {
-		shorthand: "grid-column",
-		properties: [
-			"grid-column-start",
-			"grid-column-end"
-		],
-		types: [
-			"Iden",
-			"Number"
-		],
-		multiple: true,
-		separator: {
-			typ: "Literal",
-			val: "/"
-		},
-		"default": [
-			"auto"
-		],
-		keywords: [
-			"auto",
-			"span"
-		]
-	},
-	"grid-column-start": {
-		shorthand: "grid-column"
-	},
-	"grid-column-end": {
-		shorthand: "grid-column"
 	}
 };
 var map = {
@@ -19351,9 +19293,229 @@ var map = {
 	"background-size": {
 		shorthand: "background"
 	},
+	"grid-area": {
+		shorthand: "grid-area",
+		pattern: "grid-row-start grid-column-start grid-row-end grid-column-end",
+		keywords: [
+			"auto"
+		],
+		"default": [
+			"auto"
+		],
+		multiple: false,
+		expandShorthands: true,
+		separator: {
+			typ: "Literal",
+			val: "/"
+		},
+		mapping: {
+			"auto/auto": "auto",
+			"auto/auto/auto": "auto",
+			"auto/auto/auto/auto": "auto"
+		},
+		expandedProperties: {
+			"grid-row": [
+				"grid-row-start",
+				"grid-row-end"
+			],
+			"grid-column": [
+				"grid-column-start",
+				"grid-column-end"
+			]
+		},
+		properties: {
+			"grid-row-start": {
+				map: "grid-area",
+				shorthand: "grid-row",
+				types: [
+					"Iden",
+					"Number"
+				],
+				"default": [
+					"auto"
+				],
+				keywords: [
+					"auto"
+				]
+			},
+			"grid-column-start": {
+				map: "grid-area",
+				shorthand: "grid-column",
+				types: [
+					"Iden",
+					"Number"
+				],
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				"default": [
+					"auto"
+				],
+				keywords: [
+					"auto"
+				]
+			},
+			"grid-row-end": {
+				map: "grid-area",
+				shorthand: "grid-row",
+				types: [
+					"Iden",
+					"Number"
+				],
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				"default": [
+					"auto"
+				],
+				keywords: [
+					"auto"
+				]
+			},
+			"grid-column-end": {
+				map: "grid-area",
+				shorthand: "grid-column",
+				types: [
+					"Iden",
+					"Number"
+				],
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				"default": [
+					"auto"
+				],
+				keywords: [
+					"auto"
+				]
+			}
+		}
+	},
+	"grid-row-start": {
+		shorthand: "grid-row"
+	},
+	"grid-column-start": {
+		shorthand: "grid-column"
+	},
+	"grid-row-end": {
+		shorthand: "grid-row"
+	},
+	"grid-column-end": {
+		shorthand: "grid-column"
+	},
+	"grid-row": {
+		shorthand: "grid-row",
+		map: "grid-area",
+		pattern: "grid-row-start grid-row-end",
+		types: [
+			"Iden",
+			"Number"
+		],
+		keywords: [
+			"auto"
+		],
+		"default": [
+			"auto"
+		],
+		multiple: false,
+		mapping: {
+			"auto auto": "auto",
+			"auto/auto": "auto"
+		},
+		properties: {
+			"grid-row-start": {
+				map: "grid-area",
+				types: [
+					"Iden",
+					"Number"
+				],
+				"default": [
+					"auto"
+				],
+				multiple: true,
+				keywords: [
+					"auto"
+				]
+			},
+			"grid-row-end": {
+				map: "grid-area",
+				types: [
+					"Iden",
+					"Number"
+				],
+				"default": [
+					"auto"
+				],
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				multiple: true,
+				keywords: [
+					"auto"
+				]
+			}
+		}
+	},
+	"grid-column": {
+		shorthand: "grid-column",
+		map: "grid-area",
+		pattern: "grid-column-start grid-column-end",
+		types: [
+			"Iden",
+			"Number"
+		],
+		keywords: [
+			"auto"
+		],
+		"default": [
+			"auto"
+		],
+		multiple: false,
+		mapping: {
+			"auto/auto": "auto"
+		},
+		properties: {
+			"grid-column-start": {
+				map: "grid-area",
+				types: [
+					"Iden",
+					"Number"
+				],
+				"default": [
+					"auto"
+				],
+				multiple: true,
+				keywords: [
+					"auto"
+				]
+			},
+			"grid-column-end": {
+				map: "grid-area",
+				types: [
+					"Iden",
+					"Number"
+				],
+				"default": [
+					"auto"
+				],
+				multiple: true,
+				prefix: {
+					typ: "Literal",
+					val: "/"
+				},
+				keywords: [
+					"auto"
+				]
+			}
+		}
+	},
 	"grid-template": {
 		shorthand: "grid-template",
-		pattern: "grid-template-areas grid-template-rows / grid-template-columns",
+		pattern: "grid-template-areas grid-template-rows grid-template-columns",
 		keywords: [
 			"none"
 		],
@@ -19361,6 +19523,11 @@ var map = {
 			"none"
 		],
 		multiple: false,
+		mapping: {
+			"none none": "none",
+			"none/none": "none",
+			"none none/none": "none"
+		},
 		properties: {
 			"grid-template-areas": {
 				types: [
@@ -19691,18 +19858,50 @@ class PropertyMap {
         return this;
     }
     [Symbol.iterator]() {
+        const propertiesMapping = { ...this.config.properties };
+        const patterns = this.config.pattern.split(" ");
+        let hasMapping = false;
         let iterable;
         let requiredCount = 0;
         let property;
         let isShorthand = true;
-        for (property of Object.keys(this.config.properties)) {
-            if (this.config.properties[property].required) {
-                if (!this.declarations.has(property)) {
+        let declarations = this.declarations;
+        for (const key of declarations.keys()) {
+            if (declarations.has(key) && declarations.get(key) instanceof PropertyMap) {
+                hasMapping = true;
+                break;
+            }
+        }
+        if (hasMapping) {
+            const mapped = {};
+            for (const key of declarations.keys()) {
+                const value = declarations.get(key);
+                if (value instanceof PropertyMap) {
+                    for (const [k, v] of value.declarations) {
+                        mapped[k] = v;
+                    }
+                }
+                else {
+                    mapped[key] = value;
+                }
+            }
+            if (patterns.length === Object.keys(mapped).length) {
+                declarations = new Map();
+                for (const key of patterns) {
+                    if (mapped[key] != null) {
+                        declarations.set(key, mapped[key]);
+                    }
+                }
+            }
+        }
+        for (property of Object.keys(propertiesMapping)) {
+            if (propertiesMapping[property].required) {
+                if (!declarations.has(property)) {
                     isShorthand = false;
                     break;
                 }
                 else {
-                    const val = (this.declarations.get(property));
+                    const val = declarations.get(property);
                     if (val instanceof PropertySet && !val.isShortHand()) {
                         isShorthand = false;
                         break;
@@ -19714,10 +19913,10 @@ class PropertyMap {
             }
         }
         if (requiredCount === 0) {
-            requiredCount = this.declarations.size;
+            requiredCount = declarations.size;
         }
         if (!isShorthand || requiredCount < this.requiredCount) {
-            if (isShorthand && this.declarations.has(this.config.shorthand)) {
+            if (isShorthand && declarations.has(this.config.shorthand)) {
                 const cache = new Map();
                 const removeDefaults = (declaration) => {
                     let i;
@@ -19792,8 +19991,8 @@ class PropertyMap {
                     }
                     return declaration;
                 };
-                const values = [...this.declarations.values()].reduce((acc, curr) => {
-                    if (curr instanceof PropertySet) {
+                const values = [...declarations.values()].reduce((acc, curr) => {
+                    if (curr instanceof PropertySet || curr instanceof PropertyMap) {
                         for (const declaration of curr) {
                             acc.push(declaration);
                         }
@@ -19833,13 +20032,13 @@ class PropertyMap {
                 }
                 return (filtered.length > 0 ? filtered : values)[Symbol.iterator]();
             }
-            for (const declaration of this.declarations.values()) {
-                if (declaration instanceof PropertySet) {
+            for (const declaration of declarations.values()) {
+                if (declaration instanceof PropertySet || declaration instanceof PropertyMap) {
                     continue;
                 }
                 const config = declaration.nam == this.config.shorthand
                     ? this.config
-                    : (this.config.properties[declaration.nam] ?? this.config);
+                    : (propertiesMapping[declaration.nam] ?? this.config);
                 if (!("mapping" in config)) {
                     continue;
                 }
@@ -19856,7 +20055,7 @@ class PropertyMap {
                 }
             }
             // @ts-ignore
-            iterable = this.declarations.values();
+            iterable = declarations.values();
         }
         else {
             let count = 0;
@@ -19870,19 +20069,19 @@ class PropertyMap {
                 : null;
             const tokens = {};
             // @ts-ignore
-            Object.entries(this.config.properties).reduce((acc, curr) => {
-                if (!this.declarations.has(curr[0])) {
+            Object.entries(propertiesMapping).reduce((acc, curr) => {
+                if (!declarations.has(curr[0])) {
                     if (curr[1].required) {
                         acc.push(curr[0]);
                     }
                     return acc;
                 }
                 let current = 0;
-                const props = this.config.properties[curr[0]];
-                const properties = (this.declarations.get(curr[0]));
-                for (const declaration of [
-                    properties instanceof PropertySet ? [...properties][0] : properties,
-                ]) {
+                const props = propertiesMapping[curr[0]];
+                const properties = (declarations.get(curr[0]));
+                for (const declaration of properties instanceof PropertySet || properties instanceof PropertyMap
+                    ? [...properties].flat()
+                    : [properties]) {
                     // @ts-ignore
                     for (const val of declaration.val) {
                         // @ts-ignore
@@ -19929,9 +20128,45 @@ class PropertyMap {
                 }
                 return acc;
             }, []);
+            // grid-template
+            if (this.config.shorthand == "grid-template" && patterns.length == Object.keys(tokens).length) {
+                const k = tokens[patterns[0]][0].length;
+                const l = tokens[patterns[1]][0].length;
+                const j = k < l ? k : l;
+                const result = [];
+                let i;
+                for (i = 0; i < j; i++) {
+                    if (i < k) {
+                        result.push(tokens[patterns[0]][0][i]);
+                    }
+                    if (i < l) {
+                        result.push(tokens[patterns[1]][0][i]);
+                    }
+                }
+                if (j < k) {
+                    result.push(...tokens[patterns[0]][0].slice(j));
+                }
+                if (j < l) {
+                    result.push(...tokens[patterns[1]][0].slice(j));
+                }
+                const separator = this.config.properties[patterns[2]]?.prefix;
+                result.push(
+                // @ts-ignore
+                { ...separator, typ: exports.EnumToken[separator.typ] }, ...tokens[patterns[2]][0].reduce((acc, curr) => {
+                    if (acc.length > 0) {
+                        acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                    }
+                    acc.push(curr);
+                    return acc;
+                }, []));
+                const declaration = cloneNode(declarations.get(patterns[0]));
+                declaration.nam = this.config.shorthand;
+                declaration.val = result;
+                return [declaration][Symbol.iterator]();
+            }
             count++;
             if (!isShorthand ||
-                Object.entries(this.config.properties).some((entry) => {
+                Object.entries(propertiesMapping).some((entry) => {
                     // missing required property
                     return entry[1].required && !(entry[0] in tokens);
                 }) ||
@@ -19940,173 +20175,173 @@ class PropertyMap {
                 // @ts-expect-error
                 v.filter((t) => t.typ != exports.EnumToken.CommentTokenType).length === count)) {
                 // @ts-ignore
-                iterable = this.declarations.values();
-            }
-            else {
-                let values;
-                if (this.config.shorthand == "grid-template") {
-                    const k = tokens["grid-template-areas"]?.[0]?.length ?? 0;
-                    const v = tokens["grid-template-rows"]?.[0]?.length ?? 0;
-                    const min = k < v ? k : v;
-                    values = [];
-                    for (let i = 0; i < min; i++) {
-                        if (i < k) {
-                            values.push(tokens["grid-template-areas"][0][i]);
-                            if (tokens["grid-template-areas"][0][i].typ == exports.EnumToken.IdenTokenType) {
-                                values.push({ typ: exports.EnumToken.WhitespaceTokenType });
-                            }
-                        }
-                        if (i < v) {
-                            values.push(tokens["grid-template-rows"][0][i]);
+                iterable = declarations.values();
+            }
+            else if (hasMapping) {
+                if (patterns.length == Object.keys(tokens).length) {
+                    const declaration = cloneNode(declarations.get(patterns[0]));
+                    declaration.nam = this.config.shorthand;
+                    for (let i = 0; i < patterns.length; i++) {
+                        if (declaration.val.length > 0) {
+                            declaration.val.push(
+                            // @ts-ignore
+                            this.config.separator != null
+                                ? {
+                                    ...this.config.separator,
+                                    typ: exports.EnumToken[this.config.separator.typ],
+                                }
+                                : { typ: exports.EnumToken.WhitespaceTokenType });
                         }
-                    }
-                    if (k > min) {
-                        values.push(...tokens["grid-template-areas"][0].slice(min).reduce((acc, curr) => {
-                            if (acc.length > 0 && curr.typ == exports.EnumToken.IdenTokenType) {
-                                acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
-                            }
-                            acc.push(curr);
-                            return acc;
-                        }, []));
-                    }
-                    if (v > min) {
-                        values.push(...tokens["grid-template-rows"][0].slice(min).reduce((acc, curr) => {
-                            if (acc.length > 0) {
-                                acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
-                            }
-                            acc.push(curr);
-                            return acc;
-                        }, []));
-                    }
-                    if (tokens["grid-template-columns"]?.[0]?.length > 0) {
-                        values.push({ typ: exports.EnumToken.LiteralTokenType, val: "/" }, ...tokens["grid-template-columns"][0].reduce((acc, curr) => {
+                        declaration.val.push(...tokens[patterns[i]].reduce((acc, curr) => {
                             if (acc.length > 0) {
                                 acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
                             }
-                            acc.push(curr);
-                            return acc;
-                        }, []));
-                    }
-                }
-                else {
-                    values = Object.entries(tokens)
-                        .reduce((acc, curr) => {
-                        const props = this.config.properties[curr[0]];
-                        for (let i = 0; i < curr[1].length; i++) {
-                            if (acc.length == i) {
-                                acc.push([]);
-                            }
-                            let values = curr[1][i].reduce((acc, curr) => {
+                            acc.push(...curr.reduce((acc, curr) => {
                                 if (acc.length > 0) {
                                     acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
                                 }
                                 acc.push(curr);
                                 return acc;
-                            }, []);
-                            if (props.default.includes(curr[1][i]
-                                .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
-                                .trimEnd())) {
-                                if (!this.config.properties[curr[0]].required) {
-                                    continue;
-                                }
+                            }, []));
+                            return acc;
+                        }, []));
+                    }
+                    return [declaration][Symbol.iterator]();
+                }
+                iterable = declarations.values();
+            }
+            else {
+                let values = Object.entries(tokens)
+                    .reduce((acc, curr) => {
+                    const props = propertiesMapping[curr[0]];
+                    for (let i = 0; i < curr[1].length; i++) {
+                        if (acc.length == i) {
+                            acc.push([]);
+                        }
+                        // if (acc[acc.length - 1].length > 0) {
+                        //     acc[acc.length - 1].push(
+                        //         // @ts-ignore
+                        //         this.config.separator != null  ?
+                        //         {
+                        //             ...this.config.separator,
+                        //             typ: EnumToken[this.config.separator.typ as keyof typeof EnumToken],
+                        //         } : <Token>{ typ: EnumToken.WhitespaceTokenType },
+                        //     )
+                        // }
+                        let values = curr[1][i];
+                        // .reduce(
+                        //     (acc, curr) => {
+                        //         // if (acc.length > 0) {
+                        //         //     acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
+                        //         // }
+                        //         acc.push(curr);
+                        //         return acc;
+                        //     },
+                        //     <Token[]>[],
+                        // );
+                        if (props.default.includes(curr[1][i]
+                            .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
+                            .trimEnd())) {
+                            if (!propertiesMapping[curr[0]].required) {
+                                continue;
                             }
-                            // remove default values
-                            let doFilterDefault = true;
-                            if (curr[0] in propertiesConfig.properties) {
-                                for (let v of values) {
-                                    if (![
-                                        exports.EnumToken.WhitespaceTokenType,
-                                        exports.EnumToken.CommentTokenType,
-                                        exports.EnumToken.IdenTokenType,
-                                    ].includes(v.typ) ||
-                                        (v.typ == exports.EnumToken.IdenTokenType &&
-                                            !this.config.properties[curr[0]].default.includes(v.val))) {
-                                        doFilterDefault = false;
-                                        break;
-                                    }
+                        }
+                        // remove default values
+                        let doFilterDefault = true;
+                        if (curr[0] in propertiesConfig.properties) {
+                            for (let v of values) {
+                                if (![
+                                    exports.EnumToken.WhitespaceTokenType,
+                                    exports.EnumToken.CommentTokenType,
+                                    exports.EnumToken.IdenTokenType,
+                                ].includes(v.typ) ||
+                                    (v.typ == exports.EnumToken.IdenTokenType &&
+                                        !propertiesMapping[curr[0]].default.includes(v.val))) {
+                                    doFilterDefault = false;
+                                    break;
                                 }
                             }
-                            // remove default values
-                            const filtered = values.filter((val) => {
-                                if (val.typ == exports.EnumToken.WhitespaceTokenType ||
-                                    val.typ == exports.EnumToken.CommentTokenType) {
-                                    return false;
-                                }
-                                return (!doFilterDefault ||
-                                    !(val.typ == exports.EnumToken.IdenTokenType &&
-                                        props.default.includes(val.val)));
-                            });
-                            if (filtered.length > 0 ||
-                                !(this.requiredCount == requiredCount &&
-                                    this.config.properties[curr[0]].required)) {
-                                values = filtered;
+                        }
+                        // remove default values
+                        const filtered = values.filter((val) => {
+                            if (val.typ == exports.EnumToken.WhitespaceTokenType ||
+                                val.typ == exports.EnumToken.CommentTokenType) {
+                                return false;
                             }
-                            if (values.length > 0) {
-                                if ("mapping" in props) {
-                                    if (!("constraints" in props) ||
-                                        // @ts-ignore
-                                        !("max" in props.constraints) ||
-                                        values.length <= props.constraints.mapping.max) {
-                                        let i = values.length;
-                                        while (i--) {
-                                            if (values[i].typ == exports.EnumToken.IdenTokenType &&
-                                                // @ts-expect-error
-                                                values[i].val in props.mapping) {
-                                                // @ts-ignore
-                                                values.splice(i, 1, 
-                                                // @ts-ignore
-                                                ...parseString(props.mapping[values[i].val]));
-                                            }
-                                        }
-                                    }
-                                }
-                                if ("prefix" in props) {
+                            return (!doFilterDefault ||
+                                !(val.typ == exports.EnumToken.IdenTokenType &&
+                                    props.default.includes(val.val)));
+                        });
+                        if (filtered.length > 0 ||
+                            !(this.requiredCount == requiredCount && propertiesMapping[curr[0]].required)) {
+                            values = filtered;
+                        }
+                        if (values.length > 0) {
+                            if ("mapping" in props) {
+                                if (!("constraints" in props) ||
                                     // @ts-ignore
-                                    acc[i].push({ ...props.prefix, typ: exports.EnumToken[props.prefix.typ] });
-                                }
-                                else if (acc[i].length > 0) {
-                                    acc[i].push({ typ: exports.EnumToken.WhitespaceTokenType });
-                                }
-                                for (const v of values.reduce((acc, curr) => {
-                                    if (acc.length > 0) {
-                                        // @ts-ignore
-                                        acc.push({
-                                            ...((props.separator && {
-                                                ...props.separator,
-                                                // @ts-ignore
-                                                typ: exports.EnumToken[props.separator.typ],
-                                            }) ?? { typ: exports.EnumToken.WhitespaceTokenType }),
-                                        });
+                                    !("max" in props.constraints) ||
+                                    values.length <= props.constraints.mapping.max) {
+                                    let i = values.length;
+                                    while (i--) {
+                                        if (values[i].typ == exports.EnumToken.IdenTokenType &&
+                                            // @ts-expect-error
+                                            values[i].val in props.mapping) {
+                                            // @ts-ignore
+                                            values.splice(i, 1, ...parseString(props.mapping[values[i].val]));
+                                        }
                                     }
-                                    // @ts-ignore
-                                    acc.push(curr);
-                                    return acc;
-                                }, [])) {
-                                    acc[i].push(v);
                                 }
                             }
-                        }
-                        return acc;
-                    }, [])
-                        .reduce((acc, curr) => {
-                        if (acc.length > 0) {
-                            acc.push({ ...separator });
-                        }
-                        if (curr.length == 0 && this.config.default.length > 0) {
-                            curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
+                            if ("prefix" in props) {
+                                // @ts-ignore
+                                acc[i].push({ ...props.prefix, typ: exports.EnumToken[props.prefix.typ] });
+                            }
+                            else if (acc[i].length > 0) {
+                                // @ts-ignore
+                                acc[i].push({ typ: exports.EnumToken.WhitespaceTokenType });
+                            }
+                            for (const v of values.reduce((acc, curr) => {
                                 if (acc.length > 0) {
-                                    acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                                    // @ts-ignore
+                                    acc.push({
+                                        ...((props.separator && {
+                                            ...props.separator,
+                                            // @ts-ignore
+                                            typ: exports.EnumToken[props.separator.typ],
+                                        }) ?? { typ: exports.EnumToken.WhitespaceTokenType }),
+                                    });
                                 }
+                                // @ts-ignore
                                 acc.push(curr);
                                 return acc;
-                            }, []));
-                        }
-                        for (const c of curr) {
-                            acc.push(c);
+                            }, [])) {
+                                acc[i].push(v);
+                            }
                         }
-                        return acc;
-                    }, []);
-                }
+                    }
+                    return acc;
+                }, [])
+                    .reduce((acc, curr) => {
+                    if (acc.length > 0) {
+                        acc.push({ ...separator });
+                    }
+                    if (curr.length == 0 && this.config.default.length > 0) {
+                        curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
+                            if (acc.length > 0) {
+                                acc.push({ typ: exports.EnumToken.WhitespaceTokenType });
+                            }
+                            acc.push(curr);
+                            return acc;
+                        }, []));
+                    }
+                    for (const c of curr) {
+                        acc.push(c);
+                    }
+                    return acc;
+                }, []);
+                // console.error({hasMapping, shorthand: this.config.shorthand, requiredCount, isShorthand,
+                //     declarations: declarations.values(), values});
                 if (this.config.mapping != null) {
                     const val = values.reduce((acc, curr) => acc +
                         renderValue(curr, {
@@ -20402,7 +20637,7 @@ class PropertyList {
         this.options = options;
         this.declarations = new Map();
     }
-    add(...declarations) {
+    add(declarations) {
         let name;
         let syntaxRules = null;
         let result;
@@ -20441,7 +20676,7 @@ class PropertyList {
             // do not compute shorthand for invalid declarations
             if (declaration[STATE] !== exports.EnumAstNodeStatus.Validated) {
                 this.declarations.set(objectHash(declaration), declaration);
-                return this;
+                continue;
             }
             let propertyName = declaration.nam;
             let shortHandType;
@@ -20469,15 +20704,28 @@ class PropertyList {
                 // @ts-ignore
                 shorthand = config.property[propertyName];
             }
+            // console.error({shortHandType, propertyName, config: config.map[propertyName], map: config.map[shorthand].properties[propertyName]});
             // @ts-ignore
             if (shortHandType == "map") {
+                let owner = this;
                 // @ts-ignore
-                if (!this.declarations.has(shorthand)) {
+                const mapName = config.map[propertyName]?.map ?? config.map[shorthand]?.properties?.[propertyName]?.map;
+                if (typeof mapName === "string") {
+                    if (!this.declarations.has(mapName)) {
+                        // @ts-ignore
+                        this.declarations.set(mapName, new PropertyMap(config.map[mapName]));
+                    }
+                    owner = this.declarations.get(mapName);
+                    // console.error({mapName});
+                }
+                // @ts-ignore
+                if (!owner.declarations.has(shorthand)) {
                     // @ts-ignore
-                    this.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                    owner.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
                 }
+                //  console.error({propertyName,mapName, owned: owner == this});
                 // @ts-ignore
-                this.declarations.get(shorthand).add(declaration);
+                owner.declarations.get(shorthand).add(declaration);
             }
             // @ts-ignore
             else if (shortHandType == "set") {
@@ -20564,6 +20812,7 @@ class PropertyList {
     [Symbol.iterator]() {
         let iterator = this.declarations.values();
         const iterators = [];
+        // console.error(this);
         return {
             next() {
                 let value = iterator.next();
@@ -20613,8 +20862,9 @@ class ComputeShorthandFeature {
         const j = ast.chi.length;
         let k = 0;
         let l;
-        let properties = new PropertyList(options);
+        // let properties: PropertyList = new PropertyList(options);
         const rules = [];
+        const declarations = [];
         // @ts-ignore
         for (; k < j; k++) {
             l = k;
@@ -20632,7 +20882,8 @@ class ComputeShorthandFeature {
             const node = ast.chi[l];
             if (node.typ == exports.EnumToken.DeclarationNodeType) {
                 for (let m = k; m <= l; m++) {
-                    properties.add(ast.chi[m]);
+                    declarations.push(ast.chi[m]);
+                    // properties.add(ast.chi![m]);
                 }
             }
             else {
@@ -20642,9 +20893,12 @@ class ComputeShorthandFeature {
             }
             k = l;
         }
-        ast.chi.length = 0;
-        // @ts-expect-error
-        ast.chi.push(...properties, ...rules);
+        // console.error([...new PropertyList(options).add(declarations)]);
+        if (declarations.length > 0) {
+            ast.chi.length = 0;
+            // @ts-expect-error
+            ast.chi.push(...new PropertyList(options).add(declarations), ...rules);
+        }
         return ast;
     }
 }
@@ -24963,7 +25217,6 @@ let sourceId = 0;
  * Source file helper class
  */
 class SourceFile {
-    inputSourceMap = null;
     /**
      * Source file ID
      */
@@ -24980,6 +25233,7 @@ class SourceFile {
      * Source file content
      */
     content;
+    inputSourceMap = null;
     /**
      * Constructor
      * @param content
@@ -25161,7 +25415,7 @@ function doRender(data, options = {}, mapping) {
                     }
                     return acc + curr.val;
                 }
-                return acc + renderValue(curr, options, cache, reducer, errors);
+                return acc + renderValue(curr, options, cache, reducer);
             }, cache),
         errors,
         stats: {
@@ -25471,7 +25725,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                 }
                 return acc + curr.val;
             }
-            return acc + renderValue(curr, options, cache, reducer, errors);
+            return acc + renderValue(curr, options, cache, reducer);
         };
     }
     switch (token.typ) {
@@ -26349,22 +26603,22 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
             return token.val;
         case exports.EnumToken.SupportsQueryUnaryConditionTokenType:
         case exports.EnumToken.WhenElseUnaryConditionTokenType:
-            return (renderValue(token.l, options, cache, reducer, errors) +
+            return (renderValue(token.l, options, cache, reducer) +
                 " " +
-                token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), ""));
+                token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), ""));
         case exports.EnumToken.SupportsQueryConditionTokenType:
         case exports.EnumToken.WhenElseQueryConditionTokenType:
-            return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+            return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                 " " +
-                renderValue(token.op, options, cache, reducer, errors) +
+                renderValue(token.op, options, cache, reducer) +
                 " " +
-                token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), ""));
+                token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), ""));
         case exports.EnumToken.IfConditionTokenType:
             return token.l.length == 0
                 ? ""
-                : token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+                : token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                     ":" +
-                    token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "");
+                    token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "");
         case exports.EnumToken.IfElseConditionTokenType:
             return renderValue(token.l) + renderValue(token.r);
         case exports.EnumToken.DeclarationNodeType:
@@ -26372,7 +26626,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                 ":" +
                 (options.minify ? filterValues(token.val) : token.val).reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
         case exports.EnumToken.MediaQueryUnaryFeatureTokenType:
-            return (renderValue(token.l, options, cache, reducer, errors) +
+            return (renderValue(token.l, options, cache, reducer) +
                 " " +
                 token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
         case exports.EnumToken.MediaQueryConditionTokenType: {
@@ -26384,16 +26638,16 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                 token.op.typ == exports.EnumToken.GteTokenType
                 ? ""
                 : " ";
-            return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+            return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                 indent +
-                renderValue(token.op, options, cache, reducer, errors) +
+                renderValue(token.op, options, cache, reducer) +
                 indent +
                 token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
         }
         case exports.EnumToken.MediaRangeQueryTokenType:
             return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache), "") +
                 renderValue(token.op1) +
-                token.val.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+                token.val.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                 renderValue(token.op2) +
                 token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
         case exports.EnumToken.MediaFeatureTokenType:
@@ -26418,8 +26672,8 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
             console.debug({ token });
             throw new Error(`Unsupported token type for ${exports.EnumToken[token.typ]}`);
     }
-    errors?.push({ action: "ignore", message: `render: unexpected token ${JSON.stringify(token, null, 1)}` });
-    return "";
+    // errors?.push({ action: "ignore", message: `render: unexpected token ${JSON.stringify(token, null, 1)}` });
+    // return "";
 }
 /**
  * Remove whitespace tokens that are not needed
@@ -28863,24 +29117,6 @@ function parseDeclaration(tokens, parent, options, errors) {
                             if (tokens[index].chi[l].typ === exports.EnumToken.StringTokenType) {
                                 break;
                             }
-                            // else if ((tokens[index] as FunctionToken).chi[l].typ === EnumToken.IdenTokenType) {
-                            //     let m: number = l + 1;
-                            //     while (
-                            //         (tokens[index] as FunctionToken).chi[m]?.typ === EnumToken.ClassSelectorTokenType
-                            //     ) {
-                            //         Object.assign((tokens[index] as FunctionToken).chi[l], {
-                            //             typ: EnumToken.UrlTokenTokenType,
-                            //             val:
-                            //                 ((tokens[index] as FunctionToken).chi[l] as IdentToken | UrlToken).val +
-                            //                 ((tokens[index] as FunctionToken).chi[m] as ClassSelectorToken).val,
-                            //         });
-                            //         (tokens[index] as FunctionToken).chi[l][LOCEND] = (
-                            //             tokens[index] as FunctionToken
-                            //         ).chi[m][LOCEND];
-                            //         (tokens[index] as FunctionToken).chi.splice(m, 1);
-                            //     }
-                            //     break;
-                            // }
                         }
                         if (tokens[index].chi[l]?.typ === exports.EnumToken.StringTokenType &&
                             /^[a-zA-Z0-0/_.-]+$/.test(tokens[index].chi[l].val.slice(1, -1))) {
@@ -33131,7 +33367,7 @@ function parseAtRule(stream, context, options, errors, parseAsBlock = null) {
                 atRule[LOCEND] = (stream.at(-1) ?? atRule)[LOCEND];
                 // @ts-expect-error
                 return Object.assign(atRule, {
-                    typ: success ? exports.EnumToken.AtRuleNodeType : exports.EnumToken.InvalidRuleNodeType,
+                    typ: exports.EnumToken.AtRuleNodeType,
                     val: renderTokens(trimArray(stream), options),
                 });
             }
@@ -33139,12 +33375,12 @@ function parseAtRule(stream, context, options, errors, parseAsBlock = null) {
                 return null;
             }
             atRule[TOKENS] = stream;
-            atRule[STATE] = exports.EnumAstNodeStatus.Validated;
+            atRule[STATE] = success ? exports.EnumAstNodeStatus.Validated : exports.EnumAstNodeStatus.Invalid;
             atRule[ERRORS] = [];
             atRule[LOCEND] = (stream.at(-1) ?? atRule)[LOCEND];
             // @ts-expect-error
             return Object.assign(atRule, {
-                typ: success ? exports.EnumToken.AtRuleNodeType : exports.EnumToken.InvalidRuleNodeType,
+                typ: exports.EnumToken.AtRuleNodeType,
                 val: renderTokens(trimArray(stream), options),
             });
         }
@@ -33702,9 +33938,9 @@ function parseAtRule(stream, context, options, errors, parseAsBlock = null) {
             let result = null;
             if (syntax == null) {
                 // check matching '(' and ')'
-                // check commas , or ,,
-                // check colon :
-                // check or and and
+                // check commas ',' or ',,'
+                // check colon ':'
+                // check 'or' and 'and'
                 result = matchGenericSyntax(stream, options);
                 if (result.errors.length > 0) {
                     for (const error of result.errors) {
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 2ab6b82b..18a65a31 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -4132,7 +4132,6 @@ declare class LineMap {
  * Source file helper class
  */
 declare class SourceFile {
-    private inputSourceMap;
     /**
      * Source file ID
      */
@@ -4149,6 +4148,7 @@ declare class SourceFile {
      * Source file content
      */
     content: string;
+    private inputSourceMap;
     /**
      * Constructor
      * @param content
@@ -4545,6 +4545,7 @@ interface PropertyMapType {
         };
     };
     mapping?: Record<string, string>;
+    expandedProperties?: Record<string, string[]>;
 }
 
 interface ShorthandMapType {
@@ -4559,6 +4560,7 @@ interface ShorthandMapType {
     properties: {
         [property: string]: PropertyMapType;
     };
+    expandedProperties?: Record<string, string[]>;
 }
 
 interface ShorthandProperties {
diff --git a/dist/lib/ast/expand.js b/dist/lib/ast/expand.js
index fa1b6d38..41a2e1fc 100644
--- a/dist/lib/ast/expand.js
+++ b/dist/lib/ast/expand.js
@@ -2,7 +2,7 @@ import { splitRule } from './minify.js';
 import { STATE, PARENT, combinators, RAW } from '../syntax/constants.js';
 import { parseString } from '../parser/parse.js';
 import { walkValues } from './walk.js';
-import { renderValue } from '../renderer/render.js';
+import { renderValue } from '../printer/render.js';
 import { EnumAstNodeStatus, EnumToken } from './types.js';
 import { cloneNode } from './clone.js';
 
diff --git a/dist/lib/ast/features/if.js b/dist/lib/ast/features/if.js
index d5c55041..cbf4cb51 100644
--- a/dist/lib/ast/features/if.js
+++ b/dist/lib/ast/features/if.js
@@ -1,5 +1,5 @@
 import { EnumToken } from '../types.js';
-import { renderValue } from '../../renderer/render.js';
+import { renderValue } from '../../printer/render.js';
 import { FeatureWalkMode } from './type.js';
 import { PARENT, LOCSRCID, LOCSTA, LOCEND, TOKENS } from '../../syntax/constants.js';
 import { equalsIgnoreCase } from '../../parser/utils/text.js';
diff --git a/dist/lib/ast/features/inlinecssvariables.js b/dist/lib/ast/features/inlinecssvariables.js
index 33c8e1fd..0c7716be 100644
--- a/dist/lib/ast/features/inlinecssvariables.js
+++ b/dist/lib/ast/features/inlinecssvariables.js
@@ -1,6 +1,6 @@
 import { EnumToken } from '../types.js';
 import { walkValues } from '../walk.js';
-import { renderValue } from '../../renderer/render.js';
+import { renderValue } from '../../printer/render.js';
 import { splitRule } from '../minify.js';
 import { FeatureWalkMode } from './type.js';
 import { RAW, mathFuncs } from '../../syntax/constants.js';
diff --git a/dist/lib/ast/features/prefix.js b/dist/lib/ast/features/prefix.js
index 7c980585..fa2aa3c7 100644
--- a/dist/lib/ast/features/prefix.js
+++ b/dist/lib/ast/features/prefix.js
@@ -2,7 +2,7 @@ import { EnumAstNodeStatus, EnumToken } from '../types.js';
 import { walkValues } from '../walk.js';
 import { pseudoAliasMap } from '../../syntax/syntax.js';
 import { splitRule } from '../minify.js';
-import { renderValue } from '../../renderer/render.js';
+import { renderValue } from '../../printer/render.js';
 import { STATE, TOKENS, funcLike, regMatchLinearGradient, regMatchRadialGradient } from '../../syntax/constants.js';
 import { FeatureWalkMode } from './type.js';
 import { ValidationSyntaxGroupEnum } from '../../validation/parser/typedef.js';
diff --git a/dist/lib/ast/features/shorthand.js b/dist/lib/ast/features/shorthand.js
index 1e82eb75..149ed4e8 100644
--- a/dist/lib/ast/features/shorthand.js
+++ b/dist/lib/ast/features/shorthand.js
@@ -28,8 +28,9 @@ class ComputeShorthandFeature {
         const j = ast.chi.length;
         let k = 0;
         let l;
-        let properties = new PropertyList(options);
+        // let properties: PropertyList = new PropertyList(options);
         const rules = [];
+        const declarations = [];
         // @ts-ignore
         for (; k < j; k++) {
             l = k;
@@ -47,7 +48,8 @@ class ComputeShorthandFeature {
             const node = ast.chi[l];
             if (node.typ == EnumToken.DeclarationNodeType) {
                 for (let m = k; m <= l; m++) {
-                    properties.add(ast.chi[m]);
+                    declarations.push(ast.chi[m]);
+                    // properties.add(ast.chi![m]);
                 }
             }
             else {
@@ -57,9 +59,12 @@ class ComputeShorthandFeature {
             }
             k = l;
         }
-        ast.chi.length = 0;
-        // @ts-expect-error
-        ast.chi.push(...properties, ...rules);
+        // console.error([...new PropertyList(options).add(declarations)]);
+        if (declarations.length > 0) {
+            ast.chi.length = 0;
+            // @ts-expect-error
+            ast.chi.push(...new PropertyList(options).add(declarations), ...rules);
+        }
         return ast;
     }
 }
diff --git a/dist/lib/ast/features/transform.js b/dist/lib/ast/features/transform.js
index 4a29abe9..2f59e391 100644
--- a/dist/lib/ast/features/transform.js
+++ b/dist/lib/ast/features/transform.js
@@ -1,6 +1,6 @@
 import { EnumToken, EnumAstNodeStatus } from '../types.js';
 import { compute } from '../transform/compute.js';
-import { filterValues, renderValue } from '../../renderer/render.js';
+import { filterValues, renderValue } from '../../printer/render.js';
 import { minifyTransformFunctions, eqMatrix } from '../transform/minify.js';
 import { FeatureWalkMode } from './type.js';
 import { STATE } from '../../syntax/constants.js';
diff --git a/dist/lib/ast/minify.js b/dist/lib/ast/minify.js
index 7efb87d0..54a57e2d 100644
--- a/dist/lib/ast/minify.js
+++ b/dist/lib/ast/minify.js
@@ -1,5 +1,5 @@
 import { eq } from '../parser/utils/eq.js';
-import { renderValue, doRender } from '../renderer/render.js';
+import { renderValue, doRender } from '../printer/render.js';
 import * as index from './features/index.js';
 import { walkValues } from './walk.js';
 import { EnumToken } from './types.js';
diff --git a/dist/lib/parser/declaration/list.js b/dist/lib/parser/declaration/list.js
index dc1fa27d..40b326e8 100644
--- a/dist/lib/parser/declaration/list.js
+++ b/dist/lib/parser/declaration/list.js
@@ -17,7 +17,7 @@ class PropertyList {
         this.options = options;
         this.declarations = new Map();
     }
-    add(...declarations) {
+    add(declarations) {
         let name;
         let syntaxRules = null;
         let result;
@@ -56,7 +56,7 @@ class PropertyList {
             // do not compute shorthand for invalid declarations
             if (declaration[STATE] !== EnumAstNodeStatus.Validated) {
                 this.declarations.set(objectHash(declaration), declaration);
-                return this;
+                continue;
             }
             let propertyName = declaration.nam;
             let shortHandType;
@@ -84,15 +84,28 @@ class PropertyList {
                 // @ts-ignore
                 shorthand = config.property[propertyName];
             }
+            // console.error({shortHandType, propertyName, config: config.map[propertyName], map: config.map[shorthand].properties[propertyName]});
             // @ts-ignore
             if (shortHandType == "map") {
+                let owner = this;
                 // @ts-ignore
-                if (!this.declarations.has(shorthand)) {
+                const mapName = config.map[propertyName]?.map ?? config.map[shorthand]?.properties?.[propertyName]?.map;
+                if (typeof mapName === "string") {
+                    if (!this.declarations.has(mapName)) {
+                        // @ts-ignore
+                        this.declarations.set(mapName, new PropertyMap(config.map[mapName]));
+                    }
+                    owner = this.declarations.get(mapName);
+                    // console.error({mapName});
+                }
+                // @ts-ignore
+                if (!owner.declarations.has(shorthand)) {
                     // @ts-ignore
-                    this.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                    owner.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
                 }
+                //  console.error({propertyName,mapName, owned: owner == this});
                 // @ts-ignore
-                this.declarations.get(shorthand).add(declaration);
+                owner.declarations.get(shorthand).add(declaration);
             }
             // @ts-ignore
             else if (shortHandType == "set") {
@@ -179,6 +192,7 @@ class PropertyList {
     [Symbol.iterator]() {
         let iterator = this.declarations.values();
         const iterators = [];
+        // console.error(this);
         return {
             next() {
                 let value = iterator.next();
diff --git a/dist/lib/parser/declaration/map.js b/dist/lib/parser/declaration/map.js
index e6447349..30978bc2 100644
--- a/dist/lib/parser/declaration/map.js
+++ b/dist/lib/parser/declaration/map.js
@@ -2,10 +2,11 @@ import { eq } from '../utils/eq.js';
 import { getConfig } from '../utils/config.js';
 import { matchType } from '../utils/type.js';
 import { EnumToken } from '../../ast/types.js';
-import { renderValue } from '../../renderer/render.js';
+import { renderValue } from '../../printer/render.js';
 import { parseString } from '../parse.js';
 import { PropertySet } from './set.js';
 import { PROPERTYNAME } from '../../syntax/constants.js';
+import { cloneNode } from '../../ast/clone.js';
 
 const propertiesConfig = getConfig();
 class PropertyMap {
@@ -184,18 +185,50 @@ class PropertyMap {
         return this;
     }
     [Symbol.iterator]() {
+        const propertiesMapping = { ...this.config.properties };
+        const patterns = this.config.pattern.split(" ");
+        let hasMapping = false;
         let iterable;
         let requiredCount = 0;
         let property;
         let isShorthand = true;
-        for (property of Object.keys(this.config.properties)) {
-            if (this.config.properties[property].required) {
-                if (!this.declarations.has(property)) {
+        let declarations = this.declarations;
+        for (const key of declarations.keys()) {
+            if (declarations.has(key) && declarations.get(key) instanceof PropertyMap) {
+                hasMapping = true;
+                break;
+            }
+        }
+        if (hasMapping) {
+            const mapped = {};
+            for (const key of declarations.keys()) {
+                const value = declarations.get(key);
+                if (value instanceof PropertyMap) {
+                    for (const [k, v] of value.declarations) {
+                        mapped[k] = v;
+                    }
+                }
+                else {
+                    mapped[key] = value;
+                }
+            }
+            if (patterns.length === Object.keys(mapped).length) {
+                declarations = new Map();
+                for (const key of patterns) {
+                    if (mapped[key] != null) {
+                        declarations.set(key, mapped[key]);
+                    }
+                }
+            }
+        }
+        for (property of Object.keys(propertiesMapping)) {
+            if (propertiesMapping[property].required) {
+                if (!declarations.has(property)) {
                     isShorthand = false;
                     break;
                 }
                 else {
-                    const val = (this.declarations.get(property));
+                    const val = declarations.get(property);
                     if (val instanceof PropertySet && !val.isShortHand()) {
                         isShorthand = false;
                         break;
@@ -207,10 +240,10 @@ class PropertyMap {
             }
         }
         if (requiredCount === 0) {
-            requiredCount = this.declarations.size;
+            requiredCount = declarations.size;
         }
         if (!isShorthand || requiredCount < this.requiredCount) {
-            if (isShorthand && this.declarations.has(this.config.shorthand)) {
+            if (isShorthand && declarations.has(this.config.shorthand)) {
                 const cache = new Map();
                 const removeDefaults = (declaration) => {
                     let i;
@@ -285,8 +318,8 @@ class PropertyMap {
                     }
                     return declaration;
                 };
-                const values = [...this.declarations.values()].reduce((acc, curr) => {
-                    if (curr instanceof PropertySet) {
+                const values = [...declarations.values()].reduce((acc, curr) => {
+                    if (curr instanceof PropertySet || curr instanceof PropertyMap) {
                         for (const declaration of curr) {
                             acc.push(declaration);
                         }
@@ -326,13 +359,13 @@ class PropertyMap {
                 }
                 return (filtered.length > 0 ? filtered : values)[Symbol.iterator]();
             }
-            for (const declaration of this.declarations.values()) {
-                if (declaration instanceof PropertySet) {
+            for (const declaration of declarations.values()) {
+                if (declaration instanceof PropertySet || declaration instanceof PropertyMap) {
                     continue;
                 }
                 const config = declaration.nam == this.config.shorthand
                     ? this.config
-                    : (this.config.properties[declaration.nam] ?? this.config);
+                    : (propertiesMapping[declaration.nam] ?? this.config);
                 if (!("mapping" in config)) {
                     continue;
                 }
@@ -349,7 +382,7 @@ class PropertyMap {
                 }
             }
             // @ts-ignore
-            iterable = this.declarations.values();
+            iterable = declarations.values();
         }
         else {
             let count = 0;
@@ -363,19 +396,19 @@ class PropertyMap {
                 : null;
             const tokens = {};
             // @ts-ignore
-            Object.entries(this.config.properties).reduce((acc, curr) => {
-                if (!this.declarations.has(curr[0])) {
+            Object.entries(propertiesMapping).reduce((acc, curr) => {
+                if (!declarations.has(curr[0])) {
                     if (curr[1].required) {
                         acc.push(curr[0]);
                     }
                     return acc;
                 }
                 let current = 0;
-                const props = this.config.properties[curr[0]];
-                const properties = (this.declarations.get(curr[0]));
-                for (const declaration of [
-                    properties instanceof PropertySet ? [...properties][0] : properties,
-                ]) {
+                const props = propertiesMapping[curr[0]];
+                const properties = (declarations.get(curr[0]));
+                for (const declaration of properties instanceof PropertySet || properties instanceof PropertyMap
+                    ? [...properties].flat()
+                    : [properties]) {
                     // @ts-ignore
                     for (const val of declaration.val) {
                         // @ts-ignore
@@ -422,9 +455,45 @@ class PropertyMap {
                 }
                 return acc;
             }, []);
+            // grid-template
+            if (this.config.shorthand == "grid-template" && patterns.length == Object.keys(tokens).length) {
+                const k = tokens[patterns[0]][0].length;
+                const l = tokens[patterns[1]][0].length;
+                const j = k < l ? k : l;
+                const result = [];
+                let i;
+                for (i = 0; i < j; i++) {
+                    if (i < k) {
+                        result.push(tokens[patterns[0]][0][i]);
+                    }
+                    if (i < l) {
+                        result.push(tokens[patterns[1]][0][i]);
+                    }
+                }
+                if (j < k) {
+                    result.push(...tokens[patterns[0]][0].slice(j));
+                }
+                if (j < l) {
+                    result.push(...tokens[patterns[1]][0].slice(j));
+                }
+                const separator = this.config.properties[patterns[2]]?.prefix;
+                result.push(
+                // @ts-ignore
+                { ...separator, typ: EnumToken[separator.typ] }, ...tokens[patterns[2]][0].reduce((acc, curr) => {
+                    if (acc.length > 0) {
+                        acc.push({ typ: EnumToken.WhitespaceTokenType });
+                    }
+                    acc.push(curr);
+                    return acc;
+                }, []));
+                const declaration = cloneNode(declarations.get(patterns[0]));
+                declaration.nam = this.config.shorthand;
+                declaration.val = result;
+                return [declaration][Symbol.iterator]();
+            }
             count++;
             if (!isShorthand ||
-                Object.entries(this.config.properties).some((entry) => {
+                Object.entries(propertiesMapping).some((entry) => {
                     // missing required property
                     return entry[1].required && !(entry[0] in tokens);
                 }) ||
@@ -433,173 +502,173 @@ class PropertyMap {
                 // @ts-expect-error
                 v.filter((t) => t.typ != EnumToken.CommentTokenType).length === count)) {
                 // @ts-ignore
-                iterable = this.declarations.values();
+                iterable = declarations.values();
             }
-            else {
-                let values;
-                if (this.config.shorthand == "grid-template") {
-                    const k = tokens["grid-template-areas"]?.[0]?.length ?? 0;
-                    const v = tokens["grid-template-rows"]?.[0]?.length ?? 0;
-                    const min = k < v ? k : v;
-                    values = [];
-                    for (let i = 0; i < min; i++) {
-                        if (i < k) {
-                            values.push(tokens["grid-template-areas"][0][i]);
-                            if (tokens["grid-template-areas"][0][i].typ == EnumToken.IdenTokenType) {
-                                values.push({ typ: EnumToken.WhitespaceTokenType });
-                            }
-                        }
-                        if (i < v) {
-                            values.push(tokens["grid-template-rows"][0][i]);
+            else if (hasMapping) {
+                if (patterns.length == Object.keys(tokens).length) {
+                    const declaration = cloneNode(declarations.get(patterns[0]));
+                    declaration.nam = this.config.shorthand;
+                    for (let i = 0; i < patterns.length; i++) {
+                        if (declaration.val.length > 0) {
+                            declaration.val.push(
+                            // @ts-ignore
+                            this.config.separator != null
+                                ? {
+                                    ...this.config.separator,
+                                    typ: EnumToken[this.config.separator.typ],
+                                }
+                                : { typ: EnumToken.WhitespaceTokenType });
                         }
-                    }
-                    if (k > min) {
-                        values.push(...tokens["grid-template-areas"][0].slice(min).reduce((acc, curr) => {
-                            if (acc.length > 0 && curr.typ == EnumToken.IdenTokenType) {
-                                acc.push({ typ: EnumToken.WhitespaceTokenType });
-                            }
-                            acc.push(curr);
-                            return acc;
-                        }, []));
-                    }
-                    if (v > min) {
-                        values.push(...tokens["grid-template-rows"][0].slice(min).reduce((acc, curr) => {
+                        declaration.val.push(...tokens[patterns[i]].reduce((acc, curr) => {
                             if (acc.length > 0) {
                                 acc.push({ typ: EnumToken.WhitespaceTokenType });
                             }
-                            acc.push(curr);
-                            return acc;
-                        }, []));
-                    }
-                    if (tokens["grid-template-columns"]?.[0]?.length > 0) {
-                        values.push({ typ: EnumToken.LiteralTokenType, val: "/" }, ...tokens["grid-template-columns"][0].reduce((acc, curr) => {
-                            if (acc.length > 0) {
-                                acc.push({ typ: EnumToken.WhitespaceTokenType });
-                            }
-                            acc.push(curr);
-                            return acc;
-                        }, []));
-                    }
-                }
-                else {
-                    values = Object.entries(tokens)
-                        .reduce((acc, curr) => {
-                        const props = this.config.properties[curr[0]];
-                        for (let i = 0; i < curr[1].length; i++) {
-                            if (acc.length == i) {
-                                acc.push([]);
-                            }
-                            let values = curr[1][i].reduce((acc, curr) => {
+                            acc.push(...curr.reduce((acc, curr) => {
                                 if (acc.length > 0) {
                                     acc.push({ typ: EnumToken.WhitespaceTokenType });
                                 }
                                 acc.push(curr);
                                 return acc;
-                            }, []);
-                            if (props.default.includes(curr[1][i]
-                                .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
-                                .trimEnd())) {
-                                if (!this.config.properties[curr[0]].required) {
-                                    continue;
-                                }
+                            }, []));
+                            return acc;
+                        }, []));
+                    }
+                    return [declaration][Symbol.iterator]();
+                }
+                iterable = declarations.values();
+            }
+            else {
+                let values = Object.entries(tokens)
+                    .reduce((acc, curr) => {
+                    const props = propertiesMapping[curr[0]];
+                    for (let i = 0; i < curr[1].length; i++) {
+                        if (acc.length == i) {
+                            acc.push([]);
+                        }
+                        // if (acc[acc.length - 1].length > 0) {
+                        //     acc[acc.length - 1].push(
+                        //         // @ts-ignore
+                        //         this.config.separator != null  ?
+                        //         {
+                        //             ...this.config.separator,
+                        //             typ: EnumToken[this.config.separator.typ as keyof typeof EnumToken],
+                        //         } : <Token>{ typ: EnumToken.WhitespaceTokenType },
+                        //     )
+                        // }
+                        let values = curr[1][i];
+                        // .reduce(
+                        //     (acc, curr) => {
+                        //         // if (acc.length > 0) {
+                        //         //     acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
+                        //         // }
+                        //         acc.push(curr);
+                        //         return acc;
+                        //     },
+                        //     <Token[]>[],
+                        // );
+                        if (props.default.includes(curr[1][i]
+                            .reduce((acc, curr) => acc + renderValue(curr) + " ", "")
+                            .trimEnd())) {
+                            if (!propertiesMapping[curr[0]].required) {
+                                continue;
                             }
-                            // remove default values
-                            let doFilterDefault = true;
-                            if (curr[0] in propertiesConfig.properties) {
-                                for (let v of values) {
-                                    if (![
-                                        EnumToken.WhitespaceTokenType,
-                                        EnumToken.CommentTokenType,
-                                        EnumToken.IdenTokenType,
-                                    ].includes(v.typ) ||
-                                        (v.typ == EnumToken.IdenTokenType &&
-                                            !this.config.properties[curr[0]].default.includes(v.val))) {
-                                        doFilterDefault = false;
-                                        break;
-                                    }
+                        }
+                        // remove default values
+                        let doFilterDefault = true;
+                        if (curr[0] in propertiesConfig.properties) {
+                            for (let v of values) {
+                                if (![
+                                    EnumToken.WhitespaceTokenType,
+                                    EnumToken.CommentTokenType,
+                                    EnumToken.IdenTokenType,
+                                ].includes(v.typ) ||
+                                    (v.typ == EnumToken.IdenTokenType &&
+                                        !propertiesMapping[curr[0]].default.includes(v.val))) {
+                                    doFilterDefault = false;
+                                    break;
                                 }
                             }
-                            // remove default values
-                            const filtered = values.filter((val) => {
-                                if (val.typ == EnumToken.WhitespaceTokenType ||
-                                    val.typ == EnumToken.CommentTokenType) {
-                                    return false;
-                                }
-                                return (!doFilterDefault ||
-                                    !(val.typ == EnumToken.IdenTokenType &&
-                                        props.default.includes(val.val)));
-                            });
-                            if (filtered.length > 0 ||
-                                !(this.requiredCount == requiredCount &&
-                                    this.config.properties[curr[0]].required)) {
-                                values = filtered;
+                        }
+                        // remove default values
+                        const filtered = values.filter((val) => {
+                            if (val.typ == EnumToken.WhitespaceTokenType ||
+                                val.typ == EnumToken.CommentTokenType) {
+                                return false;
                             }
-                            if (values.length > 0) {
-                                if ("mapping" in props) {
-                                    if (!("constraints" in props) ||
-                                        // @ts-ignore
-                                        !("max" in props.constraints) ||
-                                        values.length <= props.constraints.mapping.max) {
-                                        let i = values.length;
-                                        while (i--) {
-                                            if (values[i].typ == EnumToken.IdenTokenType &&
-                                                // @ts-expect-error
-                                                values[i].val in props.mapping) {
-                                                // @ts-ignore
-                                                values.splice(i, 1, 
-                                                // @ts-ignore
-                                                ...parseString(props.mapping[values[i].val]));
-                                            }
-                                        }
-                                    }
-                                }
-                                if ("prefix" in props) {
+                            return (!doFilterDefault ||
+                                !(val.typ == EnumToken.IdenTokenType &&
+                                    props.default.includes(val.val)));
+                        });
+                        if (filtered.length > 0 ||
+                            !(this.requiredCount == requiredCount && propertiesMapping[curr[0]].required)) {
+                            values = filtered;
+                        }
+                        if (values.length > 0) {
+                            if ("mapping" in props) {
+                                if (!("constraints" in props) ||
                                     // @ts-ignore
-                                    acc[i].push({ ...props.prefix, typ: EnumToken[props.prefix.typ] });
-                                }
-                                else if (acc[i].length > 0) {
-                                    acc[i].push({ typ: EnumToken.WhitespaceTokenType });
-                                }
-                                for (const v of values.reduce((acc, curr) => {
-                                    if (acc.length > 0) {
-                                        // @ts-ignore
-                                        acc.push({
-                                            ...((props.separator && {
-                                                ...props.separator,
-                                                // @ts-ignore
-                                                typ: EnumToken[props.separator.typ],
-                                            }) ?? { typ: EnumToken.WhitespaceTokenType }),
-                                        });
+                                    !("max" in props.constraints) ||
+                                    values.length <= props.constraints.mapping.max) {
+                                    let i = values.length;
+                                    while (i--) {
+                                        if (values[i].typ == EnumToken.IdenTokenType &&
+                                            // @ts-expect-error
+                                            values[i].val in props.mapping) {
+                                            // @ts-ignore
+                                            values.splice(i, 1, ...parseString(props.mapping[values[i].val]));
+                                        }
                                     }
-                                    // @ts-ignore
-                                    acc.push(curr);
-                                    return acc;
-                                }, [])) {
-                                    acc[i].push(v);
                                 }
                             }
-                        }
-                        return acc;
-                    }, [])
-                        .reduce((acc, curr) => {
-                        if (acc.length > 0) {
-                            acc.push({ ...separator });
-                        }
-                        if (curr.length == 0 && this.config.default.length > 0) {
-                            curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
+                            if ("prefix" in props) {
+                                // @ts-ignore
+                                acc[i].push({ ...props.prefix, typ: EnumToken[props.prefix.typ] });
+                            }
+                            else if (acc[i].length > 0) {
+                                // @ts-ignore
+                                acc[i].push({ typ: EnumToken.WhitespaceTokenType });
+                            }
+                            for (const v of values.reduce((acc, curr) => {
                                 if (acc.length > 0) {
-                                    acc.push({ typ: EnumToken.WhitespaceTokenType });
+                                    // @ts-ignore
+                                    acc.push({
+                                        ...((props.separator && {
+                                            ...props.separator,
+                                            // @ts-ignore
+                                            typ: EnumToken[props.separator.typ],
+                                        }) ?? { typ: EnumToken.WhitespaceTokenType }),
+                                    });
                                 }
+                                // @ts-ignore
                                 acc.push(curr);
                                 return acc;
-                            }, []));
-                        }
-                        for (const c of curr) {
-                            acc.push(c);
+                            }, [])) {
+                                acc[i].push(v);
+                            }
                         }
-                        return acc;
-                    }, []);
-                }
+                    }
+                    return acc;
+                }, [])
+                    .reduce((acc, curr) => {
+                    if (acc.length > 0) {
+                        acc.push({ ...separator });
+                    }
+                    if (curr.length == 0 && this.config.default.length > 0) {
+                        curr.push(...parseString(this.config.default[0]).reduce((acc, curr) => {
+                            if (acc.length > 0) {
+                                acc.push({ typ: EnumToken.WhitespaceTokenType });
+                            }
+                            acc.push(curr);
+                            return acc;
+                        }, []));
+                    }
+                    for (const c of curr) {
+                        acc.push(c);
+                    }
+                    return acc;
+                }, []);
+                // console.error({hasMapping, shorthand: this.config.shorthand, requiredCount, isShorthand,
+                //     declarations: declarations.values(), values});
                 if (this.config.mapping != null) {
                     const val = values.reduce((acc, curr) => acc +
                         renderValue(curr, {
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index 39bb7989..ab1e4815 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -1,6 +1,6 @@
 import { isIdentColor, parseColor, isColor } from '../syntax/syntax.js';
 import { camelize, equalsIgnoreCase, dasherize } from './utils/text.js';
-import { renderValue } from '../renderer/render.js';
+import { renderValue } from '../printer/render.js';
 import { EnumToken, EnumAstNodeStatus, ModuleCaseTransformEnum, ModuleScopeEnumOptions } from '../ast/types.js';
 import { minify } from '../ast/minify.js';
 import { expand } from '../ast/expand.js';
@@ -2760,7 +2760,7 @@ function parseAtRule(stream, context, options, errors, parseAsBlock = null) {
                 atRule[LOCEND] = (stream.at(-1) ?? atRule)[LOCEND];
                 // @ts-expect-error
                 return Object.assign(atRule, {
-                    typ: success ? EnumToken.AtRuleNodeType : EnumToken.InvalidRuleNodeType,
+                    typ: EnumToken.AtRuleNodeType,
                     val: renderTokens(trimArray(stream), options),
                 });
             }
@@ -2768,12 +2768,12 @@ function parseAtRule(stream, context, options, errors, parseAsBlock = null) {
                 return null;
             }
             atRule[TOKENS] = stream;
-            atRule[STATE] = EnumAstNodeStatus.Validated;
+            atRule[STATE] = success ? EnumAstNodeStatus.Validated : EnumAstNodeStatus.Invalid;
             atRule[ERRORS] = [];
             atRule[LOCEND] = (stream.at(-1) ?? atRule)[LOCEND];
             // @ts-expect-error
             return Object.assign(atRule, {
-                typ: success ? EnumToken.AtRuleNodeType : EnumToken.InvalidRuleNodeType,
+                typ: EnumToken.AtRuleNodeType,
                 val: renderTokens(trimArray(stream), options),
             });
         }
@@ -3331,9 +3331,9 @@ function parseAtRule(stream, context, options, errors, parseAsBlock = null) {
             let result = null;
             if (syntax == null) {
                 // check matching '(' and ')'
-                // check commas , or ,,
-                // check colon :
-                // check or and and
+                // check commas ',' or ',,'
+                // check colon ':'
+                // check 'or' and 'and'
                 result = matchGenericSyntax(stream, options);
                 if (result.errors.length > 0) {
                     for (const error of result.errors) {
diff --git a/dist/lib/parser/source.js b/dist/lib/parser/source.js
index 04d7d7e0..6736612b 100644
--- a/dist/lib/parser/source.js
+++ b/dist/lib/parser/source.js
@@ -1,4 +1,4 @@
-import { SourceMap } from '../renderer/sourcemap/sourcemap.js';
+import { SourceMap } from '../printer/sourcemap/sourcemap.js';
 import { LineMap } from './linesmap.js';
 
 /**
@@ -9,7 +9,6 @@ let sourceId = 0;
  * Source file helper class
  */
 class SourceFile {
-    inputSourceMap = null;
     /**
      * Source file ID
      */
@@ -26,6 +25,7 @@ class SourceFile {
      * Source file content
      */
     content;
+    inputSourceMap = null;
     /**
      * Constructor
      * @param content
diff --git a/dist/lib/parser/utils/declaration.js b/dist/lib/parser/utils/declaration.js
index 786935ba..c73b38ad 100644
--- a/dist/lib/parser/utils/declaration.js
+++ b/dist/lib/parser/utils/declaration.js
@@ -294,24 +294,6 @@ function parseDeclaration(tokens, parent, options, errors) {
                             if (tokens[index].chi[l].typ === EnumToken.StringTokenType) {
                                 break;
                             }
-                            // else if ((tokens[index] as FunctionToken).chi[l].typ === EnumToken.IdenTokenType) {
-                            //     let m: number = l + 1;
-                            //     while (
-                            //         (tokens[index] as FunctionToken).chi[m]?.typ === EnumToken.ClassSelectorTokenType
-                            //     ) {
-                            //         Object.assign((tokens[index] as FunctionToken).chi[l], {
-                            //             typ: EnumToken.UrlTokenTokenType,
-                            //             val:
-                            //                 ((tokens[index] as FunctionToken).chi[l] as IdentToken | UrlToken).val +
-                            //                 ((tokens[index] as FunctionToken).chi[m] as ClassSelectorToken).val,
-                            //         });
-                            //         (tokens[index] as FunctionToken).chi[l][LOCEND] = (
-                            //             tokens[index] as FunctionToken
-                            //         ).chi[m][LOCEND];
-                            //         (tokens[index] as FunctionToken).chi.splice(m, 1);
-                            //     }
-                            //     break;
-                            // }
                         }
                         if (tokens[index].chi[l]?.typ === EnumToken.StringTokenType &&
                             /^[a-zA-Z0-0/_.-]+$/.test(tokens[index].chi[l].val.slice(1, -1))) {
diff --git a/dist/lib/parser/utils/selector.js b/dist/lib/parser/utils/selector.js
index 0610fea7..3b28a731 100644
--- a/dist/lib/parser/utils/selector.js
+++ b/dist/lib/parser/utils/selector.js
@@ -1,5 +1,5 @@
 import { EnumToken, EnumAstNodeStatus } from '../../ast/types.js';
-import { renderValue } from '../../renderer/render.js';
+import { renderValue } from '../../printer/render.js';
 import { LOCEND, LOCSTA, LOCSRCID, ERRORS, STATE, TOKENS, pseudoElements, combinators, tokensfuncDefMap, PARENT } from '../../syntax/constants.js';
 import { isHash } from '../../syntax/syntax.js';
 import { getParsedSyntax, getSyntaxRule, getSyntaxConfig } from '../../validation/config.js';
diff --git a/dist/lib/renderer/render.js b/dist/lib/printer/render.js
similarity index 99%
rename from dist/lib/renderer/render.js
rename to dist/lib/printer/render.js
index 461d83c7..cfa4dc5a 100644
--- a/dist/lib/renderer/render.js
+++ b/dist/lib/printer/render.js
@@ -105,7 +105,7 @@ function doRender(data, options = {}, mapping) {
                     }
                     return acc + curr.val;
                 }
-                return acc + renderValue(curr, options, cache, reducer, errors);
+                return acc + renderValue(curr, options, cache, reducer);
             }, cache),
         errors,
         stats: {
@@ -415,7 +415,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                 }
                 return acc + curr.val;
             }
-            return acc + renderValue(curr, options, cache, reducer, errors);
+            return acc + renderValue(curr, options, cache, reducer);
         };
     }
     switch (token.typ) {
@@ -1293,22 +1293,22 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
             return token.val;
         case EnumToken.SupportsQueryUnaryConditionTokenType:
         case EnumToken.WhenElseUnaryConditionTokenType:
-            return (renderValue(token.l, options, cache, reducer, errors) +
+            return (renderValue(token.l, options, cache, reducer) +
                 " " +
-                token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), ""));
+                token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), ""));
         case EnumToken.SupportsQueryConditionTokenType:
         case EnumToken.WhenElseQueryConditionTokenType:
-            return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+            return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                 " " +
-                renderValue(token.op, options, cache, reducer, errors) +
+                renderValue(token.op, options, cache, reducer) +
                 " " +
-                token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), ""));
+                token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), ""));
         case EnumToken.IfConditionTokenType:
             return token.l.length == 0
                 ? ""
-                : token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+                : token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                     ":" +
-                    token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "");
+                    token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "");
         case EnumToken.IfElseConditionTokenType:
             return renderValue(token.l) + renderValue(token.r);
         case EnumToken.DeclarationNodeType:
@@ -1316,7 +1316,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                 ":" +
                 (options.minify ? filterValues(token.val) : token.val).reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
         case EnumToken.MediaQueryUnaryFeatureTokenType:
-            return (renderValue(token.l, options, cache, reducer, errors) +
+            return (renderValue(token.l, options, cache, reducer) +
                 " " +
                 token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
         case EnumToken.MediaQueryConditionTokenType: {
@@ -1328,16 +1328,16 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                 token.op.typ == EnumToken.GteTokenType
                 ? ""
                 : " ";
-            return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+            return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                 indent +
-                renderValue(token.op, options, cache, reducer, errors) +
+                renderValue(token.op, options, cache, reducer) +
                 indent +
                 token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
         }
         case EnumToken.MediaRangeQueryTokenType:
             return (token.l.reduce((acc, curr) => acc + renderValue(curr, options, cache), "") +
                 renderValue(token.op1) +
-                token.val.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer, errors), "") +
+                token.val.reduce((acc, curr) => acc + renderValue(curr, options, cache, reducer), "") +
                 renderValue(token.op2) +
                 token.r.reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
         case EnumToken.MediaFeatureTokenType:
@@ -1362,8 +1362,8 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
             console.debug({ token });
             throw new Error(`Unsupported token type for ${EnumToken[token.typ]}`);
     }
-    errors?.push({ action: "ignore", message: `render: unexpected token ${JSON.stringify(token, null, 1)}` });
-    return "";
+    // errors?.push({ action: "ignore", message: `render: unexpected token ${JSON.stringify(token, null, 1)}` });
+    // return "";
 }
 /**
  * Remove whitespace tokens that are not needed
diff --git a/dist/lib/renderer/sourcemap/lib/codec.js b/dist/lib/printer/sourcemap/lib/codec.js
similarity index 100%
rename from dist/lib/renderer/sourcemap/lib/codec.js
rename to dist/lib/printer/sourcemap/lib/codec.js
diff --git a/dist/lib/renderer/sourcemap/sourcemap.js b/dist/lib/printer/sourcemap/sourcemap.js
similarity index 100%
rename from dist/lib/renderer/sourcemap/sourcemap.js
rename to dist/lib/printer/sourcemap/sourcemap.js
diff --git a/dist/node.js b/dist/node.js
index cec1034e..c8740ff4 100644
--- a/dist/node.js
+++ b/dist/node.js
@@ -4,8 +4,8 @@ import { createReadStream } from 'node:fs';
 import { lstat, readFile } from 'node:fs/promises';
 import { doParse, doParseSync } from './lib/parser/parse.js';
 export { parseDeclarations, parseString } from './lib/parser/parse.js';
-import { doRender } from './lib/renderer/render.js';
-export { renderValue as renderToken } from './lib/renderer/render.js';
+import { doRender } from './lib/printer/render.js';
+export { renderValue as renderToken } from './lib/printer/render.js';
 import { ModuleScopeEnumOptions } from './lib/ast/types.js';
 export { ColorType, EnumAstNodeStatus, EnumToken, ModuleCaseTransformEnum, ValidationLevel } from './lib/ast/types.js';
 import { Tokenizer } from './lib/parser/tokenize.js';
@@ -23,7 +23,7 @@ export { isOkLabClose, okLabDistance } from './lib/syntax/color/utils/distance.j
 export { find, findAll, findByValue, findLast } from './lib/ast/find.js';
 export { cloneNode } from './lib/ast/clone.js';
 export { replaceNodeOrValue } from './lib/parser/utils/token.js';
-export { SourceMap } from './lib/renderer/sourcemap/sourcemap.js';
+export { SourceMap } from './lib/printer/sourcemap/sourcemap.js';
 export { FeatureWalkMode } from './lib/ast/features/type.js';
 export { getNodeProperty, setNodeProperty } from './lib/ast/node.js';
 
diff --git a/dist/web.js b/dist/web.js
index 8c1a4eeb..f7e55bf7 100644
--- a/dist/web.js
+++ b/dist/web.js
@@ -1,7 +1,7 @@
 import { doParse, doParseSync } from './lib/parser/parse.js';
 export { parseDeclarations, parseString } from './lib/parser/parse.js';
-import { doRender } from './lib/renderer/render.js';
-export { renderValue as renderToken } from './lib/renderer/render.js';
+import { doRender } from './lib/printer/render.js';
+export { renderValue as renderToken } from './lib/printer/render.js';
 import { ModuleScopeEnumOptions } from './lib/ast/types.js';
 export { ColorType, EnumAstNodeStatus, EnumToken, ModuleCaseTransformEnum, ValidationLevel } from './lib/ast/types.js';
 import { Tokenizer } from './lib/parser/tokenize.js';
@@ -17,7 +17,7 @@ export { isOkLabClose, okLabDistance } from './lib/syntax/color/utils/distance.j
 export { find, findAll, findByValue, findLast } from './lib/ast/find.js';
 export { cloneNode } from './lib/ast/clone.js';
 export { replaceNodeOrValue } from './lib/parser/utils/token.js';
-export { SourceMap } from './lib/renderer/sourcemap/sourcemap.js';
+export { SourceMap } from './lib/printer/sourcemap/sourcemap.js';
 export { FeatureWalkMode } from './lib/ast/features/type.js';
 export { getNodeProperty, setNodeProperty } from './lib/ast/node.js';
 
diff --git a/files/minification.md b/files/minification.md
index 4d8cd8f1..1e36d89f 100644
--- a/files/minification.md
+++ b/files/minification.md
@@ -725,7 +725,7 @@ Below is the list of computed shorthands properties. Minification is fully suppo
 - [ ] font-variant
 - [x] gap
 - [ ] grid
-- [ ] grid-area
+- [x] grid-area
 - [x] grid-column
 - [x] grid-row
 - [x] grid-template
diff --git a/scripts/shorthand.ts b/scripts/shorthand.ts
index 1d57aea5..69522b0f 100644
--- a/scripts/shorthand.ts
+++ b/scripts/shorthand.ts
@@ -885,10 +885,151 @@ export const map: ShorthandMapType = (<ShorthandMapType[][]>[
             },
         ],
     ],
+    [
+        {
+            shorthand: "grid-area",
+            pattern: "grid-row-start grid-column-start grid-row-end grid-column-end",
+            keywords: ["auto"],
+            default: ["auto"],
+            multiple: false,
+            expandShorthands: true,
+            separator: { typ: "Literal", val: "/" },
+            mapping: {
+                "auto/auto": "auto",
+                "auto/auto/auto": "auto",
+                "auto/auto/auto/auto": "auto",
+            },
+            expandedProperties: {
+                "grid-row": ["grid-row-start", "grid-row-end"],
+                "grid-column": ["grid-column-start", "grid-column-end"],
+            },
+        },
+        [
+            {
+                shorthand: "grid-row-start",
+                properties: {
+                    map: "grid-area",
+                    shorthand: "grid-row",
+                    types: ["Iden", "Number"],
+                    default: ["auto"],
+                    keywords: ["auto"],
+                },
+            },
+            {
+                shorthand: "grid-column-start",
+                properties: {
+                    map: "grid-area",
+                    shorthand: "grid-column",
+                    types: ["Iden", "Number"],
+                    prefix: { typ: "Literal", val: "/" },
+                    default: ["auto"],
+                    keywords: ["auto"],
+                },
+            },
+            {
+                shorthand: "grid-row-end",
+                properties: {
+                    map: "grid-area",
+                    shorthand: "grid-row",
+                    types: ["Iden", "Number"],
+                    prefix: { typ: "Literal", val: "/" },
+                    default: ["auto"],
+                    keywords: ["auto"],
+                },
+            },
+            {
+                shorthand: "grid-column-end",
+                properties: {
+                    map: "grid-area",
+                    shorthand: "grid-column",
+                    types: ["Iden", "Number"],
+                    prefix: { typ: "Literal", val: "/" },
+                    default: ["auto"],
+                    keywords: ["auto"],
+                },
+            },
+        ],
+    ],
+    [
+        {
+            shorthand: "grid-row",
+            map: "grid-area",
+            pattern: "grid-row-start grid-row-end",
+            types: ["Iden", "Number"],
+            keywords: ["auto"],
+            default: ["auto"],
+            multiple: false,
+            mapping: {
+                "auto auto": "auto",
+                "auto/auto": "auto",
+            },
+        },
+        [
+            {
+                shorthand: "grid-row-start",
+                properties: {
+                    map: "grid-area",
+                    types: ["Iden", "Number"],
+                    default: ["auto"],
+                    multiple: true,
+                    keywords: ["auto"],
+                },
+            },
+            {
+                shorthand: "grid-row-end",
+                properties: {
+                    map: "grid-area",
+                    types: ["Iden", "Number"],
+                    default: ["auto"],
+                    prefix: { typ: "Literal", val: "/" },
+                    multiple: true,
+                    keywords: ["auto"],
+                },
+            },
+        ],
+    ],
+    [
+        {
+            shorthand: "grid-column",
+            map: "grid-area",
+            pattern: "grid-column-start grid-column-end",
+            types: ["Iden", "Number"],
+            keywords: ["auto"],
+            default: ["auto"],
+            multiple: false,
+            mapping: {
+                "auto/auto": "auto",
+            },
+        },
+        [
+            {
+                shorthand: "grid-column-start",
+                properties: {
+                    map: "grid-area",
+                    types: ["Iden", "Number"],
+                    default: ["auto"],
+                    multiple: true,
+                    keywords: ["auto"],
+                },
+            },
+            {
+                shorthand: "grid-column-end",
+                properties: {
+                    map: "grid-area",
+                    types: ["Iden", "Number"],
+                    default: ["auto"],
+                    multiple: true,
+                    prefix: { typ: "Literal", val: "/" },
+                    keywords: ["auto"],
+                },
+            },
+        ],
+    ],
+
     [
         {
             shorthand: "grid-template",
-            pattern: "grid-template-areas grid-template-rows / grid-template-columns",
+            pattern: "grid-template-areas grid-template-rows grid-template-columns",
             keywords: ["none"],
             default: ["none"],
             multiple: false,
@@ -1043,30 +1184,6 @@ export const properties: PropertySetType = [
         default: ["currentcolor"],
         keywords: [],
     },
-    {
-        shorthand: "grid-row",
-        properties: ["grid-row-start", "grid-row-end"],
-        types: ["Iden", "Number"],
-        multiple: true,
-        separator: {
-            typ: "Literal",
-            val: "/",
-        },
-        default: ["auto"],
-        keywords: ["auto", "span"],
-    },
-    {
-        shorthand: "grid-column",
-        properties: ["grid-column-start", "grid-column-end"],
-        types: ["Iden", "Number"],
-        multiple: true,
-        separator: {
-            typ: "Literal",
-            val: "/",
-        },
-        default: ["auto"],
-        keywords: ["auto", "span"],
-    },
 ].reduce(
     (acc: PropertySetType, data) => {
         if (data.map) {
diff --git a/src/@types/index.d.ts b/src/@types/index.d.ts
index e2d073ed..f6085c64 100644
--- a/src/@types/index.d.ts
+++ b/src/@types/index.d.ts
@@ -1,18 +1,18 @@
 import type {
-    GenericVisitorAstNodeSyncHandlerMap,
     GenericVisitorAstNodeHandlerMap,
-    VisitorSyncNodeMap,
+    GenericVisitorAstNodeSyncHandlerMap,
     VisitorNodeMap,
+    VisitorSyncNodeMap,
 } from "./visitor.d.ts";
-import type { AstAtRule, AstDeclaration, AstNode, AstRule, AstStyleSheet, SourceLocation } from "./ast.d.ts";
-import { SourceMap } from "../lib/renderer/sourcemap/sourcemap.ts";
-import type { PropertyListOptions } from "./parse.d.ts";
-import { EnumToken, ModuleCaseTransformEnum, ModuleScopeEnumOptions, ValidationLevel } from "../lib/ast/types.ts";
-import type { CssVariableToken, Token } from "./token.d.ts";
-import { FeatureWalkMode } from "../lib/ast/features/type.ts";
-import { ValidationToken } from "../lib/validation/parser/types";
-import { SourceFile } from "../lib/parser/source.ts";
-import { ResponseType } from "../types.ts";
+import type {AstAtRule, AstDeclaration, AstNode, AstRule, AstStyleSheet} from "./ast.d.ts";
+import {SourceMap} from "../lib/printer/sourcemap/sourcemap.ts";
+import type {PropertyListOptions} from "./parse.d.ts";
+import {EnumToken, ModuleCaseTransformEnum, ModuleScopeEnumOptions, ValidationLevel} from "../lib/ast/types.ts";
+import type {CssVariableToken, Token} from "./token.d.ts";
+import {FeatureWalkMode} from "../lib/ast/features/type.ts";
+import {ValidationToken} from "../lib/validation/parser/types";
+import {SourceFile} from "../lib/parser/source.ts";
+import {ResponseType} from "../types.ts";
 
 export * from "./ast.d.ts";
 export * from "./token.d.ts";
diff --git a/src/@types/shorthand.d.ts b/src/@types/shorthand.d.ts
index 601c6220..19ab0249 100644
--- a/src/@types/shorthand.d.ts
+++ b/src/@types/shorthand.d.ts
@@ -55,6 +55,7 @@ export interface PropertyMapType {
         };
     };
     mapping?: Record<string, string>;
+    expandedProperties?: Record<string, string[]>;
 }
 
 export interface ShorthandMapType {
@@ -69,6 +70,7 @@ export interface ShorthandMapType {
     properties: {
         [property: string]: PropertyMapType;
     };
+    expandedProperties?: Record<string, string[]>;
 }
 
 export interface ShorthandProperties {
diff --git a/src/data/properties.json b/src/data/properties.json
index dbe92b3f..6c4140fc 100644
--- a/src/data/properties.json
+++ b/src/data/properties.json
@@ -1 +1 @@
-{"properties":{"gap":{"shorthand":"gap","properties":["row-gap","column-gap"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["normal"]},"row-gap":{"shorthand":"gap"},"column-gap":{"shorthand":"gap"},"inset":{"shorthand":"inset","properties":["top","right","bottom","left"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["auto"]},"top":{"shorthand":"inset"},"right":{"shorthand":"inset"},"bottom":{"shorthand":"inset"},"left":{"shorthand":"inset"},"margin":{"shorthand":"margin","properties":["margin-top","margin-right","margin-bottom","margin-left"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["auto"]},"margin-top":{"shorthand":"margin"},"margin-right":{"shorthand":"margin"},"margin-bottom":{"shorthand":"margin"},"margin-left":{"shorthand":"margin"},"padding":{"shorthand":"padding","properties":["padding-top","padding-right","padding-bottom","padding-left"],"types":["Length","Perc"],"keywords":[]},"padding-top":{"shorthand":"padding"},"padding-right":{"shorthand":"padding"},"padding-bottom":{"shorthand":"padding"},"padding-left":{"shorthand":"padding"},"scroll-margin":{"shorthand":"scroll-margin","properties":["scroll-margin-top","scroll-margin-right","scroll-margin-bottom","scroll-margin-left"],"types":["Length","Perc"],"default":["0"],"keywords":["auto"]},"scroll-margin-top":{"shorthand":"scroll-margin"},"scroll-margin-right":{"shorthand":"scroll-margin"},"scroll-margin-bottom":{"shorthand":"scroll-margin"},"scroll-margin-left":{"shorthand":"scroll-margin"},"scroll-padding":{"shorthand":"scroll-padding","properties":["scroll-padding-top","scroll-padding-right","scroll-padding-bottom","scroll-padding-left"],"types":["Length","Perc"],"keywords":["auto"]},"scroll-padding-top":{"shorthand":"scroll-padding"},"scroll-padding-right":{"shorthand":"scroll-padding"},"scroll-padding-bottom":{"shorthand":"scroll-padding"},"scroll-padding-left":{"shorthand":"scroll-padding"},"border-radius":{"shorthand":"border-radius","properties":["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"],"types":["Length","Perc"],"multiple":true,"separator":{"typ":"Literal","val":"/"},"keywords":[]},"border-top-left-radius":{"shorthand":"border-radius"},"border-top-right-radius":{"shorthand":"border-radius"},"border-bottom-right-radius":{"shorthand":"border-radius"},"border-bottom-left-radius":{"shorthand":"border-radius"},"border-width":{"shorthand":"border-width","map":"border","properties":["border-top-width","border-right-width","border-bottom-width","border-left-width"],"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]},"border-top-width":{"map":"border","shorthand":"border-width"},"border-right-width":{"map":"border","shorthand":"border-width"},"border-bottom-width":{"map":"border","shorthand":"border-width"},"border-left-width":{"map":"border","shorthand":"border-width"},"border-style":{"shorthand":"border-style","map":"border","properties":["border-top-style","border-right-style","border-bottom-style","border-left-style"],"types":[],"default":["none"],"keywords":["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-top-style":{"map":"border","shorthand":"border-style"},"border-right-style":{"map":"border","shorthand":"border-style"},"border-bottom-style":{"map":"border","shorthand":"border-style"},"border-left-style":{"map":"border","shorthand":"border-style"},"border-color":{"shorthand":"border-color","map":"border","properties":["border-top-color","border-right-color","border-bottom-color","border-left-color"],"types":["Color"],"default":["currentcolor"],"keywords":[]},"border-top-color":{"map":"border","shorthand":"border-color"},"border-right-color":{"map":"border","shorthand":"border-color"},"border-bottom-color":{"map":"border","shorthand":"border-color"},"border-left-color":{"map":"border","shorthand":"border-color"},"grid-row":{"shorthand":"grid-row","properties":["grid-row-start","grid-row-end"],"types":["Iden","Number"],"multiple":true,"separator":{"typ":"Literal","val":"/"},"default":["auto"],"keywords":["auto","span"]},"grid-row-start":{"shorthand":"grid-row"},"grid-row-end":{"shorthand":"grid-row"},"grid-column":{"shorthand":"grid-column","properties":["grid-column-start","grid-column-end"],"types":["Iden","Number"],"multiple":true,"separator":{"typ":"Literal","val":"/"},"default":["auto"],"keywords":["auto","span"]},"grid-column-start":{"shorthand":"grid-column"},"grid-column-end":{"shorthand":"grid-column"}},"map":{"flex-flow":{"shorthand":"flex-flow","pattern":"flex-direction flex-wrap","keywords":[],"default":["row","nowrap"],"properties":{"flex-direction":{"keywords":["row","row-reverse","column","column-reverse"],"default":["row"],"types":[]},"flex-wrap":{"keywords":["wrap","nowrap","wrap-reverse"],"default":["nowrap"],"types":[]}}},"flex-direction":{"shorthand":"flex-flow"},"flex-wrap":{"shorthand":"flex-flow"},"scroll-timeline":{"shorthand":"scroll-timeline","pattern":"scroll-timeline-name scroll-timeline-axis","keywords":["none","block","inline","x","y"],"default":["none","block"],"properties":{"scroll-timeline-name":{"keywords":["none"],"default":["none"],"types":["DashedIden"]},"scroll-timeline-axis":{"keywords":["block","inline","x","y"],"default":["block"],"types":[]}}},"scroll-timeline-name":{"shorthand":"scroll-timeline"},"scroll-timeline-axis":{"shorthand":"scroll-timeline"},"container":{"shorthand":"container","pattern":"container-name container-type","keywords":[],"default":[],"properties":{"container-name":{"required":true,"multiple":true,"keywords":["none"],"default":["none"],"types":["Iden","DashedIden"]},"container-type":{"previous":"container-name","prefix":{"typ":"Literal","val":"/"},"keywords":["size","inline-size","normal"],"default":["normal"],"types":[]}}},"container-name":{"shorthand":"container"},"container-type":{"shorthand":"container"},"flex":{"shorthand":"flex","pattern":"flex-grow flex-shrink flex-basis","keywords":["auto","none","initial"],"default":[],"mapping":{"0 1 auto":"initial","0 0 auto":"none","1 1 auto":"auto"},"properties":{"flex-grow":{"required":true,"keywords":[],"default":[],"types":["Number"]},"flex-shrink":{"keywords":[],"default":[],"types":["Number"]},"flex-basis":{"keywords":["max-content","min-content","fit-content","fit-content","content","auto"],"default":[],"types":["Length","Perc"]}}},"flex-grow":{"shorthand":"flex"},"flex-shrink":{"shorthand":"flex"},"flex-basis":{"shorthand":"flex"},"columns":{"shorthand":"columns","pattern":"column-count column-width","keywords":["auto"],"default":["auto","auto auto"],"properties":{"column-count":{"keywords":["auto"],"default":["auto"],"types":["Number"]},"column-width":{"keywords":["auto"],"default":["auto"],"types":["Length"]}}},"column-count":{"shorthand":"columns"},"column-width":{"shorthand":"columns"},"transition":{"shorthand":"transition","multiple":true,"separator":{"typ":"Comma"},"pattern":"transition-property transition-duration transition-timing-function transition-delay transition-behavior","keywords":["none","all"],"default":["0s","0ms","all","ease","none","normal"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"},"properties":{"transition-property":{"keywords":["none","all"],"default":["all"],"types":["Iden"]},"transition-duration":{"keywords":[],"default":["0s","0ms","normal"],"types":["Time"]},"transition-timing-function":{"keywords":["ease","ease-in","ease-out","ease-in-out","linear","step-start","step-end"],"default":["ease"],"types":["TimingFunction"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"}},"transition-delay":{"keywords":[],"default":["0s"],"types":["Time"]},"transition-behavior":{"keywords":["normal","allow-discrete"],"default":["normal"],"types":[]}}},"transition-property":{"shorthand":"transition"},"transition-duration":{"shorthand":"transition"},"transition-timing-function":{"shorthand":"transition"},"transition-delay":{"shorthand":"transition"},"transition-behavior":{"shorthand":"transition"},"animation":{"shorthand":"animation","separator":{"typ":"Comma"},"pattern":"animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode animation-play-state animation-timeline","default":["1","0s","0ms","none","ease","normal","running","auto"],"properties":{"animation-name":{"keywords":["none"],"default":["none"],"types":["Iden"]},"animation-duration":{"keywords":["auto"],"default":["0s","0ms","auto"],"types":["Time"],"mapping":{"auto":"0s"}},"animation-timing-function":{"keywords":["ease","ease-in","ease-out","ease-in-out","linear","step-start","step-end"],"default":["ease"],"types":["TimingFunction"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"}},"animation-delay":{"keywords":[],"default":["0s","0ms"],"types":["Time"]},"animation-iteration-count":{"keywords":["infinite"],"default":["1"],"types":["Number"]},"animation-direction":{"keywords":["normal","reverse","alternate","alternate-reverse"],"default":["normal"],"types":[]},"animation-fill-mode":{"keywords":["none","forwards","backwards","both"],"default":["none"],"types":[]},"animation-play-state":{"keywords":["running","paused"],"default":["running"],"types":[]},"animation-timeline":{"keywords":["none","auto"],"default":["auto"],"types":["DashedIden","TimelineFunction"]}}},"animation-name":{"shorthand":"animation"},"animation-duration":{"shorthand":"animation"},"animation-timing-function":{"shorthand":"animation"},"animation-delay":{"shorthand":"animation"},"animation-iteration-count":{"shorthand":"animation"},"animation-direction":{"shorthand":"animation"},"animation-fill-mode":{"shorthand":"animation"},"animation-play-state":{"shorthand":"animation"},"animation-timeline":{"shorthand":"animation"},"text-emphasis":{"shorthand":"text-emphasis","pattern":"text-emphasis-color text-emphasis-style","default":["none","currentcolor"],"properties":{"text-emphasis-style":{"keywords":["none","filled","open","dot","circle","double-circle","triangle","sesame"],"default":["none"],"types":["String"]},"text-emphasis-color":{"default":["currentcolor"],"types":["Color"]}}},"text-emphasis-style":{"shorthand":"text-emphasis"},"text-emphasis-color":{"shorthand":"text-emphasis"},"border":{"shorthand":"border","pattern":"border-color border-style border-width","keywords":["none"],"default":["0","none"],"properties":{"border-color":{"types":["Color"],"default":["currentcolor"],"keywords":[]},"border-style":{"types":[],"default":["none"],"keywords":["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-width":{"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]}}},"border-color":{"shorthand":"border"},"border-style":{"shorthand":"border"},"border-width":{"shorthand":"border"},"list-style":{"shorthand":"list-style","pattern":"list-style-type list-style-position list-style-image","keywords":["none","outside"],"default":["none","outside"],"properties":{"list-style-position":{"types":[],"default":["outside"],"keywords":["inside","outside"]},"list-style-image":{"default":["none"],"keywords":["node"],"types":["UrlFunc","ImageFunc"]},"list-style-type":{"types":["String","Iden","Symbols"],"default":["disc"],"keywords":["disc","circle","square","decimal","decimal-leading-zero","lower-roman","upper-roman","lower-greek","lower-latin","upper-latin","none"]}}},"list-style-position":{"shorthand":"list-style"},"list-style-image":{"shorthand":"list-style"},"list-style-type":{"shorthand":"list-style"},"overflow":{"shorthand":"overflow","pattern":"overflow-x overflow-y","keywords":["auto","visible","hidden","clip","scroll"],"default":[],"mapping":{"visible visible":"visible","auto auto":"auto","hidden hidden":"hidden","scroll scroll":"scroll"},"properties":{"overflow-x":{"default":[],"types":[],"keywords":["auto","visible","hidden","clip","scroll"]},"overflow-y":{"default":[],"types":[],"keywords":["auto","visible","hidden","clip","scroll"]}}},"overflow-x":{"shorthand":"overflow"},"overflow-y":{"shorthand":"overflow"},"outline":{"shorthand":"outline","pattern":"outline-color outline-style outline-width","keywords":["none"],"default":["0","none","currentcolor"],"properties":{"outline-color":{"types":["Color"],"default":["currentcolor"],"keywords":["currentcolor"]},"outline-style":{"types":[],"default":["none"],"keywords":["auto","none","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"outline-width":{"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]}}},"outline-color":{"shorthand":"outline"},"outline-style":{"shorthand":"outline"},"outline-width":{"shorthand":"outline"},"font":{"shorthand":"font","pattern":"font-weight font-style font-size line-height font-stretch font-variant font-family","keywords":["caption","icon","menu","message-box","small-caption","status-bar","-moz-window, ","-moz-document, ","-moz-desktop, ","-moz-info, ","-moz-dialog","-moz-button","-moz-pull-down-menu","-moz-list","-moz-field"],"default":[],"properties":{"font-weight":{"types":["Number"],"default":["400","normal"],"keywords":["normal","bold","lighter","bolder"],"constraints":{"value":{"min":"1","max":"1000"}},"mapping":{"thin":"100","hairline":"100","extra light":"200","ultra light":"200","light":"300","normal":"400","regular":"400","medium":"500","semi bold":"600","demi bold":"600","bold":"700","extra bold":"800","ultra bold":"800","black":"900","heavy":"900","extra black":"950","ultra black":"950"}},"font-style":{"types":["Angle"],"default":["normal"],"keywords":["normal","italic","oblique"]},"font-size":{"types":["Length","Perc"],"default":[],"keywords":["xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","larger","smaller"],"required":true},"line-height":{"types":["Length","Perc","Number"],"default":["normal"],"keywords":["normal"],"previous":"font-size","prefix":{"typ":"Literal","val":"/"}},"font-stretch":{"types":["Perc"],"default":["normal"],"keywords":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded"],"mapping":{"ultra-condensed":"50%","extra-condensed":"62.5%","condensed":"75%","semi-condensed":"87.5%","normal":"100%","semi-expanded":"112.5%","expanded":"125%","extra-expanded":"150%","ultra-expanded":"200%"}},"font-variant":{"types":[],"default":["normal"],"keywords":["normal","none","common-ligatures","no-common-ligatures","discretionary-ligatures","no-discretionary-ligatures","historical-ligatures","no-historical-ligatures","contextual","no-contextual","historical-forms","small-caps","all-small-caps","petite-caps","all-petite-caps","unicase","titling-caps","ordinal","slashed-zero","lining-nums","oldstyle-nums","proportional-nums","tabular-nums","diagonal-fractions","stacked-fractions","ordinal","slashed-zero","ruby","jis78","jis83","jis90","jis04","simplified","traditional","full-width","proportional-width","ruby","sub","super","text","emoji","unicode"]},"font-family":{"types":["String","Iden"],"default":[],"keywords":["serif","sans-serif","monospace","cursive","fantasy","system-ui","ui-serif","ui-sans-serif","ui-monospace","ui-rounded","math","emoji","fangsong"],"required":true,"multiple":true,"separator":{"typ":"Comma"}}}},"font-weight":{"shorthand":"font"},"font-style":{"shorthand":"font"},"font-size":{"shorthand":"font"},"line-height":{"shorthand":"font"},"font-stretch":{"shorthand":"font"},"font-variant":{"shorthand":"font"},"font-family":{"shorthand":"font"},"background":{"shorthand":"background","pattern":"background-attachment background-origin background-clip background-color background-image background-repeat background-position background-size","keywords":["none"],"default":["0 0","none","auto","repeat","transparent","#0000","scroll","padding-box","border-box"],"multiple":true,"set":{"background-origin":["background-clip"]},"separator":{"typ":"Comma"},"properties":{"background-repeat":{"types":[],"default":["repeat"],"multiple":true,"keywords":["repeat-x","repeat-y","repeat","space","round","no-repeat"],"mapping":{"repeat no-repeat":"repeat-x","no-repeat repeat":"repeat-y","repeat repeat":"repeat","space space":"space","round round":"round","no-repeat no-repeat":"no-repeat"}},"background-color":{"types":["Color"],"default":["#0000","transparent"],"multiple":true,"keywords":[]},"background-image":{"types":["UrlFunc","ImageFunc"],"default":["none"],"keywords":["none"]},"background-attachment":{"types":[],"default":["scroll"],"multiple":true,"keywords":["scroll","fixed","local"]},"background-clip":{"types":[],"default":["border-box"],"multiple":true,"keywords":["border-box","padding-box","content-box","text"]},"background-origin":{"types":[],"default":["padding-box"],"multiple":true,"keywords":["border-box","padding-box","content-box"]},"background-position":{"multiple":true,"types":["Perc","Length"],"default":["0 0","top left","left top"],"keywords":["top","left","center","bottom","right"],"mapping":{"left":"0","top":"0","center":"50%","center center":"50%","50% 50%":"50%","bottom":"100%","right":"100%"},"constraints":{"mapping":{"max":2}}},"background-size":{"multiple":true,"previous":"background-position","prefix":{"typ":"Literal","val":"/"},"types":["Perc","Length"],"default":["auto","auto auto"],"keywords":["auto","cover","contain"],"mapping":{"auto auto":"auto"}}}},"background-repeat":{"shorthand":"background"},"background-color":{"shorthand":"background"},"background-image":{"shorthand":"background"},"background-attachment":{"shorthand":"background"},"background-clip":{"shorthand":"background"},"background-origin":{"shorthand":"background"},"background-position":{"shorthand":"background"},"background-size":{"shorthand":"background"},"grid-template":{"shorthand":"grid-template","pattern":"grid-template-areas grid-template-rows / grid-template-columns","keywords":["none"],"default":["none"],"multiple":false,"properties":{"grid-template-areas":{"types":["String"],"default":["none"],"multiple":true,"keywords":["none","auto"],"mapping":{}},"grid-template-rows":{"types":["Perc","Iden","Length","Flex"],"default":["none"],"multiple":true,"keywords":["none"]},"grid-template-columns":{"types":["Perc","Iden","Length","Flex"],"default":["none"],"prefix":{"typ":"Literal","val":"/"},"multiple":true,"keywords":["none"]}}},"grid-template-areas":{"shorthand":"grid-template"},"grid-template-rows":{"shorthand":"grid-template"},"grid-template-columns":{"shorthand":"grid-template"}},"property":{"transform-origin":{"pattern":[["left|center|right","top|center|bottom","<length>"],["left|center|right","top|center|bottom"],["center|left|right|center|top|bottom|<length>"]],"mapping":{"center":{"typ":"Perc","val":50},"left":{"typ":"Perc","val":0},"right":{"typ":"Perc","val":100},"top":{"typ":"Perc","val":0},"bottom":{"typ":"Perc","val":100}}}}}
\ No newline at end of file
+{"properties":{"gap":{"shorthand":"gap","properties":["row-gap","column-gap"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["normal"]},"row-gap":{"shorthand":"gap"},"column-gap":{"shorthand":"gap"},"inset":{"shorthand":"inset","properties":["top","right","bottom","left"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["auto"]},"top":{"shorthand":"inset"},"right":{"shorthand":"inset"},"bottom":{"shorthand":"inset"},"left":{"shorthand":"inset"},"margin":{"shorthand":"margin","properties":["margin-top","margin-right","margin-bottom","margin-left"],"types":["Length","Perc"],"multiple":false,"separator":null,"keywords":["auto"]},"margin-top":{"shorthand":"margin"},"margin-right":{"shorthand":"margin"},"margin-bottom":{"shorthand":"margin"},"margin-left":{"shorthand":"margin"},"padding":{"shorthand":"padding","properties":["padding-top","padding-right","padding-bottom","padding-left"],"types":["Length","Perc"],"keywords":[]},"padding-top":{"shorthand":"padding"},"padding-right":{"shorthand":"padding"},"padding-bottom":{"shorthand":"padding"},"padding-left":{"shorthand":"padding"},"scroll-margin":{"shorthand":"scroll-margin","properties":["scroll-margin-top","scroll-margin-right","scroll-margin-bottom","scroll-margin-left"],"types":["Length","Perc"],"default":["0"],"keywords":["auto"]},"scroll-margin-top":{"shorthand":"scroll-margin"},"scroll-margin-right":{"shorthand":"scroll-margin"},"scroll-margin-bottom":{"shorthand":"scroll-margin"},"scroll-margin-left":{"shorthand":"scroll-margin"},"scroll-padding":{"shorthand":"scroll-padding","properties":["scroll-padding-top","scroll-padding-right","scroll-padding-bottom","scroll-padding-left"],"types":["Length","Perc"],"keywords":["auto"]},"scroll-padding-top":{"shorthand":"scroll-padding"},"scroll-padding-right":{"shorthand":"scroll-padding"},"scroll-padding-bottom":{"shorthand":"scroll-padding"},"scroll-padding-left":{"shorthand":"scroll-padding"},"border-radius":{"shorthand":"border-radius","properties":["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"],"types":["Length","Perc"],"multiple":true,"separator":{"typ":"Literal","val":"/"},"keywords":[]},"border-top-left-radius":{"shorthand":"border-radius"},"border-top-right-radius":{"shorthand":"border-radius"},"border-bottom-right-radius":{"shorthand":"border-radius"},"border-bottom-left-radius":{"shorthand":"border-radius"},"border-width":{"shorthand":"border-width","map":"border","properties":["border-top-width","border-right-width","border-bottom-width","border-left-width"],"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]},"border-top-width":{"map":"border","shorthand":"border-width"},"border-right-width":{"map":"border","shorthand":"border-width"},"border-bottom-width":{"map":"border","shorthand":"border-width"},"border-left-width":{"map":"border","shorthand":"border-width"},"border-style":{"shorthand":"border-style","map":"border","properties":["border-top-style","border-right-style","border-bottom-style","border-left-style"],"types":[],"default":["none"],"keywords":["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-top-style":{"map":"border","shorthand":"border-style"},"border-right-style":{"map":"border","shorthand":"border-style"},"border-bottom-style":{"map":"border","shorthand":"border-style"},"border-left-style":{"map":"border","shorthand":"border-style"},"border-color":{"shorthand":"border-color","map":"border","properties":["border-top-color","border-right-color","border-bottom-color","border-left-color"],"types":["Color"],"default":["currentcolor"],"keywords":[]},"border-top-color":{"map":"border","shorthand":"border-color"},"border-right-color":{"map":"border","shorthand":"border-color"},"border-bottom-color":{"map":"border","shorthand":"border-color"},"border-left-color":{"map":"border","shorthand":"border-color"}},"map":{"flex-flow":{"shorthand":"flex-flow","pattern":"flex-direction flex-wrap","keywords":[],"default":["row","nowrap"],"properties":{"flex-direction":{"keywords":["row","row-reverse","column","column-reverse"],"default":["row"],"types":[]},"flex-wrap":{"keywords":["wrap","nowrap","wrap-reverse"],"default":["nowrap"],"types":[]}}},"flex-direction":{"shorthand":"flex-flow"},"flex-wrap":{"shorthand":"flex-flow"},"scroll-timeline":{"shorthand":"scroll-timeline","pattern":"scroll-timeline-name scroll-timeline-axis","keywords":["none","block","inline","x","y"],"default":["none","block"],"properties":{"scroll-timeline-name":{"keywords":["none"],"default":["none"],"types":["DashedIden"]},"scroll-timeline-axis":{"keywords":["block","inline","x","y"],"default":["block"],"types":[]}}},"scroll-timeline-name":{"shorthand":"scroll-timeline"},"scroll-timeline-axis":{"shorthand":"scroll-timeline"},"container":{"shorthand":"container","pattern":"container-name container-type","keywords":[],"default":[],"properties":{"container-name":{"required":true,"multiple":true,"keywords":["none"],"default":["none"],"types":["Iden","DashedIden"]},"container-type":{"previous":"container-name","prefix":{"typ":"Literal","val":"/"},"keywords":["size","inline-size","normal"],"default":["normal"],"types":[]}}},"container-name":{"shorthand":"container"},"container-type":{"shorthand":"container"},"flex":{"shorthand":"flex","pattern":"flex-grow flex-shrink flex-basis","keywords":["auto","none","initial"],"default":[],"mapping":{"0 1 auto":"initial","0 0 auto":"none","1 1 auto":"auto"},"properties":{"flex-grow":{"required":true,"keywords":[],"default":[],"types":["Number"]},"flex-shrink":{"keywords":[],"default":[],"types":["Number"]},"flex-basis":{"keywords":["max-content","min-content","fit-content","fit-content","content","auto"],"default":[],"types":["Length","Perc"]}}},"flex-grow":{"shorthand":"flex"},"flex-shrink":{"shorthand":"flex"},"flex-basis":{"shorthand":"flex"},"columns":{"shorthand":"columns","pattern":"column-count column-width","keywords":["auto"],"default":["auto","auto auto"],"properties":{"column-count":{"keywords":["auto"],"default":["auto"],"types":["Number"]},"column-width":{"keywords":["auto"],"default":["auto"],"types":["Length"]}}},"column-count":{"shorthand":"columns"},"column-width":{"shorthand":"columns"},"transition":{"shorthand":"transition","multiple":true,"separator":{"typ":"Comma"},"pattern":"transition-property transition-duration transition-timing-function transition-delay transition-behavior","keywords":["none","all"],"default":["0s","0ms","all","ease","none","normal"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"},"properties":{"transition-property":{"keywords":["none","all"],"default":["all"],"types":["Iden"]},"transition-duration":{"keywords":[],"default":["0s","0ms","normal"],"types":["Time"]},"transition-timing-function":{"keywords":["ease","ease-in","ease-out","ease-in-out","linear","step-start","step-end"],"default":["ease"],"types":["TimingFunction"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"}},"transition-delay":{"keywords":[],"default":["0s"],"types":["Time"]},"transition-behavior":{"keywords":["normal","allow-discrete"],"default":["normal"],"types":[]}}},"transition-property":{"shorthand":"transition"},"transition-duration":{"shorthand":"transition"},"transition-timing-function":{"shorthand":"transition"},"transition-delay":{"shorthand":"transition"},"transition-behavior":{"shorthand":"transition"},"animation":{"shorthand":"animation","separator":{"typ":"Comma"},"pattern":"animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode animation-play-state animation-timeline","default":["1","0s","0ms","none","ease","normal","running","auto"],"properties":{"animation-name":{"keywords":["none"],"default":["none"],"types":["Iden"]},"animation-duration":{"keywords":["auto"],"default":["0s","0ms","auto"],"types":["Time"],"mapping":{"auto":"0s"}},"animation-timing-function":{"keywords":["ease","ease-in","ease-out","ease-in-out","linear","step-start","step-end"],"default":["ease"],"types":["TimingFunction"],"mapping":{"cubic-bezier(.25,.1,.25,1)":"ease","cubic-bezier(0,0,1,1)":"linear","cubic-bezier(.42,0,1,1)":"ease-in","cubic-bezier(0,0,.58,1)":"ease-out","cubic-bezier(.42,0,.58,.42)":"ease-in-out"}},"animation-delay":{"keywords":[],"default":["0s","0ms"],"types":["Time"]},"animation-iteration-count":{"keywords":["infinite"],"default":["1"],"types":["Number"]},"animation-direction":{"keywords":["normal","reverse","alternate","alternate-reverse"],"default":["normal"],"types":[]},"animation-fill-mode":{"keywords":["none","forwards","backwards","both"],"default":["none"],"types":[]},"animation-play-state":{"keywords":["running","paused"],"default":["running"],"types":[]},"animation-timeline":{"keywords":["none","auto"],"default":["auto"],"types":["DashedIden","TimelineFunction"]}}},"animation-name":{"shorthand":"animation"},"animation-duration":{"shorthand":"animation"},"animation-timing-function":{"shorthand":"animation"},"animation-delay":{"shorthand":"animation"},"animation-iteration-count":{"shorthand":"animation"},"animation-direction":{"shorthand":"animation"},"animation-fill-mode":{"shorthand":"animation"},"animation-play-state":{"shorthand":"animation"},"animation-timeline":{"shorthand":"animation"},"text-emphasis":{"shorthand":"text-emphasis","pattern":"text-emphasis-color text-emphasis-style","default":["none","currentcolor"],"properties":{"text-emphasis-style":{"keywords":["none","filled","open","dot","circle","double-circle","triangle","sesame"],"default":["none"],"types":["String"]},"text-emphasis-color":{"default":["currentcolor"],"types":["Color"]}}},"text-emphasis-style":{"shorthand":"text-emphasis"},"text-emphasis-color":{"shorthand":"text-emphasis"},"border":{"shorthand":"border","pattern":"border-color border-style border-width","keywords":["none"],"default":["0","none"],"properties":{"border-color":{"types":["Color"],"default":["currentcolor"],"keywords":[]},"border-style":{"types":[],"default":["none"],"keywords":["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"border-width":{"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]}}},"border-color":{"shorthand":"border"},"border-style":{"shorthand":"border"},"border-width":{"shorthand":"border"},"list-style":{"shorthand":"list-style","pattern":"list-style-type list-style-position list-style-image","keywords":["none","outside"],"default":["none","outside"],"properties":{"list-style-position":{"types":[],"default":["outside"],"keywords":["inside","outside"]},"list-style-image":{"default":["none"],"keywords":["node"],"types":["UrlFunc","ImageFunc"]},"list-style-type":{"types":["String","Iden","Symbols"],"default":["disc"],"keywords":["disc","circle","square","decimal","decimal-leading-zero","lower-roman","upper-roman","lower-greek","lower-latin","upper-latin","none"]}}},"list-style-position":{"shorthand":"list-style"},"list-style-image":{"shorthand":"list-style"},"list-style-type":{"shorthand":"list-style"},"overflow":{"shorthand":"overflow","pattern":"overflow-x overflow-y","keywords":["auto","visible","hidden","clip","scroll"],"default":[],"mapping":{"visible visible":"visible","auto auto":"auto","hidden hidden":"hidden","scroll scroll":"scroll"},"properties":{"overflow-x":{"default":[],"types":[],"keywords":["auto","visible","hidden","clip","scroll"]},"overflow-y":{"default":[],"types":[],"keywords":["auto","visible","hidden","clip","scroll"]}}},"overflow-x":{"shorthand":"overflow"},"overflow-y":{"shorthand":"overflow"},"outline":{"shorthand":"outline","pattern":"outline-color outline-style outline-width","keywords":["none"],"default":["0","none","currentcolor"],"properties":{"outline-color":{"types":["Color"],"default":["currentcolor"],"keywords":["currentcolor"]},"outline-style":{"types":[],"default":["none"],"keywords":["auto","none","dotted","dashed","solid","double","groove","ridge","inset","outset"]},"outline-width":{"types":["Length","Perc"],"default":["medium"],"keywords":["thin","medium","thick"]}}},"outline-color":{"shorthand":"outline"},"outline-style":{"shorthand":"outline"},"outline-width":{"shorthand":"outline"},"font":{"shorthand":"font","pattern":"font-weight font-style font-size line-height font-stretch font-variant font-family","keywords":["caption","icon","menu","message-box","small-caption","status-bar","-moz-window, ","-moz-document, ","-moz-desktop, ","-moz-info, ","-moz-dialog","-moz-button","-moz-pull-down-menu","-moz-list","-moz-field"],"default":[],"properties":{"font-weight":{"types":["Number"],"default":["400","normal"],"keywords":["normal","bold","lighter","bolder"],"constraints":{"value":{"min":"1","max":"1000"}},"mapping":{"thin":"100","hairline":"100","extra light":"200","ultra light":"200","light":"300","normal":"400","regular":"400","medium":"500","semi bold":"600","demi bold":"600","bold":"700","extra bold":"800","ultra bold":"800","black":"900","heavy":"900","extra black":"950","ultra black":"950"}},"font-style":{"types":["Angle"],"default":["normal"],"keywords":["normal","italic","oblique"]},"font-size":{"types":["Length","Perc"],"default":[],"keywords":["xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","larger","smaller"],"required":true},"line-height":{"types":["Length","Perc","Number"],"default":["normal"],"keywords":["normal"],"previous":"font-size","prefix":{"typ":"Literal","val":"/"}},"font-stretch":{"types":["Perc"],"default":["normal"],"keywords":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded"],"mapping":{"ultra-condensed":"50%","extra-condensed":"62.5%","condensed":"75%","semi-condensed":"87.5%","normal":"100%","semi-expanded":"112.5%","expanded":"125%","extra-expanded":"150%","ultra-expanded":"200%"}},"font-variant":{"types":[],"default":["normal"],"keywords":["normal","none","common-ligatures","no-common-ligatures","discretionary-ligatures","no-discretionary-ligatures","historical-ligatures","no-historical-ligatures","contextual","no-contextual","historical-forms","small-caps","all-small-caps","petite-caps","all-petite-caps","unicase","titling-caps","ordinal","slashed-zero","lining-nums","oldstyle-nums","proportional-nums","tabular-nums","diagonal-fractions","stacked-fractions","ordinal","slashed-zero","ruby","jis78","jis83","jis90","jis04","simplified","traditional","full-width","proportional-width","ruby","sub","super","text","emoji","unicode"]},"font-family":{"types":["String","Iden"],"default":[],"keywords":["serif","sans-serif","monospace","cursive","fantasy","system-ui","ui-serif","ui-sans-serif","ui-monospace","ui-rounded","math","emoji","fangsong"],"required":true,"multiple":true,"separator":{"typ":"Comma"}}}},"font-weight":{"shorthand":"font"},"font-style":{"shorthand":"font"},"font-size":{"shorthand":"font"},"line-height":{"shorthand":"font"},"font-stretch":{"shorthand":"font"},"font-variant":{"shorthand":"font"},"font-family":{"shorthand":"font"},"background":{"shorthand":"background","pattern":"background-attachment background-origin background-clip background-color background-image background-repeat background-position background-size","keywords":["none"],"default":["0 0","none","auto","repeat","transparent","#0000","scroll","padding-box","border-box"],"multiple":true,"set":{"background-origin":["background-clip"]},"separator":{"typ":"Comma"},"properties":{"background-repeat":{"types":[],"default":["repeat"],"multiple":true,"keywords":["repeat-x","repeat-y","repeat","space","round","no-repeat"],"mapping":{"repeat no-repeat":"repeat-x","no-repeat repeat":"repeat-y","repeat repeat":"repeat","space space":"space","round round":"round","no-repeat no-repeat":"no-repeat"}},"background-color":{"types":["Color"],"default":["#0000","transparent"],"multiple":true,"keywords":[]},"background-image":{"types":["UrlFunc","ImageFunc"],"default":["none"],"keywords":["none"]},"background-attachment":{"types":[],"default":["scroll"],"multiple":true,"keywords":["scroll","fixed","local"]},"background-clip":{"types":[],"default":["border-box"],"multiple":true,"keywords":["border-box","padding-box","content-box","text"]},"background-origin":{"types":[],"default":["padding-box"],"multiple":true,"keywords":["border-box","padding-box","content-box"]},"background-position":{"multiple":true,"types":["Perc","Length"],"default":["0 0","top left","left top"],"keywords":["top","left","center","bottom","right"],"mapping":{"left":"0","top":"0","center":"50%","center center":"50%","50% 50%":"50%","bottom":"100%","right":"100%"},"constraints":{"mapping":{"max":2}}},"background-size":{"multiple":true,"previous":"background-position","prefix":{"typ":"Literal","val":"/"},"types":["Perc","Length"],"default":["auto","auto auto"],"keywords":["auto","cover","contain"],"mapping":{"auto auto":"auto"}}}},"background-repeat":{"shorthand":"background"},"background-color":{"shorthand":"background"},"background-image":{"shorthand":"background"},"background-attachment":{"shorthand":"background"},"background-clip":{"shorthand":"background"},"background-origin":{"shorthand":"background"},"background-position":{"shorthand":"background"},"background-size":{"shorthand":"background"},"grid-area":{"shorthand":"grid-area","pattern":"grid-row-start grid-column-start grid-row-end grid-column-end","keywords":["auto"],"default":["auto"],"multiple":false,"expandShorthands":true,"separator":{"typ":"Literal","val":"/"},"mapping":{"auto/auto":"auto","auto/auto/auto":"auto","auto/auto/auto/auto":"auto"},"expandedProperties":{"grid-row":["grid-row-start","grid-row-end"],"grid-column":["grid-column-start","grid-column-end"]},"properties":{"grid-row-start":{"map":"grid-area","shorthand":"grid-row","types":["Iden","Number"],"default":["auto"],"keywords":["auto"]},"grid-column-start":{"map":"grid-area","shorthand":"grid-column","types":["Iden","Number"],"prefix":{"typ":"Literal","val":"/"},"default":["auto"],"keywords":["auto"]},"grid-row-end":{"map":"grid-area","shorthand":"grid-row","types":["Iden","Number"],"prefix":{"typ":"Literal","val":"/"},"default":["auto"],"keywords":["auto"]},"grid-column-end":{"map":"grid-area","shorthand":"grid-column","types":["Iden","Number"],"prefix":{"typ":"Literal","val":"/"},"default":["auto"],"keywords":["auto"]}}},"grid-row-start":{"shorthand":"grid-row"},"grid-column-start":{"shorthand":"grid-column"},"grid-row-end":{"shorthand":"grid-row"},"grid-column-end":{"shorthand":"grid-column"},"grid-row":{"shorthand":"grid-row","map":"grid-area","pattern":"grid-row-start grid-row-end","types":["Iden","Number"],"keywords":["auto"],"default":["auto"],"multiple":false,"mapping":{"auto auto":"auto","auto/auto":"auto"},"properties":{"grid-row-start":{"map":"grid-area","types":["Iden","Number"],"default":["auto"],"multiple":true,"keywords":["auto"]},"grid-row-end":{"map":"grid-area","types":["Iden","Number"],"default":["auto"],"prefix":{"typ":"Literal","val":"/"},"multiple":true,"keywords":["auto"]}}},"grid-column":{"shorthand":"grid-column","map":"grid-area","pattern":"grid-column-start grid-column-end","types":["Iden","Number"],"keywords":["auto"],"default":["auto"],"multiple":false,"mapping":{"auto/auto":"auto"},"properties":{"grid-column-start":{"map":"grid-area","types":["Iden","Number"],"default":["auto"],"multiple":true,"keywords":["auto"]},"grid-column-end":{"map":"grid-area","types":["Iden","Number"],"default":["auto"],"multiple":true,"prefix":{"typ":"Literal","val":"/"},"keywords":["auto"]}}},"grid-template":{"shorthand":"grid-template","pattern":"grid-template-areas grid-template-rows grid-template-columns","keywords":["none"],"default":["none"],"multiple":false,"mapping":{"none none":"none","none/none":"none","none none/none":"none"},"properties":{"grid-template-areas":{"types":["String"],"default":["none"],"multiple":true,"keywords":["none","auto"],"mapping":{}},"grid-template-rows":{"types":["Perc","Iden","Length","Flex"],"default":["none"],"multiple":true,"keywords":["none"]},"grid-template-columns":{"types":["Perc","Iden","Length","Flex"],"default":["none"],"prefix":{"typ":"Literal","val":"/"},"multiple":true,"keywords":["none"]}}},"grid-template-areas":{"shorthand":"grid-template"},"grid-template-rows":{"shorthand":"grid-template"},"grid-template-columns":{"shorthand":"grid-template"}},"property":{"transform-origin":{"pattern":[["left|center|right","top|center|bottom","<length>"],["left|center|right","top|center|bottom"],["center|left|right|center|top|bottom|<length>"]],"mapping":{"center":{"typ":"Perc","val":50},"left":{"typ":"Perc","val":0},"right":{"typ":"Perc","val":100},"top":{"typ":"Perc","val":0},"bottom":{"typ":"Perc","val":100}}}}}
\ No newline at end of file
diff --git a/src/lib/ast/expand.ts b/src/lib/ast/expand.ts
index 75e1fa32..59f5f203 100644
--- a/src/lib/ast/expand.ts
+++ b/src/lib/ast/expand.ts
@@ -1,11 +1,11 @@
-import { splitRule } from "./minify.ts";
-import { combinators, PARENT, RAW, STATE } from "../syntax/constants.ts";
-import { parseString } from "../parser/parse.ts";
-import { walkValues } from "./walk.ts";
-import { renderValue } from "../renderer/render.ts";
-import type { AstAtRule, AstNode, AstRule, AstStyleSheet, LiteralToken, Token } from "../../@types/index.d.ts";
-import { EnumAstNodeStatus, EnumToken } from "./types.ts";
-import { cloneNode } from "./clone.ts";
+import {splitRule} from "./minify.ts";
+import {combinators, PARENT, RAW, STATE} from "../syntax/constants.ts";
+import {parseString} from "../parser/parse.ts";
+import {walkValues} from "./walk.ts";
+import {renderValue} from "../printer/render.ts";
+import type {AstAtRule, AstNode, AstRule, AstStyleSheet, LiteralToken, Token} from "../../@types/index.d.ts";
+import {EnumAstNodeStatus, EnumToken} from "./types.ts";
+import {cloneNode} from "./clone.ts";
 
 /**
  * expand css nesting ast nodes
diff --git a/src/lib/ast/features/if.ts b/src/lib/ast/features/if.ts
index 2b977b31..a72f42b7 100644
--- a/src/lib/ast/features/if.ts
+++ b/src/lib/ast/features/if.ts
@@ -10,16 +10,16 @@ import type {
     RenderOptions,
     Token,
 } from "../../../@types/index.d.ts";
-import { EnumToken } from "../types.ts";
-import { renderValue } from "../../renderer/render.ts";
-import { FeatureWalkMode } from "./type.ts";
-import { LOCEND, LOCSRCID, LOCSTA, PARENT, TOKENS } from "../../syntax/constants.ts";
-import { equalsIgnoreCase } from "../../parser/utils/text.ts";
-import { replaceNodeOrValue } from "../../parser/utils/token.ts";
-import { cloneNode } from "../../ast/clone.ts";
-import { trimArray } from "../../validation/match.ts";
-import { findByValue } from "../find.ts";
-import { eq } from "../../parser/utils/eq.ts";
+import {EnumToken} from "../types.ts";
+import {renderValue} from "../../printer/render.ts";
+import {FeatureWalkMode} from "./type.ts";
+import {LOCEND, LOCSRCID, LOCSTA, PARENT, TOKENS} from "../../syntax/constants.ts";
+import {equalsIgnoreCase} from "../../parser/utils/text.ts";
+import {replaceNodeOrValue} from "../../parser/utils/token.ts";
+import {cloneNode} from "../../ast/clone.ts";
+import {trimArray} from "../../validation/match.ts";
+import {findByValue} from "../find.ts";
+import {eq} from "../../parser/utils/eq.ts";
 
 const nodeMatcher = (value: Token) =>
     value.typ === EnumToken.IfConditionTokenType ||
diff --git a/src/lib/ast/features/inlinecssvariables.ts b/src/lib/ast/features/inlinecssvariables.ts
index 1a70e7be..c99cb6be 100644
--- a/src/lib/ast/features/inlinecssvariables.ts
+++ b/src/lib/ast/features/inlinecssvariables.ts
@@ -15,12 +15,12 @@ import type {
     Token,
     VariableScopeInfo,
 } from "../../../@types/index.d.ts";
-import { EnumToken } from "../types.ts";
-import { walkValues } from "../walk.ts";
-import { renderValue } from "../../renderer/render.ts";
-import { splitRule } from "../minify.ts";
-import { FeatureWalkMode } from "./type.ts";
-import { mathFuncs, RAW } from "../../syntax/constants.ts";
+import {EnumToken} from "../types.ts";
+import {walkValues} from "../walk.ts";
+import {renderValue} from "../../printer/render.ts";
+import {splitRule} from "../minify.ts";
+import {FeatureWalkMode} from "./type.ts";
+import {mathFuncs, RAW} from "../../syntax/constants.ts";
 
 function inlineExpression(token: Token): Token[] {
     const result: Token[] = [];
diff --git a/src/lib/ast/features/prefix.ts b/src/lib/ast/features/prefix.ts
index dec6723c..4fba538e 100644
--- a/src/lib/ast/features/prefix.ts
+++ b/src/lib/ast/features/prefix.ts
@@ -1,4 +1,4 @@
-import { EnumAstNodeStatus, EnumToken } from "../types.ts";
+import {EnumAstNodeStatus, EnumToken} from "../types.ts";
 import type {
     AngleToken,
     AstAtRule,
@@ -14,18 +14,18 @@ import type {
     PseudoClassToken,
     Token,
 } from "../../../@types/index.d.ts";
-import { walkValues } from "../walk.ts";
-import { pseudoAliasMap } from "../../syntax/syntax.ts";
-import { splitRule } from "../minify.ts";
-import type { ValidationConfiguration } from "../../../@types/validation.d.ts";
-import { renderValue } from "../../renderer/render.ts";
-import { funcLike, regMatchLinearGradient, regMatchRadialGradient, STATE, TOKENS } from "../../syntax/constants.ts";
-import { FeatureWalkMode } from "./type.ts";
-import { ValidationSyntaxGroupEnum } from "../../validation/parser/typedef.ts";
-import { getSyntaxConfig } from "../../validation/config.ts";
-import { splitTokenList } from "../../validation/utils/list.ts";
-import { equalsIgnoreCase } from "../../parser/utils/text.ts";
-import { toDegrees } from "../../parser/utils/angle.ts";
+import {walkValues} from "../walk.ts";
+import {pseudoAliasMap} from "../../syntax/syntax.ts";
+import {splitRule} from "../minify.ts";
+import type {ValidationConfiguration} from "../../../@types/validation.d.ts";
+import {renderValue} from "../../printer/render.ts";
+import {funcLike, regMatchLinearGradient, regMatchRadialGradient, STATE, TOKENS} from "../../syntax/constants.ts";
+import {FeatureWalkMode} from "./type.ts";
+import {ValidationSyntaxGroupEnum} from "../../validation/parser/typedef.ts";
+import {getSyntaxConfig} from "../../validation/config.ts";
+import {splitTokenList} from "../../validation/utils/list.ts";
+import {equalsIgnoreCase} from "../../parser/utils/text.ts";
+import {toDegrees} from "../../parser/utils/angle.ts";
 
 const config: ValidationConfiguration = getSyntaxConfig();
 
diff --git a/src/lib/ast/features/shorthand.ts b/src/lib/ast/features/shorthand.ts
index ee1cb8db..eed13064 100644
--- a/src/lib/ast/features/shorthand.ts
+++ b/src/lib/ast/features/shorthand.ts
@@ -34,8 +34,9 @@ export class ComputeShorthandFeature {
         const j: number = ast.chi.length;
         let k: number = 0;
         let l: number;
-        let properties: PropertyList = new PropertyList(options);
+        // let properties: PropertyList = new PropertyList(options);
         const rules: AstNode[] = [];
+        const declarations: AstNode[] = [];
 
         // @ts-ignore
         for (; k < j; k++) {
@@ -58,7 +59,8 @@ export class ComputeShorthandFeature {
 
             if (node.typ == EnumToken.DeclarationNodeType) {
                 for (let m = k; m <= l; m++) {
-                    properties.add(ast.chi![m]);
+                    declarations.push(ast.chi![m]);
+                    // properties.add(ast.chi![m]);
                 }
             } else {
                 for (let m = k; m <= l; m++) {
@@ -69,9 +71,13 @@ export class ComputeShorthandFeature {
             k = l;
         }
 
-        ast.chi!.length = 0;
-        // @ts-expect-error
-        ast.chi!.push(...properties, ...rules);
+        // console.error([...new PropertyList(options).add(declarations)]);
+
+        if (declarations.length > 0) {
+            ast.chi!.length = 0;
+            // @ts-expect-error
+            ast.chi!.push(...new PropertyList(options).add(declarations), ...rules);
+        }
         return ast;
     }
 }
diff --git a/src/lib/ast/features/transform.ts b/src/lib/ast/features/transform.ts
index a28fa337..dc24b6ce 100644
--- a/src/lib/ast/features/transform.ts
+++ b/src/lib/ast/features/transform.ts
@@ -7,12 +7,12 @@ import type {
     ParserOptions,
     Token,
 } from "../../../@types/index.d.ts";
-import { EnumAstNodeStatus, EnumToken } from "../types.ts";
-import { compute } from "../transform/compute.ts";
-import { filterValues, renderValue } from "../../renderer/render.ts";
-import { eqMatrix, minifyTransformFunctions } from "../transform/minify.ts";
-import { FeatureWalkMode } from "./type.ts";
-import { STATE } from "../../syntax/constants.ts";
+import {EnumAstNodeStatus, EnumToken} from "../types.ts";
+import {compute} from "../transform/compute.ts";
+import {filterValues, renderValue} from "../../printer/render.ts";
+import {eqMatrix, minifyTransformFunctions} from "../transform/minify.ts";
+import {FeatureWalkMode} from "./type.ts";
+import {STATE} from "../../syntax/constants.ts";
 
 export class TransformCssFeature {
     public accept: Set<EnumToken> = new Set([
diff --git a/src/lib/ast/minify.ts b/src/lib/ast/minify.ts
index 0204c858..4d7d720a 100644
--- a/src/lib/ast/minify.ts
+++ b/src/lib/ast/minify.ts
@@ -1,7 +1,7 @@
-import { eq } from "../parser/utils/eq.ts";
-import { doRender, renderValue } from "../renderer/render.ts";
+import {eq} from "../parser/utils/eq.ts";
+import {doRender, renderValue} from "../printer/render.ts";
 import * as allFeatures from "./features/index.ts";
-import { walkValues } from "./walk.ts";
+import {walkValues} from "./walk.ts";
 import type {
     AstAtRule,
     AstDeclaration,
@@ -24,14 +24,14 @@ import type {
     RawSelectorTokens,
     Token,
 } from "../../@types/index.d.ts";
-import { EnumToken } from "./types.ts";
-import { isFunction, isIdent, isIdentStart, isWhiteSpace } from "../syntax/syntax.ts";
-import { FeatureWalkMode } from "./features/type.ts";
-import { trimArray } from "../validation/match.ts";
-import { combinators, LOCEND, LOCSRCID, LOCSTA, OPTIMIZED, PARENT, RAW, TOKENS } from "../syntax/constants.ts";
-import { replaceNodeOrValue } from "../parser/utils/token.ts";
-import { parseString } from "../parser/parse.ts";
-import { replaceCompound } from "./expand.ts";
+import {EnumToken} from "./types.ts";
+import {isFunction, isIdent, isIdentStart, isWhiteSpace} from "../syntax/syntax.ts";
+import {FeatureWalkMode} from "./features/type.ts";
+import {trimArray} from "../validation/match.ts";
+import {combinators, LOCEND, LOCSRCID, LOCSTA, OPTIMIZED, PARENT, RAW, TOKENS} from "../syntax/constants.ts";
+import {replaceNodeOrValue} from "../parser/utils/token.ts";
+import {parseString} from "../parser/parse.ts";
+import {replaceCompound} from "./expand.ts";
 
 const notEndingWith: string[] = ["(", "["].concat(combinators);
 const rules: EnumToken[] = [
diff --git a/src/lib/parser/declaration/list.ts b/src/lib/parser/declaration/list.ts
index 9ab455de..c410b6c7 100644
--- a/src/lib/parser/declaration/list.ts
+++ b/src/lib/parser/declaration/list.ts
@@ -34,7 +34,7 @@ export class PropertyList {
         this.declarations = new Map<string, AstNode | PropertySet | PropertyMap>();
     }
 
-    add(...declarations: AstNode[]) {
+    add(declarations: AstNode[]) {
         let name: string | null;
         let syntaxRules: ValidationToken[] | null = null;
         let result: ValidationMatch;
@@ -82,9 +82,8 @@ export class PropertyList {
 
             // do not compute shorthand for invalid declarations
             if (declaration[STATE] !== EnumAstNodeStatus.Validated) {
-
                 this.declarations.set(objectHash(declaration), declaration);
-                return this;
+                continue;
             }
 
             let propertyName: string = <string>(<AstDeclaration>declaration).nam;
@@ -112,16 +111,37 @@ export class PropertyList {
                 shorthand = <string>config.property[propertyName];
             }
 
+            // console.error({shortHandType, propertyName, config: config.map[propertyName], map: config.map[shorthand].properties[propertyName]});
+
             // @ts-ignore
             if (shortHandType == "map") {
+                let owner: PropertyMap | PropertyList = this;
+
                 // @ts-ignore
-                if (!this.declarations.has(shorthand)) {
+                 const mapName : string = config.map[propertyName]?.map ?? config.map[shorthand]?.properties?.[propertyName]?.map
+
+                if (typeof mapName === "string") {
+
+                    if (!this.declarations.has(mapName)) {
+                        // @ts-ignore
+                        this.declarations.set(mapName, new PropertyMap(<ShorthandMapType>config.map[mapName]));
+                    }
+
+                        owner = this.declarations.get(mapName) as PropertyMap;
+            // console.error({mapName});
+
+                }
+
+                // @ts-ignore
+                if (!owner.declarations.has(shorthand)) {
                     // @ts-ignore
-                    this.declarations.set(shorthand, new PropertyMap(<ShorthandMapType>config.map[shorthand]));
+                    owner.declarations.set(shorthand, new PropertyMap(<ShorthandMapType>config.map[shorthand]));
                 }
 
+                //  console.error({propertyName,mapName, owned: owner == this});
+
                 // @ts-ignore
-                (<PropertyMap>this.declarations.get(shorthand)).add(<AstDeclaration>declaration);
+                (<PropertyMap>owner.declarations.get(shorthand)).add(<AstDeclaration>declaration);
             }
 
             // @ts-ignore
@@ -235,6 +255,8 @@ export class PropertyList {
         let iterator: IterableIterator<AstNode | PropertySet | PropertyMap> = this.declarations.values();
         const iterators: Array<IterableIterator<AstNode | PropertySet | PropertyMap>> = [];
 
+        // console.error(this);
+
         return {
             next() {
                 let value: IteratorResult<AstNode | PropertySet | PropertyMap> = iterator.next();
diff --git a/src/lib/parser/declaration/map.ts b/src/lib/parser/declaration/map.ts
index 68d65244..b6283afe 100644
--- a/src/lib/parser/declaration/map.ts
+++ b/src/lib/parser/declaration/map.ts
@@ -13,10 +13,11 @@ import { eq } from "../utils/eq.ts";
 import { getConfig } from "../utils/config.ts";
 import { matchType } from "../utils/type.ts";
 import { EnumToken } from "../../ast/types.ts";
-import { renderValue } from "../../renderer/render.ts";
+import { renderValue } from "../../printer/render.ts";
 import { parseString } from "../parse.ts";
 import { PropertySet } from "./set.ts";
 import { PROPERTYNAME } from "../../syntax/constants.ts";
+import { cloneNode } from "../../ast/clone.ts";
 
 const propertiesConfig: PropertiesConfig = getConfig();
 
@@ -27,7 +28,7 @@ interface TokenMap {
 
 export class PropertyMap {
     protected config: ShorthandMapType;
-    protected declarations: Map<string, AstDeclaration | PropertySet>;
+    protected declarations: Map<string, AstDeclaration | PropertySet | PropertyMap>;
     protected requiredCount: any;
     protected pattern: string[];
 
@@ -245,20 +246,57 @@ export class PropertyMap {
     }
 
     [Symbol.iterator]() {
-        let iterable: IterableIterator<AstDeclaration | PropertySet>;
+        const propertiesMapping = { ...this.config.properties };
+        const patterns = this.config.pattern.split(" ");
+
+        let hasMapping: boolean = false;
+
+        let iterable: IterableIterator<AstDeclaration | PropertySet | PropertyMap>;
         let requiredCount: number = 0;
         let property: string;
         let isShorthand: boolean = true;
+        let declarations: Map<string, AstDeclaration | PropertySet | PropertyMap> = this.declarations;
+
+        for (const key of declarations.keys()) {
+            if (declarations.has(key) && declarations.get(key) instanceof PropertyMap) {
+                hasMapping = true;
+                break;
+            }
+        }
 
-        for (property of Object.keys(this.config.properties)) {
-            if (this.config.properties[property].required) {
-                if (!this.declarations.has(property)) {
+        if (hasMapping) {
+            const mapped: { [key: string]: AstDeclaration } = {};
+
+            for (const key of declarations.keys()) {
+                const value = declarations.get(key);
+
+                if (value instanceof PropertyMap) {
+                    for (const [k, v] of (value as PropertyMap).declarations) {
+                        mapped[k] = v as AstDeclaration;
+                    }
+                } else {
+                    mapped[key] = value as AstDeclaration;
+                }
+            }
+
+            if (patterns.length === Object.keys(mapped).length) {
+                declarations = new Map<string, AstDeclaration | PropertySet | PropertyMap>();
+
+                for (const key of patterns) {
+                    if (mapped[key] != null) {
+                        declarations.set(key, mapped[key]);
+                    }
+                }
+            }
+        }
+
+        for (property of Object.keys(propertiesMapping)) {
+            if (propertiesMapping[property].required) {
+                if (!declarations.has(property)) {
                     isShorthand = false;
                     break;
                 } else {
-                    const val: AstDeclaration | PropertySet = <AstDeclaration | PropertySet>(
-                        this.declarations.get(property)
-                    );
+                    const val: AstDeclaration | PropertySet = <AstDeclaration | PropertySet>declarations.get(property);
 
                     if (val instanceof PropertySet && !val.isShortHand()) {
                         isShorthand = false;
@@ -271,11 +309,11 @@ export class PropertyMap {
         }
 
         if (requiredCount === 0) {
-            requiredCount = this.declarations.size;
+            requiredCount = declarations.size;
         }
 
         if (!isShorthand || requiredCount < this.requiredCount) {
-            if (isShorthand && this.declarations.has(this.config.shorthand)) {
+            if (isShorthand && declarations.has(this.config.shorthand)) {
                 const cache: Map<Token, string> = new Map();
 
                 const removeDefaults = (declaration: AstDeclaration): AstDeclaration => {
@@ -376,9 +414,9 @@ export class PropertyMap {
                     return declaration;
                 };
 
-                const values: AstDeclaration[] = [...this.declarations.values()].reduce(
-                    (acc: AstDeclaration[], curr: AstDeclaration | PropertySet) => {
-                        if (curr instanceof PropertySet) {
+                const values: AstDeclaration[] = [...declarations.values()].reduce(
+                    (acc: AstDeclaration[], curr: AstDeclaration | PropertySet | PropertyMap) => {
+                        if (curr instanceof PropertySet || curr instanceof PropertyMap) {
                             for (const declaration of curr) {
                                 acc.push(declaration);
                             }
@@ -431,15 +469,15 @@ export class PropertyMap {
                 return (filtered.length > 0 ? filtered : values)[Symbol.iterator]();
             }
 
-            for (const declaration of this.declarations.values()) {
-                if (declaration instanceof PropertySet) {
+            for (const declaration of declarations.values()) {
+                if (declaration instanceof PropertySet || declaration instanceof PropertyMap) {
                     continue;
                 }
 
                 const config =
                     declaration.nam == this.config.shorthand
                         ? this.config
-                        : (this.config.properties[declaration.nam] ?? this.config);
+                        : (propertiesMapping[declaration.nam] ?? this.config);
 
                 if (!("mapping" in config)) {
                     continue;
@@ -461,7 +499,7 @@ export class PropertyMap {
             }
 
             // @ts-ignore
-            iterable = this.declarations.values();
+            iterable = declarations.values();
         } else {
             let count: number = 0;
             let match: boolean;
@@ -476,9 +514,9 @@ export class PropertyMap {
             const tokens: { [key: string]: Token[][] } = <{ [key: string]: Token[][] }>{};
 
             // @ts-ignore
-            Object.entries(this.config.properties).reduce(
+            Object.entries(propertiesMapping).reduce(
                 (acc: string[], curr: [string, PropertyMapType]): string[] => {
-                    if (!this.declarations.has(curr[0])) {
+                    if (!declarations.has(curr[0])) {
                         if (curr[1].required) {
                             acc.push(<string>curr[0]);
                         }
@@ -488,14 +526,14 @@ export class PropertyMap {
 
                     let current: number = 0;
 
-                    const props: PropertyMapType = this.config.properties[curr[0]];
+                    const props: PropertyMapType = propertiesMapping[curr[0]];
                     const properties: AstDeclaration | PropertySet = <AstDeclaration | PropertySet>(
-                        this.declarations.get(curr[0])
+                        declarations.get(curr[0])
                     );
 
-                    for (const declaration of <AstDeclaration[]>[
-                        properties instanceof PropertySet ? [...properties][0] : properties,
-                    ]) {
+                    for (const declaration of properties instanceof PropertySet || properties instanceof PropertyMap
+                        ? [...properties].flat()
+                        : [properties]) {
                         // @ts-ignore
                         for (const val of declaration.val) {
                             // @ts-ignore
@@ -556,11 +594,63 @@ export class PropertyMap {
                 <string[]>[],
             );
 
+            // grid-template
+            if (this.config.shorthand == "grid-template" && patterns.length == Object.keys(tokens).length) {
+                const k: number = tokens[patterns[0]][0].length;
+                const l: number = tokens[patterns[1]][0].length;
+                const j: number = k < l ? k : l;
+
+                const result: Token[] = [];
+
+                let i: number;
+
+                for (i = 0; i < j; i++) {
+                    if (i < k) {
+                        result.push(tokens[patterns[0]][0][i]);
+                    }
+
+                    if (i < l) {
+                        result.push(tokens[patterns[1]][0][i]);
+                    }
+                }
+
+                if (j < k) {
+                    result.push(...tokens[patterns[0]][0].slice(j));
+                }
+
+                if (j < l) {
+                    result.push(...tokens[patterns[1]][0].slice(j));
+                }
+
+                const separator = this.config.properties[patterns[2]]?.prefix;
+
+                result.push(
+                    // @ts-ignore
+                    { ...separator, typ: EnumToken[separator.typ as keyof typeof EnumToken] } as Token,
+                    ...tokens[patterns[2]][0].reduce((acc: Token[], curr: Token): Token[] => {
+                        if (acc.length > 0) {
+                            acc.push({ typ: EnumToken.WhitespaceTokenType });
+                        }
+
+                        acc.push(curr);
+
+                        return acc;
+                    }, [] as Token[]),
+                );
+
+                const declaration = cloneNode(declarations.get(patterns[0]) as AstDeclaration) as AstDeclaration;
+
+                declaration.nam = this.config.shorthand;
+                declaration.val = result;
+
+                return [declaration][Symbol.iterator]();
+            }
+
             count++;
 
             if (
                 !isShorthand ||
-                Object.entries(this.config.properties).some((entry: [string, PropertyMapType]) => {
+                Object.entries(propertiesMapping).some((entry: [string, PropertyMapType]) => {
                     // missing required property
                     return entry[1].required && !(entry[0] in tokens);
                 }) ||
@@ -572,257 +662,234 @@ export class PropertyMap {
                 )
             ) {
                 // @ts-ignore
-                iterable = this.declarations.values();
-            } else {
-                let values: Token[];
+                iterable = declarations.values();
+            } else if (hasMapping) {
+                if (patterns.length == Object.keys(tokens).length) {
+                    const declaration = cloneNode(declarations.get(patterns[0]) as AstDeclaration) as AstDeclaration;
+                    declaration.nam = this.config.shorthand;
+
+                    for (let i = 0; i < patterns.length; i++) {
+                        if (declaration.val.length > 0) {
+                            declaration.val.push(
+                                // @ts-ignore
+                                this.config.separator != null
+                                    ? {
+                                          ...this.config.separator,
+                                          typ: EnumToken[this.config.separator.typ as keyof typeof EnumToken],
+                                      }
+                                    : <Token>{ typ: EnumToken.WhitespaceTokenType },
+                            );
+                        }
 
-                if (this.config.shorthand == "grid-template") {
-                    const k = tokens["grid-template-areas"]?.[0]?.length ?? 0;
-                    const v = tokens["grid-template-rows"]?.[0]?.length ?? 0;
-                    const min: number = k < v ? k : v;
+                        declaration.val.push(
+                            ...tokens[patterns[i]].reduce((acc: Token[], curr: Token[]) => {
+                                if (acc.length > 0) {
+                                    acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
+                                }
 
-                    values = [];
+                                acc.push(
+                                    ...curr.reduce((acc: Token[], curr: Token) => {
+                                        if (acc.length > 0) {
+                                            acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
+                                        }
 
-                    for (let i = 0; i < min; i++) {
-                        if (i < k) {
-                            values.push(tokens["grid-template-areas"][0][i]);
+                                        acc.push(curr);
 
-                            if (tokens["grid-template-areas"][0][i].typ == EnumToken.IdenTokenType) {
-                                values.push({ typ: EnumToken.WhitespaceTokenType });
-                            }
-                        }
+                                        return acc;
+                                    }, [] as Token[]),
+                                );
 
-                        if (i < v) {
-                            values.push(tokens["grid-template-rows"][0][i]);
-                        }
+                                return acc;
+                            }, [] as Token[]),
+                        );
                     }
 
-                    if (k > min) {
-                        
-                        values.push(
-                            ...tokens["grid-template-areas"][0].slice(min).reduce(
-                                (acc: Token[], curr: Token): Token[] => {
-                                    if (acc.length > 0 && curr.typ == EnumToken.IdenTokenType) {
-                                        acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
-                                    }
+                    return [declaration][Symbol.iterator]();
+                }
 
-                                    acc.push(curr);
+                iterable = declarations.values();
+            } else {
+                let values: Token[] = Object.entries(tokens)
+                    .reduce(
+                        (acc: Token[][], curr: [string, Token[][]]) => {
+                            const props: PropertyMapType = propertiesMapping[curr[0]];
 
-                                    return acc;
-                                }, [] as Token[],
-                            )
-                        )
-                    }
+                            for (let i = 0; i < curr[1].length; i++) {
+                                if (acc.length == i) {
+                                    acc.push([]);
+                                }
 
-                    if (v > min) {
-                        
-                        values.push(
-                            ...tokens["grid-template-rows"][0].slice(min).reduce(
-                                (acc: Token[], curr: Token): Token[] => {
-                                    if (acc.length > 0) {
-                                        acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
-                                    }
+                                // if (acc[acc.length - 1].length > 0) {
 
-                                    acc.push(curr);
+                                //     acc[acc.length - 1].push(
+                                //         // @ts-ignore
+                                //         this.config.separator != null  ?
+                                //         {
+                                //             ...this.config.separator,
+                                //             typ: EnumToken[this.config.separator.typ as keyof typeof EnumToken],
+                                //         } : <Token>{ typ: EnumToken.WhitespaceTokenType },
+                                //     )
+                                // }
 
-                                    return acc;
-                                }, [] as Token[],
-                            )
-                        )
-                    }
+                                let values: Token[] = curr[1][i];
+                                // .reduce(
+                                //     (acc, curr) => {
+                                //         // if (acc.length > 0) {
+                                //         //     acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
+                                //         // }
 
-                    if (tokens["grid-template-columns"]?.[0]?.length > 0) {
-                        values.push(
-                            { typ: EnumToken.LiteralTokenType, val: "/" },
-                            ...tokens["grid-template-columns"][0].reduce(
-                                (acc: Token[], curr: Token): Token[] => {
-                                    if (acc.length > 0) {
-                                        acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
-                                    }
+                                //         acc.push(curr);
 
-                                    acc.push(curr);
+                                //         return acc;
+                                //     },
+                                //     <Token[]>[],
+                                // );
 
-                                    return acc;
-                                }, [] as Token[],
-                            ),
-                        );
-                    }
-                } else {
-                    values = Object.entries(tokens)
-                        .reduce(
-                            (acc: Token[][], curr: [string, Token[][]]) => {
-                                const props: PropertyMapType = this.config.properties[curr[0]];
-
-                                for (let i = 0; i < curr[1].length; i++) {
-                                    if (acc.length == i) {
-                                        acc.push([]);
+                                if (
+                                    props.default.includes(
+                                        curr[1][i]
+                                            .reduce(
+                                                (acc: string, curr: Token): string => acc + renderValue(curr) + " ",
+                                                "",
+                                            )
+                                            .trimEnd(),
+                                    )
+                                ) {
+                                    if (!propertiesMapping[curr[0]].required) {
+                                        continue;
                                     }
+                                }
 
-                                    let values: Token[] = curr[1][i].reduce(
-                                        (acc, curr) => {
-                                            if (acc.length > 0) {
-                                                acc.push(<Token>{ typ: EnumToken.WhitespaceTokenType });
-                                            }
-
-                                            acc.push(curr);
+                                // remove default values
+                                let doFilterDefault: boolean = true;
 
-                                            return acc;
-                                        },
-                                        <Token[]>[],
-                                    );
+                                if (curr[0] in propertiesConfig.properties) {
+                                    for (let v of values) {
+                                        if (
+                                            ![
+                                                EnumToken.WhitespaceTokenType,
+                                                EnumToken.CommentTokenType,
+                                                EnumToken.IdenTokenType,
+                                            ].includes(v.typ) ||
+                                            (v.typ == EnumToken.IdenTokenType &&
+                                                !propertiesMapping[curr[0]].default.includes((v as IdentToken).val))
+                                        ) {
+                                            doFilterDefault = false;
+                                            break;
+                                        }
+                                    }
+                                }
 
+                                // remove default values
+                                const filtered: Token[] = values.filter((val: Token): boolean => {
                                     if (
-                                        props.default.includes(
-                                            curr[1][i]
-                                                .reduce(
-                                                    (acc: string, curr: Token): string => acc + renderValue(curr) + " ",
-                                                    "",
-                                                )
-                                                .trimEnd(),
-                                        )
+                                        val.typ == EnumToken.WhitespaceTokenType ||
+                                        val.typ == EnumToken.CommentTokenType
                                     ) {
-                                        if (!this.config.properties[curr[0]].required) {
-                                            continue;
-                                        }
+                                        return false;
                                     }
 
-                                    // remove default values
-                                    let doFilterDefault: boolean = true;
+                                    return (
+                                        !doFilterDefault ||
+                                        !(
+                                            val.typ == EnumToken.IdenTokenType &&
+                                            props.default.includes((val as IdentToken).val)
+                                        )
+                                    );
+                                });
 
-                                    if (curr[0] in propertiesConfig.properties) {
-                                        for (let v of values) {
-                                            if (
-                                                ![
-                                                    EnumToken.WhitespaceTokenType,
-                                                    EnumToken.CommentTokenType,
-                                                    EnumToken.IdenTokenType,
-                                                ].includes(v.typ) ||
-                                                (v.typ == EnumToken.IdenTokenType &&
-                                                    !this.config.properties[curr[0]].default.includes(
-                                                        (v as IdentToken).val,
-                                                    ))
-                                            ) {
-                                                doFilterDefault = false;
-                                                break;
-                                            }
-                                        }
-                                    }
+                                if (
+                                    filtered.length > 0 ||
+                                    !(this.requiredCount == requiredCount && propertiesMapping[curr[0]].required)
+                                ) {
+                                    values = filtered;
+                                }
 
-                                    // remove default values
-                                    const filtered: Token[] = values.filter((val: Token): boolean => {
+                                if (values.length > 0) {
+                                    if ("mapping" in props) {
                                         if (
-                                            val.typ == EnumToken.WhitespaceTokenType ||
-                                            val.typ == EnumToken.CommentTokenType
+                                            !("constraints" in props) ||
+                                            // @ts-ignore
+                                            !("max" in props.constraints) ||
+                                            values.length <= props.constraints.mapping.max
                                         ) {
-                                            return false;
-                                        }
-
-                                        return (
-                                            !doFilterDefault ||
-                                            !(
-                                                val.typ == EnumToken.IdenTokenType &&
-                                                props.default.includes((val as IdentToken).val)
-                                            )
-                                        );
-                                    });
-
-                                    if (
-                                        filtered.length > 0 ||
-                                        !(
-                                            this.requiredCount == requiredCount &&
-                                            this.config.properties[curr[0]].required
-                                        )
-                                    ) {
-                                        values = filtered;
-                                    }
-
-                                    if (values.length > 0) {
-                                        if ("mapping" in props) {
-                                            if (
-                                                !("constraints" in props) ||
-                                                // @ts-ignore
-                                                !("max" in props.constraints) ||
-                                                values.length <= props.constraints.mapping.max
-                                            ) {
-                                                let i: number = values.length;
-                                                while (i--) {
-                                                    if (
-                                                        values[i].typ == EnumToken.IdenTokenType &&
-                                                        // @ts-expect-error
-                                                        values[i].val in props.mapping
-                                                    ) {
-                                                        // @ts-ignore
-                                                        values.splice(
-                                                            i,
-                                                            1,
-                                                            // @ts-ignore
-                                                            ...parseString(props.mapping[values[i].val]),
-                                                        );
-                                                    }
+                                            let i: number = values.length;
+                                            while (i--) {
+                                                if (
+                                                    values[i].typ == EnumToken.IdenTokenType &&
+                                                    // @ts-expect-error
+                                                    values[i].val in props.mapping
+                                                ) {
+                                                    // @ts-ignore
+                                                    values.splice(i, 1, ...parseString(props.mapping[values[i].val]));
                                                 }
                                             }
                                         }
+                                    }
 
-                                        if ("prefix" in props) {
-                                            // @ts-ignore
-                                            acc[i].push({ ...props.prefix, typ: EnumToken[props.prefix.typ] });
-                                        } else if (acc[i].length > 0) {
-                                            acc[i].push(<WhitespaceToken>{ typ: EnumToken.WhitespaceTokenType });
-                                        }
-
-                                        for (const v of values.reduce((acc, curr: Token) => {
-                                            if (acc.length > 0) {
-                                                // @ts-ignore
-                                                acc.push(<Token>{
-                                                    ...((props.separator && {
-                                                        ...props.separator,
-                                                        // @ts-ignore
-                                                        typ: EnumToken[props.separator.typ],
-                                                    }) ?? { typ: EnumToken.WhitespaceTokenType }),
-                                                });
-                                            }
+                                    if ("prefix" in props) {
+                                        // @ts-ignore
+                                        acc[i].push({ ...props.prefix, typ: EnumToken[props.prefix.typ] });
+                                    } else if (acc[i].length > 0) {
+                                        // @ts-ignore
+                                        acc[i].push(<WhitespaceToken>{ typ: EnumToken.WhitespaceTokenType });
+                                    }
 
+                                    for (const v of values.reduce((acc, curr: Token) => {
+                                        if (acc.length > 0) {
                                             // @ts-ignore
-                                            acc.push(curr);
-                                            return acc;
-                                        }, [])) {
-                                            acc[i].push(v);
+                                            acc.push(<Token>{
+                                                ...((props.separator && {
+                                                    ...props.separator,
+                                                    // @ts-ignore
+                                                    typ: EnumToken[props.separator.typ],
+                                                }) ?? { typ: EnumToken.WhitespaceTokenType }),
+                                            });
                                         }
+
+                                        // @ts-ignore
+                                        acc.push(curr);
+                                        return acc;
+                                    }, [])) {
+                                        acc[i].push(v);
                                     }
                                 }
-
-                                return acc;
-                            },
-                            <Token[][]>[],
-                        )
-                        .reduce((acc: Token[], curr: Token[]) => {
-                            if (acc.length > 0) {
-                                acc.push(<Token>{ ...separator });
                             }
 
-                            if (curr.length == 0 && this.config.default.length > 0) {
-                                curr.push(
-                                    ...parseString(this.config.default[0]).reduce(
-                                        (acc: Token[], curr: Token) => {
-                                            if (acc.length > 0) {
-                                                acc.push(<WhitespaceToken>{ typ: EnumToken.WhitespaceTokenType });
-                                            }
+                            return acc;
+                        },
+                        <Token[][]>[],
+                    )
+                    .reduce((acc: Token[], curr: Token[]) => {
+                        if (acc.length > 0) {
+                            acc.push(<Token>{ ...separator });
+                        }
 
-                                            acc.push(curr);
-                                            return acc;
-                                        },
-                                        <Token[]>[],
-                                    ),
-                                );
-                            }
+                        if (curr.length == 0 && this.config.default.length > 0) {
+                            curr.push(
+                                ...parseString(this.config.default[0]).reduce(
+                                    (acc: Token[], curr: Token) => {
+                                        if (acc.length > 0) {
+                                            acc.push(<WhitespaceToken>{ typ: EnumToken.WhitespaceTokenType });
+                                        }
 
-                            for (const c of curr) {
-                                acc.push(c);
-                            }
+                                        acc.push(curr);
+                                        return acc;
+                                    },
+                                    <Token[]>[],
+                                ),
+                            );
+                        }
 
-                            return acc;
-                        }, []);
-                }
+                        for (const c of curr) {
+                            acc.push(c);
+                        }
+
+                        return acc;
+                    }, []);
+
+                // console.error({hasMapping, shorthand: this.config.shorthand, requiredCount, isShorthand,
+                //     declarations: declarations.values(), values});
 
                 if (this.config.mapping != null) {
                     const val: string = values.reduce(
@@ -874,7 +941,7 @@ export class PropertyMap {
         return {
             // @ts-ignore
             next(): IteratorResult<AstDeclaration> {
-                let v: IteratorResult<AstDeclaration | PropertySet> = iterable.next();
+                let v: IteratorResult<AstDeclaration | PropertySet | PropertyMap> = iterable.next();
 
                 // @ts-ignore
                 while (v.done || v.value instanceof PropertySet) {
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index b7808fff..41d8c201 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -1,11 +1,11 @@
-import { isColor, isIdentColor, parseColor } from "../syntax/syntax.ts";
-import { camelize, dasherize, equalsIgnoreCase } from "./utils/text.ts";
-import { renderValue } from "../renderer/render.ts";
-import { EnumAstNodeStatus, EnumToken, ModuleCaseTransformEnum, ModuleScopeEnumOptions } from "../ast/types.ts";
-import { minify } from "../ast/minify.ts";
-import { expand } from "../ast/expand.ts";
-import { walk, WalkerEvent, walkValues } from "../ast/walk.ts";
-import { Tokenizer } from "./tokenize.ts";
+import {isColor, isIdentColor, parseColor} from "../syntax/syntax.ts";
+import {camelize, dasherize, equalsIgnoreCase} from "./utils/text.ts";
+import {renderValue} from "../printer/render.ts";
+import {EnumAstNodeStatus, EnumToken, ModuleCaseTransformEnum, ModuleScopeEnumOptions} from "../ast/types.ts";
+import {minify} from "../ast/minify.ts";
+import {expand} from "../ast/expand.ts";
+import {walk, WalkerEvent, walkValues} from "../ast/walk.ts";
+import {Tokenizer} from "./tokenize.ts";
 import type {
     AstAtRule,
     AstComment,
@@ -60,26 +60,26 @@ import {
     TOKENS,
     tokensfuncDefMap,
 } from "../syntax/constants.ts";
-import { hash, hashAlgorithms, syncHash } from "../parser/utils/hash.ts";
-import { parseSelector } from "./utils/selector.ts";
-import { parseDeclaration } from "./utils/declaration.ts";
-import { getSyntaxRule } from "../validation/config.ts";
-import { createValidationContext, matchAllSyntaxes, matchSelectorSyntax, trimArray } from "../validation/match.ts";
-import { ValidationSyntaxGroupEnum } from "../validation/parser/typedef.ts";
-import type { ValidationToken } from "../validation/parser/types.d.ts";
-import { matchAtRuleImportSyntax } from "./utils/at-rule-import.ts";
-import type { ValidationMatch } from "../validation/types.d.ts";
-import { matchAtRuleWhenElseSyntax } from "./utils/at-rule-when-else.ts";
-import { parseAtRuleSupportSyntax } from "./utils/at-rule-support.ts";
-import { replaceNodeOrValue, trimWhiteSpaceTokens } from "./utils/token.ts";
-import { parseAtRuleContainerQueryList } from "./utils/at-rule-container.ts";
-import { parseMediaqueryList } from "./utils/at-rule-media.ts";
-import { matchAtRuleSyntax } from "./utils/at-rule.ts";
-import { parseAtRuleFontFeatureValues } from "./utils/at-rule-font-feature-values.ts";
-import { matchGenericSyntax } from "./utils/at-rule-generic.ts";
-import { memoize } from "./utils/cache.ts";
-import { SourceFile } from "./source.ts";
-import { dirname } from "../fs/resolve.ts";
+import {hash, hashAlgorithms, syncHash} from "../parser/utils/hash.ts";
+import {parseSelector} from "./utils/selector.ts";
+import {parseDeclaration} from "./utils/declaration.ts";
+import {getSyntaxRule} from "../validation/config.ts";
+import {createValidationContext, matchAllSyntaxes, matchSelectorSyntax, trimArray} from "../validation/match.ts";
+import {ValidationSyntaxGroupEnum} from "../validation/parser/typedef.ts";
+import type {ValidationToken} from "../validation/parser/types.d.ts";
+import {matchAtRuleImportSyntax} from "./utils/at-rule-import.ts";
+import type {ValidationMatch} from "../validation/types.d.ts";
+import {matchAtRuleWhenElseSyntax} from "./utils/at-rule-when-else.ts";
+import {parseAtRuleSupportSyntax} from "./utils/at-rule-support.ts";
+import {replaceNodeOrValue, trimWhiteSpaceTokens} from "./utils/token.ts";
+import {parseAtRuleContainerQueryList} from "./utils/at-rule-container.ts";
+import {parseMediaqueryList} from "./utils/at-rule-media.ts";
+import {matchAtRuleSyntax} from "./utils/at-rule.ts";
+import {parseAtRuleFontFeatureValues} from "./utils/at-rule-font-feature-values.ts";
+import {matchGenericSyntax} from "./utils/at-rule-generic.ts";
+import {memoize} from "./utils/cache.ts";
+import {SourceFile} from "./source.ts";
+import {dirname} from "../fs/resolve.ts";
 
 function renderTokens(tokens: Token[] | null | undefined, options?: any): string {
     if (tokens == null || tokens.length === 0) return "";
@@ -3558,7 +3558,7 @@ export function parseAtRule(
 
                 // @ts-expect-error
                 return Object.assign(atRule, {
-                    typ: success ? EnumToken.AtRuleNodeType : EnumToken.InvalidRuleNodeType,
+                    typ: EnumToken.AtRuleNodeType,
                     val: renderTokens(trimArray(stream), options),
                 }) as AstAtRule;
             }
@@ -3568,13 +3568,13 @@ export function parseAtRule(
             }
 
             atRule[TOKENS] = stream;
-            atRule[STATE] = EnumAstNodeStatus.Validated;
+            atRule[STATE] = success ? EnumAstNodeStatus.Validated : EnumAstNodeStatus.Invalid;
             atRule[ERRORS] = [];
             atRule[LOCEND] = (stream.at(-1)! ?? atRule)[LOCEND];
 
             // @ts-expect-error
             return Object.assign(atRule, {
-                typ: success ? EnumToken.AtRuleNodeType : EnumToken.InvalidRuleNodeType,
+                typ: EnumToken.AtRuleNodeType,
                 val: renderTokens(trimArray(stream), options),
             }) as AstAtRule;
         }
@@ -4242,9 +4242,9 @@ export function parseAtRule(
 
             if (syntax == null) {
                 // check matching '(' and ')'
-                // check commas , or ,,
-                // check colon :
-                // check or and and
+                // check commas ',' or ',,'
+                // check colon ':'
+                // check 'or' and 'and'
                 result = matchGenericSyntax(stream, options);
 
                 if (result.errors.length > 0) {
diff --git a/src/lib/parser/source.ts b/src/lib/parser/source.ts
index acfb2a18..4e26c76b 100644
--- a/src/lib/parser/source.ts
+++ b/src/lib/parser/source.ts
@@ -1,6 +1,6 @@
-import type { SourceMapObject } from "../../@types/index.d.ts";
-import { SourceMap } from "../renderer/sourcemap/sourcemap.ts";
-import { LineMap } from "./linesmap.ts";
+import type {SourceMapObject} from "../../@types/index.d.ts";
+import {SourceMap} from "../printer/sourcemap/sourcemap.ts";
+import {LineMap} from "./linesmap.ts";
 
 /**
  * Source file ID
@@ -11,8 +11,6 @@ let sourceId: number = 0;
  * Source file helper class
  */
 export class SourceFile {
-    private inputSourceMap: SourceMap | null = null;
-
     /**
      * Source file ID
      */
@@ -29,6 +27,7 @@ export class SourceFile {
      * Source file content
      */
     content: string;
+    private inputSourceMap: SourceMap | null = null;
 
     /**
      * Constructor
diff --git a/src/lib/parser/tokenize.ts b/src/lib/parser/tokenize.ts
index ed2ea70f..fe20dd15 100644
--- a/src/lib/parser/tokenize.ts
+++ b/src/lib/parser/tokenize.ts
@@ -1,5 +1,5 @@
-import type { ParseInfo } from "../../@types/index.d.ts";
-import { ColorType, EnumToken } from "../ast/types.ts";
+import type {ParseInfo} from "../../@types/index.d.ts";
+import {ColorType, EnumToken} from "../ast/types.ts";
 import {
     colorsFunc,
     containerFunc,
@@ -30,7 +30,7 @@ import {
     resolutionUnits,
     timeUnits,
 } from "../syntax/syntax.ts";
-import { SourceFile } from "./source.ts";
+import {SourceFile} from "./source.ts";
 
 const SymbolsMapTokens: Record<string, EnumToken> = Object.create(null);
 
@@ -305,7 +305,7 @@ export class Tokenizer {
     private state: EnumToken | null = null;
 
     constructor(
-        private parseInfo: ParseInfo | string,
+        private readonly parseInfo: ParseInfo | string,
         private input: ReadableStream<Uint8Array> | null = null,
     ) {
         this.parseInfo =
diff --git a/src/lib/parser/utils/declaration.ts b/src/lib/parser/utils/declaration.ts
index ff942731..57ae9902 100644
--- a/src/lib/parser/utils/declaration.ts
+++ b/src/lib/parser/utils/declaration.ts
@@ -406,27 +406,6 @@ export function parseDeclaration(
                             if ((tokens[index] as FunctionToken).chi[l].typ === EnumToken.StringTokenType) {
                                 break;
                             }
-                            // else if ((tokens[index] as FunctionToken).chi[l].typ === EnumToken.IdenTokenType) {
-                            //     let m: number = l + 1;
-                            //     while (
-                            //         (tokens[index] as FunctionToken).chi[m]?.typ === EnumToken.ClassSelectorTokenType
-                            //     ) {
-                            //         Object.assign((tokens[index] as FunctionToken).chi[l], {
-                            //             typ: EnumToken.UrlTokenTokenType,
-                            //             val:
-                            //                 ((tokens[index] as FunctionToken).chi[l] as IdentToken | UrlToken).val +
-                            //                 ((tokens[index] as FunctionToken).chi[m] as ClassSelectorToken).val,
-                            //         });
-
-                            //         (tokens[index] as FunctionToken).chi[l][LOCEND] = (
-                            //             tokens[index] as FunctionToken
-                            //         ).chi[m][LOCEND];
-
-                            //         (tokens[index] as FunctionToken).chi.splice(m, 1);
-                            //     }
-
-                            //     break;
-                            // }
                         }
 
                         if (
diff --git a/src/lib/parser/utils/selector.ts b/src/lib/parser/utils/selector.ts
index a0218f7c..45c3cb34 100644
--- a/src/lib/parser/utils/selector.ts
+++ b/src/lib/parser/utils/selector.ts
@@ -18,8 +18,8 @@ import type {
     PseudoClassFunctionToken,
     Token,
 } from "../../../@types/index.d.ts";
-import { EnumAstNodeStatus, EnumToken } from "../../ast/types.ts";
-import { renderValue } from "../../renderer/render.ts";
+import {EnumAstNodeStatus, EnumToken} from "../../ast/types.ts";
+import {renderValue} from "../../printer/render.ts";
 import {
     combinators,
     ERRORS,
@@ -32,15 +32,15 @@ import {
     TOKENS,
     tokensfuncDefMap,
 } from "../../syntax/constants.ts";
-import { isHash } from "../../syntax/syntax.ts";
-import { getParsedSyntax, getSyntaxConfig, getSyntaxRule } from "../../validation/config.ts";
-import { createValidationContext, matchAllSyntaxes, matchSelectorSyntax, trimArray } from "../../validation/match.ts";
-
-import { ValidationSyntaxGroupEnum, ValidationTokenEnum } from "../../validation/parser/typedef.ts";
-import type { ValidationPropertyToken } from "../../validation/parser/types.d.ts";
-import { splitTokenList } from "../../validation/utils/list.ts";
-import { trimWhiteSpace } from "../parse.ts";
-import { equalsIgnoreCase } from "./text.ts";
+import {isHash} from "../../syntax/syntax.ts";
+import {getParsedSyntax, getSyntaxConfig, getSyntaxRule} from "../../validation/config.ts";
+import {createValidationContext, matchAllSyntaxes, matchSelectorSyntax, trimArray} from "../../validation/match.ts";
+
+import {ValidationSyntaxGroupEnum, ValidationTokenEnum} from "../../validation/parser/typedef.ts";
+import type {ValidationPropertyToken} from "../../validation/parser/types.d.ts";
+import {splitTokenList} from "../../validation/utils/list.ts";
+import {trimWhiteSpace} from "../parse.ts";
+import {equalsIgnoreCase} from "./text.ts";
 
 /**
  * parse selector
diff --git a/src/lib/renderer/render.ts b/src/lib/printer/render.ts
similarity index 99%
rename from src/lib/renderer/render.ts
rename to src/lib/printer/render.ts
index 753316ac..e29af1dd 100644
--- a/src/lib/renderer/render.ts
+++ b/src/lib/printer/render.ts
@@ -2016,8 +2016,8 @@ export function renderValue(
             throw new Error(`Unsupported token type for ${EnumToken[token.typ]}`);
     }
 
-    errors?.push({ action: "ignore", message: `render: unexpected token ${JSON.stringify(token, null, 1)}` });
-    return "";
+    // errors?.push({ action: "ignore", message: `render: unexpected token ${JSON.stringify(token, null, 1)}` });
+    // return "";
 }
 
 /**
diff --git a/src/lib/renderer/sourcemap/lib/codec.ts b/src/lib/printer/sourcemap/lib/codec.ts
similarity index 100%
rename from src/lib/renderer/sourcemap/lib/codec.ts
rename to src/lib/printer/sourcemap/lib/codec.ts
diff --git a/src/lib/renderer/sourcemap/sourcemap.ts b/src/lib/printer/sourcemap/sourcemap.ts
similarity index 100%
rename from src/lib/renderer/sourcemap/sourcemap.ts
rename to src/lib/printer/sourcemap/sourcemap.ts
diff --git a/src/node.ts b/src/node.ts
index 6e04e19e..450a781f 100644
--- a/src/node.ts
+++ b/src/node.ts
@@ -14,20 +14,20 @@ import type {
     TransformResult,
     TransformSyncOptions,
 } from "./@types/index.d.ts";
-import { deprecate } from "node:util";
-import { Readable } from "node:stream";
-import { createReadStream } from "node:fs";
-import { lstat, readFile } from "node:fs/promises";
-import { doParse, doParseSync } from "./lib/parser/parse.ts";
-import { doRender } from "./lib/renderer/render.ts";
-import { ModuleScopeEnumOptions } from "./lib/ast/types.ts";
-import { Tokenizer } from "./lib/parser/tokenize.ts";
-import { dirname, matchUrl, resolve } from "./lib/fs/resolve.ts";
-import { ResponseType } from "./types.ts";
-import { resolve as resolvePath } from "node:path";
-import { SourceFile } from "./lib/parser/source.ts";
-import { cwd } from "node:process";
-import { parseResult, validateSyncArguments } from "./utils/sync.ts";
+import {deprecate} from "node:util";
+import {Readable} from "node:stream";
+import {createReadStream} from "node:fs";
+import {lstat, readFile} from "node:fs/promises";
+import {doParse, doParseSync} from "./lib/parser/parse.ts";
+import {doRender} from "./lib/printer/render.ts";
+import {ModuleScopeEnumOptions} from "./lib/ast/types.ts";
+import {Tokenizer} from "./lib/parser/tokenize.ts";
+import {dirname, matchUrl, resolve} from "./lib/fs/resolve.ts";
+import {ResponseType} from "./types.ts";
+import {resolve as resolvePath} from "node:path";
+import {SourceFile} from "./lib/parser/source.ts";
+import {cwd} from "node:process";
+import {parseResult, validateSyncArguments} from "./utils/sync.ts";
 
 export type * from "./@types/index.d.ts";
 export type * from "./@types/ast.d.ts";
@@ -49,7 +49,7 @@ export { minify } from "./lib/ast/minify.ts";
 export { expand } from "./lib/ast/expand.ts";
 export { walk, walkValues, WalkerEvent, WalkerOptionEnum } from "./lib/ast/walk.ts";
 export { parseString } from "./lib/parser/parse.ts";
-export { renderValue as renderToken } from "./lib/renderer/render.ts";
+export { renderValue as renderToken } from "./lib/printer/render.ts";
 export { convertColor } from "./lib/syntax/color/color.ts";
 export { isOkLabClose, okLabDistance } from "./lib/syntax/color/utils/distance.ts";
 export { parseDeclarations } from "./lib/parser/parse.ts";
@@ -64,7 +64,7 @@ export {
     ModuleScopeEnumOptions,
     ModuleCaseTransformEnum,
 } from "./lib/ast/types.ts";
-export { SourceMap } from "./lib/renderer/sourcemap/sourcemap.ts";
+export { SourceMap } from "./lib/printer/sourcemap/sourcemap.ts";
 export type { ValidationToken } from "./lib/validation/parser/types.d.ts";
 
 export { FeatureWalkMode } from "./lib/ast/features/type.ts";
diff --git a/src/web.ts b/src/web.ts
index 9435b281..f61a7cf5 100644
--- a/src/web.ts
+++ b/src/web.ts
@@ -15,14 +15,14 @@ import type {
     TransformSyncOptions,
 } from "./@types/index.d.ts";
 
-import { doParse, doParseSync } from "./lib/parser/parse.ts";
-import { doRender } from "./lib/renderer/render.ts";
-import { ModuleScopeEnumOptions } from "./lib/ast/types.ts";
-import { Tokenizer } from "./lib/parser/tokenize.ts";
-import { dirname, matchUrl, resolve } from "./lib/fs/resolve.ts";
-import { ResponseType } from "./types.ts";
-import { SourceFile } from "./lib/parser/source.ts";
-import { parseResult, validateSyncArguments } from "./utils/sync.ts";
+import {doParse, doParseSync} from "./lib/parser/parse.ts";
+import {doRender} from "./lib/printer/render.ts";
+import {ModuleScopeEnumOptions} from "./lib/ast/types.ts";
+import {Tokenizer} from "./lib/parser/tokenize.ts";
+import {dirname, matchUrl, resolve} from "./lib/fs/resolve.ts";
+import {ResponseType} from "./types.ts";
+import {SourceFile} from "./lib/parser/source.ts";
+import {parseResult, validateSyncArguments} from "./utils/sync.ts";
 
 export type * from "./@types/index.d.ts";
 export type * from "./@types/ast.d.ts";
@@ -44,7 +44,7 @@ export { minify } from "./lib/ast/minify.ts";
 export { expand } from "./lib/ast/expand.ts";
 export { walk, walkValues, WalkerEvent, WalkerOptionEnum } from "./lib/ast/walk.ts";
 export { parseString } from "./lib/parser/parse.ts";
-export { renderValue as renderToken } from "./lib/renderer/render.ts";
+export { renderValue as renderToken } from "./lib/printer/render.ts";
 export { convertColor } from "./lib/syntax/color/color.ts";
 export { isOkLabClose, okLabDistance } from "./lib/syntax/color/utils/distance.ts";
 export { parseDeclarations } from "./lib/parser/parse.ts";
@@ -59,7 +59,7 @@ export {
     ModuleScopeEnumOptions,
     ModuleCaseTransformEnum,
 } from "./lib/ast/types.ts";
-export { SourceMap } from "./lib/renderer/sourcemap/sourcemap.ts";
+export { SourceMap } from "./lib/printer/sourcemap/sourcemap.ts";
 export type { ValidationToken } from "./lib/validation/parser/types.d.ts";
 
 export { FeatureWalkMode } from "./lib/ast/features/type.ts";
diff --git a/test/specs/code/modules.js b/test/specs/code/modules.js
index 4f087350..44faaf39 100644
--- a/test/specs/code/modules.js
+++ b/test/specs/code/modules.js
@@ -809,7 +809,7 @@ a span {
  grid-template-columns: [line-name1-bd45b] 100px [line-name2-d3d89 line-name3-3258b]
 }
 .nav-7fb75 {
- grid-column: nav-7fb75 nav-7fb75
+ grid-column: nav-7fb75/nav-7fb75
 }`);
             });
         });
@@ -839,7 +839,7 @@ a span {
  grid-template-columns: [line-name1-bGluZ] 100px [line-name2-bGluZ line-name3-bGluZ]
 }
 .nav-bmF2O {
- grid-column: nav-bmF2O nav-bmF2O
+ grid-column: nav-bmF2O/nav-bmF2O
 }`);
             });
         });
@@ -871,7 +871,7 @@ a span {
  grid-template-columns: [line-name1-6c696] 100px [line-name2-6c696 line-name3-6c696]
 }
 .nav-6e617 {
- grid-column: nav-6e617 nav-6e617
+ grid-column: nav-6e617/nav-6e617
 }`);
             });
         });
@@ -937,7 +937,7 @@ a span {
  grid-template-columns: [d] 100px [e f]
 }
 .b {
- grid-column: b b
+ grid-column: b/b
 }`);
             });
         });
diff --git a/test/specs/code/shorthand.js b/test/specs/code/shorthand.js
index 0a6f1ec1..4d034376 100644
--- a/test/specs/code/shorthand.js
+++ b/test/specs/code/shorthand.js
@@ -535,11 +535,54 @@ grid-template-areas:
     
 #item3 {
   background-color: blue;
-  grid-row-start: span 2 ;
-  grid-row-end: 7;
+  grid-row-start: span 7 ;
+  grid-row-end: 2;
   grid-column-start: span 2 ;
   grid-column-end: 7;
 }
+`,
+            {
+                beautify: true,
+            },
+        ).then((result) =>
+            expect(result.code).equals(`#item3 {
+ background-color: blue;
+ grid-area: span 7/span 2/2/7
+}`),
+        );
+    });
+    it("grid-row/grid-column #32", function () {
+        return transform(
+            `
+    
+#item3 {
+  background-color: blue;
+  grid-row: span 7 ;
+  grid-row-end: 2;
+  grid-column-start: span 2 ;
+  grid-column-end: 7;
+}
+`,
+            {
+                beautify: true,
+            },
+        ).then((result) =>
+            expect(result.code).equals(`#item3 {
+ background-color: blue;
+ grid-area: span 7/span 2/2/7
+}`),
+        );
+    });
+    it("grid-row/grid-column #33", function () {
+        return transform(
+            `
+    
+#item3 {
+  background-color: blue;
+  grid-row: span 7 ;
+  grid-row-end: 2;
+  grid-column-start: span 2 ;
+}
 `,
             {
                 beautify: true,
@@ -548,7 +591,7 @@ grid-template-areas:
             expect(result.code).equals(`#item3 {
  background-color: blue;
  grid-row: span 7/2;
- grid-column: span 7/2
+ grid-column-start: span 2
 }`),
         );
     });

From f55479fda099ef10a1fd79cd071c1aff8fc79299 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 21 Sep 2026 12:34:34 -0400
Subject: [PATCH 8/8] bump version number #156

---
 CHANGELOG.md              | 13 +++++++++++++
 README.md                 |  8 ++++----
 benchmark/package.json    |  2 +-
 dist/index.d.ts           |  6 ++----
 jsr.json                  |  2 +-
 package.json              |  4 ++--
 scripts/shorthand.ts      |  1 -
 src/@types/shorthand.d.ts |  6 ++----
 8 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2124863e..be14a565 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,18 @@
 # Changelog
 
+# v1.6.4
+
+## New
+
+Compute shorthand properties:
+- grid-area
+- grid-row
+- grid-column
+
+## Improvement
+
+faster tokenizer and node walker functions.
+
 # v1.6.3
 
 ## Fix
diff --git a/README.md b/README.md
index 8a582453..640f02dd 100644
--- a/README.md
+++ b/README.md
@@ -61,11 +61,11 @@ A sample result:
 
 | File                           | ligthningcss  | CSS Parser    |
 | ------------------------------ | ------------- | ------------- |
-| tailwind.css - 2380419 bytes   | 1864728 bytes | 1633251 bytes |
-| bootstrap-4.css - 200078 bytes | 153616 bytes  | 144700 bytes  |
-| bootstrap-5.css - 205481 bytes | 159987 bytes  | 151258 bytes  |
+| tailwind.css - 2380419 bytes   | 1864728 bytes | 1633188 bytes |
+| bootstrap-4.css - 200078 bytes | 153616 bytes  | 144571 bytes  |
+| bootstrap-5.css - 205481 bytes | 159987 bytes  | 150852 bytes  |
 
-On the [complete benchmark suite](https://tbela99.github.io/css-parser/benchmark/index.html), css-parser generated a total output size of 2,204,888 bytes, compared to 2,494,113 bytes for Lightning CSS and larger outputs for all other tested minifiers. 
+On the [complete benchmark suite](https://tbela99.github.io/css-parser/benchmark/index.html), css-parser generated a total output size of 2,158,698 bytes, compared to 2,494,113 bytes for Lightning CSS and larger outputs for all other tested minifiers. 
 While some tools prioritize raw execution speed, css-parser focuses on maximizing compression while preserving stylesheet semantics, resulting in consistently smaller production bundles.
 
 ## Playground
diff --git a/benchmark/package.json b/benchmark/package.json
index 05b79968..5d81be43 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tbela99/css-parser": "^1.6.3",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#58799a9d",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#04832c9",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^9.0.5",
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 18a65a31..096b023d 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -4495,8 +4495,8 @@ interface PropertyType {
 }
 
 interface SinglePropertyType {
-        typ: keyof EnumToken;
-        val: string | number;
+    typ: keyof EnumToken;
+    val: string | number;
 }
 
 interface SinglePropertyTypeMapping {
@@ -4545,7 +4545,6 @@ interface PropertyMapType {
         };
     };
     mapping?: Record<string, string>;
-    expandedProperties?: Record<string, string[]>;
 }
 
 interface ShorthandMapType {
@@ -4560,7 +4559,6 @@ interface ShorthandMapType {
     properties: {
         [property: string]: PropertyMapType;
     };
-    expandedProperties?: Record<string, string[]>;
 }
 
 interface ShorthandProperties {
diff --git a/jsr.json b/jsr.json
index f7f63acb..73e9da98 100644
--- a/jsr.json
+++ b/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@tbela99/css-parser",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "publish": {
     "include": [
       "src",
diff --git a/package.json b/package.json
index 585eacd1..bd6e079a 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser, minifier and validator for node and the browser",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "exports": {
     ".": "./dist/node.js",
     "./node": "./dist/node.js",
@@ -88,4 +88,4 @@
     "chai-as-promised": "^8.0.2"
   },
   "sideEffects": false
-}
+}
\ No newline at end of file
diff --git a/scripts/shorthand.ts b/scripts/shorthand.ts
index 69522b0f..1cfee9d2 100644
--- a/scripts/shorthand.ts
+++ b/scripts/shorthand.ts
@@ -1025,7 +1025,6 @@ export const map: ShorthandMapType = (<ShorthandMapType[][]>[
             },
         ],
     ],
-
     [
         {
             shorthand: "grid-template",
diff --git a/src/@types/shorthand.d.ts b/src/@types/shorthand.d.ts
index 19ab0249..6e225ea1 100644
--- a/src/@types/shorthand.d.ts
+++ b/src/@types/shorthand.d.ts
@@ -5,8 +5,8 @@ export interface PropertyType {
 }
 
 export interface SinglePropertyType {
-        typ: keyof EnumToken;
-        val: string | number;
+    typ: keyof EnumToken;
+    val: string | number;
 }
 
 export interface SinglePropertyTypeMapping {
@@ -55,7 +55,6 @@ export interface PropertyMapType {
         };
     };
     mapping?: Record<string, string>;
-    expandedProperties?: Record<string, string[]>;
 }
 
 export interface ShorthandMapType {
@@ -70,7 +69,6 @@ export interface ShorthandMapType {
     properties: {
         [property: string]: PropertyMapType;
     };
-    expandedProperties?: Record<string, string[]>;
 }
 
 export interface ShorthandProperties {