From 9d0a5873e62ef3b02f37997a6265bbdc75939ba0 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 21 Sep 2026 12:57:14 -0400
Subject: [PATCH 01/41] update doc #159

---
 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 564ff7e4f..96f429ceb 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.3/web';
+    import {transform, ColorType} from 'https://unpkg.com/@tbela99/css-parser@1.6.4/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.3/dist/index-umd-web.js"></script>
+<script src="https://unpkg.com/@tbela99/css-parser@1.6.4/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.3/web';
+    import {transform, ColorType} from 'https://unpkg.com/@tbela99/css-parser@1.6.4/web';
 
 const css = `
 
@@ -202,7 +202,7 @@ Load as an UMD module
 
 ```html
 
-<script src="https://unpkg.com/@tbela99/css-parser@1.6.3/dist/index-umd-web.js"></script>
+<script src="https://unpkg.com/@tbela99/css-parser@1.6.4/dist/index-umd-web.js"></script>
 <script>
 
     (async () => {

From 6f217b97079e94219d8005361dd09de5095f77cc Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 21 Sep 2026 14:09:24 -0400
Subject: [PATCH 02/41] fix nested shorthand computation

---
 dist/index-umd-web.js               |   35 +-
 dist/index.cjs                      |   35 +-
 dist/lib/ast/features/shorthand.js  |    3 -
 dist/lib/parser/declaration/list.js |   25 +-
 dist/lib/parser/declaration/map.js  |    4 +-
 dist/lib/validation/match.js        |    3 +-
 src/data/validation.json            | 5360 ++++++++++++++++++++++++++-
 src/lib/ast/features/shorthand.ts   |    5 +-
 src/lib/parser/declaration/list.ts  |   34 +-
 src/lib/parser/declaration/map.ts   |    9 +-
 src/lib/validation/match.ts         |    5 +-
 test/specs/code/shorthand.js        |   20 +
 12 files changed, 5458 insertions(+), 80 deletions(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index c42387449..cc1757c13 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -12805,7 +12805,8 @@
                 for (let i = index; i < syntaxes.length; i++) {
                     if (syntaxes[i].typ == ValidationTokenEnum.Whitespace ||
                         syntaxes[i].isOptional ||
-                        syntaxes[i].isRepeatable) {
+                        syntaxes[i].isRepeatable ||
+                        syntaxes[i].match?.min?.val === 0) {
                         continue;
                     }
                     return {
@@ -19695,7 +19696,7 @@
         }
         add(declaration) {
             if (declaration.nam == this.config.shorthand) {
-                this.declarations = new Map();
+                this.declarations.clear();
                 this.declarations.set(declaration.nam, declaration);
                 this.matchTypes(declaration);
             }
@@ -20337,8 +20338,6 @@
                         }
                         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, {
@@ -20701,28 +20700,34 @@
                     // @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;
+                    const mapName = 
                     // @ts-ignore
-                    const mapName = config.map[propertyName]?.map ?? config.map[shorthand]?.properties?.[propertyName]?.map;
+                    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)) {
+                    else if (!this.declarations.has(shorthand)) {
+                        this.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                    }
+                    if (owner == this) {
                         // @ts-ignore
-                        owner.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                        owner.declarations.get(shorthand).add(declaration);
+                    }
+                    else {
+                        if (!owner.declarations.has(shorthand)) {
+                            // @ts-ignore
+                            owner.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                        }
+                        // @ts-ignore
+                        owner.declarations.get(shorthand).add(declaration);
                     }
-                    //  console.error({propertyName,mapName, owned: owner == this});
-                    // @ts-ignore
-                    owner.declarations.get(shorthand).add(declaration);
                 }
                 // @ts-ignore
                 else if (shortHandType == "set") {
@@ -20809,7 +20814,6 @@
         [Symbol.iterator]() {
             let iterator = this.declarations.values();
             const iterators = [];
-            // console.error(this);
             return {
                 next() {
                     let value = iterator.next();
@@ -20859,7 +20863,6 @@
             const j = ast.chi.length;
             let k = 0;
             let l;
-            // let properties: PropertyList = new PropertyList(options);
             const rules = [];
             const declarations = [];
             // @ts-ignore
@@ -20880,7 +20883,6 @@
                 if (node.typ == exports.EnumToken.DeclarationNodeType) {
                     for (let m = k; m <= l; m++) {
                         declarations.push(ast.chi[m]);
-                        // properties.add(ast.chi![m]);
                     }
                 }
                 else {
@@ -20890,7 +20892,6 @@
                 }
                 k = l;
             }
-            // console.error([...new PropertyList(options).add(declarations)]);
             if (declarations.length > 0) {
                 ast.chi.length = 0;
                 // @ts-expect-error
diff --git a/dist/index.cjs b/dist/index.cjs
index c9475aa67..07ee3f573 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -12808,7 +12808,8 @@ function matchAllSyntaxes(syntaxes, context, options) {
             for (let i = index; i < syntaxes.length; i++) {
                 if (syntaxes[i].typ == ValidationTokenEnum.Whitespace ||
                     syntaxes[i].isOptional ||
-                    syntaxes[i].isRepeatable) {
+                    syntaxes[i].isRepeatable ||
+                    syntaxes[i].match?.min?.val === 0) {
                     continue;
                 }
                 return {
@@ -19698,7 +19699,7 @@ class PropertyMap {
     }
     add(declaration) {
         if (declaration.nam == this.config.shorthand) {
-            this.declarations = new Map();
+            this.declarations.clear();
             this.declarations.set(declaration.nam, declaration);
             this.matchTypes(declaration);
         }
@@ -20340,8 +20341,6 @@ class PropertyMap {
                     }
                     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, {
@@ -20704,28 +20703,34 @@ 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;
+                const mapName = 
                 // @ts-ignore
-                const mapName = config.map[propertyName]?.map ?? config.map[shorthand]?.properties?.[propertyName]?.map;
+                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)) {
+                else if (!this.declarations.has(shorthand)) {
+                    this.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                }
+                if (owner == this) {
                     // @ts-ignore
-                    owner.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                    owner.declarations.get(shorthand).add(declaration);
+                }
+                else {
+                    if (!owner.declarations.has(shorthand)) {
+                        // @ts-ignore
+                        owner.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                    }
+                    // @ts-ignore
+                    owner.declarations.get(shorthand).add(declaration);
                 }
-                //  console.error({propertyName,mapName, owned: owner == this});
-                // @ts-ignore
-                owner.declarations.get(shorthand).add(declaration);
             }
             // @ts-ignore
             else if (shortHandType == "set") {
@@ -20812,7 +20817,6 @@ class PropertyList {
     [Symbol.iterator]() {
         let iterator = this.declarations.values();
         const iterators = [];
-        // console.error(this);
         return {
             next() {
                 let value = iterator.next();
@@ -20862,7 +20866,6 @@ class ComputeShorthandFeature {
         const j = ast.chi.length;
         let k = 0;
         let l;
-        // let properties: PropertyList = new PropertyList(options);
         const rules = [];
         const declarations = [];
         // @ts-ignore
@@ -20883,7 +20886,6 @@ class ComputeShorthandFeature {
             if (node.typ == exports.EnumToken.DeclarationNodeType) {
                 for (let m = k; m <= l; m++) {
                     declarations.push(ast.chi[m]);
-                    // properties.add(ast.chi![m]);
                 }
             }
             else {
@@ -20893,7 +20895,6 @@ class ComputeShorthandFeature {
             }
             k = l;
         }
-        // console.error([...new PropertyList(options).add(declarations)]);
         if (declarations.length > 0) {
             ast.chi.length = 0;
             // @ts-expect-error
diff --git a/dist/lib/ast/features/shorthand.js b/dist/lib/ast/features/shorthand.js
index 149ed4e87..260b2e3d0 100644
--- a/dist/lib/ast/features/shorthand.js
+++ b/dist/lib/ast/features/shorthand.js
@@ -28,7 +28,6 @@ class ComputeShorthandFeature {
         const j = ast.chi.length;
         let k = 0;
         let l;
-        // let properties: PropertyList = new PropertyList(options);
         const rules = [];
         const declarations = [];
         // @ts-ignore
@@ -49,7 +48,6 @@ class ComputeShorthandFeature {
             if (node.typ == EnumToken.DeclarationNodeType) {
                 for (let m = k; m <= l; m++) {
                     declarations.push(ast.chi[m]);
-                    // properties.add(ast.chi![m]);
                 }
             }
             else {
@@ -59,7 +57,6 @@ class ComputeShorthandFeature {
             }
             k = l;
         }
-        // console.error([...new PropertyList(options).add(declarations)]);
         if (declarations.length > 0) {
             ast.chi.length = 0;
             // @ts-expect-error
diff --git a/dist/lib/parser/declaration/list.js b/dist/lib/parser/declaration/list.js
index 40b326e84..44fa3bad9 100644
--- a/dist/lib/parser/declaration/list.js
+++ b/dist/lib/parser/declaration/list.js
@@ -84,28 +84,34 @@ 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;
+                const mapName = 
                 // @ts-ignore
-                const mapName = config.map[propertyName]?.map ?? config.map[shorthand]?.properties?.[propertyName]?.map;
+                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)) {
+                else if (!this.declarations.has(shorthand)) {
+                    this.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                }
+                if (owner == this) {
                     // @ts-ignore
-                    owner.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                    owner.declarations.get(shorthand).add(declaration);
+                }
+                else {
+                    if (!owner.declarations.has(shorthand)) {
+                        // @ts-ignore
+                        owner.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
+                    }
+                    // @ts-ignore
+                    owner.declarations.get(shorthand).add(declaration);
                 }
-                //  console.error({propertyName,mapName, owned: owner == this});
-                // @ts-ignore
-                owner.declarations.get(shorthand).add(declaration);
             }
             // @ts-ignore
             else if (shortHandType == "set") {
@@ -192,7 +198,6 @@ 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 30978bc29..db2f61d3d 100644
--- a/dist/lib/parser/declaration/map.js
+++ b/dist/lib/parser/declaration/map.js
@@ -25,7 +25,7 @@ class PropertyMap {
     }
     add(declaration) {
         if (declaration.nam == this.config.shorthand) {
-            this.declarations = new Map();
+            this.declarations.clear();
             this.declarations.set(declaration.nam, declaration);
             this.matchTypes(declaration);
         }
@@ -667,8 +667,6 @@ class PropertyMap {
                     }
                     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/validation/match.js b/dist/lib/validation/match.js
index f865e4bf9..3ee9a31e4 100644
--- a/dist/lib/validation/match.js
+++ b/dist/lib/validation/match.js
@@ -643,7 +643,8 @@ function matchAllSyntaxes(syntaxes, context, options) {
             for (let i = index; i < syntaxes.length; i++) {
                 if (syntaxes[i].typ == ValidationTokenEnum.Whitespace ||
                     syntaxes[i].isOptional ||
-                    syntaxes[i].isRepeatable) {
+                    syntaxes[i].isRepeatable ||
+                    syntaxes[i].match?.min?.val === 0) {
                     continue;
                 }
                 return {
diff --git a/src/data/validation.json b/src/data/validation.json
index 58e3f13fc..ca7ebc0cb 100644
--- a/src/data/validation.json
+++ b/src/data/validation.json
@@ -1 +1,5359 @@
-{"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
+{
+    "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/ast/features/shorthand.ts b/src/lib/ast/features/shorthand.ts
index eed130641..818e21fb7 100644
--- a/src/lib/ast/features/shorthand.ts
+++ b/src/lib/ast/features/shorthand.ts
@@ -34,7 +34,7 @@ export class ComputeShorthandFeature {
         const j: number = ast.chi.length;
         let k: number = 0;
         let l: number;
-        // let properties: PropertyList = new PropertyList(options);
+
         const rules: AstNode[] = [];
         const declarations: AstNode[] = [];
 
@@ -60,7 +60,6 @@ export class ComputeShorthandFeature {
             if (node.typ == EnumToken.DeclarationNodeType) {
                 for (let m = k; m <= l; m++) {
                     declarations.push(ast.chi![m]);
-                    // properties.add(ast.chi![m]);
                 }
             } else {
                 for (let m = k; m <= l; m++) {
@@ -71,8 +70,6 @@ export class ComputeShorthandFeature {
             k = l;
         }
 
-        // console.error([...new PropertyList(options).add(declarations)]);
-
         if (declarations.length > 0) {
             ast.chi!.length = 0;
             // @ts-expect-error
diff --git a/src/lib/parser/declaration/list.ts b/src/lib/parser/declaration/list.ts
index c410b6c7e..f1c225040 100644
--- a/src/lib/parser/declaration/list.ts
+++ b/src/lib/parser/declaration/list.ts
@@ -111,37 +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
-                 const mapName : string = config.map[propertyName]?.map ?? config.map[shorthand]?.properties?.[propertyName]?.map
+                const mapName: string =
+                    // @ts-ignore
+                    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});
-
+                    owner = this.declarations.get(mapName) as PropertyMap;
+                } else if (!this.declarations.has(shorthand)) {
+                    this.declarations.set(shorthand, new PropertyMap(<ShorthandMapType>config.map[shorthand]));
                 }
 
-                // @ts-ignore
-                if (!owner.declarations.has(shorthand)) {
+                if (owner == this) {
                     // @ts-ignore
-                    owner.declarations.set(shorthand, new PropertyMap(<ShorthandMapType>config.map[shorthand]));
-                }
-
-                //  console.error({propertyName,mapName, owned: owner == this});
+                    owner.declarations.get(shorthand).add(declaration);
+                } else {
+                    if (!(owner as PropertyMap).declarations.has(shorthand)) {
+                        // @ts-ignore
+                        owner.declarations.set(shorthand, new PropertyMap(<ShorthandMapType>config.map[shorthand]));
+                    }
 
-                // @ts-ignore
-                (<PropertyMap>owner.declarations.get(shorthand)).add(<AstDeclaration>declaration);
+                    // @ts-ignore
+                    (<PropertyMap>owner).declarations.get(shorthand).add(<AstDeclaration>declaration);
+                }
             }
 
             // @ts-ignore
@@ -255,8 +255,6 @@ 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 b6283afe4..f90707ebc 100644
--- a/src/lib/parser/declaration/map.ts
+++ b/src/lib/parser/declaration/map.ts
@@ -28,7 +28,7 @@ interface TokenMap {
 
 export class PropertyMap {
     protected config: ShorthandMapType;
-    protected declarations: Map<string, AstDeclaration | PropertySet | PropertyMap>;
+    public declarations: Map<string, AstDeclaration | PropertySet | PropertyMap>;
     protected requiredCount: any;
     protected pattern: string[];
 
@@ -43,8 +43,9 @@ export class PropertyMap {
     }
 
     add(declaration: AstDeclaration) {
+
         if (declaration.nam == this.config.shorthand) {
-            this.declarations = new Map<string, AstDeclaration>();
+            this.declarations.clear();
             this.declarations.set(<string>declaration.nam, declaration);
 
             this.matchTypes(declaration);
@@ -313,6 +314,7 @@ export class PropertyMap {
         }
 
         if (!isShorthand || requiredCount < this.requiredCount) {
+
             if (isShorthand && declarations.has(this.config.shorthand)) {
                 const cache: Map<Token, string> = new Map();
 
@@ -888,9 +890,6 @@ export class PropertyMap {
                         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(
                         (acc: string, curr: Token): string =>
diff --git a/src/lib/validation/match.ts b/src/lib/validation/match.ts
index 201d0ffb1..bf37ace0e 100644
--- a/src/lib/validation/match.ts
+++ b/src/lib/validation/match.ts
@@ -882,10 +882,12 @@ export function matchAllSyntaxes(
 
         if (index != -1) {
             for (let i = index; i < syntaxes.length; i++) {
+
                 if (
                     syntaxes[i].typ == ValidationTokenEnum.Whitespace ||
                     syntaxes[i].isOptional ||
-                    syntaxes[i].isRepeatable
+                    syntaxes[i].isRepeatable ||
+                    syntaxes[i].match?.min?.val === 0
                 ) {
                     continue;
                 }
@@ -1097,6 +1099,7 @@ function matchSyntax(
     }
 
     while (++i < syntaxes.length) {
+
         if (syntaxes[i].typ == ValidationTokenEnum.Whitespace) {
             continue;
         }
diff --git a/test/specs/code/shorthand.js b/test/specs/code/shorthand.js
index 4d034376e..f6a4dd882 100644
--- a/test/specs/code/shorthand.js
+++ b/test/specs/code/shorthand.js
@@ -592,6 +592,26 @@ grid-template-areas:
  background-color: blue;
  grid-row: span 7/2;
  grid-column-start: span 2
+}`),
+        );
+    });
+    it("grid-row/grid-column #34", function () {
+        return transform(
+            `
+    
+  .sidebar {
+ grid-row: 2;
+ grid-row-end: 2;
+ grid-column: 2;
+ grid-area: sidebar
+}
+`,
+            {
+                beautify: true,
+            },
+        ).then((result) =>
+            expect(result.code).equals(`.sidebar {
+ grid-area: sidebar
 }`),
         );
     });

From cbfe0645517adb4db44cf7580d289cc67128527c Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 21 Sep 2026 14:20:26 -0400
Subject: [PATCH 03/41] update doc

---
 files/prefix-removal.md | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

diff --git a/files/prefix-removal.md b/files/prefix-removal.md
index d88aac497..cbc4fe01a 100644
--- a/files/prefix-removal.md
+++ b/files/prefix-removal.md
@@ -143,7 +143,7 @@ Output:
   color: grey
  }
 }
-@media (min-resolution:2x) {
+@media (resolution>=2x) {
  .image {
   background-image: url(image@2x.png)
  }
@@ -172,31 +172,18 @@ Output:
  font-size: 20px
 }
 .mastheader {
- grid-row: 1;
- grid-column: 1;
- grid-column-end: 2;
  grid-area: header
 }
 .page-title {
- grid-row: 2;
- grid-column: 1;
  grid-area: title
 }
 .main-content {
- grid-row: 3;
- grid-column: 1;
  grid-area: main
 }
 .sidebar {
- grid-row: 2;
- grid-row-end: 2;
- grid-column: 2;
  grid-area: sidebar
 }
 .footer {
- grid-row: 4;
- grid-column: 1;
- grid-column-end: 2;
  grid-area: footer
 }
 ```

From e492d60e1890560e1fa210cfa79fea18daba1e63 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 21 Sep 2026 14:25:24 -0400
Subject: [PATCH 04/41] add ts-ignore

---
 benchmark/package.json             | 4 ++--
 src/lib/parser/declaration/list.ts | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/benchmark/package.json b/benchmark/package.json
index 5d81be43d..b1be2ddf4 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -10,8 +10,8 @@
     "all": "npm run sizes && npm run bench; npm run report"
   },
   "dependencies": {
-    "@tbela99/css-parser": "^1.6.3",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#04832c9",
+    "@tbela99/css-parser": "^1.6.4",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#cbfe064",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^9.0.5",
diff --git a/src/lib/parser/declaration/list.ts b/src/lib/parser/declaration/list.ts
index f1c225040..341f61fc8 100644
--- a/src/lib/parser/declaration/list.ts
+++ b/src/lib/parser/declaration/list.ts
@@ -127,6 +127,7 @@ export class PropertyList {
 
                     owner = this.declarations.get(mapName) as PropertyMap;
                 } else if (!this.declarations.has(shorthand)) {
+                    // @ts-ignore
                     this.declarations.set(shorthand, new PropertyMap(<ShorthandMapType>config.map[shorthand]));
                 }
 

From 3106f45e2ea80b05f843df167ec4c44d097d342e Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 21 Sep 2026 15:10:01 -0400
Subject: [PATCH 05/41] add ts-ignore

---
 dist/index-umd-web.js               |  6 ++++--
 dist/index.cjs                      |  6 ++++--
 dist/lib/parser/declaration/list.js |  1 +
 dist/lib/parser/declaration/map.js  |  5 +++--
 files/prefix-removal.md             | 22 +++++++++++-----------
 src/lib/parser/declaration/map.ts   |  7 +++----
 6 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index cc1757c13..67822aa46 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -19872,8 +19872,9 @@
             }
             if (hasMapping) {
                 const mapped = {};
-                for (const key of declarations.keys()) {
-                    const value = declarations.get(key);
+                let key;
+                for (const value of declarations.values()) {
+                    key = value.nam;
                     if (value instanceof PropertyMap) {
                         for (const [k, v] of value.declarations) {
                             mapped[k] = v;
@@ -20714,6 +20715,7 @@
                         owner = this.declarations.get(mapName);
                     }
                     else if (!this.declarations.has(shorthand)) {
+                        // @ts-ignore
                         this.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
                     }
                     if (owner == this) {
diff --git a/dist/index.cjs b/dist/index.cjs
index 07ee3f573..5af1f355b 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -19875,8 +19875,9 @@ class PropertyMap {
         }
         if (hasMapping) {
             const mapped = {};
-            for (const key of declarations.keys()) {
-                const value = declarations.get(key);
+            let key;
+            for (const value of declarations.values()) {
+                key = value.nam;
                 if (value instanceof PropertyMap) {
                     for (const [k, v] of value.declarations) {
                         mapped[k] = v;
@@ -20717,6 +20718,7 @@ class PropertyList {
                     owner = this.declarations.get(mapName);
                 }
                 else if (!this.declarations.has(shorthand)) {
+                    // @ts-ignore
                     this.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
                 }
                 if (owner == this) {
diff --git a/dist/lib/parser/declaration/list.js b/dist/lib/parser/declaration/list.js
index 44fa3bad9..ab379d269 100644
--- a/dist/lib/parser/declaration/list.js
+++ b/dist/lib/parser/declaration/list.js
@@ -98,6 +98,7 @@ class PropertyList {
                     owner = this.declarations.get(mapName);
                 }
                 else if (!this.declarations.has(shorthand)) {
+                    // @ts-ignore
                     this.declarations.set(shorthand, new PropertyMap(config.map[shorthand]));
                 }
                 if (owner == this) {
diff --git a/dist/lib/parser/declaration/map.js b/dist/lib/parser/declaration/map.js
index db2f61d3d..3d227c776 100644
--- a/dist/lib/parser/declaration/map.js
+++ b/dist/lib/parser/declaration/map.js
@@ -201,8 +201,9 @@ class PropertyMap {
         }
         if (hasMapping) {
             const mapped = {};
-            for (const key of declarations.keys()) {
-                const value = declarations.get(key);
+            let key;
+            for (const value of declarations.values()) {
+                key = value.nam;
                 if (value instanceof PropertyMap) {
                     for (const [k, v] of value.declarations) {
                         mapped[k] = v;
diff --git a/files/prefix-removal.md b/files/prefix-removal.md
index cbc4fe01a..15fd8918f 100644
--- a/files/prefix-removal.md
+++ b/files/prefix-removal.md
@@ -13,7 +13,6 @@ Vendor prefixes can be removed by enabling the `removePrefix` flag.
 import {transformSync} from '@tbela99/css-parser';
 
 const css = `
-
 ::-webkit-input-placeholder {
     color: gray;
   }
@@ -97,30 +96,26 @@ const css = `
      -ms-grid-row:1;
      -ms-grid-column:1;
      -ms-grid-column-span:2;
-     grid-area:header;
   }
   .page-title{
      -ms-grid-row:2;
      -ms-grid-column:1;
-     grid-area:title;
   }
   .main-content{
      -ms-grid-row:3;
      -ms-grid-column:1;
-     grid-area:main;
   }
   .sidebar{
      -ms-grid-row:2;
      -ms-grid-row-span:2;
      -ms-grid-column:2;
-     grid-area:sidebar;
   }
   .footer{
      -ms-grid-row:4;
      -ms-grid-column:1;
      -ms-grid-column-span:2;
-     grid-area:footer;
   }
+
 `;
 const result = await transformSync(css, {
 
@@ -172,19 +167,24 @@ Output:
  font-size: 20px
 }
 .mastheader {
- grid-area: header
+ grid-row: 1;
+ grid-column: 1/2
 }
 .page-title {
- grid-area: title
+ grid-row: 2;
+ grid-column: 1
 }
 .main-content {
- grid-area: main
+ grid-row: 3;
+ grid-column: 1
 }
 .sidebar {
- grid-area: sidebar
+ grid-row: 2/2;
+ grid-column: 2
 }
 .footer {
- grid-area: footer
+ grid-row: 4;
+ grid-column: 1/2
 }
 ```
 
diff --git a/src/lib/parser/declaration/map.ts b/src/lib/parser/declaration/map.ts
index f90707ebc..c6fc22897 100644
--- a/src/lib/parser/declaration/map.ts
+++ b/src/lib/parser/declaration/map.ts
@@ -43,7 +43,6 @@ export class PropertyMap {
     }
 
     add(declaration: AstDeclaration) {
-
         if (declaration.nam == this.config.shorthand) {
             this.declarations.clear();
             this.declarations.set(<string>declaration.nam, declaration);
@@ -267,9 +266,10 @@ export class PropertyMap {
 
         if (hasMapping) {
             const mapped: { [key: string]: AstDeclaration } = {};
+            let key: string;
 
-            for (const key of declarations.keys()) {
-                const value = declarations.get(key);
+            for (const value of declarations.values()) {
+                key = (value as AstDeclaration).nam;
 
                 if (value instanceof PropertyMap) {
                     for (const [k, v] of (value as PropertyMap).declarations) {
@@ -314,7 +314,6 @@ export class PropertyMap {
         }
 
         if (!isShorthand || requiredCount < this.requiredCount) {
-
             if (isShorthand && declarations.has(this.config.shorthand)) {
                 const cache: Map<Token, string> = new Map();
 

From 7320538fd4cf814e721984b3a6821a89b3b46c1d Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 21 Sep 2026 18:53:35 -0400
Subject: [PATCH 06/41] include css-tree in benchmarck

---
 benchmark/package.json     |  2 +-
 benchmark/src/minifiers.js | 18 +++++++++---------
 src/lib/ast/minify.ts      | 28 ++++++++++++++--------------
 3 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/benchmark/package.json b/benchmark/package.json
index b1be2ddf4..08a75ee06 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tbela99/css-parser": "^1.6.4",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#cbfe064",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#3106f45",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^9.0.5",
diff --git a/benchmark/src/minifiers.js b/benchmark/src/minifiers.js
index 57ee284ed..c2e6003ee 100644
--- a/benchmark/src/minifiers.js
+++ b/benchmark/src/minifiers.js
@@ -99,15 +99,15 @@ export const minifiers = [
         minify: (css) => csso.minify(css).css,
     },
     // infinite loop bug
-    // {
-    //     id: "css-tree",
-    //     url: versions["css-tree"].url,
-    //     label: `css-tree - ${versions["css-tree"].version}`,
-    //     // css-tree has no dedicated minifier API; parse+generate already
-    //     // drops whitespace/comments, which is how the official benchmark
-    //     // treats it too (no property-level optimization, just compact output).
-    //     minify: (css) => csstree.generate(csstree.parse(css)),
-    // },
+    {
+        id: "css-tree",
+        url: versions["css-tree"].url,
+        label: `css-tree - ${versions["css-tree"].version}`,
+        // css-tree has no dedicated minifier API; parse+generate already
+        // drops whitespace/comments, which is how the official benchmark
+        // treats it too (no property-level optimization, just compact output).
+        minify: (css) => csstree.generate(csstree.parse(css)),
+    },
     {
         id: "esbuild",
         url: versions.esbuild.url,
diff --git a/src/lib/ast/minify.ts b/src/lib/ast/minify.ts
index 4d7d720ac..63493bd33 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 "../printer/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[] = [
@@ -991,7 +991,6 @@ function doMinify(
                                     // @ts-ignore
                                     (node as AstAtRule).nam === (previous as AstAtRule).nam)
                             ) {
-
                                 const array = [];
 
                                 for (let i = 0; i < previous.chi!.length; i++) {
@@ -1000,7 +999,7 @@ function doMinify(
                                 for (let i = 0; i < node.chi!.length; i++) {
                                     array.push(node.chi![i]);
                                 }
-                                
+
                                 // @ts-ignore
                                 node.chi = array;
 
@@ -1077,7 +1076,8 @@ function doMinify(
             nodeIndex = i;
         }
 
-        if (recursive && node != null && "chi" in node) {
+        // @ts-ignore
+        if (recursive && node != null && node.chi != null) {
             if (
                 node.typ == EnumToken.KeyframesAtRuleNodeType ||
                 !(node as AstAtRule).chi!.some((n: AstNode) => n.typ == EnumToken.DeclarationNodeType)

From 1bd7256c9f2d6fc50dc5e2df0a591b8dd4324a26 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Tue, 22 Sep 2026 15:23:21 -0400
Subject: [PATCH 07/41] adding speed stettings in the benchmark

---
 benchmark/src/generate-report.js   |  2 +-
 benchmark/src/minifiers.js         | 24 ++++++++++++------
 dist/index-umd-web.js              |  4 ++-
 dist/index.cjs                     |  4 ++-
 dist/index.d.ts                    | 39 +++++++++++++++++++++++++++++-
 dist/lib/ast/minify.js             |  3 ++-
 dist/node.js                       |  1 +
 dist/web.js                        |  1 +
 src/lib/parser/declaration/list.ts |  3 +++
 src/node.ts                        | 29 +++++++++++-----------
 src/web.ts                         | 17 +++++++------
 11 files changed, 92 insertions(+), 35 deletions(-)

diff --git a/benchmark/src/generate-report.js b/benchmark/src/generate-report.js
index 8effbf060..422cd9a8b 100644
--- a/benchmark/src/generate-report.js
+++ b/benchmark/src/generate-report.js
@@ -72,7 +72,7 @@ for (const m of minifiers) {
 totalRow += `</tr>\n`;
 
 const headerCells = minifiers
-    .map((m) => `<th>${m.url != null ? `<a href="${m.url}" target="_top">${m.label}</a>` : m.label}</th>`)
+    .map((m) => `<th>${m.url != null ? `<a href="${m.url}" target="_top"${m.title != null ? ` title="${m.title}"` : ""}>${m.label}</a>` : m.label}</th>`)
     .join("\n");
 
 const html = `<!DOCTYPE html>
diff --git a/benchmark/src/minifiers.js b/benchmark/src/minifiers.js
index c2e6003ee..ede63511f 100644
--- a/benchmark/src/minifiers.js
+++ b/benchmark/src/minifiers.js
@@ -12,7 +12,7 @@ import * as csstree from "css-tree";
 import * as esbuild from "esbuild";
 import { transform as lightningTransform } from "lightningcss";
 import { transform as tbelaTransform } from "@tbela99/css-parser";
-import {transformSync as tbelaDevTransform} from "@tbela99/css-parser2";
+import { transformSync as tbelaDevTransform, PropertyList } from "@tbela99/css-parser2";
 
 function pkgVersion(name, pathToPkgJson) {
     const { version, repository } = JSON.parse(
@@ -39,16 +39,14 @@ function pkgVersion(name, pathToPkgJson) {
             const githubShorthand = url.match(/^github:([^/]+\/[^/]+)$/);
             if (githubShorthand) {
                 url = `https://github.com/${githubShorthand[1]}`;
-            }
-
-            else {
+            } else {
                 url = url
                     .replace(/^git\+/, "")
                     .replace(/^git@github\.com:/, "https://github.com/")
                     .replace(/^ssh:\/\/git@github\.com\//, "https://github.com/")
                     .replace(/\.git$/, "");
             }
-            
+
             if (!url.match(/[a-zA-Z]+:/)) {
                 url = "https://github.com/" + url;
             }
@@ -124,13 +122,23 @@ export const minifiers = [
     {
         id: "css-parser",
         url: versions["css-parser"].url,
-        label: `@tbela99/css-parser - ${versions["css-parser"].version}`,
-        minify: async (css) => (await tbelaTransform(css, { minify: true })).code,
+        label: `@tbela99/css-parser (speed) - ${versions["css-parser"].version}`,
+        title: `settings: { minify: false, beautify: false, removeEmpty: true, removeComments: true, convertColor: true }`,
+        minify: async (css) =>
+            (
+                await tbelaTransform(css, {
+                    minify: false,
+                    beautify: false,
+                    removeEmpty: true,
+                    removeComments: true,
+                    convertColor: true,
+                })
+            ).code,
     },
     {
         id: "css-parser-dev",
         url: versions["css-parser-dev"].url,
-        label: `@tbela99/css-parser-dev - ${versions["css-parser-dev"].version}`,
+        label: `@tbela99/css-parser-dev (default) - ${versions["css-parser-dev"].version}`,
         minify: async (css) => (await tbelaDevTransform(css, { minify: true })).code,
     },
 ];
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 67822aa46..dbe091163 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -23519,7 +23519,8 @@
                 previous = node;
                 nodeIndex = i;
             }
-            if (recursive && node != null && "chi" in node) {
+            // @ts-ignore
+            if (recursive && node != null && node.chi != null) {
                 if (node.typ == exports.EnumToken.KeyframesAtRuleNodeType ||
                     !node.chi.some((n) => n.typ == exports.EnumToken.DeclarationNodeType)) {
                     if (!(node.typ == exports.EnumToken.AtRuleNodeType && node.nam != "font-face")) {
@@ -34845,6 +34846,7 @@
         });
     }
 
+    exports.PropertyList = PropertyList;
     exports.SourceMap = SourceMap;
     exports.cloneNode = cloneNode;
     exports.convertColor = convertColor;
diff --git a/dist/index.cjs b/dist/index.cjs
index 5af1f355b..daac22c9d 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -23522,7 +23522,8 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
             previous = node;
             nodeIndex = i;
         }
-        if (recursive && node != null && "chi" in node) {
+        // @ts-ignore
+        if (recursive && node != null && node.chi != null) {
             if (node.typ == exports.EnumToken.KeyframesAtRuleNodeType ||
                 !node.chi.some((n) => n.typ == exports.EnumToken.DeclarationNodeType)) {
                 if (!(node.typ == exports.EnumToken.AtRuleNodeType && node.nam != "font-face")) {
@@ -34899,6 +34900,7 @@ async function transform(...args) {
     });
 }
 
+exports.PropertyList = PropertyList;
 exports.SourceMap = SourceMap;
 exports.cloneNode = cloneNode;
 exports.convertColor = convertColor;
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 096b023d7..8969002c6 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -6554,6 +6554,43 @@ declare function replaceNodeOrValue(parent: BinaryExpressionToken | (AstNode$1 &
     val: Token$1[];
 })), node: Token$1, replacement: Token$1 | Token$1[]): boolean;
 
+declare class PropertySet {
+    protected config: ShorthandPropertyType;
+    protected declarations: Map<string, AstDeclaration>;
+    constructor(config: ShorthandPropertyType);
+    add(declaration: AstDeclaration): this;
+    isShortHand(): boolean;
+    [Symbol.iterator](): IterableIterator<AstDeclaration>;
+}
+
+declare class PropertyMap {
+    protected config: ShorthandMapType;
+    declarations: Map<string, AstDeclaration | PropertySet | PropertyMap>;
+    protected requiredCount: any;
+    protected pattern: string[];
+    constructor(config: ShorthandMapType);
+    add(declaration: AstDeclaration): this;
+    [Symbol.iterator](): ArrayIterator<AstDeclaration> | {
+        next(): IteratorResult<AstDeclaration>;
+    };
+    private matchTypes;
+    private removeDefaults;
+}
+
+declare class PropertyList {
+    protected options: PropertyListOptions;
+    protected declarations: Map<string, AstNode$1 | PropertySet | PropertyMap>;
+    constructor(options?: PropertyListOptions);
+    add(declarations: AstNode$1[]): this;
+    mapValues(declaration: AstDeclaration, mapping: SinglePropertyTypeMapping): void;
+    [Symbol.iterator](): {
+        next(): {
+            value: AstNode$1;
+            done: boolean;
+        };
+    };
+}
+
 /**
  *
  * @param node
@@ -7007,5 +7044,5 @@ declare function transform(options: ParseInputStreamOptions & TransformOptions):
  */
 declare function transform(options: ParseInputFileOptions & TransformOptions): Promise<TransformResult>;
 
-export { ColorType$1 as ColorType, EnumAstNodeStatus$1 as EnumAstNodeStatus, EnumToken, FeatureWalkMode, ModuleCaseTransformEnum, ModuleScopeEnumOptions, ResponseType, SourceMap, ValidationLevel, WalkerEvent, WalkerOptionEnum, cloneNode, convertColor, dirname, expand, find, findAll, findByValue, findLast, getNodeProperty, isOkLabClose, load, minify, okLabDistance, parse, parseDeclarations, parseFile, parseString, parseSync, render, renderValue as renderToken, replaceNodeOrValue, resolve, setNodeProperty, transform, transformFile, transformSync, walk, walkValues };
+export { ColorType$1 as ColorType, EnumAstNodeStatus$1 as EnumAstNodeStatus, EnumToken, FeatureWalkMode, ModuleCaseTransformEnum, ModuleScopeEnumOptions, PropertyList, ResponseType, SourceMap, ValidationLevel, WalkerEvent, WalkerOptionEnum, cloneNode, convertColor, dirname, expand, find, findAll, findByValue, findLast, getNodeProperty, isOkLabClose, load, minify, okLabDistance, parse, parseDeclarations, parseFile, parseString, parseSync, render, renderValue as renderToken, replaceNodeOrValue, resolve, setNodeProperty, transform, transformFile, transformSync, walk, walkValues };
 export type { AddToken, AndToken, AngleToken, AstAtRule, AstComment, AstDeclaration, AstInvalidAtRule, AstInvalidDeclaration, AstInvalidRule, AstKeyframesAtRule, AstKeyframesRule, AstNode$1 as AstNode, AstNodeStatus, AstRule, AstRuleList, AstStyleSheet, AstValueMatcher, AtRuleToken, AtRuleVisitorHandler, AttrEndToken, AttrStartToken, AttrToken, Background, BackgroundAttachmentMapping, BackgroundPosition, BackgroundPositionClass, BackgroundPositionConstraints, BackgroundPositionMapping, BackgroundProperties, BackgroundRepeat, BackgroundRepeatMapping, BackgroundSize, BackgroundSizeMapping, BadCDOCommentToken, BadCommentToken, BadStringToken, BadUrlToken, BaseToken, BinaryExpressionNode, BinaryExpressionToken, BlockEndToken, BlockStartToken, Border, BorderColor, BorderColorClass, BorderProperties, BorderRadius, CDOCommentToken, ChildCombinatorToken, ClassSelectorToken, ColonToken, ColorToken, ColumnCombinatorToken, CommaToken, CommentToken, ComposesSelectorToken, ConstraintsMapping, ContainMatchToken, ContainerStyleRangeToken, CssVariableImportTokenType, CssVariableMapTokenType, CssVariableToken, DashMatchToken, DashedIdentToken, DeclarationVisitorHandler, DelimToken, DescendantCombinatorToken, DimensionToken, DivToken, DoubleColonToken, EOFToken, EndMatchToken, EqualMatchToken, ErrorDescription$1 as ErrorDescription, FlexToken, Font, FontFamily, FontProperties, FontWeight, FontWeightConstraints, FontWeightMapping, FractionToken, FrequencyToken, FunctionDefToken, FunctionImageToken, FunctionToken, FunctionURLToken, GenericVisitorAstNodeHandlerMap, GenericVisitorAstNodeSyncHandlerMap, GenericVisitorAsyncResult, GenericVisitorHandler, GenericVisitorResult, GenericVisitorSyncHandler, GenericVisitorSyncResult, GreaterThanOrEqualToken, GreaterThanToken, GridTemplateFuncToken, HashToken, IdentListToken, IdentToken, IfConditionToken, IfElseConditionToken, ImportantToken, IncludeMatchToken, InfinityToken, InvalidAttrToken, InvalidClassSelectorToken, InvalidMediaQueryToken, LengthToken, LessThanOrEqualToken, LessThanToken, LineHeight, ListToken, LiteralToken, LoadResult, Map$1 as Map, MatchExpressionToken, MatchedSelector, MediaFeatureOnlyToken, MediaFeatureToken, MediaQueryConditionToken, MediaQueryUnaryFeatureToken, MediaRangeQueryToken, MinifyFeature, MinifyFeatureOptions, MinifyOptions, ModuleAsyncOptions, ModuleSyncOptions, MulToken, NaNToken, NameSpaceAttributeToken, NegativeInfinityToken, NestingSelectorToken, NextSiblingCombinatorToken, NotToken, NumberToken, OptimizedSelector, OptimizedSelectorToken, OrToken, Outline, OutlineProperties, ParensEndToken, ParensStartToken, ParensToken, ParseInfo$1 as ParseInfo, ParseInputFileOptions, ParseInputOptions, ParseInputStreamOptions, ParseResult, ParseResultStats, ParseSourceOptions, ParseTokenOptions, ParserOptions, ParserSourceMapOptions, ParserSyncOptions, PercentageToken, Prefix, PropertiesConfig, PropertiesConfigProperties, PropertyListOptions, PropertyMapType, PropertySetType, PropertyType, PseudoClassFunctionToken, PseudoClassToken, PseudoElementToken, PseudoPageToken, PurpleBackgroundAttachment, RawNodeToken, RawSelectorTokens, RenderOptions, RenderResult, ResolutionToken, ResolvedPath, RuleVisitorHandler, SemiColonToken, Separator, ShorthandDef, ShorthandMapType, ShorthandProperties, ShorthandPropertyType, ShorthandType, SinglePropertyType, SinglePropertyTypeMapping, SourceLocation, SourceMapObject, StartMatchToken, StringToken, SubToken, SubsequentCombinatorToken, SupportsQueryConditionToken, SupportsQueryUnaryConditionToken, TimeToken, TimelineFunctionToken, TimingFunctionToken, Token$1 as Token, TokenSearchResult, TokenizeResult, TransformOptions, TransformResult, TransformSyncOptions, UnaryExpression, UnaryExpressionNode, UnclosedStringToken, UniversalSelectorToken, UrlToken, ValidationConfiguration, ValidationMediaFeature, ValidationOptions, ValidationResult, ValidationSelectorOptions, ValidationSyntaxNode, ValidationSyntaxResult, ValidationToken$1 as ValidationToken, Value, ValueVisitorHandler, ValueVisitorSyncHandler, VariableScopeInfo, VisitorNodeMap, VisitorSyncNodeMap, WalkAttributesResult, WalkResult, WalkerFilter, WalkerOption, WalkerOptions, WalkerValueFilter, WhenElseQueryConditionToken, WhenElseUnaryConditionToken, WhitespaceToken, WrappedValuesToken };
diff --git a/dist/lib/ast/minify.js b/dist/lib/ast/minify.js
index 54a57e2d7..6817fbf1d 100644
--- a/dist/lib/ast/minify.js
+++ b/dist/lib/ast/minify.js
@@ -787,7 +787,8 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
             previous = node;
             nodeIndex = i;
         }
-        if (recursive && node != null && "chi" in node) {
+        // @ts-ignore
+        if (recursive && node != null && node.chi != null) {
             if (node.typ == EnumToken.KeyframesAtRuleNodeType ||
                 !node.chi.some((n) => n.typ == EnumToken.DeclarationNodeType)) {
                 if (!(node.typ == EnumToken.AtRuleNodeType && node.nam != "font-face")) {
diff --git a/dist/node.js b/dist/node.js
index c8740ff41..1de7082e6 100644
--- a/dist/node.js
+++ b/dist/node.js
@@ -23,6 +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 { PropertyList } from './lib/parser/declaration/list.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 f7e55bf76..e3e3363d2 100644
--- a/dist/web.js
+++ b/dist/web.js
@@ -17,6 +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 { PropertyList } from './lib/parser/declaration/list.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/src/lib/parser/declaration/list.ts b/src/lib/parser/declaration/list.ts
index 341f61fc8..dc222e970 100644
--- a/src/lib/parser/declaration/list.ts
+++ b/src/lib/parser/declaration/list.ts
@@ -25,6 +25,9 @@ import { equalsIgnoreCase } from "../utils/text.ts";
 
 const config: PropertiesConfig = getConfig();
 
+/**
+ * Represents a list of property declarations, compute shorthand and remove duplicate declarations.
+ */
 export class PropertyList {
     protected options: PropertyListOptions = { removeDuplicateDeclarations: true, computeShorthand: true };
     protected declarations: Map<string, AstNode | PropertySet | PropertyMap>;
diff --git a/src/node.ts b/src/node.ts
index 450a781f1..8b497ad68 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/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";
+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";
@@ -56,6 +56,7 @@ export { parseDeclarations } from "./lib/parser/parse.ts";
 export { find, findLast, findByValue, findAll } from "./lib/ast/find.ts";
 export { cloneNode } from "./lib/ast/clone.ts";
 export { replaceNodeOrValue } from "./lib/parser/utils/token.ts";
+export { PropertyList } from "./lib/parser/declaration/list.ts";
 export {
     EnumToken,
     ColorType,
diff --git a/src/web.ts b/src/web.ts
index f61a7cf5e..6fd15498e 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/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";
+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";
@@ -51,6 +51,7 @@ export { parseDeclarations } from "./lib/parser/parse.ts";
 export { find, findLast, findByValue, findAll } from "./lib/ast/find.ts";
 export { cloneNode } from "./lib/ast/clone.ts";
 export { replaceNodeOrValue } from "./lib/parser/utils/token.ts";
+export { PropertyList } from "./lib/parser/declaration/list.ts";
 export {
     EnumToken,
     ColorType,

From 35f2d7e8702f5bb54e6ec35b1444fca66a81178b Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Tue, 22 Sep 2026 15:56:42 -0400
Subject: [PATCH 08/41] update readme

---
 README.md                  | 23 +++++++++++++++++++++++
 benchmark/src/minifiers.js |  9 +++++----
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 640f02dd4..b781f5791 100644
--- a/README.md
+++ b/README.md
@@ -68,6 +68,29 @@ A sample result:
 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.
 
+## Speed vs performance balance
+
+You can disable advanced minification settings to get faster processing while maintaining a minification level similar to other libraries.
+
+```css
+
+import {transformSync} from "@tbela99/css-parser";
+
+const css = `...`;
+
+const result = transformSync({
+                    input: css,
+                    minify: false,
+                    beautify: false,
+                    removeEmpty: true,
+                    removeComments: true,
+                    convertColor: true,
+                });
+
+console.debug(result.code);
+console.debug(result.stats);
+```
+
 ## Playground
 
 Try it [online](https://tbela99.github.io/css-parser/playground/)
diff --git a/benchmark/src/minifiers.js b/benchmark/src/minifiers.js
index ede63511f..f65a6b1ef 100644
--- a/benchmark/src/minifiers.js
+++ b/benchmark/src/minifiers.js
@@ -11,8 +11,8 @@ import * as csso from "csso";
 import * as csstree from "css-tree";
 import * as esbuild from "esbuild";
 import { transform as lightningTransform } from "lightningcss";
-import { transform as tbelaTransform } from "@tbela99/css-parser";
-import { transformSync as tbelaDevTransform, PropertyList } from "@tbela99/css-parser2";
+import { transformSync as tbelaTransform } from "@tbela99/css-parser";
+import { transformSync as tbelaDevTransform } from "@tbela99/css-parser2";
 
 function pkgVersion(name, pathToPkgJson) {
     const { version, repository } = JSON.parse(
@@ -126,7 +126,8 @@ export const minifiers = [
         title: `settings: { minify: false, beautify: false, removeEmpty: true, removeComments: true, convertColor: true }`,
         minify: async (css) =>
             (
-                await tbelaTransform(css, {
+                await tbelaTransform({
+                    input: css,
                     minify: false,
                     beautify: false,
                     removeEmpty: true,
@@ -139,6 +140,6 @@ export const minifiers = [
         id: "css-parser-dev",
         url: versions["css-parser-dev"].url,
         label: `@tbela99/css-parser-dev (default) - ${versions["css-parser-dev"].version}`,
-        minify: async (css) => (await tbelaDevTransform(css, { minify: true })).code,
+        minify: async (css) => (await tbelaDevTransform({ input: css, minify: true })).code,
     },
 ];

From 1929ac5986bbeecf8fdd577ec2c88f44659d0107 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Tue, 22 Sep 2026 15:57:54 -0400
Subject: [PATCH 09/41] update readme

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b781f5791..ed743a4b0 100644
--- a/README.md
+++ b/README.md
@@ -72,7 +72,7 @@ While some tools prioritize raw execution speed, css-parser focuses on maximizin
 
 You can disable advanced minification settings to get faster processing while maintaining a minification level similar to other libraries.
 
-```css
+```ts
 
 import {transformSync} from "@tbela99/css-parser";
 

From 4819a651428650da67bd42f2ee68eb3aea398973 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Tue, 22 Sep 2026 18:32:19 -0400
Subject: [PATCH 10/41] update readme

---
 README.md | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index ed743a4b0..3296e1240 100644
--- a/README.md
+++ b/README.md
@@ -68,9 +68,19 @@ A sample result:
 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.
 
-## Speed vs performance balance
+## Minification performance vs execution speed
 
-You can disable advanced minification settings to get faster processing while maintaining a minification level similar to other libraries.
+`css-parser`is designed for maximum performance, but the optimal configuration depends on what matters most for your workload.
+ 
+The parser provides settings that let you choose the balance between minification performance and execution speed:
+
+- Minification performance: prioritize the quality and efficiency of the minification process, allowing the parser to perform additional work when generating the minimized output.
+
+- Execution speed: minimize the amount of work performed during parsing and minification to achieve the fastest possible execution time.
+
+However, the available settings allow you to shift the balance toward execution speed when minimizing runtime is more important than performing every available minification optimization.
+
+The example below demonstrates a balanced configuration that improves execution speed by disabling advanced minification features.
 
 ```ts
 

From eef7324b7446a95c6ef3a90fa78592c90aea5939 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Tue, 22 Sep 2026 18:37:08 -0400
Subject: [PATCH 11/41] update readme

---
 files/usage.md | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/files/usage.md b/files/usage.md
index e9951692b..df45bd646 100644
--- a/files/usage.md
+++ b/files/usage.md
@@ -401,6 +401,39 @@ button {
 | import CSS variables from file                                       | ✅       | ✅           | ❌               | ❌           |
 
 
+## Minification performance vs execution speed
+
+`css-parser` is designed for maximum performance, but the optimal configuration depends on what matters most for your workload.
+ 
+The parser provides settings that let you choose the balance between minification performance and execution speed:
+
+- Minification performance: prioritize the quality and efficiency of the minification process, allowing the parser to perform additional work when generating the minimized output.
+
+- Execution speed: minimize the amount of work performed during parsing and minification to achieve the fastest possible execution time.
+
+However, the available settings allow you to shift the balance toward execution speed when minimizing runtime is more important than performing every available minification optimization.
+
+The example below demonstrates a balanced configuration that improves execution speed by disabling advanced minification features.
+
+```ts
+
+import {transformSync} from "@tbela99/css-parser";
+
+const css = `...`;
+
+const result = transformSync({
+                    input: css,
+                    minify: false,
+                    beautify: false,
+                    removeEmpty: true,
+                    removeComments: true,
+                    convertColor: true,
+                });
+
+console.debug(result.code);
+console.debug(result.stats);
+```
+
 ------
 [← Getting started](./Guide.Getting_started.html) | [Validation →](./Guide.Validation.html) 
 

From bf4ccab8cb294c71999dd8c817122a456357564c Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Tue, 22 Sep 2026 20:43:12 -0400
Subject: [PATCH 12/41] update readme

---
 dist/index-umd-web.js               | 3 +++
 dist/index.cjs                      | 3 +++
 dist/index.d.ts                     | 4 ++++
 dist/lib/parser/declaration/list.js | 3 +++
 src/@types/index.d.ts               | 1 +
 5 files changed, 14 insertions(+)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index dbe091163..e03663279 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -20627,6 +20627,9 @@
     }
 
     const config = getConfig();
+    /**
+     * Represents a list of property declarations, compute shorthand and remove duplicate declarations.
+     */
     class PropertyList {
         options = { removeDuplicateDeclarations: true, computeShorthand: true };
         declarations;
diff --git a/dist/index.cjs b/dist/index.cjs
index daac22c9d..9b9b758c4 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -20630,6 +20630,9 @@ function syncHash(input, length = 6, algo) {
 }
 
 const config = getConfig();
+/**
+ * Represents a list of property declarations, compute shorthand and remove duplicate declarations.
+ */
 class PropertyList {
     options = { removeDuplicateDeclarations: true, computeShorthand: true };
     declarations;
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 8969002c6..0da216f94 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -5795,6 +5795,7 @@ export declare interface RenderOptions {
      * Minify css values.
      */
     minify?: boolean;
+    
     /**
      * Pretty print css
      *
@@ -6577,6 +6578,9 @@ declare class PropertyMap {
     private removeDefaults;
 }
 
+/**
+ * Represents a list of property declarations, compute shorthand and remove duplicate declarations.
+ */
 declare class PropertyList {
     protected options: PropertyListOptions;
     protected declarations: Map<string, AstNode$1 | PropertySet | PropertyMap>;
diff --git a/dist/lib/parser/declaration/list.js b/dist/lib/parser/declaration/list.js
index ab379d269..3d212b34e 100644
--- a/dist/lib/parser/declaration/list.js
+++ b/dist/lib/parser/declaration/list.js
@@ -10,6 +10,9 @@ import { objectHash } from '../utils/hash.js';
 import { equalsIgnoreCase } from '../utils/text.js';
 
 const config = getConfig();
+/**
+ * Represents a list of property declarations, compute shorthand and remove duplicate declarations.
+ */
 class PropertyList {
     options = { removeDuplicateDeclarations: true, computeShorthand: true };
     declarations;
diff --git a/src/@types/index.d.ts b/src/@types/index.d.ts
index f6085c643..8fbe70b55 100644
--- a/src/@types/index.d.ts
+++ b/src/@types/index.d.ts
@@ -708,6 +708,7 @@ export declare interface RenderOptions {
      * Minify css values.
      */
     minify?: boolean;
+    
     /**
      * Pretty print css
      *

From 49230885e7b4fc2507301d1edbd49227ad5d1f02 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Wed, 23 Sep 2026 16:27:24 -0400
Subject: [PATCH 13/41] update readme

---
 README.md                        |  9 +++++++++
 benchmark/src/minifiers.js       | 25 +++++++++++--------------
 src/@types/index.d.ts            | 23 ++++++++++++-----------
 src/lib/ast/features/if.ts       | 21 ++++++++++-----------
 src/lib/parser/utils/selector.ts | 22 +++++++++++-----------
 5 files changed, 53 insertions(+), 47 deletions(-)

diff --git a/README.md b/README.md
index 3296e1240..0228ad3b1 100644
--- a/README.md
+++ b/README.md
@@ -101,6 +101,15 @@ console.debug(result.code);
 console.debug(result.stats);
 ```
 
+Performance vs execution speed
+
+
+| File:  tailwind.css   | Speed optimization | Minification optimization |
+| --------------------- | ------------------ | ------------------------- |
+| size: 2,380,419 bytes | 1,890,975 bytes    | 1,633,188 bytes           |
+| time                  | 205.91 ms          | 471.89 ms                 |
+| reduction             | -20.6%             | -31.4%                    |
+
 ## Playground
 
 Try it [online](https://tbela99.github.io/css-parser/playground/)
diff --git a/benchmark/src/minifiers.js b/benchmark/src/minifiers.js
index f65a6b1ef..851bad26f 100644
--- a/benchmark/src/minifiers.js
+++ b/benchmark/src/minifiers.js
@@ -10,7 +10,7 @@ import cssnano from "cssnano";
 import * as csso from "csso";
 import * as csstree from "css-tree";
 import * as esbuild from "esbuild";
-import { transform as lightningTransform } from "lightningcss";
+import { transform } from "lightningcss";
 import { transformSync as tbelaTransform } from "@tbela99/css-parser";
 import { transformSync as tbelaDevTransform } from "@tbela99/css-parser2";
 
@@ -116,8 +116,7 @@ export const minifiers = [
         id: "lightningcss",
         url: versions.lightningcss.url,
         label: `lightningcss - ${versions.lightningcss.version}`,
-        minify: (css) =>
-            lightningTransform({ filename: "style.css", code: Buffer.from(css), minify: true }).code.toString(),
+        minify: (css) => transform({ filename: "style.css", code: Buffer.from(css), minify: true }).code.toString(),
     },
     {
         id: "css-parser",
@@ -125,21 +124,19 @@ export const minifiers = [
         label: `@tbela99/css-parser (speed) - ${versions["css-parser"].version}`,
         title: `settings: { minify: false, beautify: false, removeEmpty: true, removeComments: true, convertColor: true }`,
         minify: async (css) =>
-            (
-                await tbelaTransform({
-                    input: css,
-                    minify: false,
-                    beautify: false,
-                    removeEmpty: true,
-                    removeComments: true,
-                    convertColor: true,
-                })
-            ).code,
+            tbelaTransform({
+                input: css,
+                minify: false,
+                beautify: false,
+                removeEmpty: true,
+                removeComments: true,
+                convertColor: true,
+            }).code,
     },
     {
         id: "css-parser-dev",
         url: versions["css-parser-dev"].url,
         label: `@tbela99/css-parser-dev (default) - ${versions["css-parser-dev"].version}`,
-        minify: async (css) => (await tbelaDevTransform({ input: css, minify: true })).code,
+        minify: async (css) => tbelaDevTransform({ input: css, minify: true }).code,
     },
 ];
diff --git a/src/@types/index.d.ts b/src/@types/index.d.ts
index 8fbe70b55..10768d8ba 100644
--- a/src/@types/index.d.ts
+++ b/src/@types/index.d.ts
@@ -4,15 +4,15 @@ import type {
     VisitorNodeMap,
     VisitorSyncNodeMap,
 } from "./visitor.d.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";
+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";
@@ -207,7 +207,8 @@ export declare type LoadResult =
     | Promise<ReadableStream<Uint8Array>>
     | ReadableStream<Uint8Array>
     | string
-    | Promise<string> | object;
+    | Promise<string>
+    | object;
 
 /**
  * CSS module parser options
@@ -708,7 +709,7 @@ export declare interface RenderOptions {
      * Minify css values.
      */
     minify?: boolean;
-    
+
     /**
      * Pretty print css
      *
diff --git a/src/lib/ast/features/if.ts b/src/lib/ast/features/if.ts
index a72f42b75..76a58c635 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 "../../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";
+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 ||
@@ -198,7 +198,6 @@ function substituteIfElseNode(
                 atRule[LOCSRCID] = declaration[PARENT][LOCSRCID]!;
                 atRule[LOCSTA] = declaration[PARENT][LOCSTA]!;
                 atRule[LOCEND] = declaration[PARENT][LOCEND]!;
-
             }
 
             clonedDeclaration = cloneNode(declaration, true, nodeMap) as AstDeclaration;
diff --git a/src/lib/parser/utils/selector.ts b/src/lib/parser/utils/selector.ts
index 45c3cb346..7e11f67c5 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 "../../printer/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

From 97a05888b3d7a9ed87fbfb262f941728c7bb409f Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Wed, 23 Sep 2026 16:29:26 -0400
Subject: [PATCH 14/41] update readme

---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 0228ad3b1..47710f413 100644
--- a/README.md
+++ b/README.md
@@ -106,9 +106,9 @@ Performance vs execution speed
 
 | File:  tailwind.css   | Speed optimization | Minification optimization |
 | --------------------- | ------------------ | ------------------------- |
-| size: 2,380,419 bytes | 1,890,975 bytes    | 1,633,188 bytes           |
-| time                  | 205.91 ms          | 471.89 ms                 |
-| reduction             | -20.6%             | -31.4%                    |
+| Size: 2,380,419 bytes | 1,890,975 bytes    | 1,633,188 bytes           |
+| Time                  | 205.91 ms          | 471.89 ms                 |
+| Siz reduction         | -20.6%             | -31.4%                    |
 
 ## Playground
 

From 7bbb9810e3bcc9386b6d6a9cfaab4b08b0ed0472 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Wed, 23 Sep 2026 16:42:23 -0400
Subject: [PATCH 15/41] update readme

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 47710f413..246a5a812 100644
--- a/README.md
+++ b/README.md
@@ -101,7 +101,7 @@ console.debug(result.code);
 console.debug(result.stats);
 ```
 
-Performance vs execution speed
+Performance vs execution speed comparison
 
 
 | File:  tailwind.css   | Speed optimization | Minification optimization |

From 38cfbd086ea88e618180f087d20d9f0b235a8076 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Wed, 23 Sep 2026 21:00:25 -0400
Subject: [PATCH 16/41] update readme

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 246a5a812..866e83576 100644
--- a/README.md
+++ b/README.md
@@ -108,7 +108,7 @@ Performance vs execution speed comparison
 | --------------------- | ------------------ | ------------------------- |
 | Size: 2,380,419 bytes | 1,890,975 bytes    | 1,633,188 bytes           |
 | Time                  | 205.91 ms          | 471.89 ms                 |
-| Siz reduction         | -20.6%             | -31.4%                    |
+| Size reduction         | -20.6%             | -31.4%                    |
 
 ## Playground
 

From 3dd4b3dda4dcca7288307ddee24bc32f1c56d1a8 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 24 Sep 2026 10:21:35 -0400
Subject: [PATCH 17/41] added RenderOptions#minifyValues and
 ParseOptions#minifyAST

---
 CHANGELOG.md                    |   6 ++
 README.md                       |  17 +++---
 benchmark/package.json          |   2 +-
 benchmark/src/minifiers.js      |   3 +-
 dist/index-umd-web.js           |  97 +++++++++++++++++-------------
 dist/index.cjs                  |  97 +++++++++++++++++-------------
 dist/index.d.ts                 |  18 +++++-
 dist/lib/ast/features/calc.js   |  16 ++++-
 dist/lib/ast/math/expression.js |  25 +++++++-
 dist/lib/parser/parse.js        |   6 +-
 dist/lib/printer/render.js      |  52 +++++-----------
 src/@types/index.d.ts           |  13 +++-
 src/lib/ast/features/calc.ts    | 103 +++++---------------------------
 src/lib/ast/math/expression.ts  |  25 +++++++-
 src/lib/parser/parse.ts         |   8 ++-
 src/lib/printer/render.ts       |  59 +++++-------------
 test/specs/code/validation.js   |   1 +
 17 files changed, 272 insertions(+), 276 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index be14a565c..c7adc57c6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+# v1.6.5
+
+## New
+
+Added fine-grained minification parameters RenderOptions#minifyValues and ParseOptions#minifyAST
+
 # v1.6.4
 
 ## New
diff --git a/README.md b/README.md
index 866e83576..50f5fb771 100644
--- a/README.md
+++ b/README.md
@@ -89,12 +89,13 @@ import {transformSync} from "@tbela99/css-parser";
 const css = `...`;
 
 const result = transformSync({
-                    input: css,
-                    minify: false,
-                    beautify: false,
-                    removeEmpty: true,
-                    removeComments: true,
-                    convertColor: true,
+                  input: css,
+                  minify: false,
+                  beautify: false,
+                  removeEmpty: true,
+                  removeComments: true,
+                  convertColor: true,
+                  minifyValues: true,
                 });
 
 console.debug(result.code);
@@ -106,9 +107,9 @@ Performance vs execution speed comparison
 
 | File:  tailwind.css   | Speed optimization | Minification optimization |
 | --------------------- | ------------------ | ------------------------- |
-| Size: 2,380,419 bytes | 1,890,975 bytes    | 1,633,188 bytes           |
+| Size: 2,380,419 bytes | 1,890,728 bytes    | 1,633,188 bytes           |
 | Time                  | 205.91 ms          | 471.89 ms                 |
-| Size reduction         | -20.6%             | -31.4%                    |
+| Size reduction        | -20.6%             | -31.4%                    |
 
 ## Playground
 
diff --git a/benchmark/package.json b/benchmark/package.json
index 08a75ee06..9c0043123 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tbela99/css-parser": "^1.6.4",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#3106f45",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#38cfbd0",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^9.0.5",
diff --git a/benchmark/src/minifiers.js b/benchmark/src/minifiers.js
index 851bad26f..e46d0b03b 100644
--- a/benchmark/src/minifiers.js
+++ b/benchmark/src/minifiers.js
@@ -11,7 +11,7 @@ import * as csso from "csso";
 import * as csstree from "css-tree";
 import * as esbuild from "esbuild";
 import { transform } from "lightningcss";
-import { transformSync as tbelaTransform } from "@tbela99/css-parser";
+import { transformSync as tbelaTransform, PropertyList } from "@tbela99/css-parser";
 import { transformSync as tbelaDevTransform } from "@tbela99/css-parser2";
 
 function pkgVersion(name, pathToPkgJson) {
@@ -131,6 +131,7 @@ export const minifiers = [
                 removeEmpty: true,
                 removeComments: true,
                 convertColor: true,
+                // minifyValues: true,
             }).code,
     },
     {
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index e03663279..e9370365b 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -10097,6 +10097,7 @@
                             [LOCSRCID]: nodes[0][LOCSRCID],
                             [LOCSTA]: nodes[0][LOCSTA],
                             [LOCEND]: nodes[0][LOCEND],
+                            [PARENT]: nodes[0][PARENT],
                         },
                     ];
                 }
@@ -10119,6 +10120,7 @@
                         [LOCSRCID]: nodes[i][LOCSRCID],
                         [LOCSTA]: nodes[i][LOCSTA],
                         [LOCEND]: nodes[i + 1][LOCEND],
+                        [PARENT]: nodes[i + 1][PARENT],
                     };
                 }
                 else {
@@ -10128,6 +10130,7 @@
                         [LOCSRCID]: nodes[i + 1][LOCSRCID],
                         [LOCSTA]: nodes[i + 1][LOCSTA],
                         [LOCEND]: nodes[i + 1][LOCEND],
+                        [PARENT]: nodes[i + 1][PARENT],
                     }, exports.EnumToken.Mul);
                 }
                 i++;
@@ -10148,12 +10151,14 @@
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     }, {
                         ...token,
                         val: -token.val,
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     });
                     return acc;
                 }
@@ -10164,6 +10169,7 @@
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 });
             }
             acc.push(token);
@@ -10185,6 +10191,7 @@
             [LOCSRCID]: l[LOCSRCID],
             [LOCSTA]: l[LOCSTA],
             [LOCEND]: r?.[LOCEND] ?? l[LOCEND],
+            [PARENT]: l[PARENT],
         };
         if (!isScalarToken(l) || !isScalarToken(r) || (l.typ == r.typ && "unit" in l && "unit" in r && l.unit != r.unit)) {
             return defaultReturn;
@@ -10257,6 +10264,7 @@
                             [LOCSRCID]: l[LOCSRCID],
                             [LOCSTA]: l[LOCSTA],
                             [LOCEND]: l[LOCEND],
+                            [PARENT]: l[PARENT],
                         },
                         r: {
                             typ: exports.EnumToken.NumberTokenType,
@@ -10264,6 +10272,7 @@
                             [LOCSRCID]: r[LOCSRCID],
                             [LOCSTA]: r[LOCSTA],
                             [LOCEND]: r[LOCEND],
+                            [PARENT]: r[PARENT],
                         },
                     };
                 }
@@ -10276,6 +10285,7 @@
                             [LOCSRCID]: l[LOCSRCID],
                             [LOCSTA]: l[LOCSTA],
                             [LOCEND]: l[LOCEND],
+                            [PARENT]: l[PARENT],
                         },
                         r: {
                             typ: exports.EnumToken.NumberTokenType,
@@ -10283,6 +10293,7 @@
                             [LOCSRCID]: r[LOCSRCID],
                             [LOCSTA]: r[LOCSTA],
                             [LOCEND]: r[LOCEND],
+                            [PARENT]: r[PARENT],
                         },
                     };
                 }
@@ -10309,6 +10320,7 @@
             [LOCSRCID]: l[LOCSRCID],
             [LOCSTA]: l[LOCSTA],
             [LOCEND]: r?.[LOCEND] ?? l[LOCEND],
+            [PARENT]: l[PARENT],
         };
         if (token.typ == exports.EnumToken.IdenTokenType) {
             // @ts-ignore
@@ -10489,6 +10501,7 @@
                             [LOCSRCID]: value[0][LOCSRCID],
                             [LOCSTA]: value[0][LOCSTA],
                             [LOCEND]: value[0][LOCEND],
+                            [PARENT]: value[0][PARENT],
                         }
                         : {
                             typ: token.val == "sign" ? exports.EnumToken.NumberTokenType : value[0].typ,
@@ -10496,6 +10509,7 @@
                             [LOCSRCID]: value[0][LOCSRCID],
                             [LOCSTA]: value[0][LOCSTA],
                             [LOCEND]: value[0][LOCEND],
+                            [PARENT]: value[0][PARENT],
                         },
                 ];
             }
@@ -10518,6 +10532,7 @@
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     },
                 ];
             }
@@ -10591,6 +10606,7 @@
                             [LOCSRCID]: token[LOCSRCID],
                             [LOCSTA]: token[LOCSTA],
                             [LOCEND]: token[LOCEND],
+                            [PARENT]: token[PARENT],
                         },
                     ];
                 }
@@ -10605,6 +10621,7 @@
                             [LOCSRCID]: token[LOCSRCID],
                             [LOCSTA]: token[LOCSTA],
                             [LOCEND]: token[LOCEND],
+                            [PARENT]: token[PARENT],
                         },
                     ];
                 }
@@ -10615,6 +10632,7 @@
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     },
                 ];
             }
@@ -10654,6 +10672,7 @@
                                 [LOCSRCID]: token[LOCSRCID],
                                 [LOCSTA]: token[LOCSTA],
                                 [LOCEND]: token[LOCEND],
+                                [PARENT]: token[PARENT],
                             },
                         ];
                     }
@@ -10696,6 +10715,7 @@
                                 [LOCSRCID]: token[LOCSRCID],
                                 [LOCSTA]: token[LOCSTA],
                                 [LOCEND]: token[LOCEND],
+                                [PARENT]: token[PARENT],
                             },
                         ];
                     }
@@ -10723,6 +10743,7 @@
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 });
                 for (const child of inlineExpression$1(token.r)) {
                     result.push(child);
@@ -10802,6 +10823,7 @@
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 };
                 // @ts-ignore
                 delete token.val;
@@ -10843,6 +10865,7 @@
                     [LOCSRCID]: tokens[i - 1][LOCSRCID],
                     [LOCSTA]: tokens[i - 1][LOCSTA],
                     [LOCEND]: tokens[i + 1][LOCEND],
+                    [PARENT]: tokens[i + 1][PARENT],
                 });
                 i--;
             }
@@ -21032,8 +21055,20 @@
                         continue;
                     }
                     if (value.typ == exports.EnumToken.BinaryExpressionTokenType) {
-                        // @ts-ignore
-                        replaceNodeOrValue(parent, value, evaluate([value]));
+                        const result = evaluate([value]);
+                        try {
+                            // @ts-ignore
+                            replaceNodeOrValue(parent, value, result);
+                        }
+                        catch (e) {
+                            // @ts-ignore
+                            if (Array.isArray(parent.chi)) {
+                                // @ts-ignore
+                                parent.chi.length = 0;
+                                // @ts-ignore
+                                parent.chi.push(...result);
+                            }
+                        }
                         continue;
                     }
                     if (value != null && tokensfuncSet.has(value.typ)) {
@@ -25356,6 +25391,7 @@
                     removeEmpty: false,
                     removeComments: false,
                 }),
+            minifyValues: true,
             sourcemap: false,
             convertColor: true,
             expandNestingRules: false,
@@ -25595,7 +25631,7 @@
         const indentSub = indents[level + 1];
         switch (data.typ) {
             case exports.EnumToken.DeclarationNodeType:
-                return `${data.nam}:${options.indent}${(options.minify
+                return `${data.nam}:${options.indent}${(options.minifyValues
                 ? filterValues(data.val)
                 : data.val).reduce(reducer, "")}`;
             case exports.EnumToken.CommentNodeType:
@@ -25650,7 +25686,7 @@
                                 : node.val;
                     }
                     else if (node.typ == exports.EnumToken.DeclarationNodeType) {
-                        str = `${node.nam}:${options.indent}${(options.minify
+                        str = `${node.nam}:${options.indent}${(options.minifyValues
                         ? filterValues(node.val)
                         : node.val)
                         .reduce(reducer, "")
@@ -25718,9 +25754,10 @@
     function renderValue(token, options = {}, cache = Object.create(null), reducer, errors) {
         if (token.typ === exports.EnumToken.WhenElseFunctionTokenType &&
             equalsIgnoreCase(token.val, "supports")) {
-            options = { ...options, minify: false, convertColor: false };
+            options = { ...options, minifyValues: false, minify: false, convertColor: false };
             reducer = null;
         }
+        options.minifyValues ??= options.minify;
         if (reducer == null) {
             reducer = function (acc, curr) {
                 if (curr.typ == exports.EnumToken.CommentTokenType && options.removeComments) {
@@ -25877,7 +25914,7 @@
                         ")");
                 }
             case exports.EnumToken.UrlFunctionTokenType:
-                if (options.minify && token.typ === exports.EnumToken.UrlFunctionTokenType) {
+                if (options.minifyValues && token.typ === exports.EnumToken.UrlFunctionTokenType) {
                     if (token.chi[0]?.typ === exports.EnumToken.BadUrlTokenType) {
                         return "url()";
                     }
@@ -25898,7 +25935,7 @@
             case exports.EnumToken.FunctionTokenType:
             case exports.EnumToken.MathFunctionTokenType:
             case exports.EnumToken.ImageFunctionTokenType:
-                if (options.minify && token.typ === exports.EnumToken.ImageFunctionTokenType) {
+                if (options.minifyValues && token.typ === exports.EnumToken.ImageFunctionTokenType) {
                     const slice = token.chi.slice();
                     switch (token.val) {
                         case "linear-gradient":
@@ -26384,37 +26421,7 @@
                             renderValue(curr, token.typ == exports.EnumToken.FunctionTokenType ? { minify: false } : options, cache, reducer), "") +
                         ")");
                 }
-                return (
-                /* options.minify && 'Pseudo-class-func' == token.typ && token.val.slice(0, 2) == '::' ? token.val.slice(1) :*/ (token.val ?? "") +
-                    "(" +
-                    token.chi.reduce(reducer, "") +
-                    ")");
-            // case EnumToken.MatchExpressionTokenType:
-            //     return (
-            //         renderValue((token as MatchExpressionToken).l as Token, options, cache, reducer, errors) +
-            //         renderValue((token as MatchExpressionToken).op, options, cache, reducer, errors) +
-            //         renderValue((token as MatchExpressionToken).r, options, cache, reducer, errors) +
-            //         ((token as MatchExpressionToken).attr ? " " + (token as MatchExpressionToken).attr : "")
-            //     );
-            // case EnumToken.NameSpaceAttributeTokenType:
-            //     return (
-            //         ((token as NameSpaceAttributeToken).l == null
-            //             ? ""
-            //             : renderValue((token as NameSpaceAttributeToken).l as Token, options, cache, reducer, errors)) +
-            //         "|" +
-            //         renderValue((token as NameSpaceAttributeToken).r, options, cache, reducer, errors)
-            //     );
-            // case EnumToken.ComposesSelectorNodeType:
-            //     return (
-            //         (token as ComposesSelectorToken).l.reduce(
-            //             (acc: string, curr: Token) => acc + renderValue(curr, options, cache),
-            //             "",
-            //         ) +
-            //         ((token as ComposesSelectorToken).r == null
-            //             ? ""
-            //             : " from " +
-            //               renderValue((token as ComposesSelectorToken).r as Token, options, cache, reducer, errors))
-            //     );
+                return (token.val ?? "") + "(" + token.chi.reduce(reducer, "") + ")";
             case exports.EnumToken.BlockStartTokenType:
                 return "{";
             case exports.EnumToken.BlockEndTokenType:
@@ -26563,7 +26570,11 @@
                 const perc = token.val.typ == exports.EnumToken.FractionTokenType
                     ? renderValue(token.val, options, cache)
                     : minifyNumber(token.val);
-                return options.minify && perc == "0" ? "0" : perc.includes("/") ? perc.replace("/", uni + "/") : perc + uni;
+                return options.minifyValues && perc == "0"
+                    ? "0"
+                    : perc.includes("/")
+                        ? perc.replace("/", uni + "/")
+                        : perc + uni;
             case exports.EnumToken.NumberTokenType:
                 return token.val.typ == exports.EnumToken.FractionTokenType
                     ? renderValue(token.val, options, cache)
@@ -26628,7 +26639,7 @@
             case exports.EnumToken.DeclarationNodeType:
                 return (token.nam +
                     ":" +
-                    (options.minify ? filterValues(token.val) : token.val).reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
+                    (options.minifyValues ? filterValues(token.val) : token.val).reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
             case exports.EnumToken.MediaQueryUnaryFeatureTokenType:
                 return (renderValue(token.l, options, cache, reducer) +
                     " " +
@@ -31086,6 +31097,7 @@
         if (options.expandNestingRules) {
             options.nestingRules = false;
         }
+        options.minifyAST ??= options.minify;
         const startTime = performance.now();
         const errors = [];
         const stack = [];
@@ -31465,7 +31477,7 @@
                 }
             }
         }
-        if (options.minify) {
+        if (options.minifyAST) {
             if (ast.chi.length > 0) {
                 let passes = options.pass ?? 1;
                 while (passes--) {
@@ -32005,6 +32017,7 @@
             lenient: true,
             ...options,
         };
+        options.minifyAST ??= options.minify;
         if (typeof options.validation !== "boolean") {
             options.validation = !!options.validation;
         }
@@ -32459,7 +32472,7 @@
                 }
             }
         }
-        if (options.minify) {
+        if (options.minifyAST) {
             if (ast.chi.length > 0) {
                 let passes = options.pass ?? 1;
                 while (passes--) {
diff --git a/dist/index.cjs b/dist/index.cjs
index 9b9b758c4..7ed358e87 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -10100,6 +10100,7 @@ function evaluate(tokens) {
                         [LOCSRCID]: nodes[0][LOCSRCID],
                         [LOCSTA]: nodes[0][LOCSTA],
                         [LOCEND]: nodes[0][LOCEND],
+                        [PARENT]: nodes[0][PARENT],
                     },
                 ];
             }
@@ -10122,6 +10123,7 @@ function evaluate(tokens) {
                     [LOCSRCID]: nodes[i][LOCSRCID],
                     [LOCSTA]: nodes[i][LOCSTA],
                     [LOCEND]: nodes[i + 1][LOCEND],
+                    [PARENT]: nodes[i + 1][PARENT],
                 };
             }
             else {
@@ -10131,6 +10133,7 @@ function evaluate(tokens) {
                     [LOCSRCID]: nodes[i + 1][LOCSRCID],
                     [LOCSTA]: nodes[i + 1][LOCSTA],
                     [LOCEND]: nodes[i + 1][LOCEND],
+                    [PARENT]: nodes[i + 1][PARENT],
                 }, exports.EnumToken.Mul);
             }
             i++;
@@ -10151,12 +10154,14 @@ function evaluate(tokens) {
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 }, {
                     ...token,
                     val: -token.val,
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 });
                 return acc;
             }
@@ -10167,6 +10172,7 @@ function evaluate(tokens) {
                 [LOCSRCID]: token[LOCSRCID],
                 [LOCSTA]: token[LOCSTA],
                 [LOCEND]: token[LOCEND],
+                [PARENT]: token[PARENT],
             });
         }
         acc.push(token);
@@ -10188,6 +10194,7 @@ function doEvaluate(l, r, op) {
         [LOCSRCID]: l[LOCSRCID],
         [LOCSTA]: l[LOCSTA],
         [LOCEND]: r?.[LOCEND] ?? l[LOCEND],
+        [PARENT]: l[PARENT],
     };
     if (!isScalarToken(l) || !isScalarToken(r) || (l.typ == r.typ && "unit" in l && "unit" in r && l.unit != r.unit)) {
         return defaultReturn;
@@ -10260,6 +10267,7 @@ function doEvaluate(l, r, op) {
                         [LOCSRCID]: l[LOCSRCID],
                         [LOCSTA]: l[LOCSTA],
                         [LOCEND]: l[LOCEND],
+                        [PARENT]: l[PARENT],
                     },
                     r: {
                         typ: exports.EnumToken.NumberTokenType,
@@ -10267,6 +10275,7 @@ function doEvaluate(l, r, op) {
                         [LOCSRCID]: r[LOCSRCID],
                         [LOCSTA]: r[LOCSTA],
                         [LOCEND]: r[LOCEND],
+                        [PARENT]: r[PARENT],
                     },
                 };
             }
@@ -10279,6 +10288,7 @@ function doEvaluate(l, r, op) {
                         [LOCSRCID]: l[LOCSRCID],
                         [LOCSTA]: l[LOCSTA],
                         [LOCEND]: l[LOCEND],
+                        [PARENT]: l[PARENT],
                     },
                     r: {
                         typ: exports.EnumToken.NumberTokenType,
@@ -10286,6 +10296,7 @@ function doEvaluate(l, r, op) {
                         [LOCSRCID]: r[LOCSRCID],
                         [LOCSTA]: r[LOCSTA],
                         [LOCEND]: r[LOCEND],
+                        [PARENT]: r[PARENT],
                     },
                 };
             }
@@ -10312,6 +10323,7 @@ function doEvaluate(l, r, op) {
         [LOCSRCID]: l[LOCSRCID],
         [LOCSTA]: l[LOCSTA],
         [LOCEND]: r?.[LOCEND] ?? l[LOCEND],
+        [PARENT]: l[PARENT],
     };
     if (token.typ == exports.EnumToken.IdenTokenType) {
         // @ts-ignore
@@ -10492,6 +10504,7 @@ function evaluateFunc(token) {
                         [LOCSRCID]: value[0][LOCSRCID],
                         [LOCSTA]: value[0][LOCSTA],
                         [LOCEND]: value[0][LOCEND],
+                        [PARENT]: value[0][PARENT],
                     }
                     : {
                         typ: token.val == "sign" ? exports.EnumToken.NumberTokenType : value[0].typ,
@@ -10499,6 +10512,7 @@ function evaluateFunc(token) {
                         [LOCSRCID]: value[0][LOCSRCID],
                         [LOCSTA]: value[0][LOCSTA],
                         [LOCEND]: value[0][LOCEND],
+                        [PARENT]: value[0][PARENT],
                     },
             ];
         }
@@ -10521,6 +10535,7 @@ function evaluateFunc(token) {
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 },
             ];
         }
@@ -10594,6 +10609,7 @@ function evaluateFunc(token) {
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     },
                 ];
             }
@@ -10608,6 +10624,7 @@ function evaluateFunc(token) {
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     },
                 ];
             }
@@ -10618,6 +10635,7 @@ function evaluateFunc(token) {
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 },
             ];
         }
@@ -10657,6 +10675,7 @@ function evaluateFunc(token) {
                             [LOCSRCID]: token[LOCSRCID],
                             [LOCSTA]: token[LOCSTA],
                             [LOCEND]: token[LOCEND],
+                            [PARENT]: token[PARENT],
                         },
                     ];
                 }
@@ -10699,6 +10718,7 @@ function evaluateFunc(token) {
                             [LOCSRCID]: token[LOCSRCID],
                             [LOCSTA]: token[LOCSTA],
                             [LOCEND]: token[LOCEND],
+                            [PARENT]: token[PARENT],
                         },
                     ];
                 }
@@ -10726,6 +10746,7 @@ function inlineExpression$1(token) {
                 [LOCSRCID]: token[LOCSRCID],
                 [LOCSTA]: token[LOCSTA],
                 [LOCEND]: token[LOCEND],
+                [PARENT]: token[PARENT],
             });
             for (const child of inlineExpression$1(token.r)) {
                 result.push(child);
@@ -10805,6 +10826,7 @@ function factorToken(token) {
                 [LOCSRCID]: token[LOCSRCID],
                 [LOCSTA]: token[LOCSTA],
                 [LOCEND]: token[LOCEND],
+                [PARENT]: token[PARENT],
             };
             // @ts-ignore
             delete token.val;
@@ -10846,6 +10868,7 @@ function factor(tokens, ops) {
                 [LOCSRCID]: tokens[i - 1][LOCSRCID],
                 [LOCSTA]: tokens[i - 1][LOCSTA],
                 [LOCEND]: tokens[i + 1][LOCEND],
+                [PARENT]: tokens[i + 1][PARENT],
             });
             i--;
         }
@@ -21035,8 +21058,20 @@ class ComputeCalcExpressionFeature {
                     continue;
                 }
                 if (value.typ == exports.EnumToken.BinaryExpressionTokenType) {
-                    // @ts-ignore
-                    replaceNodeOrValue(parent, value, evaluate([value]));
+                    const result = evaluate([value]);
+                    try {
+                        // @ts-ignore
+                        replaceNodeOrValue(parent, value, result);
+                    }
+                    catch (e) {
+                        // @ts-ignore
+                        if (Array.isArray(parent.chi)) {
+                            // @ts-ignore
+                            parent.chi.length = 0;
+                            // @ts-ignore
+                            parent.chi.push(...result);
+                        }
+                    }
                     continue;
                 }
                 if (value != null && tokensfuncSet.has(value.typ)) {
@@ -25359,6 +25394,7 @@ function doRender(data, options = {}, mapping) {
                 removeEmpty: false,
                 removeComments: false,
             }),
+        minifyValues: true,
         sourcemap: false,
         convertColor: true,
         expandNestingRules: false,
@@ -25598,7 +25634,7 @@ function renderAstNode(data, options, sourcemaps, sourceLocation, linesMap, erro
     const indentSub = indents[level + 1];
     switch (data.typ) {
         case exports.EnumToken.DeclarationNodeType:
-            return `${data.nam}:${options.indent}${(options.minify
+            return `${data.nam}:${options.indent}${(options.minifyValues
                 ? filterValues(data.val)
                 : data.val).reduce(reducer, "")}`;
         case exports.EnumToken.CommentNodeType:
@@ -25653,7 +25689,7 @@ function renderAstNode(data, options, sourcemaps, sourceLocation, linesMap, erro
                             : node.val;
                 }
                 else if (node.typ == exports.EnumToken.DeclarationNodeType) {
-                    str = `${node.nam}:${options.indent}${(options.minify
+                    str = `${node.nam}:${options.indent}${(options.minifyValues
                         ? filterValues(node.val)
                         : node.val)
                         .reduce(reducer, "")
@@ -25721,9 +25757,10 @@ function renderAstNode(data, options, sourcemaps, sourceLocation, linesMap, erro
 function renderValue(token, options = {}, cache = Object.create(null), reducer, errors) {
     if (token.typ === exports.EnumToken.WhenElseFunctionTokenType &&
         equalsIgnoreCase(token.val, "supports")) {
-        options = { ...options, minify: false, convertColor: false };
+        options = { ...options, minifyValues: false, minify: false, convertColor: false };
         reducer = null;
     }
+    options.minifyValues ??= options.minify;
     if (reducer == null) {
         reducer = function (acc, curr) {
             if (curr.typ == exports.EnumToken.CommentTokenType && options.removeComments) {
@@ -25880,7 +25917,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                     ")");
             }
         case exports.EnumToken.UrlFunctionTokenType:
-            if (options.minify && token.typ === exports.EnumToken.UrlFunctionTokenType) {
+            if (options.minifyValues && token.typ === exports.EnumToken.UrlFunctionTokenType) {
                 if (token.chi[0]?.typ === exports.EnumToken.BadUrlTokenType) {
                     return "url()";
                 }
@@ -25901,7 +25938,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
         case exports.EnumToken.FunctionTokenType:
         case exports.EnumToken.MathFunctionTokenType:
         case exports.EnumToken.ImageFunctionTokenType:
-            if (options.minify && token.typ === exports.EnumToken.ImageFunctionTokenType) {
+            if (options.minifyValues && token.typ === exports.EnumToken.ImageFunctionTokenType) {
                 const slice = token.chi.slice();
                 switch (token.val) {
                     case "linear-gradient":
@@ -26387,37 +26424,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                         renderValue(curr, token.typ == exports.EnumToken.FunctionTokenType ? { minify: false } : options, cache, reducer), "") +
                     ")");
             }
-            return (
-            /* options.minify && 'Pseudo-class-func' == token.typ && token.val.slice(0, 2) == '::' ? token.val.slice(1) :*/ (token.val ?? "") +
-                "(" +
-                token.chi.reduce(reducer, "") +
-                ")");
-        // case EnumToken.MatchExpressionTokenType:
-        //     return (
-        //         renderValue((token as MatchExpressionToken).l as Token, options, cache, reducer, errors) +
-        //         renderValue((token as MatchExpressionToken).op, options, cache, reducer, errors) +
-        //         renderValue((token as MatchExpressionToken).r, options, cache, reducer, errors) +
-        //         ((token as MatchExpressionToken).attr ? " " + (token as MatchExpressionToken).attr : "")
-        //     );
-        // case EnumToken.NameSpaceAttributeTokenType:
-        //     return (
-        //         ((token as NameSpaceAttributeToken).l == null
-        //             ? ""
-        //             : renderValue((token as NameSpaceAttributeToken).l as Token, options, cache, reducer, errors)) +
-        //         "|" +
-        //         renderValue((token as NameSpaceAttributeToken).r, options, cache, reducer, errors)
-        //     );
-        // case EnumToken.ComposesSelectorNodeType:
-        //     return (
-        //         (token as ComposesSelectorToken).l.reduce(
-        //             (acc: string, curr: Token) => acc + renderValue(curr, options, cache),
-        //             "",
-        //         ) +
-        //         ((token as ComposesSelectorToken).r == null
-        //             ? ""
-        //             : " from " +
-        //               renderValue((token as ComposesSelectorToken).r as Token, options, cache, reducer, errors))
-        //     );
+            return (token.val ?? "") + "(" + token.chi.reduce(reducer, "") + ")";
         case exports.EnumToken.BlockStartTokenType:
             return "{";
         case exports.EnumToken.BlockEndTokenType:
@@ -26566,7 +26573,11 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
             const perc = token.val.typ == exports.EnumToken.FractionTokenType
                 ? renderValue(token.val, options, cache)
                 : minifyNumber(token.val);
-            return options.minify && perc == "0" ? "0" : perc.includes("/") ? perc.replace("/", uni + "/") : perc + uni;
+            return options.minifyValues && perc == "0"
+                ? "0"
+                : perc.includes("/")
+                    ? perc.replace("/", uni + "/")
+                    : perc + uni;
         case exports.EnumToken.NumberTokenType:
             return token.val.typ == exports.EnumToken.FractionTokenType
                 ? renderValue(token.val, options, cache)
@@ -26631,7 +26642,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
         case exports.EnumToken.DeclarationNodeType:
             return (token.nam +
                 ":" +
-                (options.minify ? filterValues(token.val) : token.val).reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
+                (options.minifyValues ? filterValues(token.val) : token.val).reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
         case exports.EnumToken.MediaQueryUnaryFeatureTokenType:
             return (renderValue(token.l, options, cache, reducer) +
                 " " +
@@ -31089,6 +31100,7 @@ function doParseSync(tokenizer, options = {}) {
     if (options.expandNestingRules) {
         options.nestingRules = false;
     }
+    options.minifyAST ??= options.minify;
     const startTime = performance.now();
     const errors = [];
     const stack = [];
@@ -31468,7 +31480,7 @@ function doParseSync(tokenizer, options = {}) {
             }
         }
     }
-    if (options.minify) {
+    if (options.minifyAST) {
         if (ast.chi.length > 0) {
             let passes = options.pass ?? 1;
             while (passes--) {
@@ -32008,6 +32020,7 @@ async function doParse(iter, options = {}) {
         lenient: true,
         ...options,
     };
+    options.minifyAST ??= options.minify;
     if (typeof options.validation !== "boolean") {
         options.validation = !!options.validation;
     }
@@ -32462,7 +32475,7 @@ async function doParse(iter, options = {}) {
             }
         }
     }
-    if (options.minify) {
+    if (options.minifyAST) {
         if (ast.chi.length > 0) {
             let passes = options.pass ?? 1;
             while (passes--) {
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 0da216f94..1a072bdb9 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -5217,6 +5217,12 @@ interface MinifyOptions {
      * Enable minification
      */
     minify?: boolean;
+
+    /**
+     * enable ast minification
+     */
+    minifyAST?: boolean;
+    
     /**
      * Parse color tokens
      */
@@ -5294,7 +5300,8 @@ export declare type LoadResult =
     | Promise<ReadableStream<Uint8Array>>
     | ReadableStream<Uint8Array>
     | string
-    | Promise<string> | object;
+    | Promise<string>
+    | object;
 
 /**
  * CSS module parser options
@@ -5792,10 +5799,15 @@ export declare interface RenderOptions {
     src?: string;
 
     /**
-     * Minify css values.
+     * strip comments and whitespace.
      */
     minify?: boolean;
-    
+
+    /**
+     * Minify values
+     */
+    minifyValues?: boolean;
+
     /**
      * Pretty print css
      *
diff --git a/dist/lib/ast/features/calc.js b/dist/lib/ast/features/calc.js
index 9ac0aa9c5..6a1ce449d 100644
--- a/dist/lib/ast/features/calc.js
+++ b/dist/lib/ast/features/calc.js
@@ -33,8 +33,20 @@ class ComputeCalcExpressionFeature {
                     continue;
                 }
                 if (value.typ == EnumToken.BinaryExpressionTokenType) {
-                    // @ts-ignore
-                    replaceNodeOrValue(parent, value, evaluate([value]));
+                    const result = evaluate([value]);
+                    try {
+                        // @ts-ignore
+                        replaceNodeOrValue(parent, value, result);
+                    }
+                    catch (e) {
+                        // @ts-ignore
+                        if (Array.isArray(parent.chi)) {
+                            // @ts-ignore
+                            parent.chi.length = 0;
+                            // @ts-ignore
+                            parent.chi.push(...result);
+                        }
+                    }
                     continue;
                 }
                 if (value != null && tokensfuncSet.has(value.typ)) {
diff --git a/dist/lib/ast/math/expression.js b/dist/lib/ast/math/expression.js
index 1a372b279..5a04f657e 100644
--- a/dist/lib/ast/math/expression.js
+++ b/dist/lib/ast/math/expression.js
@@ -1,5 +1,5 @@
 import { equalsIgnoreCase } from '../../parser/utils/text.js';
-import { mathFuncs, LOCEND, LOCSTA, LOCSRCID } from '../../syntax/constants.js';
+import { mathFuncs, PARENT, LOCEND, LOCSTA, LOCSRCID } from '../../syntax/constants.js';
 import { EnumToken } from '../types.js';
 import { rem, compute } from './math.js';
 
@@ -64,6 +64,7 @@ function evaluate(tokens) {
                         [LOCSRCID]: nodes[0][LOCSRCID],
                         [LOCSTA]: nodes[0][LOCSTA],
                         [LOCEND]: nodes[0][LOCEND],
+                        [PARENT]: nodes[0][PARENT],
                     },
                 ];
             }
@@ -86,6 +87,7 @@ function evaluate(tokens) {
                     [LOCSRCID]: nodes[i][LOCSRCID],
                     [LOCSTA]: nodes[i][LOCSTA],
                     [LOCEND]: nodes[i + 1][LOCEND],
+                    [PARENT]: nodes[i + 1][PARENT],
                 };
             }
             else {
@@ -95,6 +97,7 @@ function evaluate(tokens) {
                     [LOCSRCID]: nodes[i + 1][LOCSRCID],
                     [LOCSTA]: nodes[i + 1][LOCSTA],
                     [LOCEND]: nodes[i + 1][LOCEND],
+                    [PARENT]: nodes[i + 1][PARENT],
                 }, EnumToken.Mul);
             }
             i++;
@@ -115,12 +118,14 @@ function evaluate(tokens) {
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 }, {
                     ...token,
                     val: -token.val,
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 });
                 return acc;
             }
@@ -131,6 +136,7 @@ function evaluate(tokens) {
                 [LOCSRCID]: token[LOCSRCID],
                 [LOCSTA]: token[LOCSTA],
                 [LOCEND]: token[LOCEND],
+                [PARENT]: token[PARENT],
             });
         }
         acc.push(token);
@@ -152,6 +158,7 @@ function doEvaluate(l, r, op) {
         [LOCSRCID]: l[LOCSRCID],
         [LOCSTA]: l[LOCSTA],
         [LOCEND]: r?.[LOCEND] ?? l[LOCEND],
+        [PARENT]: l[PARENT],
     };
     if (!isScalarToken(l) || !isScalarToken(r) || (l.typ == r.typ && "unit" in l && "unit" in r && l.unit != r.unit)) {
         return defaultReturn;
@@ -224,6 +231,7 @@ function doEvaluate(l, r, op) {
                         [LOCSRCID]: l[LOCSRCID],
                         [LOCSTA]: l[LOCSTA],
                         [LOCEND]: l[LOCEND],
+                        [PARENT]: l[PARENT],
                     },
                     r: {
                         typ: EnumToken.NumberTokenType,
@@ -231,6 +239,7 @@ function doEvaluate(l, r, op) {
                         [LOCSRCID]: r[LOCSRCID],
                         [LOCSTA]: r[LOCSTA],
                         [LOCEND]: r[LOCEND],
+                        [PARENT]: r[PARENT],
                     },
                 };
             }
@@ -243,6 +252,7 @@ function doEvaluate(l, r, op) {
                         [LOCSRCID]: l[LOCSRCID],
                         [LOCSTA]: l[LOCSTA],
                         [LOCEND]: l[LOCEND],
+                        [PARENT]: l[PARENT],
                     },
                     r: {
                         typ: EnumToken.NumberTokenType,
@@ -250,6 +260,7 @@ function doEvaluate(l, r, op) {
                         [LOCSRCID]: r[LOCSRCID],
                         [LOCSTA]: r[LOCSTA],
                         [LOCEND]: r[LOCEND],
+                        [PARENT]: r[PARENT],
                     },
                 };
             }
@@ -276,6 +287,7 @@ function doEvaluate(l, r, op) {
         [LOCSRCID]: l[LOCSRCID],
         [LOCSTA]: l[LOCSTA],
         [LOCEND]: r?.[LOCEND] ?? l[LOCEND],
+        [PARENT]: l[PARENT],
     };
     if (token.typ == EnumToken.IdenTokenType) {
         // @ts-ignore
@@ -456,6 +468,7 @@ function evaluateFunc(token) {
                         [LOCSRCID]: value[0][LOCSRCID],
                         [LOCSTA]: value[0][LOCSTA],
                         [LOCEND]: value[0][LOCEND],
+                        [PARENT]: value[0][PARENT],
                     }
                     : {
                         typ: token.val == "sign" ? EnumToken.NumberTokenType : value[0].typ,
@@ -463,6 +476,7 @@ function evaluateFunc(token) {
                         [LOCSRCID]: value[0][LOCSRCID],
                         [LOCSTA]: value[0][LOCSTA],
                         [LOCEND]: value[0][LOCEND],
+                        [PARENT]: value[0][PARENT],
                     },
             ];
         }
@@ -485,6 +499,7 @@ function evaluateFunc(token) {
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 },
             ];
         }
@@ -558,6 +573,7 @@ function evaluateFunc(token) {
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     },
                 ];
             }
@@ -572,6 +588,7 @@ function evaluateFunc(token) {
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     },
                 ];
             }
@@ -582,6 +599,7 @@ function evaluateFunc(token) {
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 },
             ];
         }
@@ -621,6 +639,7 @@ function evaluateFunc(token) {
                             [LOCSRCID]: token[LOCSRCID],
                             [LOCSTA]: token[LOCSTA],
                             [LOCEND]: token[LOCEND],
+                            [PARENT]: token[PARENT],
                         },
                     ];
                 }
@@ -663,6 +682,7 @@ function evaluateFunc(token) {
                             [LOCSRCID]: token[LOCSRCID],
                             [LOCSTA]: token[LOCSTA],
                             [LOCEND]: token[LOCEND],
+                            [PARENT]: token[PARENT],
                         },
                     ];
                 }
@@ -690,6 +710,7 @@ function inlineExpression(token) {
                 [LOCSRCID]: token[LOCSRCID],
                 [LOCSTA]: token[LOCSTA],
                 [LOCEND]: token[LOCEND],
+                [PARENT]: token[PARENT],
             });
             for (const child of inlineExpression(token.r)) {
                 result.push(child);
@@ -769,6 +790,7 @@ function factorToken(token) {
                 [LOCSRCID]: token[LOCSRCID],
                 [LOCSTA]: token[LOCSTA],
                 [LOCEND]: token[LOCEND],
+                [PARENT]: token[PARENT],
             };
             // @ts-ignore
             delete token.val;
@@ -810,6 +832,7 @@ function factor(tokens, ops) {
                 [LOCSRCID]: tokens[i - 1][LOCSRCID],
                 [LOCSTA]: tokens[i - 1][LOCSTA],
                 [LOCEND]: tokens[i + 1][LOCEND],
+                [PARENT]: tokens[i + 1][PARENT],
             });
             i--;
         }
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index ab1e48152..d4ed48bb7 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -475,6 +475,7 @@ function doParseSync(tokenizer, options = {}) {
     if (options.expandNestingRules) {
         options.nestingRules = false;
     }
+    options.minifyAST ??= options.minify;
     const startTime = performance.now();
     const errors = [];
     const stack = [];
@@ -854,7 +855,7 @@ function doParseSync(tokenizer, options = {}) {
             }
         }
     }
-    if (options.minify) {
+    if (options.minifyAST) {
         if (ast.chi.length > 0) {
             let passes = options.pass ?? 1;
             while (passes--) {
@@ -1394,6 +1395,7 @@ async function doParse(iter, options = {}) {
         lenient: true,
         ...options,
     };
+    options.minifyAST ??= options.minify;
     if (typeof options.validation !== "boolean") {
         options.validation = !!options.validation;
     }
@@ -1848,7 +1850,7 @@ async function doParse(iter, options = {}) {
             }
         }
     }
-    if (options.minify) {
+    if (options.minifyAST) {
         if (ast.chi.length > 0) {
             let passes = options.pass ?? 1;
             while (passes--) {
diff --git a/dist/lib/printer/render.js b/dist/lib/printer/render.js
index cfa4dc5a5..75c27a5e7 100644
--- a/dist/lib/printer/render.js
+++ b/dist/lib/printer/render.js
@@ -42,6 +42,7 @@ function doRender(data, options = {}, mapping) {
                 removeEmpty: false,
                 removeComments: false,
             }),
+        minifyValues: true,
         sourcemap: false,
         convertColor: true,
         expandNestingRules: false,
@@ -281,7 +282,7 @@ function renderAstNode(data, options, sourcemaps, sourceLocation, linesMap, erro
     const indentSub = indents[level + 1];
     switch (data.typ) {
         case EnumToken.DeclarationNodeType:
-            return `${data.nam}:${options.indent}${(options.minify
+            return `${data.nam}:${options.indent}${(options.minifyValues
                 ? filterValues(data.val)
                 : data.val).reduce(reducer, "")}`;
         case EnumToken.CommentNodeType:
@@ -336,7 +337,7 @@ function renderAstNode(data, options, sourcemaps, sourceLocation, linesMap, erro
                             : node.val;
                 }
                 else if (node.typ == EnumToken.DeclarationNodeType) {
-                    str = `${node.nam}:${options.indent}${(options.minify
+                    str = `${node.nam}:${options.indent}${(options.minifyValues
                         ? filterValues(node.val)
                         : node.val)
                         .reduce(reducer, "")
@@ -404,9 +405,10 @@ function renderAstNode(data, options, sourcemaps, sourceLocation, linesMap, erro
 function renderValue(token, options = {}, cache = Object.create(null), reducer, errors) {
     if (token.typ === EnumToken.WhenElseFunctionTokenType &&
         equalsIgnoreCase(token.val, "supports")) {
-        options = { ...options, minify: false, convertColor: false };
+        options = { ...options, minifyValues: false, minify: false, convertColor: false };
         reducer = null;
     }
+    options.minifyValues ??= options.minify;
     if (reducer == null) {
         reducer = function (acc, curr) {
             if (curr.typ == EnumToken.CommentTokenType && options.removeComments) {
@@ -563,7 +565,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                     ")");
             }
         case EnumToken.UrlFunctionTokenType:
-            if (options.minify && token.typ === EnumToken.UrlFunctionTokenType) {
+            if (options.minifyValues && token.typ === EnumToken.UrlFunctionTokenType) {
                 if (token.chi[0]?.typ === EnumToken.BadUrlTokenType) {
                     return "url()";
                 }
@@ -584,7 +586,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
         case EnumToken.FunctionTokenType:
         case EnumToken.MathFunctionTokenType:
         case EnumToken.ImageFunctionTokenType:
-            if (options.minify && token.typ === EnumToken.ImageFunctionTokenType) {
+            if (options.minifyValues && token.typ === EnumToken.ImageFunctionTokenType) {
                 const slice = token.chi.slice();
                 switch (token.val) {
                     case "linear-gradient":
@@ -1070,37 +1072,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
                         renderValue(curr, token.typ == EnumToken.FunctionTokenType ? { minify: false } : options, cache, reducer), "") +
                     ")");
             }
-            return (
-            /* options.minify && 'Pseudo-class-func' == token.typ && token.val.slice(0, 2) == '::' ? token.val.slice(1) :*/ (token.val ?? "") +
-                "(" +
-                token.chi.reduce(reducer, "") +
-                ")");
-        // case EnumToken.MatchExpressionTokenType:
-        //     return (
-        //         renderValue((token as MatchExpressionToken).l as Token, options, cache, reducer, errors) +
-        //         renderValue((token as MatchExpressionToken).op, options, cache, reducer, errors) +
-        //         renderValue((token as MatchExpressionToken).r, options, cache, reducer, errors) +
-        //         ((token as MatchExpressionToken).attr ? " " + (token as MatchExpressionToken).attr : "")
-        //     );
-        // case EnumToken.NameSpaceAttributeTokenType:
-        //     return (
-        //         ((token as NameSpaceAttributeToken).l == null
-        //             ? ""
-        //             : renderValue((token as NameSpaceAttributeToken).l as Token, options, cache, reducer, errors)) +
-        //         "|" +
-        //         renderValue((token as NameSpaceAttributeToken).r, options, cache, reducer, errors)
-        //     );
-        // case EnumToken.ComposesSelectorNodeType:
-        //     return (
-        //         (token as ComposesSelectorToken).l.reduce(
-        //             (acc: string, curr: Token) => acc + renderValue(curr, options, cache),
-        //             "",
-        //         ) +
-        //         ((token as ComposesSelectorToken).r == null
-        //             ? ""
-        //             : " from " +
-        //               renderValue((token as ComposesSelectorToken).r as Token, options, cache, reducer, errors))
-        //     );
+            return (token.val ?? "") + "(" + token.chi.reduce(reducer, "") + ")";
         case EnumToken.BlockStartTokenType:
             return "{";
         case EnumToken.BlockEndTokenType:
@@ -1249,7 +1221,11 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
             const perc = token.val.typ == EnumToken.FractionTokenType
                 ? renderValue(token.val, options, cache)
                 : minifyNumber(token.val);
-            return options.minify && perc == "0" ? "0" : perc.includes("/") ? perc.replace("/", uni + "/") : perc + uni;
+            return options.minifyValues && perc == "0"
+                ? "0"
+                : perc.includes("/")
+                    ? perc.replace("/", uni + "/")
+                    : perc + uni;
         case EnumToken.NumberTokenType:
             return token.val.typ == EnumToken.FractionTokenType
                 ? renderValue(token.val, options, cache)
@@ -1314,7 +1290,7 @@ function renderValue(token, options = {}, cache = Object.create(null), reducer,
         case EnumToken.DeclarationNodeType:
             return (token.nam +
                 ":" +
-                (options.minify ? filterValues(token.val) : token.val).reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
+                (options.minifyValues ? filterValues(token.val) : token.val).reduce((acc, curr) => acc + renderValue(curr, options, cache), ""));
         case EnumToken.MediaQueryUnaryFeatureTokenType:
             return (renderValue(token.l, options, cache, reducer) +
                 " " +
diff --git a/src/@types/index.d.ts b/src/@types/index.d.ts
index 10768d8ba..17f4a960b 100644
--- a/src/@types/index.d.ts
+++ b/src/@types/index.d.ts
@@ -130,6 +130,12 @@ export interface MinifyOptions {
      * Enable minification
      */
     minify?: boolean;
+
+    /**
+     * enable ast minification
+     */
+    minifyAST?: boolean;
+    
     /**
      * Parse color tokens
      */
@@ -706,10 +712,15 @@ export declare interface RenderOptions {
     src?: string;
 
     /**
-     * Minify css values.
+     * strip comments and whitespace.
      */
     minify?: boolean;
 
+    /**
+     * Minify values
+     */
+    minifyValues?: boolean;
+
     /**
      * Pretty print css
      *
diff --git a/src/lib/ast/features/calc.ts b/src/lib/ast/features/calc.ts
index 621ee5ecc..66cb11aed 100644
--- a/src/lib/ast/features/calc.ts
+++ b/src/lib/ast/features/calc.ts
@@ -49,99 +49,26 @@ export class ComputeCalcExpressionFeature {
 
             for (const { value, parent } of walkValues(
                 (<AstDeclaration>node).val,
-                node,
-                // {
-                //     event: WalkerEvent.Enter,
-                //     // @ts-ignore
-                //     fn(
-                //         node: AstNode | Token,
-                //         parent: AstNode | Token | AstNode[] | Token[] | null,
-                //     ): WalkerOption | AstNode | Token | AstNode[] | Token[] | null | void {
-                //         if (node.typ == EnumToken.BinaryExpressionTokenType) {
-                //             // @ts-ignore
-                //             const children = evaluate([node]);
-
-                //             // @ts-ignore
-                //             replaceNodeOrValue(parent, node, children);
-
-                //             return children;
-                //         }
-                //     },
-                //     // @ts-ignore
-                //     // fn(
-                //     //     node: AstNode | Token,
-                //     //     parent: FunctionToken | ParensToken | BinaryExpressionToken,
-                //     // ): WalkerOption | null {
-                //     //     if (
-                //     //         parent != null &&
-                //     //         // @ts-ignore
-                //     //         (parent as AstDeclaration).typ == EnumToken.DeclarationNodeType &&
-                //     //         // @ts-ignore
-                //     //         (parent as AstDeclaration).val.length == 1 &&
-                //     //         (node.typ === EnumToken.MathFunctionTokenType || node.typ === EnumToken.FunctionTokenType) &&
-                //     //         mathFuncs.includes((node as FunctionToken).val) &&
-                //     //         (node as FunctionToken).chi.length == 1 &&
-                //     //         (node as FunctionToken).chi[0].typ == EnumToken.IdenTokenType
-                //     //     ) {
-
-                //     //         return WalkerOptionEnum.Ignore;
-                //     //     }
-
-                //     //     // if (
-                //     //     //     (node.typ === EnumToken.WildCardFunctionTokenType && (node as FunctionToken).val == "var") ||
-                //     //     //     (!mathFuncs.includes((parent as FunctionToken).val) &&
-                //     //     //         [
-                //     //     //             EnumToken.MathFunctionTokenType,
-                //     //     //             EnumToken.ColorTokenType,
-                //     //     //             EnumToken.DeclarationNodeType,
-                //     //     //             EnumToken.ImageFunc,
-                //     //     //             EnumToken.RuleNodeType,
-                //     //     //             EnumToken.AtRuleNodeType,
-                //     //     //             EnumToken.StyleSheetNodeType,
-                //     //     //         ].includes(parent?.typ))
-                //     //     // ) {
-                //     //     //     return null;
-                //     //     // }
-
-                //     //     // @ts-ignore
-                //     //     // const slice: Token[] = (
-                //     //     //     node.typ == EnumToken.FunctionTokenType || node.typ == EnumToken.MathFunctionTokenType
-                //     //     //         ? (node as FunctionToken).chi
-                //     //     //         : node.typ == EnumToken.DeclarationNodeType
-                //     //     //           ? (<AstDeclaration>node).val
-                //     //     //           : (node as FunctionToken).chi
-                //     //     // )?.slice();
-
-                //     //     // if (
-                //     //     //     slice != null &&
-                //     //     //     (node.typ === EnumToken.MathFunctionTokenType ||
-                //     //     //         (node.typ == EnumToken.FunctionTokenType &&
-                //     //     //             mathFuncs.includes((node as FunctionToken).val)))
-                //     //     // ) {
-                //     //     //     // @ts-ignore
-                //     //     //     const key = "chi" in node ? "chi" : "val";
-
-                //     //     //     const str1: string = renderValue({ ...node, [key]: slice } as Token);
-                //     //     //     const str2: string = renderValue(node as Token); // values.reduce((acc: string, curr: Token): string => acc + renderValue(curr), '');
-
-                //     //     //     if (str1.length < str2.length) {
-                //     //     //         // @ts-ignore
-                //     //     //         node[key] = slice;
-                //     //     //     }
-
-                //     //     //     return WalkerOptionEnum.Ignore;
-                //     //     // }
-
-                //     //     return null;
-                //     // },
-                // }
+                node
             )) {
                 if (parent?.typ == EnumToken.BinaryExpressionTokenType) {
                     continue;
                 }
                 if (value.typ == EnumToken.BinaryExpressionTokenType) {
-                    // @ts-ignore
-                    replaceNodeOrValue(parent, value, evaluate([value]));
+                    const result = evaluate([value]);
+
+                    try {
+                        // @ts-ignore
+                        replaceNodeOrValue(parent, value, result);
+                    } catch (e) {
+                        // @ts-ignore
+                        if (Array.isArray(parent.chi)) {
+                            // @ts-ignore
+                            parent.chi.length = 0;
+                            // @ts-ignore
+                            parent.chi.push(...result);
+                        }
+                    }
                     continue;
                 }
 
diff --git a/src/lib/ast/math/expression.ts b/src/lib/ast/math/expression.ts
index a0d393cb8..1fd7651ee 100644
--- a/src/lib/ast/math/expression.ts
+++ b/src/lib/ast/math/expression.ts
@@ -21,7 +21,7 @@ import type {
     Token,
 } from "../../../@types/index.d.ts";
 import { equalsIgnoreCase } from "../../parser/utils/text.ts";
-import { LOCEND, LOCSRCID, LOCSTA, mathFuncs } from "../../syntax/constants.ts";
+import { LOCEND, LOCSRCID, LOCSTA, mathFuncs, PARENT } from "../../syntax/constants.ts";
 import { EnumToken } from "../types.ts";
 import { compute, rem } from "./math.ts";
 
@@ -106,6 +106,7 @@ export function evaluate(tokens: Token[]): Token[] {
                         [LOCSRCID]: nodes[0][LOCSRCID],
                         [LOCSTA]: nodes[0][LOCSTA],
                         [LOCEND]: nodes[0][LOCEND],
+                        [PARENT]: nodes[0][PARENT],
                     },
                 ];
             }
@@ -133,6 +134,7 @@ export function evaluate(tokens: Token[]): Token[] {
                     [LOCSRCID]: nodes[i][LOCSRCID],
                     [LOCSTA]: nodes[i][LOCSTA],
                     [LOCEND]: nodes[i + 1][LOCEND],
+                    [PARENT]: nodes[i + 1][PARENT],
                 } as ListToken;
             } else {
                 token = doEvaluate(
@@ -143,6 +145,7 @@ export function evaluate(tokens: Token[]): Token[] {
                         [LOCSRCID]: nodes[i + 1][LOCSRCID],
                         [LOCSTA]: nodes[i + 1][LOCSTA],
                         [LOCEND]: nodes[i + 1][LOCEND],
+                        [PARENT]: nodes[i + 1][PARENT],
                     },
                     EnumToken.Mul,
                 );
@@ -169,6 +172,7 @@ export function evaluate(tokens: Token[]): Token[] {
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     },
                     {
                         ...token,
@@ -176,6 +180,7 @@ export function evaluate(tokens: Token[]): Token[] {
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     } as Token,
                 );
                 return acc;
@@ -188,6 +193,7 @@ export function evaluate(tokens: Token[]): Token[] {
                 [LOCSRCID]: token[LOCSRCID],
                 [LOCSTA]: token[LOCSTA],
                 [LOCEND]: token[LOCEND],
+                [PARENT]: token[PARENT],
             });
         }
 
@@ -215,6 +221,7 @@ function doEvaluate(
         [LOCSRCID]: l[LOCSRCID],
         [LOCSTA]: l[LOCSTA],
         [LOCEND]: r?.[LOCEND] ?? l[LOCEND],
+        [PARENT]: l[PARENT],
     };
 
     if (!isScalarToken(l) || !isScalarToken(r) || (l.typ == r.typ && "unit" in l && "unit" in r && l.unit != r.unit)) {
@@ -300,6 +307,7 @@ function doEvaluate(
                         [LOCSRCID]: l[LOCSRCID],
                         [LOCSTA]: l[LOCSTA],
                         [LOCEND]: l[LOCEND],
+                        [PARENT]: l[PARENT],
                     },
                     r: {
                         typ: EnumToken.NumberTokenType,
@@ -307,6 +315,7 @@ function doEvaluate(
                         [LOCSRCID]: r[LOCSRCID],
                         [LOCSTA]: r[LOCSTA],
                         [LOCEND]: r[LOCEND],
+                        [PARENT]: r[PARENT],
                     },
                 };
             } else if (typeof v2 == "number" && r.typ == EnumToken.PercentageTokenType) {
@@ -318,6 +327,7 @@ function doEvaluate(
                         [LOCSRCID]: l[LOCSRCID],
                         [LOCSTA]: l[LOCSTA],
                         [LOCEND]: l[LOCEND],
+                        [PARENT]: l[PARENT],
                     },
                     r: {
                         typ: EnumToken.NumberTokenType,
@@ -325,6 +335,7 @@ function doEvaluate(
                         [LOCSRCID]: r[LOCSRCID],
                         [LOCSTA]: r[LOCSTA],
                         [LOCEND]: r[LOCEND],
+                        [PARENT]: r[PARENT],
                     },
                 };
             }
@@ -358,6 +369,7 @@ function doEvaluate(
         [LOCSRCID]: l[LOCSRCID],
         [LOCSTA]: l[LOCSTA],
         [LOCEND]: r?.[LOCEND] ?? l[LOCEND],
+        [PARENT]: l[PARENT],
     } as Token;
 
     if (token.typ == EnumToken.IdenTokenType) {
@@ -592,6 +604,7 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
                           [LOCSRCID]: value[0][LOCSRCID],
                           [LOCSTA]: value[0][LOCSTA],
                           [LOCEND]: value[0][LOCEND],
+                          [PARENT]: value[0][PARENT],
                       }
                     : {
                           typ: token.val == "sign" ? EnumToken.NumberTokenType : value[0].typ,
@@ -599,6 +612,7 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
                           [LOCSRCID]: value[0][LOCSRCID],
                           [LOCSTA]: value[0][LOCSTA],
                           [LOCEND]: value[0][LOCEND],
+                          [PARENT]: value[0][PARENT],
                       },
             ];
         }
@@ -634,6 +648,7 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 } as
                     | DimensionToken
                     | AngleToken
@@ -730,6 +745,7 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     } as
                         | DimensionToken
                         | AngleToken
@@ -752,6 +768,7 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
                         [LOCSRCID]: token[LOCSRCID],
                         [LOCSTA]: token[LOCSTA],
                         [LOCEND]: token[LOCEND],
+                        [PARENT]: token[PARENT],
                     } as
                         | DimensionToken
                         | AngleToken
@@ -770,6 +787,7 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
                     [LOCSRCID]: token[LOCSRCID],
                     [LOCSTA]: token[LOCSTA],
                     [LOCEND]: token[LOCEND],
+                    [PARENT]: token[PARENT],
                 } as
                     | DimensionToken
                     | AngleToken
@@ -830,6 +848,7 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
                             [LOCSRCID]: token[LOCSRCID],
                             [LOCSTA]: token[LOCSTA],
                             [LOCEND]: token[LOCEND],
+                            [PARENT]: token[PARENT],
                         } as
                             | DimensionToken
                             | AngleToken
@@ -884,6 +903,7 @@ export function evaluateFunc(token: FunctionToken): Token[] | null {
                             [LOCSRCID]: token[LOCSRCID],
                             [LOCSTA]: token[LOCSTA],
                             [LOCEND]: token[LOCEND],
+                            [PARENT]: token[PARENT],
                         } as NumberToken | PercentageToken | DimensionToken | AngleToken,
                     ];
                 }
@@ -914,6 +934,7 @@ export function inlineExpression(token: Token): Token[] {
                 [LOCSRCID]: (token as BinaryExpressionToken)[LOCSRCID],
                 [LOCSTA]: (token as BinaryExpressionToken)[LOCSTA],
                 [LOCEND]: (token as BinaryExpressionToken)[LOCEND],
+                [PARENT]: (token as BinaryExpressionToken)[PARENT],
             } as Token);
 
             for (const child of inlineExpression((token as BinaryExpressionToken).r)) {
@@ -1027,6 +1048,7 @@ function factorToken(token: Token): Token {
                 [LOCSRCID]: token[LOCSRCID],
                 [LOCSTA]: token[LOCSTA],
                 [LOCEND]: token[LOCEND],
+                [PARENT]: token[PARENT],
             } as ParensToken;
 
             // @ts-ignore
@@ -1078,6 +1100,7 @@ function factor(tokens: Array<Token | BinaryExpressionToken>, ops: Array<"+" | "
                 [LOCSRCID]: tokens[i - 1][LOCSRCID],
                 [LOCSTA]: tokens[i - 1][LOCSTA],
                 [LOCEND]: tokens[i + 1]![LOCEND],
+                [PARENT]: tokens[i + 1]![PARENT],
             });
 
             i--;
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index 41d8c201b..b323e2c63 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -675,6 +675,8 @@ export function doParseSync(tokenizer: Tokenizer, options: ParserSyncOptions = {
         options.nestingRules = false;
     }
 
+    options.minifyAST ??= options.minify;
+
     const startTime: number = performance.now();
     const errors: ErrorDescription[] = [];
     const stack: Array<AstNode | AstComment> = [];
@@ -1120,7 +1122,7 @@ export function doParseSync(tokenizer: Tokenizer, options: ParserSyncOptions = {
         }
     }
 
-    if (options.minify) {
+    if (options.minifyAST) {
         if (ast.chi.length > 0) {
             let passes: number = options.pass ?? (1 as number);
 
@@ -1813,6 +1815,8 @@ export async function doParse(iter: Tokenizer | Promise<Tokenizer>, options: Par
         ...options,
     };
 
+    options.minifyAST ??= options.minify;
+
     if (typeof options.validation !== "boolean") {
         options.validation = !!options.validation;
     }
@@ -2353,7 +2357,7 @@ export async function doParse(iter: Tokenizer | Promise<Tokenizer>, options: Par
         }
     }
 
-    if (options.minify) {
+    if (options.minifyAST) {
         if (ast.chi.length > 0) {
             let passes: number = options.pass ?? (1 as number);
 
diff --git a/src/lib/printer/render.ts b/src/lib/printer/render.ts
index e29af1dd0..893ded3ed 100644
--- a/src/lib/printer/render.ts
+++ b/src/lib/printer/render.ts
@@ -117,6 +117,7 @@ export function doRender(
                   removeEmpty: false,
                   removeComments: false,
               }),
+        minifyValues: true,
         sourcemap: false,
         convertColor: true,
         expandNestingRules: false,
@@ -465,7 +466,7 @@ function renderAstNode(
 
     switch (data.typ) {
         case EnumToken.DeclarationNodeType:
-            return `${(<AstDeclaration>data).nam}:${options.indent}${(options.minify
+            return `${(<AstDeclaration>data).nam}:${options.indent}${(options.minifyValues
                 ? filterValues((<AstDeclaration>data).val)
                 : (<AstDeclaration>data).val
             ).reduce(reducer, "")}`;
@@ -548,7 +549,7 @@ function renderAstNode(
                             ? ""
                             : (<AstComment>node).val;
                 } else if (node.typ == EnumToken.DeclarationNodeType) {
-                    str = `${(<AstDeclaration>node).nam}:${options.indent}${(options.minify
+                    str = `${(<AstDeclaration>node).nam}:${options.indent}${(options.minifyValues
                         ? filterValues((<AstDeclaration>node).val)
                         : (<AstDeclaration>node).val
                     )
@@ -648,10 +649,12 @@ export function renderValue(
         token.typ === EnumToken.WhenElseFunctionTokenType &&
         equalsIgnoreCase((token as FunctionToken).val, "supports")
     ) {
-        options = { ...options, minify: false, convertColor: false };
+        options = { ...options, minifyValues: false, minify: false, convertColor: false };
         reducer = null;
     }
 
+    options.minifyValues ??= options.minify;
+
     if (reducer == null) {
         reducer = function (acc: string, curr: Token): string {
             if (curr.typ == EnumToken.CommentTokenType && options.removeComments) {
@@ -879,7 +882,7 @@ export function renderValue(
             }
 
         case EnumToken.UrlFunctionTokenType:
-            if (options.minify && token.typ === EnumToken.UrlFunctionTokenType) {
+            if (options.minifyValues && token.typ === EnumToken.UrlFunctionTokenType) {
                 if ((token as FunctionToken).chi[0]?.typ === EnumToken.BadUrlTokenType) {
                     return "url()";
                 }
@@ -905,7 +908,7 @@ export function renderValue(
         case EnumToken.FunctionTokenType:
         case EnumToken.MathFunctionTokenType:
         case EnumToken.ImageFunctionTokenType:
-            if (options.minify && token.typ === EnumToken.ImageFunctionTokenType) {
+            if (options.minifyValues && token.typ === EnumToken.ImageFunctionTokenType) {
                 const slice = (token as FunctionToken).chi.slice() as Token[];
 
                 switch ((token as FunctionToken).val) {
@@ -1551,43 +1554,7 @@ export function renderValue(
                 );
             }
 
-            return (
-                /* options.minify && 'Pseudo-class-func' == token.typ && token.val.slice(0, 2) == '::' ? token.val.slice(1) :*/ ((
-                    token as FunctionToken
-                ).val ?? "") +
-                "(" +
-                (token as FunctionToken).chi.reduce(reducer, "") +
-                ")"
-            );
-
-        // case EnumToken.MatchExpressionTokenType:
-        //     return (
-        //         renderValue((token as MatchExpressionToken).l as Token, options, cache, reducer, errors) +
-        //         renderValue((token as MatchExpressionToken).op, options, cache, reducer, errors) +
-        //         renderValue((token as MatchExpressionToken).r, options, cache, reducer, errors) +
-        //         ((token as MatchExpressionToken).attr ? " " + (token as MatchExpressionToken).attr : "")
-        //     );
-
-        // case EnumToken.NameSpaceAttributeTokenType:
-        //     return (
-        //         ((token as NameSpaceAttributeToken).l == null
-        //             ? ""
-        //             : renderValue((token as NameSpaceAttributeToken).l as Token, options, cache, reducer, errors)) +
-        //         "|" +
-        //         renderValue((token as NameSpaceAttributeToken).r, options, cache, reducer, errors)
-        //     );
-
-        // case EnumToken.ComposesSelectorNodeType:
-        //     return (
-        //         (token as ComposesSelectorToken).l.reduce(
-        //             (acc: string, curr: Token) => acc + renderValue(curr, options, cache),
-        //             "",
-        //         ) +
-        //         ((token as ComposesSelectorToken).r == null
-        //             ? ""
-        //             : " from " +
-        //               renderValue((token as ComposesSelectorToken).r as Token, options, cache, reducer, errors))
-        //     );
+            return ((token as FunctionToken).val ?? "") + "(" + (token as FunctionToken).chi.reduce(reducer, "") + ")";
 
         case EnumToken.BlockStartTokenType:
             return "{";
@@ -1798,7 +1765,11 @@ export function renderValue(
                     ? renderValue(<FractionToken>(token as PercentageToken).val, options, cache)
                     : minifyNumber((token as PercentageToken).val as number);
 
-            return options.minify && perc == "0" ? "0" : perc.includes("/") ? perc.replace("/", uni + "/") : perc + uni;
+            return options.minifyValues && perc == "0"
+                ? "0"
+                : perc.includes("/")
+                  ? perc.replace("/", uni + "/")
+                  : perc + uni;
 
         case EnumToken.NumberTokenType:
             return (<FractionToken>(token as NumberToken).val).typ == EnumToken.FractionTokenType
@@ -1929,7 +1900,7 @@ export function renderValue(
             return (
                 (<AstDeclaration>token).nam +
                 ":" +
-                (options.minify ? filterValues((<AstDeclaration>token).val) : (<AstDeclaration>token).val).reduce(
+                (options.minifyValues ? filterValues((<AstDeclaration>token).val) : (<AstDeclaration>token).val).reduce(
                     (acc: string, curr: Token): string => acc + renderValue(curr, options, cache),
                     "",
                 )
diff --git a/test/specs/code/validation.js b/test/specs/code/validation.js
index 26862b848..e8162abf1 100644
--- a/test/specs/code/validation.js
+++ b/test/specs/code/validation.js
@@ -653,6 +653,7 @@ html, body, div, span, applet, object, iframe,
                     validation: true,
                     resolveImport: true,
                 },
+           
             ).then((result) => expect(result.errors.length).equals(1));
         });
 

From 28b6e8c79a85916844fb8987fd3faeaccfea783c Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 24 Sep 2026 10:27:25 -0400
Subject: [PATCH 18/41] added RenderOptions#minifyValues and
 ParseOptions#minifyAST

---
 benchmark/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/benchmark/package.json b/benchmark/package.json
index 9c0043123..a21687328 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tbela99/css-parser": "^1.6.4",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#38cfbd0",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#3dd4b3d",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^9.0.5",

From 82f36959c63b51412061ebc50fa7c7ec76243f48 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 25 Sep 2026 14:35:18 -0400
Subject: [PATCH 19/41] adding architecture graph

---
 CHANGELOG.md                       |   5 +-
 README.md                          |  56 +++++++++
 benchmark/src/minifiers.js         |   2 +-
 dist/index-umd-web.js              |  82 ++++++------
 dist/index.cjs                     |  82 ++++++------
 dist/index.d.ts                    |   2 +-
 dist/lib/parser/declaration/map.js |  32 ++---
 dist/lib/parser/tokenize.js        |  46 +++----
 dist/lib/syntax/syntax.js          |   4 +-
 files/architecture.md              |  65 ++++++++++
 files/assets/typedoc-custom.css    |  11 +-
 files/index.md                     |   2 +
 files/usage.md                     |   2 +-
 files/validation.md                |   2 +-
 package.json                       |   9 +-
 scripts/shorthand.ts               |   4 +-
 scripts/validation.ts              |   3 +-
 src/lib/parser/declaration/map.ts  | 192 ++++++++++++++---------------
 src/lib/parser/tokenize.ts         |  58 +++++----
 src/lib/syntax/syntax.ts           |   4 +-
 typedoc.config.js                  |  10 +-
 21 files changed, 401 insertions(+), 272 deletions(-)
 create mode 100644 files/architecture.md

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c7adc57c6..276f3e49f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,7 +4,10 @@
 
 ## New
 
-Added fine-grained minification parameters RenderOptions#minifyValues and ParseOptions#minifyAST
+- [x] Added fine-grained minification parameters:
+  - [x] RenderOptions#minifyValues: minify CSS values such as numbers and dimension tokens
+  - [x] ParseOptions#minifyAST: minify the AST.
+- [ ] visitors can return plain css string
 
 # v1.6.4
 
diff --git a/README.md b/README.md
index 50f5fb771..6fded754f 100644
--- a/README.md
+++ b/README.md
@@ -239,3 +239,59 @@ Try it [online](https://tbela99.github.io/css-parser/playground/)
 ## Performance
 
 - [x] Bundle file referenced by the @import statement.
+
+# Architecture
+```mermaid
+flowchart TD
+    %% --- Transform ---
+    Input([CSS input])
+    transform[transform/transformSync]
+
+
+    %% The Grouped Container
+    subgraph Group1 ["Parse step"]
+
+        %% --- Parse step ---
+        parse["parse()/parseSync()"]
+        tokenize(["tokenize()"])
+        parseNode([parse token stream and validation])
+        visitors([visitors])
+        minify([minify AST])
+        cssModules([generate CSS module])
+        parseResult[Parse result]
+    end
+
+    %% The Grouped Container
+    subgraph Group2 ["Render step"]
+
+        %% --- Render step ---
+        renderAst([Render AST])
+        sourcemap([Sourcemap generation])
+
+    end
+
+
+    %% --- Result step ---
+    transformResult[Transform result]
+
+    %% --- Routing step ---
+    Input --> transform
+    transform --> parse
+    parse --> tokenize
+    tokenize --> parseNode
+    parseNode -- "Visitors set?"  --> visitors
+    visitors -- "Minify AST?"  --> minify
+    minify -- "CSS module?"  --> cssModules
+    visitors -- "CSS module?"  --> cssModules
+    cssModules --> parseResult
+    parseNode -- "CSS module?" --> cssModules
+    parseNode -- "Minify AST?"  --> minify
+    parseNode --> parseResult
+    visitors --> parseResult
+    minify --> parseResult
+    parseResult --> renderAst
+    renderAst -- "Sourcemap?" --> sourcemap
+    renderAst --> transformResult
+    sourcemap --> transformResult
+
+```
\ No newline at end of file
diff --git a/benchmark/src/minifiers.js b/benchmark/src/minifiers.js
index e46d0b03b..c15d72ac2 100644
--- a/benchmark/src/minifiers.js
+++ b/benchmark/src/minifiers.js
@@ -138,6 +138,6 @@ export const minifiers = [
         id: "css-parser-dev",
         url: versions["css-parser-dev"].url,
         label: `@tbela99/css-parser-dev (default) - ${versions["css-parser-dev"].version}`,
-        minify: async (css) => tbelaDevTransform({ input: css, minify: true }).code,
+        minify: async (css) => tbelaDevTransform({ input: css }).code,
     },
 ];
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index e9370365b..f0174bc06 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -15318,12 +15318,12 @@
     // '\\'
     const REVERSE_SOLIDUS = 0x5c;
     const flexUnits = ["fr"];
-    const frequencyUnits = ["hz", "khz"];
+    const frequencyUnits = ["Hz", "kHz"];
     const timeUnits = ["ms", "s"];
     const angleUnits = ["rad", "turn", "deg", "grad"];
     const resolutionUnits = ["dpi", "dpcm", "dppx", "x"];
     const dimensionUnits = [
-        "q",
+        "Q",
         "cap",
         "ch",
         "cm",
@@ -19704,8 +19704,8 @@
 
     const propertiesConfig = getConfig();
     class PropertyMap {
-        config;
         declarations;
+        config;
         requiredCount;
         pattern;
         constructor(config) {
@@ -19735,23 +19735,18 @@
                 if (this.declarations.has(this.config.shorthand)) {
                     const tokens = {};
                     const values = [];
-                    // @ts-ignore
-                    this.declarations
-                        .get(this.config.shorthand)
-                        // @ts-ignore
-                        .val.slice()
-                        .reduce((acc, curr) => {
+                    const val = [[]];
+                    for (const curr of // @ts-ignore
+                     this.declarations.get(this.config.shorthand).val) {
                         // @ts-ignore
                         if (separator != null && separator.typ == curr.typ && separator.val == curr.val) {
-                            acc.push([]);
-                            return acc;
+                            val.push([]);
+                            continue;
                         }
                         // @ts-ignore
-                        acc.at(-1).push(curr);
-                        return acc;
-                    }, [[]])
-                        // @ts-ignore
-                        .reduce((acc, list, current) => {
+                        val.at(-1).push(curr);
+                    }
+                    for (let current = 0; current < val.length; current++) {
                         values.push(...this.pattern.reduce((acc, property) => {
                             // let current: number = 0;
                             const props = this.config.properties[property];
@@ -19766,9 +19761,7 @@
                                 // @ts-ignore
                                 acc[i][PROPERTYNAME] == property ||
                                     matchType(acc[i], props)) {
-                                    if ("prefix" in props &&
-                                        props.previous != null &&
-                                        !(props.previous in tokens)) {
+                                    if ("prefix" in props && props.previous != null && !(props.previous in tokens)) {
                                         return acc;
                                     }
                                     if (!(property in tokens)) {
@@ -19833,9 +19826,8 @@
                                 }
                             }
                             return acc;
-                        }, list));
-                        return values;
-                    }, []);
+                        }, val[current]));
+                    }
                     if (values.length == 0) {
                         this.declarations = Object.entries(tokens).reduce((acc, curr) => {
                             acc.set(curr[0], {
@@ -26713,6 +26705,7 @@
     }
 
     const SymbolsMapTokens = Object.create(null);
+    const SymbolsMapTokensLower = Object.create(null);
     // Regex for escape sequence decoding - compile once, reuse many times
     const ESCAPE_SEQUENCE_REGEX = /\\((\n|\r|\f|\v|\u2028|\u2029|([0-9a-fA-F]{1,6})) ?)/gms;
     function decodeEscapeSequences(value) {
@@ -26741,7 +26734,9 @@
     }
     function assignTokenMap(entries, tokenType, suffix = "", lowercase = false) {
         for (const entry of entries) {
-            SymbolsMapTokens[(lowercase ? entry.toLowerCase() : entry) + suffix] = tokenType;
+            const key = (lowercase ? entry.toLowerCase() : entry) + suffix;
+            SymbolsMapTokens[key] = tokenType;
+            SymbolsMapTokensLower[key.toLowerCase()] = tokenType;
         }
     }
     SymbolsMapTokens[""] = exports.EnumToken.DelimTokenType;
@@ -26841,20 +26836,24 @@
     })(TokenMap || (TokenMap = {}));
     function getSymbolHint(parseInfo, start, end) {
         const len = end - start;
-        const keysLength = SymbolsMapTokensKeys.length;
-        // Early exit for impossible lengths
-        if (len < 0)
+        if (len <= 0)
             return null;
+        const value = parseInfo.stream.slice(start, end);
+        // Direct lookup handles the hottest punctuation and keyword cases without
+        // scanning the entire symbol table on every token.
+        const match = SymbolsMapTokens[value] ?? SymbolsMapTokensLower[value.toLowerCase()];
+        if (match != null) {
+            return match;
+        }
+        const keysLength = SymbolsMapTokensKeys.length;
         for (let i = 0; i < keysLength; i++) {
             const key = SymbolsMapTokensKeys[i];
             if (key.length !== len)
                 continue;
-            // Match character by character
             let match = true;
             for (let j = 0; j < len; j++) {
                 let ca = key.charCodeAt(j);
-                let cb = parseInfo.stream.charCodeAt(start + j);
-                // Normalize A-Z to a-z
+                let cb = value.charCodeAt(j);
                 if (ca >= 65 && ca <= 90)
                     ca += 32;
                 if (cb >= 65 && cb <= 90)
@@ -26872,32 +26871,29 @@
     }
     function searchArray(array, parseInfo, start, end) {
         const len = end - start;
-        // Early exit for impossible lengths
-        if (len < 0)
+        if (len <= 0)
             return null;
-        // Use a simple linear search optimized with length pre-filtering
-        let i = array.length;
-        while (i--) {
-            if (array[i].length !== len)
+        let match;
+        let item;
+        for (let i = 0; i < array.length; i++) {
+            item = array[i];
+            if (item.length !== len)
                 continue;
-            // Match character by character
-            let match = true;
-            const arrayItem = array[i];
+            match = true;
             for (let j = 0; j < len; j++) {
-                let ca = arrayItem.charCodeAt(j);
-                let cb = parseInfo.stream.charCodeAt(start + j);
-                // Normalize A-Z to a-z
+                let ca = parseInfo.stream.charCodeAt(start + j);
+                let cb = item.charCodeAt(j);
                 if (ca >= 65 && ca <= 90)
                     ca += 32;
                 if (cb >= 65 && cb <= 90)
                     cb += 32;
-                if (ca != cb) {
+                if (ca !== cb) {
                     match = false;
                     break;
                 }
             }
             if (match) {
-                return arrayItem;
+                return item;
             }
         }
         return null;
diff --git a/dist/index.cjs b/dist/index.cjs
index 7ed358e87..15b4e94dd 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -15321,12 +15321,12 @@ function getColorSpace(color) {
 // '\\'
 const REVERSE_SOLIDUS = 0x5c;
 const flexUnits = ["fr"];
-const frequencyUnits = ["hz", "khz"];
+const frequencyUnits = ["Hz", "kHz"];
 const timeUnits = ["ms", "s"];
 const angleUnits = ["rad", "turn", "deg", "grad"];
 const resolutionUnits = ["dpi", "dpcm", "dppx", "x"];
 const dimensionUnits = [
-    "q",
+    "Q",
     "cap",
     "ch",
     "cm",
@@ -19707,8 +19707,8 @@ function matchType(val, properties) {
 
 const propertiesConfig = getConfig();
 class PropertyMap {
-    config;
     declarations;
+    config;
     requiredCount;
     pattern;
     constructor(config) {
@@ -19738,23 +19738,18 @@ class PropertyMap {
             if (this.declarations.has(this.config.shorthand)) {
                 const tokens = {};
                 const values = [];
-                // @ts-ignore
-                this.declarations
-                    .get(this.config.shorthand)
-                    // @ts-ignore
-                    .val.slice()
-                    .reduce((acc, curr) => {
+                const val = [[]];
+                for (const curr of // @ts-ignore
+                 this.declarations.get(this.config.shorthand).val) {
                     // @ts-ignore
                     if (separator != null && separator.typ == curr.typ && separator.val == curr.val) {
-                        acc.push([]);
-                        return acc;
+                        val.push([]);
+                        continue;
                     }
                     // @ts-ignore
-                    acc.at(-1).push(curr);
-                    return acc;
-                }, [[]])
-                    // @ts-ignore
-                    .reduce((acc, list, current) => {
+                    val.at(-1).push(curr);
+                }
+                for (let current = 0; current < val.length; current++) {
                     values.push(...this.pattern.reduce((acc, property) => {
                         // let current: number = 0;
                         const props = this.config.properties[property];
@@ -19769,9 +19764,7 @@ class PropertyMap {
                             // @ts-ignore
                             acc[i][PROPERTYNAME] == property ||
                                 matchType(acc[i], props)) {
-                                if ("prefix" in props &&
-                                    props.previous != null &&
-                                    !(props.previous in tokens)) {
+                                if ("prefix" in props && props.previous != null && !(props.previous in tokens)) {
                                     return acc;
                                 }
                                 if (!(property in tokens)) {
@@ -19836,9 +19829,8 @@ class PropertyMap {
                             }
                         }
                         return acc;
-                    }, list));
-                    return values;
-                }, []);
+                    }, val[current]));
+                }
                 if (values.length == 0) {
                     this.declarations = Object.entries(tokens).reduce((acc, curr) => {
                         acc.set(curr[0], {
@@ -26716,6 +26708,7 @@ function filterValues(values) {
 }
 
 const SymbolsMapTokens = Object.create(null);
+const SymbolsMapTokensLower = Object.create(null);
 // Regex for escape sequence decoding - compile once, reuse many times
 const ESCAPE_SEQUENCE_REGEX = /\\((\n|\r|\f|\v|\u2028|\u2029|([0-9a-fA-F]{1,6})) ?)/gms;
 function decodeEscapeSequences(value) {
@@ -26744,7 +26737,9 @@ function decodeEscapeSequences(value) {
 }
 function assignTokenMap(entries, tokenType, suffix = "", lowercase = false) {
     for (const entry of entries) {
-        SymbolsMapTokens[(lowercase ? entry.toLowerCase() : entry) + suffix] = tokenType;
+        const key = (lowercase ? entry.toLowerCase() : entry) + suffix;
+        SymbolsMapTokens[key] = tokenType;
+        SymbolsMapTokensLower[key.toLowerCase()] = tokenType;
     }
 }
 SymbolsMapTokens[""] = exports.EnumToken.DelimTokenType;
@@ -26844,20 +26839,24 @@ var TokenMap;
 })(TokenMap || (TokenMap = {}));
 function getSymbolHint(parseInfo, start, end) {
     const len = end - start;
-    const keysLength = SymbolsMapTokensKeys.length;
-    // Early exit for impossible lengths
-    if (len < 0)
+    if (len <= 0)
         return null;
+    const value = parseInfo.stream.slice(start, end);
+    // Direct lookup handles the hottest punctuation and keyword cases without
+    // scanning the entire symbol table on every token.
+    const match = SymbolsMapTokens[value] ?? SymbolsMapTokensLower[value.toLowerCase()];
+    if (match != null) {
+        return match;
+    }
+    const keysLength = SymbolsMapTokensKeys.length;
     for (let i = 0; i < keysLength; i++) {
         const key = SymbolsMapTokensKeys[i];
         if (key.length !== len)
             continue;
-        // Match character by character
         let match = true;
         for (let j = 0; j < len; j++) {
             let ca = key.charCodeAt(j);
-            let cb = parseInfo.stream.charCodeAt(start + j);
-            // Normalize A-Z to a-z
+            let cb = value.charCodeAt(j);
             if (ca >= 65 && ca <= 90)
                 ca += 32;
             if (cb >= 65 && cb <= 90)
@@ -26875,32 +26874,29 @@ function getSymbolHint(parseInfo, start, end) {
 }
 function searchArray(array, parseInfo, start, end) {
     const len = end - start;
-    // Early exit for impossible lengths
-    if (len < 0)
+    if (len <= 0)
         return null;
-    // Use a simple linear search optimized with length pre-filtering
-    let i = array.length;
-    while (i--) {
-        if (array[i].length !== len)
+    let match;
+    let item;
+    for (let i = 0; i < array.length; i++) {
+        item = array[i];
+        if (item.length !== len)
             continue;
-        // Match character by character
-        let match = true;
-        const arrayItem = array[i];
+        match = true;
         for (let j = 0; j < len; j++) {
-            let ca = arrayItem.charCodeAt(j);
-            let cb = parseInfo.stream.charCodeAt(start + j);
-            // Normalize A-Z to a-z
+            let ca = parseInfo.stream.charCodeAt(start + j);
+            let cb = item.charCodeAt(j);
             if (ca >= 65 && ca <= 90)
                 ca += 32;
             if (cb >= 65 && cb <= 90)
                 cb += 32;
-            if (ca != cb) {
+            if (ca !== cb) {
                 match = false;
                 break;
             }
         }
         if (match) {
-            return arrayItem;
+            return item;
         }
     }
     return null;
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 1a072bdb9..817ab2c27 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -6577,8 +6577,8 @@ declare class PropertySet {
 }
 
 declare class PropertyMap {
-    protected config: ShorthandMapType;
     declarations: Map<string, AstDeclaration | PropertySet | PropertyMap>;
+    protected config: ShorthandMapType;
     protected requiredCount: any;
     protected pattern: string[];
     constructor(config: ShorthandMapType);
diff --git a/dist/lib/parser/declaration/map.js b/dist/lib/parser/declaration/map.js
index 3d227c776..5b525ae8c 100644
--- a/dist/lib/parser/declaration/map.js
+++ b/dist/lib/parser/declaration/map.js
@@ -10,8 +10,8 @@ import { cloneNode } from '../../ast/clone.js';
 
 const propertiesConfig = getConfig();
 class PropertyMap {
-    config;
     declarations;
+    config;
     requiredCount;
     pattern;
     constructor(config) {
@@ -41,23 +41,18 @@ class PropertyMap {
             if (this.declarations.has(this.config.shorthand)) {
                 const tokens = {};
                 const values = [];
-                // @ts-ignore
-                this.declarations
-                    .get(this.config.shorthand)
-                    // @ts-ignore
-                    .val.slice()
-                    .reduce((acc, curr) => {
+                const val = [[]];
+                for (const curr of // @ts-ignore
+                 this.declarations.get(this.config.shorthand).val) {
                     // @ts-ignore
                     if (separator != null && separator.typ == curr.typ && separator.val == curr.val) {
-                        acc.push([]);
-                        return acc;
+                        val.push([]);
+                        continue;
                     }
                     // @ts-ignore
-                    acc.at(-1).push(curr);
-                    return acc;
-                }, [[]])
-                    // @ts-ignore
-                    .reduce((acc, list, current) => {
+                    val.at(-1).push(curr);
+                }
+                for (let current = 0; current < val.length; current++) {
                     values.push(...this.pattern.reduce((acc, property) => {
                         // let current: number = 0;
                         const props = this.config.properties[property];
@@ -72,9 +67,7 @@ class PropertyMap {
                             // @ts-ignore
                             acc[i][PROPERTYNAME] == property ||
                                 matchType(acc[i], props)) {
-                                if ("prefix" in props &&
-                                    props.previous != null &&
-                                    !(props.previous in tokens)) {
+                                if ("prefix" in props && props.previous != null && !(props.previous in tokens)) {
                                     return acc;
                                 }
                                 if (!(property in tokens)) {
@@ -139,9 +132,8 @@ class PropertyMap {
                             }
                         }
                         return acc;
-                    }, list));
-                    return values;
-                }, []);
+                    }, val[current]));
+                }
                 if (values.length == 0) {
                     this.declarations = Object.entries(tokens).reduce((acc, curr) => {
                         acc.set(curr[0], {
diff --git a/dist/lib/parser/tokenize.js b/dist/lib/parser/tokenize.js
index 3f0a70ba8..80c1bbefe 100644
--- a/dist/lib/parser/tokenize.js
+++ b/dist/lib/parser/tokenize.js
@@ -4,6 +4,7 @@ import { isWhiteSpace, isNewLine, isDigit, isLetter, isIdentStart, isIdentCodepo
 import { SourceFile } from './source.js';
 
 const SymbolsMapTokens = Object.create(null);
+const SymbolsMapTokensLower = Object.create(null);
 // Regex for escape sequence decoding - compile once, reuse many times
 const ESCAPE_SEQUENCE_REGEX = /\\((\n|\r|\f|\v|\u2028|\u2029|([0-9a-fA-F]{1,6})) ?)/gms;
 function decodeEscapeSequences(value) {
@@ -32,7 +33,9 @@ function decodeEscapeSequences(value) {
 }
 function assignTokenMap(entries, tokenType, suffix = "", lowercase = false) {
     for (const entry of entries) {
-        SymbolsMapTokens[(lowercase ? entry.toLowerCase() : entry) + suffix] = tokenType;
+        const key = (lowercase ? entry.toLowerCase() : entry) + suffix;
+        SymbolsMapTokens[key] = tokenType;
+        SymbolsMapTokensLower[key.toLowerCase()] = tokenType;
     }
 }
 SymbolsMapTokens[""] = EnumToken.DelimTokenType;
@@ -132,20 +135,24 @@ var TokenMap;
 })(TokenMap || (TokenMap = {}));
 function getSymbolHint(parseInfo, start, end) {
     const len = end - start;
-    const keysLength = SymbolsMapTokensKeys.length;
-    // Early exit for impossible lengths
-    if (len < 0)
+    if (len <= 0)
         return null;
+    const value = parseInfo.stream.slice(start, end);
+    // Direct lookup handles the hottest punctuation and keyword cases without
+    // scanning the entire symbol table on every token.
+    const match = SymbolsMapTokens[value] ?? SymbolsMapTokensLower[value.toLowerCase()];
+    if (match != null) {
+        return match;
+    }
+    const keysLength = SymbolsMapTokensKeys.length;
     for (let i = 0; i < keysLength; i++) {
         const key = SymbolsMapTokensKeys[i];
         if (key.length !== len)
             continue;
-        // Match character by character
         let match = true;
         for (let j = 0; j < len; j++) {
             let ca = key.charCodeAt(j);
-            let cb = parseInfo.stream.charCodeAt(start + j);
-            // Normalize A-Z to a-z
+            let cb = value.charCodeAt(j);
             if (ca >= 65 && ca <= 90)
                 ca += 32;
             if (cb >= 65 && cb <= 90)
@@ -163,32 +170,29 @@ function getSymbolHint(parseInfo, start, end) {
 }
 function searchArray(array, parseInfo, start, end) {
     const len = end - start;
-    // Early exit for impossible lengths
-    if (len < 0)
+    if (len <= 0)
         return null;
-    // Use a simple linear search optimized with length pre-filtering
-    let i = array.length;
-    while (i--) {
-        if (array[i].length !== len)
+    let match;
+    let item;
+    for (let i = 0; i < array.length; i++) {
+        item = array[i];
+        if (item.length !== len)
             continue;
-        // Match character by character
-        let match = true;
-        const arrayItem = array[i];
+        match = true;
         for (let j = 0; j < len; j++) {
-            let ca = arrayItem.charCodeAt(j);
-            let cb = parseInfo.stream.charCodeAt(start + j);
-            // Normalize A-Z to a-z
+            let ca = parseInfo.stream.charCodeAt(start + j);
+            let cb = item.charCodeAt(j);
             if (ca >= 65 && ca <= 90)
                 ca += 32;
             if (cb >= 65 && cb <= 90)
                 cb += 32;
-            if (ca != cb) {
+            if (ca !== cb) {
                 match = false;
                 break;
             }
         }
         if (match) {
-            return arrayItem;
+            return item;
         }
     }
     return null;
diff --git a/dist/lib/syntax/syntax.js b/dist/lib/syntax/syntax.js
index e44ba17e3..4690cf7ce 100644
--- a/dist/lib/syntax/syntax.js
+++ b/dist/lib/syntax/syntax.js
@@ -16,12 +16,12 @@ import { getSyntaxConfig } from '../validation/config.js';
 // '\\'
 const REVERSE_SOLIDUS = 0x5c;
 const flexUnits = ["fr"];
-const frequencyUnits = ["hz", "khz"];
+const frequencyUnits = ["Hz", "kHz"];
 const timeUnits = ["ms", "s"];
 const angleUnits = ["rad", "turn", "deg", "grad"];
 const resolutionUnits = ["dpi", "dpcm", "dppx", "x"];
 const dimensionUnits = [
-    "q",
+    "Q",
     "cap",
     "ch",
     "cm",
diff --git a/files/architecture.md b/files/architecture.md
new file mode 100644
index 000000000..9396fa47e
--- /dev/null
+++ b/files/architecture.md
@@ -0,0 +1,65 @@
+---
+title: Architecture
+group: Documents
+category: Guides
+---
+
+# CSS parser architecture
+
+```mermaid
+flowchart TD
+    %% --- Transform ---
+    Input([CSS input])
+    transform[transform/transformSync]
+
+
+    %% The Grouped Container
+    subgraph Group1 ["Parse step"]
+
+        %% --- Parse step ---
+        parse["parse()/parseSync()"]
+        tokenize(["tokenize()"])
+        parseNode([parse token stream and validation])
+        visitors([visitors])
+        minify([minify AST])
+        cssModules([generate CSS module])
+        parseResult[Parse result]
+    end
+
+    %% The Grouped Container
+    subgraph Group2 ["Render step"]
+
+        %% --- Render step ---
+        renderAst([Render AST])
+        sourcemap([Sourcemap generation])
+
+    end
+
+
+    %% --- Result step ---
+    transformResult[Transform result]
+
+    %% --- Routing step ---
+    Input --> transform
+    transform --> parse
+    parse --> tokenize
+    tokenize --> parseNode
+    parseNode -- "Visitors set?"  --> visitors
+    visitors -- "Minify AST?"  --> minify
+    minify -- "CSS module?"  --> cssModules
+    visitors -- "CSS module?"  --> cssModules
+    cssModules --> parseResult
+    parseNode -- "CSS module?" --> cssModules
+    parseNode -- "Minify AST?"  --> minify
+    parseNode --> parseResult
+    visitors --> parseResult
+    minify --> parseResult
+    parseResult --> renderAst
+    renderAst -- "Sourcemap?" --> sourcemap
+    renderAst --> transformResult
+    sourcemap --> transformResult
+
+```
+------
+[← Usage](./usage.md) | [Validation →](./Guide.Validation.html) 
+
diff --git a/files/assets/typedoc-custom.css b/files/assets/typedoc-custom.css
index 2cb11e7ad..0b6ea6ae0 100644
--- a/files/assets/typedoc-custom.css
+++ b/files/assets/typedoc-custom.css
@@ -93,7 +93,14 @@ html[data-theme="dark"] {
     }
 }
 
+#css-parser-architecture ~ .mermaid-block .mermaid {
+    min-height: 1745px;
+
+    svg {
+        min-height: 1740px;
+    }
+}
 
 .tsd-kind-icon {
-  width: 16px;
-}
\ No newline at end of file
+    width: 16px;
+}
diff --git a/files/index.md b/files/index.md
index 42e3493e2..663656274 100644
--- a/files/index.md
+++ b/files/index.md
@@ -5,6 +5,7 @@ category: Guides
 children:
     - ./getting-started.md
     - ./usage.md
+    - ./architecture.md
     - ./validation.md
     - ./css-module.md
     - ./minification.md
@@ -21,6 +22,7 @@ children:
 
 - [Getting started](./getting-started.md)
 - [Usage](./usage.md)
+- [Architecture](./architecture.md)
 - [Validation](./validation.md)
 - [CSS Modules](./css-module.md)
 - [Minification](./minification.md)
diff --git a/files/usage.md b/files/usage.md
index df45bd646..56a7896a1 100644
--- a/files/usage.md
+++ b/files/usage.md
@@ -435,5 +435,5 @@ console.debug(result.stats);
 ```
 
 ------
-[← Getting started](./Guide.Getting_started.html) | [Validation →](./Guide.Validation.html) 
+[← Getting started](./Guide.Getting_started.html) | [Architecture →](./Guide.Architecture.html) 
 
diff --git a/files/validation.md b/files/validation.md
index 6ddd983bf..8ab1378c3 100644
--- a/files/validation.md
+++ b/files/validation.md
@@ -213,4 +213,4 @@ console.debug(result.code);
 ```
 
 ------
-[← Usage](./Guide.Usage.html) | [CSS Module →](./css-module.md)
\ No newline at end of file
+[← Architecture](./architecture.md) | [CSS Module →](./css-module.md)
\ No newline at end of file
diff --git a/package.json b/package.json
index bd6e079a4..753869692 100644
--- a/package.json
+++ b/package.json
@@ -60,17 +60,20 @@
   },
   "homepage": "https://github.com/tbela99/css-parser#readme",
   "devDependencies": {
+    "@boneskull/typedoc-plugin-mermaid": "^0.2.1",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
     "@types/chai": "^5.2.3",
+    "@types/chai-as-promised": "^8.0.2",
     "@types/mocha": "^10.0.10",
     "@types/node": "^26.4.1",
     "@types/web": "^0.0.354",
     "@web/test-runner": "^1.0.0",
     "@web/test-runner-playwright": "^1.0.0",
     "chai": "^6.2.2",
+    "chai-as-promised": "^8.0.2",
     "esno": "^4.8.0",
     "markdown-it-task-lists": "^2.1.1",
     "mocha": "^12.0.0",
@@ -83,9 +86,7 @@
     "typedoc-plugin-coverage": "^4.0.3",
     "typedoc-plugin-llms-txt": "^0.1.2",
     "typedoc-plugin-redirect": "^1.3.0",
-    "typedoc-unhoax-theme": "^0.5.3",
-    "@types/chai-as-promised": "^8.0.2",
-    "chai-as-promised": "^8.0.2"
+    "typedoc-unhoax-theme": "^0.5.3"
   },
   "sideEffects": false
-}
\ No newline at end of file
+}
diff --git a/scripts/shorthand.ts b/scripts/shorthand.ts
index 1cfee9d27..875ccd653 100644
--- a/scripts/shorthand.ts
+++ b/scripts/shorthand.ts
@@ -11,6 +11,7 @@ import type {
     SinglePropertyTypeMapping,
 } from "../src/@types/index.d.ts";
 import { writeFile } from "node:fs/promises";
+import process from "node:process";
 
 function createProperties(data: ShorthandPropertyType) {
     const map: string = <string>data.map;
@@ -1244,6 +1245,7 @@ export const property = {
 
 const result = JSON.stringify({ properties, map, property });
 
-await writeFile(import.meta.dirname + "/../src/data/properties.json", result);
+const outputDirectory = process.env.CSS_DATA_OUTPUT_DIR ?? import.meta.dirname + "/../src/data";
+await writeFile(outputDirectory + "/properties.json", result);
 
 console.debug(result);
diff --git a/scripts/validation.ts b/scripts/validation.ts
index cae74422a..5e2ee097e 100644
--- a/scripts/validation.ts
+++ b/scripts/validation.ts
@@ -86,7 +86,8 @@ 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/data/validation.json", JSON.stringify(json));
+const outputDirectory = process.env.CSS_DATA_OUTPUT_DIR ?? import.meta.dirname! + "/../src/data";
+await writeFile(outputDirectory + "/validation.json", JSON.stringify(json));
 console.debug(json);
 
 // =============================== //
diff --git a/src/lib/parser/declaration/map.ts b/src/lib/parser/declaration/map.ts
index c6fc22897..e0ec7c6fa 100644
--- a/src/lib/parser/declaration/map.ts
+++ b/src/lib/parser/declaration/map.ts
@@ -27,8 +27,8 @@ interface TokenMap {
 }
 
 export class PropertyMap {
-    protected config: ShorthandMapType;
     public declarations: Map<string, AstDeclaration | PropertySet | PropertyMap>;
+    protected config: ShorthandMapType;
     protected requiredCount: any;
     protected pattern: string[];
 
@@ -62,132 +62,119 @@ export class PropertyMap {
             if (this.declarations.has(this.config.shorthand)) {
                 const tokens: { [key: string]: Token[][] } = {};
                 const values: Token[] = [];
+                const val: Token[][] = [[]];
 
-                // @ts-ignore
-                this.declarations
-                    .get(this.config.shorthand)
+                for (const curr of // @ts-ignore
+                (this.declarations.get(this.config.shorthand) as AstDeclaration).val) {
                     // @ts-ignore
-                    .val.slice()
-                    .reduce(
-                        (acc: Token[][], curr: Token) => {
-                            // @ts-ignore
-                            if (separator != null && separator.typ == curr.typ && separator.val == curr.val) {
-                                acc.push([]);
-                                return acc;
-                            }
+                    if (separator != null && separator.typ == curr.typ && separator.val == curr.val) {
+                        val.push([]);
+                        continue;
+                    }
 
-                            // @ts-ignore
-                            acc.at(-1).push(curr);
-                            return acc;
-                        },
-                        [[]],
-                    )
                     // @ts-ignore
-                    .reduce((acc: Token[][], list: Token[], current: number) => {
-                        values.push(
-                            ...this.pattern.reduce((acc: Token[], property: string): Token[] => {
-                                // let current: number = 0;
-                                const props: PropertyMapType = this.config.properties[property];
+                    val.at(-1).push(curr);
+                }
 
-                                for (let i = 0; i < acc.length; i++) {
-                                    if (
-                                        acc[i].typ == EnumToken.CommentTokenType ||
-                                        acc[i].typ == EnumToken.WhitespaceTokenType
-                                    ) {
-                                        acc.splice(i, 1);
-                                        i--;
+                for (let current = 0; current < val.length; current++) {
+                    values.push(
+                        ...this.pattern.reduce((acc: Token[], property: string): Token[] => {
+                            // let current: number = 0;
+                            const props: PropertyMapType = this.config.properties[property];
 
-                                        continue;
-                                    }
+                            for (let i = 0; i < acc.length; i++) {
+                                if (
+                                    acc[i].typ == EnumToken.CommentTokenType ||
+                                    acc[i].typ == EnumToken.WhitespaceTokenType
+                                ) {
+                                    acc.splice(i, 1);
+                                    i--;
 
-                                    if (
-                                        // @ts-ignore
-                                        acc[i][PROPERTYNAME] == property ||
-                                        matchType(acc[i], props)
-                                    ) {
-                                        if (
-                                            "prefix" in props &&
-                                            props.previous != null &&
-                                            !(props.previous in tokens)
-                                        ) {
-                                            return acc;
-                                        }
+                                    continue;
+                                }
 
-                                        if (!(property in tokens)) {
-                                            tokens[property] = [[acc[i]]];
+                                if (
+                                    // @ts-ignore
+                                    acc[i][PROPERTYNAME] == property ||
+                                    matchType(acc[i], props)
+                                ) {
+                                    if ("prefix" in props && props.previous != null && !(props.previous in tokens)) {
+                                        return acc;
+                                    }
+
+                                    if (!(property in tokens)) {
+                                        tokens[property] = [[acc[i]]];
+                                    } else {
+                                        if (current == tokens[property].length) {
+                                            tokens[property].push([acc[i]]);
                                         } else {
-                                            if (current == tokens[property].length) {
-                                                tokens[property].push([acc[i]]);
-                                            } else {
-                                                tokens[property][current].push(
-                                                    <WhitespaceToken>{ typ: EnumToken.WhitespaceTokenType },
-                                                    acc[i],
-                                                );
-                                            }
+                                            tokens[property][current].push(
+                                                <WhitespaceToken>{ typ: EnumToken.WhitespaceTokenType },
+                                                acc[i],
+                                            );
                                         }
+                                    }
 
-                                        acc.splice(i, 1);
-                                        i--;
+                                    acc.splice(i, 1);
+                                    i--;
 
-                                        // @ts-ignore
-                                        if ("prefix" in props && acc[i]?.typ == EnumToken[props.prefix.typ]) {
-                                            if (
-                                                // @ts-ignore
-                                                acc[i].typ == EnumToken[props.prefix.typ] &&
-                                                // @ts-ignore
-                                                acc[i].val == this.config.properties[property].prefix.val
-                                            ) {
-                                                acc.splice(i, 1);
-                                                i--;
-                                            }
+                                    // @ts-ignore
+                                    if ("prefix" in props && acc[i]?.typ == EnumToken[props.prefix.typ]) {
+                                        if (
+                                            // @ts-ignore
+                                            acc[i].typ == EnumToken[props.prefix.typ] &&
+                                            // @ts-ignore
+                                            acc[i].val == this.config.properties[property].prefix.val
+                                        ) {
+                                            acc.splice(i, 1);
+                                            i--;
                                         }
+                                    }
 
-                                        if ((<PropertyMapType>props).multiple) {
-                                            continue;
-                                        }
+                                    if ((<PropertyMapType>props).multiple) {
+                                        continue;
+                                    }
 
+                                    return acc;
+                                } else {
+                                    if (property in tokens && tokens[property].length > current) {
                                         return acc;
-                                    } else {
-                                        if (property in tokens && tokens[property].length > current) {
-                                            return acc;
-                                        }
                                     }
                                 }
+                            }
 
-                                if (property in tokens && tokens[property].length > current) {
-                                    return acc;
-                                }
+                            if (property in tokens && tokens[property].length > current) {
+                                return acc;
+                            }
 
-                                // default
-                                if (props.default.length > 0) {
-                                    const defaults: Token[] = parseString(props.default[0]);
+                            // default
+                            if (props.default.length > 0) {
+                                const defaults: Token[] = parseString(props.default[0]);
 
-                                    if (!(property in tokens)) {
-                                        tokens[property] = [[...defaults]];
-                                    } else {
-                                        if (current == tokens[property].length) {
-                                            tokens[property].push([]);
+                                if (!(property in tokens)) {
+                                    tokens[property] = [[...defaults]];
+                                } else {
+                                    if (current == tokens[property].length) {
+                                        tokens[property].push([]);
 
-                                            for (let i = 0; i < defaults.length; i++) {
-                                                tokens[property][current].push(defaults[i]);
-                                            }
-                                        } else {
-                                            tokens[property][current].push(<WhitespaceToken>{
-                                                typ: EnumToken.WhitespaceTokenType,
-                                            });
-                                            for (let i = 0; i < defaults.length; i++) {
-                                                tokens[property][current].push(defaults[i]);
-                                            }
+                                        for (let i = 0; i < defaults.length; i++) {
+                                            tokens[property][current].push(defaults[i]);
+                                        }
+                                    } else {
+                                        tokens[property][current].push(<WhitespaceToken>{
+                                            typ: EnumToken.WhitespaceTokenType,
+                                        });
+                                        for (let i = 0; i < defaults.length; i++) {
+                                            tokens[property][current].push(defaults[i]);
                                         }
                                     }
                                 }
+                            }
 
-                                return acc;
-                            }, list),
-                        );
-
-                        return values;
-                    }, []);
+                            return acc;
+                        }, val[current]),
+                    );
+                }
 
                 if (values.length == 0) {
                     this.declarations = Object.entries(tokens).reduce(
@@ -272,6 +259,9 @@ export class PropertyMap {
                 key = (value as AstDeclaration).nam;
 
                 if (value instanceof PropertyMap) {
+
+                    console.error(value);
+                    
                     for (const [k, v] of (value as PropertyMap).declarations) {
                         mapped[k] = v as AstDeclaration;
                     }
diff --git a/src/lib/parser/tokenize.ts b/src/lib/parser/tokenize.ts
index fe20dd159..679119b49 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,9 +30,10 @@ 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);
+const SymbolsMapTokensLower: Record<string, EnumToken> = Object.create(null);
 
 // Regex for escape sequence decoding - compile once, reuse many times
 const ESCAPE_SEQUENCE_REGEX = /\\((\n|\r|\f|\v|\u2028|\u2029|([0-9a-fA-F]{1,6})) ?)/gms;
@@ -69,7 +70,9 @@ function decodeEscapeSequences(value: string): string {
 
 function assignTokenMap(entries: string[], tokenType: EnumToken, suffix: string = "", lowercase: boolean = false) {
     for (const entry of entries) {
-        SymbolsMapTokens[(lowercase ? entry.toLowerCase() : entry) + suffix] = tokenType;
+        const key = (lowercase ? entry.toLowerCase() : entry) + suffix;
+        SymbolsMapTokens[key] = tokenType;
+        SymbolsMapTokensLower[key.toLowerCase()] = tokenType;
     }
 }
 
@@ -174,23 +177,30 @@ export const enum TokenMap {
 
 function getSymbolHint(parseInfo: ParseInfo, start: number, end: number): EnumToken | null {
     const len: number = end - start;
-    const keysLength = SymbolsMapTokensKeys.length;
 
-    // Early exit for impossible lengths
-    if (len < 0) return null;
+    if (len <= 0) return null;
+
+    const value = parseInfo.stream.slice(start, end);
+
+    // Direct lookup handles the hottest punctuation and keyword cases without
+    // scanning the entire symbol table on every token.
+    const match = SymbolsMapTokens[value] ?? SymbolsMapTokensLower[value.toLowerCase()];
+    if (match != null) {
+        return match;
+    }
+
+    const keysLength = SymbolsMapTokensKeys.length;
 
     for (let i = 0; i < keysLength; i++) {
         const key = SymbolsMapTokensKeys[i];
         if (key.length !== len) continue;
 
-        // Match character by character
         let match = true;
 
         for (let j = 0; j < len; j++) {
             let ca = key.charCodeAt(j);
-            let cb = parseInfo.stream.charCodeAt(start + j);
+            let cb = value.charCodeAt(j);
 
-            // Normalize A-Z to a-z
             if (ca >= 65 && ca <= 90) ca += 32;
             if (cb >= 65 && cb <= 90) cb += 32;
 
@@ -211,35 +221,33 @@ function getSymbolHint(parseInfo: ParseInfo, start: number, end: number): EnumTo
 function searchArray(array: string[], parseInfo: ParseInfo, start: number, end: number): string | null {
     const len: number = end - start;
 
-    // Early exit for impossible lengths
-    if (len < 0) return null;
+    if (len <= 0) return null;
 
-    // Use a simple linear search optimized with length pre-filtering
-    let i: number = array.length;
+    let match: boolean;
+    let item: string;
 
-    while (i--) {
-        if (array[i].length !== len) continue;
+    for (let i = 0; i < array.length; i++) {
+        item = array[i];
 
-        // Match character by character
-        let match = true;
-        const arrayItem = array[i];
+        if (item.length !== len) continue;
 
-        for (let j: number = 0; j < len; j++) {
-            let ca = arrayItem.charCodeAt(j);
-            let cb = parseInfo.stream.charCodeAt(start + j);
+        match = true;
+
+        for (let j = 0; j < len; j++) {
+            let ca = parseInfo.stream.charCodeAt(start + j);
+            let cb = item.charCodeAt(j);
 
-            // Normalize A-Z to a-z
             if (ca >= 65 && ca <= 90) ca += 32;
             if (cb >= 65 && cb <= 90) cb += 32;
 
-            if (ca != cb) {
+            if (ca !== cb) {
                 match = false;
                 break;
             }
         }
 
         if (match) {
-            return arrayItem;
+            return item;
         }
     }
 
diff --git a/src/lib/syntax/syntax.ts b/src/lib/syntax/syntax.ts
index 93247fa23..07f493b3f 100644
--- a/src/lib/syntax/syntax.ts
+++ b/src/lib/syntax/syntax.ts
@@ -44,12 +44,12 @@ import { getSyntaxConfig } from "../validation/config.ts";
 // '\\'
 const REVERSE_SOLIDUS = 0x5c;
 export const flexUnits: Array<string> = ["fr"];
-export const frequencyUnits: Array<string> = ["hz", "khz"];
+export const frequencyUnits: Array<string> = ["Hz", "kHz"];
 export const timeUnits: Array<string> = ["ms", "s"];
 export const angleUnits: Array<string> = ["rad", "turn", "deg", "grad"];
 export const resolutionUnits: Array<string> = ["dpi", "dpcm", "dppx", "x"];
 export const dimensionUnits: Array<string> = [
-    "q",
+    "Q",
     "cap",
     "ch",
     "cm",
diff --git a/typedoc.config.js b/typedoc.config.js
index 75cd0791a..33d01878c 100644
--- a/typedoc.config.js
+++ b/typedoc.config.js
@@ -12,8 +12,14 @@ export default {
         "llms.txt": "https://tbela99.github.io/css-parser/llms.txt",
         GitHub: "https://github.com/tbela99/css-parser",
     },
-    highlightLanguages: ["ts", "css", "javascript", "json", 'html', 'shell'],
-    plugin: ["typedoc-unhoax-theme", "typedoc-plugin-coverage", "typedoc-plugin-redirect", "typedoc-plugin-llms-txt"],
+    highlightLanguages: ["ts", "css", "javascript", "json", "html", "shell"],
+    plugin: [
+        "typedoc-unhoax-theme",
+        "typedoc-plugin-coverage",
+        "typedoc-plugin-redirect",
+        "typedoc-plugin-llms-txt",
+        "@boneskull/typedoc-plugin-mermaid",
+    ],
     redirects: {
         "documents/Guide.html": "documents/Guide.Getting_started.html",
     },

From 5ad438a2b5ad695baed335f7bb48d2d1136536b0 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 25 Sep 2026 14:41:28 -0400
Subject: [PATCH 20/41] adding architecture graph

---
 dist/index-umd-web.js              | 1 +
 dist/index.cjs                     | 1 +
 dist/lib/parser/declaration/map.js | 1 +
 src/lib/parser/declaration/map.ts  | 2 +-
 4 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index f0174bc06..e907be59b 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -19891,6 +19891,7 @@
                 for (const value of declarations.values()) {
                     key = value.nam;
                     if (value instanceof PropertyMap) {
+                        // console.error(value);
                         for (const [k, v] of value.declarations) {
                             mapped[k] = v;
                         }
diff --git a/dist/index.cjs b/dist/index.cjs
index 15b4e94dd..1cc8a1d34 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -19894,6 +19894,7 @@ class PropertyMap {
             for (const value of declarations.values()) {
                 key = value.nam;
                 if (value instanceof PropertyMap) {
+                    // console.error(value);
                     for (const [k, v] of value.declarations) {
                         mapped[k] = v;
                     }
diff --git a/dist/lib/parser/declaration/map.js b/dist/lib/parser/declaration/map.js
index 5b525ae8c..e84c462ed 100644
--- a/dist/lib/parser/declaration/map.js
+++ b/dist/lib/parser/declaration/map.js
@@ -197,6 +197,7 @@ class PropertyMap {
             for (const value of declarations.values()) {
                 key = value.nam;
                 if (value instanceof PropertyMap) {
+                    // console.error(value);
                     for (const [k, v] of value.declarations) {
                         mapped[k] = v;
                     }
diff --git a/src/lib/parser/declaration/map.ts b/src/lib/parser/declaration/map.ts
index e0ec7c6fa..a162215fc 100644
--- a/src/lib/parser/declaration/map.ts
+++ b/src/lib/parser/declaration/map.ts
@@ -260,7 +260,7 @@ export class PropertyMap {
 
                 if (value instanceof PropertyMap) {
 
-                    console.error(value);
+                    // console.error(value);
                     
                     for (const [k, v] of (value as PropertyMap).declarations) {
                         mapped[k] = v as AstDeclaration;

From 69eac691aa1eca7fc817f393701e077fe7d3316c Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 25 Sep 2026 14:47:38 -0400
Subject: [PATCH 21/41] adding architecture graph

---
 README.md             | 2 +-
 files/architecture.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 6fded754f..3451df2eb 100644
--- a/README.md
+++ b/README.md
@@ -254,7 +254,7 @@ flowchart TD
         %% --- Parse step ---
         parse["parse()/parseSync()"]
         tokenize(["tokenize()"])
-        parseNode([parse token stream and validation])
+        parseNode([parse and validate token stream])
         visitors([visitors])
         minify([minify AST])
         cssModules([generate CSS module])
diff --git a/files/architecture.md b/files/architecture.md
index 9396fa47e..a23341431 100644
--- a/files/architecture.md
+++ b/files/architecture.md
@@ -19,7 +19,7 @@ flowchart TD
         %% --- Parse step ---
         parse["parse()/parseSync()"]
         tokenize(["tokenize()"])
-        parseNode([parse token stream and validation])
+        parseNode([parse and valdiate token stream])
         visitors([visitors])
         minify([minify AST])
         cssModules([generate CSS module])

From d0bf2ad96a755aea665b839532d9add8a7a87617 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 25 Sep 2026 15:24:54 -0400
Subject: [PATCH 22/41] adding architecture graph

---
 README.md             | 20 ++++++++++----------
 files/architecture.md | 18 +++++++++---------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/README.md b/README.md
index 3451df2eb..fb96d133f 100644
--- a/README.md
+++ b/README.md
@@ -244,8 +244,8 @@ Try it [online](https://tbela99.github.io/css-parser/playground/)
 ```mermaid
 flowchart TD
     %% --- Transform ---
-    Input([CSS input])
-    transform[transform/transformSync]
+    Input(["CSS input"])
+    transform["transform()/transformSync()"]
 
 
     %% The Grouped Container
@@ -254,25 +254,25 @@ flowchart TD
         %% --- Parse step ---
         parse["parse()/parseSync()"]
         tokenize(["tokenize()"])
-        parseNode([parse and validate token stream])
-        visitors([visitors])
-        minify([minify AST])
-        cssModules([generate CSS module])
-        parseResult[Parse result]
+        parseNode(["parse and validate token stream"])
+        visitors(["visitors"])
+        minify(["minify AST"])
+        cssModules(["generate CSS module"])
+        parseResult["Parse result"]
     end
 
     %% The Grouped Container
     subgraph Group2 ["Render step"]
 
         %% --- Render step ---
-        renderAst([Render AST])
-        sourcemap([Sourcemap generation])
+        renderAst(["Render AST"])
+        sourcemap(["Sourcemap generation"])
 
     end
 
 
     %% --- Result step ---
-    transformResult[Transform result]
+    transformResult["Transform result"]
 
     %% --- Routing step ---
     Input --> transform
diff --git a/files/architecture.md b/files/architecture.md
index a23341431..d1957b24d 100644
--- a/files/architecture.md
+++ b/files/architecture.md
@@ -9,8 +9,8 @@ category: Guides
 ```mermaid
 flowchart TD
     %% --- Transform ---
-    Input([CSS input])
-    transform[transform/transformSync]
+    Input(["CSS input"])
+    transform["transform()/transformSync()"]
 
 
     %% The Grouped Container
@@ -19,25 +19,25 @@ flowchart TD
         %% --- Parse step ---
         parse["parse()/parseSync()"]
         tokenize(["tokenize()"])
-        parseNode([parse and valdiate token stream])
-        visitors([visitors])
-        minify([minify AST])
-        cssModules([generate CSS module])
-        parseResult[Parse result]
+        parseNode(["parse and valdiate token stream"])
+        visitors(["visitors"])
+        minify(["minify AST"])
+        cssModules(["generate CSS module"])
+        parseResult["Parse result"]
     end
 
     %% The Grouped Container
     subgraph Group2 ["Render step"]
 
         %% --- Render step ---
-        renderAst([Render AST])
+        renderAst(["Render AST"])
         sourcemap([Sourcemap generation])
 
     end
 
 
     %% --- Result step ---
-    transformResult[Transform result]
+    transformResult["Transform result"]
 
     %% --- Routing step ---
     Input --> transform

From b9193510ddaca57cf131f579aeca7efaa86b0ae5 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 25 Sep 2026 15:26:44 -0400
Subject: [PATCH 23/41] adding architecture graph

---
 files/architecture.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/architecture.md b/files/architecture.md
index d1957b24d..1d6771f22 100644
--- a/files/architecture.md
+++ b/files/architecture.md
@@ -19,7 +19,7 @@ flowchart TD
         %% --- Parse step ---
         parse["parse()/parseSync()"]
         tokenize(["tokenize()"])
-        parseNode(["parse and valdiate token stream"])
+        parseNode(["parse and validate token stream"])
         visitors(["visitors"])
         minify(["minify AST"])
         cssModules(["generate CSS module"])

From 3bd10705214910fb4fb2d924431a1d8f8c7a2562 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 25 Sep 2026 17:59:55 -0400
Subject: [PATCH 24/41] adding architecture graph

---
 README.md             | 47 ++++++++++++++++++++++++-------------------
 files/architecture.md | 44 ++++++++++++++++++++++------------------
 2 files changed, 50 insertions(+), 41 deletions(-)

diff --git a/README.md b/README.md
index fb96d133f..85e988658 100644
--- a/README.md
+++ b/README.md
@@ -241,38 +241,44 @@ Try it [online](https://tbela99.github.io/css-parser/playground/)
 - [x] Bundle file referenced by the @import statement.
 
 # Architecture
+
 ```mermaid
 flowchart TD
     %% --- Transform ---
     Input(["CSS input"])
-    transform["transform()/transformSync()"]
 
 
     %% The Grouped Container
-    subgraph Group1 ["Parse step"]
-
-        %% --- Parse step ---
-        parse["parse()/parseSync()"]
-        tokenize(["tokenize()"])
-        parseNode(["parse and validate token stream"])
-        visitors(["visitors"])
-        minify(["minify AST"])
-        cssModules(["generate CSS module"])
-        parseResult["Parse result"]
-    end
+    subgraph Group10["transform step"]
+
+        transform["transform()/transformSync()"]
 
-    %% The Grouped Container
-    subgraph Group2 ["Render step"]
 
-        %% --- Render step ---
-        renderAst(["Render AST"])
-        sourcemap(["Sourcemap generation"])
+        %% The Grouped Container
+        subgraph Group1 ["Parse step"]
 
-    end
+            %% --- Parse step ---
+            parse["parse()/parseSync()"]
+            tokenize(["tokenize()"])
+            parseNode(["parse and validate token stream"])
+            visitors(["visitors"])
+            minify(["minify AST"])
+            cssModules(["generate CSS module"])
+            parseResult["Parse result"]
+        end
 
+        %% The Grouped Container
+        subgraph Group2 ["Render step"]
 
-    %% --- Result step ---
-    transformResult["Transform result"]
+            %% --- Render step ---
+            renderAst(["Render AST"])
+            sourcemap([Sourcemap generation])
+
+        end
+
+        %% --- Result step ---
+        transformResult["Transform result"]
+    end 
 
     %% --- Routing step ---
     Input --> transform
@@ -293,5 +299,4 @@ flowchart TD
     renderAst -- "Sourcemap?" --> sourcemap
     renderAst --> transformResult
     sourcemap --> transformResult
-
 ```
\ No newline at end of file
diff --git a/files/architecture.md b/files/architecture.md
index 1d6771f22..3977b5d53 100644
--- a/files/architecture.md
+++ b/files/architecture.md
@@ -10,34 +10,39 @@ category: Guides
 flowchart TD
     %% --- Transform ---
     Input(["CSS input"])
-    transform["transform()/transformSync()"]
 
 
     %% The Grouped Container
-    subgraph Group1 ["Parse step"]
+    subgraph Group10["transform step"]
 
-        %% --- Parse step ---
-        parse["parse()/parseSync()"]
-        tokenize(["tokenize()"])
-        parseNode(["parse and validate token stream"])
-        visitors(["visitors"])
-        minify(["minify AST"])
-        cssModules(["generate CSS module"])
-        parseResult["Parse result"]
-    end
+        transform["transform()/transformSync()"]
 
-    %% The Grouped Container
-    subgraph Group2 ["Render step"]
 
-        %% --- Render step ---
-        renderAst(["Render AST"])
-        sourcemap([Sourcemap generation])
+        %% The Grouped Container
+        subgraph Group1 ["Parse step"]
+
+            %% --- Parse step ---
+            parse["parse()/parseSync()"]
+            tokenize(["tokenize()"])
+            parseNode(["parse and validate token stream"])
+            visitors(["visitors"])
+            minify(["minify AST"])
+            cssModules(["generate CSS module"])
+            parseResult["Parse result"]
+        end
 
-    end
+        %% The Grouped Container
+        subgraph Group2 ["Render step"]
 
+            %% --- Render step ---
+            renderAst(["Render AST"])
+            sourcemap([Sourcemap generation])
 
-    %% --- Result step ---
-    transformResult["Transform result"]
+        end
+
+        %% --- Result step ---
+        transformResult["Transform result"]
+    end 
 
     %% --- Routing step ---
     Input --> transform
@@ -58,7 +63,6 @@ flowchart TD
     renderAst -- "Sourcemap?" --> sourcemap
     renderAst --> transformResult
     sourcemap --> transformResult
-
 ```
 ------
 [← Usage](./usage.md) | [Validation →](./Guide.Validation.html) 

From 6b59b8a7e73d7f1009168cb524ffec615d09c8a3 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 25 Sep 2026 18:01:00 -0400
Subject: [PATCH 25/41] adding architecture graph

---
 README.md             | 2 +-
 files/architecture.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 85e988658..30ac0e469 100644
--- a/README.md
+++ b/README.md
@@ -249,7 +249,7 @@ flowchart TD
 
 
     %% The Grouped Container
-    subgraph Group10["transform step"]
+    subgraph Group10["Transform step"]
 
         transform["transform()/transformSync()"]
 
diff --git a/files/architecture.md b/files/architecture.md
index 3977b5d53..4ea848bcd 100644
--- a/files/architecture.md
+++ b/files/architecture.md
@@ -13,7 +13,7 @@ flowchart TD
 
 
     %% The Grouped Container
-    subgraph Group10["transform step"]
+    subgraph Group10["Transform step"]
 
         transform["transform()/transformSync()"]
 

From 252cbe99e4f14fcc8dc0a0e6c09986702f9ea249 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sat, 26 Sep 2026 11:17:42 -0400
Subject: [PATCH 26/41] improve grid-area shorthand minification

---
 CHANGELOG.md                       | 18 ++++++++++++++
 dist/index-umd-web.js              | 25 +++++++++++++++++--
 dist/index.cjs                     | 25 +++++++++++++++++--
 dist/lib/parser/declaration/map.js | 25 +++++++++++++++++--
 files/prefix-removal.md            | 15 ++++-------
 src/lib/parser/declaration/map.ts  | 40 +++++++++++++++++++++++++++---
 test/specs/code/shorthand.js       | 21 ++++++++++++++++
 7 files changed, 150 insertions(+), 19 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 276f3e49f..1aae362d4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,24 @@
   - [x] ParseOptions#minifyAST: minify the AST.
 - [ ] visitors can return plain css string
 
+## Improvement
+
+```css
+  .footer{
+     grid-row:4;
+     grid-column:1;
+     grid-column-end:2;
+  }
+```
+
+is now computed as 
+
+```css
+.footer {
+ grid-area: 4/1/auto/2
+}
+```
+
 # v1.6.4
 
 ## New
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index e907be59b..72f459c41 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -19891,15 +19891,36 @@
                 for (const value of declarations.values()) {
                     key = value.nam;
                     if (value instanceof PropertyMap) {
-                        // console.error(value);
                         for (const [k, v] of value.declarations) {
-                            mapped[k] = v;
+                            if (k == value.config.shorthand) {
+                                for (const [key, val] of Object.entries(value.config.properties)) {
+                                    mapped[key] = cloneNode(v);
+                                    for (let i = 0; i < v.val.length; i++) {
+                                        // @ts-ignore
+                                        if (key == v.val[i][PROPERTYNAME]) {
+                                            if (mapped[key].val.length > 0) {
+                                                mapped[key].val.push({
+                                                    typ: exports.EnumToken.WhitespaceTokenType,
+                                                });
+                                            }
+                                            mapped[key].val.push(v.val[i]);
+                                        }
+                                    }
+                                    if (mapped[key].val.length == 0) {
+                                        mapped[key].val.push(...parseString(value.config.properties[key].default[0]));
+                                    }
+                                }
+                            }
+                            else {
+                                mapped[k] = v;
+                            }
                         }
                     }
                     else {
                         mapped[key] = value;
                     }
                 }
+                // console.error(mapped);
                 if (patterns.length === Object.keys(mapped).length) {
                     declarations = new Map();
                     for (const key of patterns) {
diff --git a/dist/index.cjs b/dist/index.cjs
index 1cc8a1d34..e103b5150 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -19894,15 +19894,36 @@ class PropertyMap {
             for (const value of declarations.values()) {
                 key = value.nam;
                 if (value instanceof PropertyMap) {
-                    // console.error(value);
                     for (const [k, v] of value.declarations) {
-                        mapped[k] = v;
+                        if (k == value.config.shorthand) {
+                            for (const [key, val] of Object.entries(value.config.properties)) {
+                                mapped[key] = cloneNode(v);
+                                for (let i = 0; i < v.val.length; i++) {
+                                    // @ts-ignore
+                                    if (key == v.val[i][PROPERTYNAME]) {
+                                        if (mapped[key].val.length > 0) {
+                                            mapped[key].val.push({
+                                                typ: exports.EnumToken.WhitespaceTokenType,
+                                            });
+                                        }
+                                        mapped[key].val.push(v.val[i]);
+                                    }
+                                }
+                                if (mapped[key].val.length == 0) {
+                                    mapped[key].val.push(...parseString(value.config.properties[key].default[0]));
+                                }
+                            }
+                        }
+                        else {
+                            mapped[k] = v;
+                        }
                     }
                 }
                 else {
                     mapped[key] = value;
                 }
             }
+            // console.error(mapped);
             if (patterns.length === Object.keys(mapped).length) {
                 declarations = new Map();
                 for (const key of patterns) {
diff --git a/dist/lib/parser/declaration/map.js b/dist/lib/parser/declaration/map.js
index e84c462ed..b2719c591 100644
--- a/dist/lib/parser/declaration/map.js
+++ b/dist/lib/parser/declaration/map.js
@@ -197,15 +197,36 @@ class PropertyMap {
             for (const value of declarations.values()) {
                 key = value.nam;
                 if (value instanceof PropertyMap) {
-                    // console.error(value);
                     for (const [k, v] of value.declarations) {
-                        mapped[k] = v;
+                        if (k == value.config.shorthand) {
+                            for (const [key, val] of Object.entries(value.config.properties)) {
+                                mapped[key] = cloneNode(v);
+                                for (let i = 0; i < v.val.length; i++) {
+                                    // @ts-ignore
+                                    if (key == v.val[i][PROPERTYNAME]) {
+                                        if (mapped[key].val.length > 0) {
+                                            mapped[key].val.push({
+                                                typ: EnumToken.WhitespaceTokenType,
+                                            });
+                                        }
+                                        mapped[key].val.push(v.val[i]);
+                                    }
+                                }
+                                if (mapped[key].val.length == 0) {
+                                    mapped[key].val.push(...parseString(value.config.properties[key].default[0]));
+                                }
+                            }
+                        }
+                        else {
+                            mapped[k] = v;
+                        }
                     }
                 }
                 else {
                     mapped[key] = value;
                 }
             }
+            // console.error(mapped);
             if (patterns.length === Object.keys(mapped).length) {
                 declarations = new Map();
                 for (const key of patterns) {
diff --git a/files/prefix-removal.md b/files/prefix-removal.md
index 15fd8918f..cd519254e 100644
--- a/files/prefix-removal.md
+++ b/files/prefix-removal.md
@@ -167,24 +167,19 @@ Output:
  font-size: 20px
 }
 .mastheader {
- grid-row: 1;
- grid-column: 1/2
+ grid-area: 1/1/auto/2
 }
 .page-title {
- grid-row: 2;
- grid-column: 1
+ grid-area: 2/1/auto/auto
 }
 .main-content {
- grid-row: 3;
- grid-column: 1
+ grid-area: 3/1/auto/auto
 }
 .sidebar {
- grid-row: 2/2;
- grid-column: 2
+ grid-area: 2/2/2/auto
 }
 .footer {
- grid-row: 4;
- grid-column: 1/2
+ grid-area: 4/1/auto/2
 }
 ```
 
diff --git a/src/lib/parser/declaration/map.ts b/src/lib/parser/declaration/map.ts
index a162215fc..b86869d9a 100644
--- a/src/lib/parser/declaration/map.ts
+++ b/src/lib/parser/declaration/map.ts
@@ -18,6 +18,7 @@ import { parseString } from "../parse.ts";
 import { PropertySet } from "./set.ts";
 import { PROPERTYNAME } from "../../syntax/constants.ts";
 import { cloneNode } from "../../ast/clone.ts";
+import { parse } from "node:path";
 
 const propertiesConfig: PropertiesConfig = getConfig();
 
@@ -260,16 +261,49 @@ export class PropertyMap {
 
                 if (value instanceof PropertyMap) {
 
-                    // console.error(value);
-                    
                     for (const [k, v] of (value as PropertyMap).declarations) {
-                        mapped[k] = v as AstDeclaration;
+
+                        if (k == (value as PropertyMap).config.shorthand) {
+
+                            for (const [key, val] of Object.entries((value as PropertyMap).config.properties)) {
+                                
+                                mapped[key] = cloneNode(v as AstDeclaration) as AstDeclaration;
+
+                                for (let i = 0; i < (v as AstDeclaration).val.length; i++) {
+                                    
+                                    // @ts-ignore
+                                    if (key == (v as AstDeclaration).val[i][PROPERTYNAME] as string) {
+                                        
+                                        if ((mapped[key] as AstDeclaration).val.length > 0  ) {
+                                            
+                                            (mapped[key] as AstDeclaration).val.push(<Token>{
+                                                typ: EnumToken.WhitespaceTokenType,
+                                            });
+                                        }
+
+                                        (mapped[key] as AstDeclaration).val.push((v as AstDeclaration).val[i]);
+                                    }
+                                }
+
+                                if ((mapped[key] as AstDeclaration).val.length == 0) {
+
+                                    (mapped[key] as AstDeclaration).val.push(...parseString((value as PropertyMap).config.properties[key].default[0]));
+                                }
+                            }
+                        }
+
+                        else {
+
+                            mapped[k] = v as AstDeclaration;
+                        }
                     }
                 } else {
                     mapped[key] = value as AstDeclaration;
                 }
             }
 
+            // console.error(mapped);
+
             if (patterns.length === Object.keys(mapped).length) {
                 declarations = new Map<string, AstDeclaration | PropertySet | PropertyMap>();
 
diff --git a/test/specs/code/shorthand.js b/test/specs/code/shorthand.js
index f6a4dd882..0b1f41a2c 100644
--- a/test/specs/code/shorthand.js
+++ b/test/specs/code/shorthand.js
@@ -612,6 +612,27 @@ grid-template-areas:
         ).then((result) =>
             expect(result.code).equals(`.sidebar {
  grid-area: sidebar
+}`),
+        );
+    });
+    it("grid-row/grid-column #35", function () {
+        return transform(
+            `
+    
+  .footer{
+     -ms-grid-row:4;
+     -ms-grid-column:1;
+     -ms-grid-column-span:2;
+  }
+
+`,
+            {
+                beautify: true,
+                removePrefix: true,
+            },
+        ).then((result) =>
+            expect(result.code).equals(`.footer {
+ grid-area: 4/1/auto/2
 }`),
         );
     });

From a95390245c9b67946f1ab6bb1fc83c27194a1d8b Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sat, 26 Sep 2026 11:20:30 -0400
Subject: [PATCH 27/41] improve grid-area shorthand minification

---
 CHANGELOG.md            |  1 -
 src/lib/parser/parse.ts | 56 ++++++++++++++++++++---------------------
 2 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1aae362d4..c87efc6a9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,7 +7,6 @@
 - [x] Added fine-grained minification parameters:
   - [x] RenderOptions#minifyValues: minify CSS values such as numbers and dimension tokens
   - [x] ParseOptions#minifyAST: minify the AST.
-- [ ] visitors can return plain css string
 
 ## Improvement
 
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index b323e2c63..ff5aa49e7 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 "../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 { 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 "";

From bc5a473c0568c75aa12e7ea559c7c92b6e986f31 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sat, 26 Sep 2026 16:52:24 -0400
Subject: [PATCH 28/41] update utility functions doc

---
 dist/index-umd-web.js                     | 20 ------------
 dist/index.cjs                            | 20 ------------
 dist/lib/syntax/color/utils/components.js | 20 ------------
 files/utilities.md                        | 39 +++++++++++++++++++++--
 jsr.json                                  |  2 +-
 package.json                              |  4 +--
 src/lib/syntax/color/utils/components.ts  | 23 +------------
 7 files changed, 40 insertions(+), 88 deletions(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 72f459c41..4cdb35e1d 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -6898,13 +6898,6 @@
     }
 
     function getColorComponents(token) {
-        // if (token.typ === EnumToken.IdenTokenType) {
-        //     if (isColor(token)) {
-        //         parseColor(token);
-        //     } else {
-        //         return null;
-        //     }
-        // }
         if (token.kin == exports.ColorType.HEX || token.kin == exports.ColorType.LIT) {
             if (equalsIgnoreCase("currentcolor", token.val)) {
                 return null;
@@ -6928,25 +6921,12 @@
             ].includes(child.typ)) {
                 continue;
             }
-            // if (child.typ === EnumToken.IdenTokenType && isColor(child)) {
-            //     parseColor(child);
-            // }
             if (child.typ === exports.EnumToken.FunctionTokenType ||
                 child.typ === exports.EnumToken.WildCardFunctionTokenType ||
                 child.typ === exports.EnumToken.MathFunctionTokenType) {
                 if ("var" == child.val.toLowerCase()) {
                     return null;
                 }
-                // else {
-                //     for (const { value } of walkValues((child as FunctionToken).chi)) {
-                //         if (
-                //             value.typ == EnumToken.WildCardFunctionTokenDefType &&
-                //             "var" === (value as FunctionToken).val.toLowerCase()
-                //         ) {
-                //             return null;
-                //         }
-                //     }
-                // }
             }
             if (child.typ == exports.EnumToken.ColorTokenType && equalsIgnoreCase("currentcolor", child.val)) {
                 return null;
diff --git a/dist/index.cjs b/dist/index.cjs
index e103b5150..21b8db9d7 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -6901,13 +6901,6 @@ function equalsIgnoreCase(a, b) {
 }
 
 function getColorComponents(token) {
-    // if (token.typ === EnumToken.IdenTokenType) {
-    //     if (isColor(token)) {
-    //         parseColor(token);
-    //     } else {
-    //         return null;
-    //     }
-    // }
     if (token.kin == exports.ColorType.HEX || token.kin == exports.ColorType.LIT) {
         if (equalsIgnoreCase("currentcolor", token.val)) {
             return null;
@@ -6931,25 +6924,12 @@ function getColorComponents(token) {
         ].includes(child.typ)) {
             continue;
         }
-        // if (child.typ === EnumToken.IdenTokenType && isColor(child)) {
-        //     parseColor(child);
-        // }
         if (child.typ === exports.EnumToken.FunctionTokenType ||
             child.typ === exports.EnumToken.WildCardFunctionTokenType ||
             child.typ === exports.EnumToken.MathFunctionTokenType) {
             if ("var" == child.val.toLowerCase()) {
                 return null;
             }
-            // else {
-            //     for (const { value } of walkValues((child as FunctionToken).chi)) {
-            //         if (
-            //             value.typ == EnumToken.WildCardFunctionTokenDefType &&
-            //             "var" === (value as FunctionToken).val.toLowerCase()
-            //         ) {
-            //             return null;
-            //         }
-            //     }
-            // }
         }
         if (child.typ == exports.EnumToken.ColorTokenType && equalsIgnoreCase("currentcolor", child.val)) {
             return null;
diff --git a/dist/lib/syntax/color/utils/components.js b/dist/lib/syntax/color/utils/components.js
index 559d04785..2cd077053 100644
--- a/dist/lib/syntax/color/utils/components.js
+++ b/dist/lib/syntax/color/utils/components.js
@@ -4,13 +4,6 @@ import { expandHexValue } from '../hex.js';
 import { equalsIgnoreCase } from '../../../parser/utils/text.js';
 
 function getColorComponents(token) {
-    // if (token.typ === EnumToken.IdenTokenType) {
-    //     if (isColor(token)) {
-    //         parseColor(token);
-    //     } else {
-    //         return null;
-    //     }
-    // }
     if (token.kin == ColorType.HEX || token.kin == ColorType.LIT) {
         if (equalsIgnoreCase("currentcolor", token.val)) {
             return null;
@@ -34,25 +27,12 @@ function getColorComponents(token) {
         ].includes(child.typ)) {
             continue;
         }
-        // if (child.typ === EnumToken.IdenTokenType && isColor(child)) {
-        //     parseColor(child);
-        // }
         if (child.typ === EnumToken.FunctionTokenType ||
             child.typ === EnumToken.WildCardFunctionTokenType ||
             child.typ === EnumToken.MathFunctionTokenType) {
             if ("var" == child.val.toLowerCase()) {
                 return null;
             }
-            // else {
-            //     for (const { value } of walkValues((child as FunctionToken).chi)) {
-            //         if (
-            //             value.typ == EnumToken.WildCardFunctionTokenDefType &&
-            //             "var" === (value as FunctionToken).val.toLowerCase()
-            //         ) {
-            //             return null;
-            //         }
-            //     }
-            // }
         }
         if (child.typ == EnumToken.ColorTokenType && equalsIgnoreCase("currentcolor", child.val)) {
             return null;
diff --git a/files/utilities.md b/files/utilities.md
index 6d7ca38cb..e7a4fceb9 100644
--- a/files/utilities.md
+++ b/files/utilities.md
@@ -74,13 +74,13 @@ replaceNodeOrValue(parent: Token, target: Token, replacement: Tokan | Token[]);
 # Parsing utility functions
 ## Parsing CSS string
 
-Parse a CSS string using [parseString()]().
+`css-parser` offers several helper functions to help you parse CSS.
+
+### Parsing CSS values
 
 ```ts
 import {parseString} from '@tbela99/css-parser';
 
-const css = `linear-gradient(to bottom, white, black)`;
-
 const values = parseString(`linear-gradient(to bottom, white, black) color-mix(red, green)`);
 
 console.debug(values[0]); // image function
@@ -109,5 +109,38 @@ console.debug(values[2]); // color function
 // ...
 ```
 
+### Parse CSS declarations
+
+```ts
+import {parseDeclarations} from '@tbela99/css-parser';
+
+const values = parseDeclarations(`width: 2px; background: linear-gradient(to bottom, white, black) color-mix(red, green)`);
+
+console.debug(values[0]); // first declaration
+console.debug(values[1]); // second declaration
+
+```
+
+### Parse CSS rules and at-rules
+
+CSS rules and at-rules are parsed using [`parse()`](../functions/node.parse.html) and [`parseSync()`](../functions/node.parseSync.html) functions.
+
+```ts
+import {parseSync} from '@tbela99/css-parser';
+
+const values = parseSync(`
+.s {width: 2px; background: linear-gradient(to bottom, white, black) color-mix(red, green)
+}
+.g {width: 2px; background: linear-gradient(to bottom, white, black) color-mix(red, green)
+}
+`);
+
+console.debug(values[0]); // first rule
+console.debug(values[1]); // second rule
+
+```
+
+
+
 ------
 [← Ast Manipulation](./ast.md) | [Node Module →](../docs/modules/node.html)
\ No newline at end of file
diff --git a/jsr.json b/jsr.json
index 73e9da982..79c8ddfe0 100644
--- a/jsr.json
+++ b/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@tbela99/css-parser",
-  "version": "1.6.4",
+  "version": "1.6.5",
   "publish": {
     "include": [
       "src",
diff --git a/package.json b/package.json
index 753869692..cdbd5ec37 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.4",
+  "version": "1.6.5",
   "exports": {
     ".": "./dist/node.js",
     "./node": "./dist/node.js",
@@ -89,4 +89,4 @@
     "typedoc-unhoax-theme": "^0.5.3"
   },
   "sideEffects": false
-}
+}
\ No newline at end of file
diff --git a/src/lib/syntax/color/utils/components.ts b/src/lib/syntax/color/utils/components.ts
index ec32ddae9..1277cb872 100644
--- a/src/lib/syntax/color/utils/components.ts
+++ b/src/lib/syntax/color/utils/components.ts
@@ -5,14 +5,7 @@ import { expandHexValue } from "../hex.ts";
 import { equalsIgnoreCase } from "../../../parser/utils/text.ts";
 
 export function getColorComponents(token: ColorToken | IdentToken): Token[] | null {
-    // if (token.typ === EnumToken.IdenTokenType) {
-    //     if (isColor(token)) {
-    //         parseColor(token);
-    //     } else {
-    //         return null;
-    //     }
-    // }
-
+   
     if ((token as ColorToken).kin == ColorType.HEX || (token as ColorToken).kin == ColorType.LIT) {
         if (equalsIgnoreCase("currentcolor", (token as ColorToken).val)) {
             return null;
@@ -44,10 +37,6 @@ export function getColorComponents(token: ColorToken | IdentToken): Token[] | nu
             continue;
         }
 
-        // if (child.typ === EnumToken.IdenTokenType && isColor(child)) {
-        //     parseColor(child);
-        // }
-
         if (
             child.typ === EnumToken.FunctionTokenType ||
             child.typ === EnumToken.WildCardFunctionTokenType ||
@@ -56,16 +45,6 @@ export function getColorComponents(token: ColorToken | IdentToken): Token[] | nu
             if ("var" == (child as FunctionToken).val.toLowerCase()) {
                 return null;
             }
-            // else {
-            //     for (const { value } of walkValues((child as FunctionToken).chi)) {
-            //         if (
-            //             value.typ == EnumToken.WildCardFunctionTokenDefType &&
-            //             "var" === (value as FunctionToken).val.toLowerCase()
-            //         ) {
-            //             return null;
-            //         }
-            //     }
-            // }
         }
 
         if (child.typ == EnumToken.ColorTokenType && equalsIgnoreCase("currentcolor", (child as ColorToken).val)) {

From 1b2410c8f8105238eef04f78666685f84bd0313b Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sat, 26 Sep 2026 16:53:18 -0400
Subject: [PATCH 29/41] update utility functions doc

---
 files/utilities.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/utilities.md b/files/utilities.md
index e7a4fceb9..0622f82ac 100644
--- a/files/utilities.md
+++ b/files/utilities.md
@@ -71,7 +71,7 @@ The function [replaceNodeOrValue()](../functions/node.replaceNodeOrValue.html) r
 replaceNodeOrValue(parent: Token, target: Token, replacement: Tokan | Token[]);
 ```
 
-# Parsing utility functions
+# CSS Parsing utility functions
 ## Parsing CSS string
 
 `css-parser` offers several helper functions to help you parse CSS.

From 38dbdf3682d3d768c6e6a2b1934bc1659560c83f Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sat, 26 Sep 2026 16:58:00 -0400
Subject: [PATCH 30/41] update utility functions doc

---
 files/utilities.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/utilities.md b/files/utilities.md
index 0622f82ac..47c447f3d 100644
--- a/files/utilities.md
+++ b/files/utilities.md
@@ -133,7 +133,7 @@ const values = parseSync(`
 }
 .g {width: 2px; background: linear-gradient(to bottom, white, black) color-mix(red, green)
 }
-`);
+`).ast.chi;
 
 console.debug(values[0]); // first rule
 console.debug(values[1]); // second rule

From 17d1acce9a0bff2844fa56412c90582ca1e93426 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sat, 26 Sep 2026 18:40:45 -0400
Subject: [PATCH 31/41] update utility functions doc

---
 files/utilities.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/files/utilities.md b/files/utilities.md
index 47c447f3d..e1e8a2d55 100644
--- a/files/utilities.md
+++ b/files/utilities.md
@@ -78,6 +78,8 @@ replaceNodeOrValue(parent: Token, target: Token, replacement: Tokan | Token[]);
 
 ### Parsing CSS values
 
+[parseString()](../functions/node.parseString.html) is used to parse CSS values.
+
 ```ts
 import {parseString} from '@tbela99/css-parser';
 
@@ -111,6 +113,8 @@ console.debug(values[2]); // color function
 
 ### Parse CSS declarations
 
+[parseDeclarations()](../functions/node.parseDeclarations.html) is used to parse a CSS string representing declarations.
+
 ```ts
 import {parseDeclarations} from '@tbela99/css-parser';
 
@@ -123,7 +127,7 @@ console.debug(values[1]); // second declaration
 
 ### Parse CSS rules and at-rules
 
-CSS rules and at-rules are parsed using [`parse()`](../functions/node.parse.html) and [`parseSync()`](../functions/node.parseSync.html) functions.
+CSS rules and at-rules are parsed using [parse()](../functions/node.parse.html) and [parseSync()](../functions/node.parseSync.html) functions.
 
 ```ts
 import {parseSync} from '@tbela99/css-parser';

From 0d413f3d72644fb6e413a778206d0750fe19b309 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sat, 26 Sep 2026 22:48:30 -0400
Subject: [PATCH 32/41] fix percentage rgb relative color handling

---
 CHANGELOG.md                            |   16 +
 dist/index-umd-web.js                   |   32 +-
 dist/index.cjs                          |   32 +-
 dist/lib/syntax/color/hex.js            |    5 +-
 dist/lib/syntax/color/relative-color.js |   22 +-
 dist/lib/syntax/constants.js            |    5 +
 files/utilities.md                      |    9 +-
 src/lib/syntax/color/color.ts           |    1 +
 src/lib/syntax/color/hex.ts             |   13 +-
 src/lib/syntax/color/relative-color.ts  |   22 +-
 src/lib/syntax/constants.ts             |    5 +
 test/specs/code/color.js                | 1376 +++++++++++++++--------
 12 files changed, 987 insertions(+), 551 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c87efc6a9..f14db432d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -26,6 +26,22 @@ is now computed as
 }
 ```
 
+## Fixes
+
+- [x] fix percentage handling in relative rgb color
+
+```css
+ .c {
+color: rgb(from rgb(20% 40%  60% / 80%) r g b / calc(alpha / 2));
+```
+is now computed as 
+
+```css
+.c {
+ color: #3696
+}
+```
+
 # v1.6.4
 
 ## New
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 4cdb35e1d..40523aeb2 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -6429,6 +6429,11 @@
      * Color range definitions
      */
     const colorRange = {
+        rgb: {
+            r: [0, 255],
+            g: [0, 255],
+            b: [0, 255],
+        },
         lab: {
             l: [0, 100],
             a: [-125, 125],
@@ -8222,7 +8227,10 @@
         if (value == null) {
             return null;
         }
-        return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr + Number.EPSILON).toString(16).padStart(2, "0"), "#"));
+        return hexToken(value.reduce((acc, curr) => acc +
+            srgb2rgb(curr + Number.EPSILON)
+                .toString(16)
+                .padStart(2, "0"), "#"));
     }
     function oklab2HexToken(token) {
         let value = oklab2srgbvalues(token);
@@ -10891,20 +10899,20 @@
                 continue;
             }
             if (component.typ == exports.EnumToken.IdenTokenType) {
-                val = component.val.toLowerCase();
+                val = component.val;
                 if (
                 // @ts-expect-error
                 typeof Math[val.toUpperCase()] !== "number" &&
-                    val != "in" &&
-                    val != "hue" &&
-                    val != "from" &&
-                    val != "alpha" &&
-                    val != "none" &&
-                    val != "shorter" &&
-                    val != "longer" &&
-                    val != "increasing" &&
-                    val != "decreasing" &&
-                    !colorsFunc.includes(val) &&
+                    !equalsIgnoreCase(val, "in") &&
+                    !equalsIgnoreCase(val, "hue") &&
+                    !equalsIgnoreCase(val, "from") &&
+                    !equalsIgnoreCase(val, "alpha") &&
+                    !equalsIgnoreCase(val, "none") &&
+                    !equalsIgnoreCase(val, "shorter") &&
+                    !equalsIgnoreCase(val, "longer") &&
+                    !equalsIgnoreCase(val, "increasing") &&
+                    !equalsIgnoreCase(val, "decreasing") &&
+                    !colorsFunc.some((t) => equalsIgnoreCase(t, val)) &&
                     !colorFuncColorSpace.includes(val) &&
                     !validKeys.includes(val)) {
                     return null;
diff --git a/dist/index.cjs b/dist/index.cjs
index 21b8db9d7..f3400a546 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -6432,6 +6432,11 @@ const anglePrecision = 3;
  * Color range definitions
  */
 const colorRange = {
+    rgb: {
+        r: [0, 255],
+        g: [0, 255],
+        b: [0, 255],
+    },
     lab: {
         l: [0, 100],
         a: [-125, 125],
@@ -8225,7 +8230,10 @@ function color2HexToken(token) {
     if (value == null) {
         return null;
     }
-    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr + Number.EPSILON).toString(16).padStart(2, "0"), "#"));
+    return hexToken(value.reduce((acc, curr) => acc +
+        srgb2rgb(curr + Number.EPSILON)
+            .toString(16)
+            .padStart(2, "0"), "#"));
 }
 function oklab2HexToken(token) {
     let value = oklab2srgbvalues(token);
@@ -10894,20 +10902,20 @@ function parseRelativeColorComponents(relativeKeys, original, rExp, gExp, bExp,
             continue;
         }
         if (component.typ == exports.EnumToken.IdenTokenType) {
-            val = component.val.toLowerCase();
+            val = component.val;
             if (
             // @ts-expect-error
             typeof Math[val.toUpperCase()] !== "number" &&
-                val != "in" &&
-                val != "hue" &&
-                val != "from" &&
-                val != "alpha" &&
-                val != "none" &&
-                val != "shorter" &&
-                val != "longer" &&
-                val != "increasing" &&
-                val != "decreasing" &&
-                !colorsFunc.includes(val) &&
+                !equalsIgnoreCase(val, "in") &&
+                !equalsIgnoreCase(val, "hue") &&
+                !equalsIgnoreCase(val, "from") &&
+                !equalsIgnoreCase(val, "alpha") &&
+                !equalsIgnoreCase(val, "none") &&
+                !equalsIgnoreCase(val, "shorter") &&
+                !equalsIgnoreCase(val, "longer") &&
+                !equalsIgnoreCase(val, "increasing") &&
+                !equalsIgnoreCase(val, "decreasing") &&
+                !colorsFunc.some((t) => equalsIgnoreCase(t, val)) &&
                 !colorFuncColorSpace.includes(val) &&
                 !validKeys.includes(val)) {
                 return null;
diff --git a/dist/lib/syntax/color/hex.js b/dist/lib/syntax/color/hex.js
index c21026b67..6fdc2bc42 100644
--- a/dist/lib/syntax/color/hex.js
+++ b/dist/lib/syntax/color/hex.js
@@ -70,7 +70,10 @@ function color2HexToken(token) {
     if (value == null) {
         return null;
     }
-    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr + Number.EPSILON).toString(16).padStart(2, "0"), "#"));
+    return hexToken(value.reduce((acc, curr) => acc +
+        srgb2rgb(curr + Number.EPSILON)
+            .toString(16)
+            .padStart(2, "0"), "#"));
 }
 function oklab2HexToken(token) {
     let value = oklab2srgbvalues(token);
diff --git a/dist/lib/syntax/color/relative-color.js b/dist/lib/syntax/color/relative-color.js
index 68e56a13d..b5b915146 100644
--- a/dist/lib/syntax/color/relative-color.js
+++ b/dist/lib/syntax/color/relative-color.js
@@ -44,20 +44,20 @@ function parseRelativeColorComponents(relativeKeys, original, rExp, gExp, bExp,
             continue;
         }
         if (component.typ == EnumToken.IdenTokenType) {
-            val = component.val.toLowerCase();
+            val = component.val;
             if (
             // @ts-expect-error
             typeof Math[val.toUpperCase()] !== "number" &&
-                val != "in" &&
-                val != "hue" &&
-                val != "from" &&
-                val != "alpha" &&
-                val != "none" &&
-                val != "shorter" &&
-                val != "longer" &&
-                val != "increasing" &&
-                val != "decreasing" &&
-                !colorsFunc.includes(val) &&
+                !equalsIgnoreCase(val, "in") &&
+                !equalsIgnoreCase(val, "hue") &&
+                !equalsIgnoreCase(val, "from") &&
+                !equalsIgnoreCase(val, "alpha") &&
+                !equalsIgnoreCase(val, "none") &&
+                !equalsIgnoreCase(val, "shorter") &&
+                !equalsIgnoreCase(val, "longer") &&
+                !equalsIgnoreCase(val, "increasing") &&
+                !equalsIgnoreCase(val, "decreasing") &&
+                !colorsFunc.some((t) => equalsIgnoreCase(t, val)) &&
                 !colorFuncColorSpace.includes(val) &&
                 !validKeys.includes(val)) {
                 return null;
diff --git a/dist/lib/syntax/constants.js b/dist/lib/syntax/constants.js
index 3297b2c0d..e92ac312b 100644
--- a/dist/lib/syntax/constants.js
+++ b/dist/lib/syntax/constants.js
@@ -67,6 +67,11 @@ const anglePrecision = 3;
  * Color range definitions
  */
 const colorRange = {
+    rgb: {
+        r: [0, 255],
+        g: [0, 255],
+        b: [0, 255],
+    },
     lab: {
         l: [0, 100],
         a: [-125, 125],
diff --git a/files/utilities.md b/files/utilities.md
index e1e8a2d55..310663caa 100644
--- a/files/utilities.md
+++ b/files/utilities.md
@@ -72,11 +72,10 @@ replaceNodeOrValue(parent: Token, target: Token, replacement: Tokan | Token[]);
 ```
 
 # CSS Parsing utility functions
-## Parsing CSS string
 
 `css-parser` offers several helper functions to help you parse CSS.
 
-### Parsing CSS values
+## Parsing CSS values
 
 [parseString()](../functions/node.parseString.html) is used to parse CSS values.
 
@@ -111,7 +110,7 @@ console.debug(values[2]); // color function
 // ...
 ```
 
-### Parse CSS declarations
+## Parse CSS declarations
 
 [parseDeclarations()](../functions/node.parseDeclarations.html) is used to parse a CSS string representing declarations.
 
@@ -125,7 +124,7 @@ console.debug(values[1]); // second declaration
 
 ```
 
-### Parse CSS rules and at-rules
+## Parse CSS rules and at-rules
 
 CSS rules and at-rules are parsed using [parse()](../functions/node.parse.html) and [parseSync()](../functions/node.parseSync.html) functions.
 
@@ -144,7 +143,5 @@ console.debug(values[1]); // second rule
 
 ```
 
-
-
 ------
 [← Ast Manipulation](./ast.md) | [Node Module →](../docs/modules/node.html)
\ No newline at end of file
diff --git a/src/lib/syntax/color/color.ts b/src/lib/syntax/color/color.ts
index 3976aa540..6b71e0d86 100644
--- a/src/lib/syntax/color/color.ts
+++ b/src/lib/syntax/color/color.ts
@@ -401,6 +401,7 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
 
             case ColorType.RGB:
             case ColorType.RGBA:
+
                 return rgb2HexToken(token);
         }
     } else if (to == ColorType.RGB) {
diff --git a/src/lib/syntax/color/hex.ts b/src/lib/syntax/color/hex.ts
index 1dc1c075f..01b317ef1 100644
--- a/src/lib/syntax/color/hex.ts
+++ b/src/lib/syntax/color/hex.ts
@@ -93,7 +93,16 @@ export function color2HexToken(token: ColorToken): ColorToken | null {
         return null;
     }
 
-    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr + Number.EPSILON).toString(16).padStart(2, "0"), "#"));
+    return hexToken(
+        value.reduce(
+            (acc, curr) =>
+                acc +
+                srgb2rgb(curr + Number.EPSILON)
+                    .toString(16)
+                    .padStart(2, "0"),
+            "#",
+        ),
+    );
 }
 
 export function oklab2HexToken(token: ColorToken): ColorToken | null {
@@ -162,7 +171,7 @@ export function rgb2hexvalues(token: ColorToken): string | null {
         // @ts-ignore
         t = components[i] as IdenToken | NumberToken | PercentageToken;
 
-        value += 
+        value +=
         ( // @ts-expect-error
             t.typ == EnumToken.Iden && (t as IdenToken).val == "none"
                 ? "0"
diff --git a/src/lib/syntax/color/relative-color.ts b/src/lib/syntax/color/relative-color.ts
index ed1a3b6be..75b8e8964 100644
--- a/src/lib/syntax/color/relative-color.ts
+++ b/src/lib/syntax/color/relative-color.ts
@@ -91,21 +91,21 @@ export function parseRelativeColorComponents(
             continue;
         }
         if (component.typ == EnumToken.IdenTokenType) {
-            val = (component as IdentToken).val.toLowerCase();
+            val = (component as IdentToken).val;
 
             if (
                 // @ts-expect-error
                 typeof Math[val.toUpperCase()] !== "number" &&
-                val != "in" &&
-                val != "hue" &&
-                val != "from" &&
-                val != "alpha" &&
-                val != "none" &&
-                val != "shorter" &&
-                val != "longer" &&
-                val != "increasing" &&
-                val != "decreasing" &&
-                !colorsFunc.includes(val) &&
+                !equalsIgnoreCase(val, "in") &&
+                !equalsIgnoreCase(val, "hue") &&
+                !equalsIgnoreCase(val, "from") &&
+                !equalsIgnoreCase(val, "alpha") &&
+                !equalsIgnoreCase(val, "none") &&
+                !equalsIgnoreCase(val, "shorter") &&
+                !equalsIgnoreCase(val, "longer") &&
+                !equalsIgnoreCase(val, "increasing") &&
+                !equalsIgnoreCase(val, "decreasing") &&
+                !colorsFunc.some((t) => equalsIgnoreCase(t, val)) &&
                 !colorFuncColorSpace.includes(val) &&
                 !validKeys.includes(val)
             ) {
diff --git a/src/lib/syntax/constants.ts b/src/lib/syntax/constants.ts
index 9d53c8e51..480e55a8a 100644
--- a/src/lib/syntax/constants.ts
+++ b/src/lib/syntax/constants.ts
@@ -71,6 +71,11 @@ export const anglePrecision = 3;
  * Color range definitions
  */
 export const colorRange = {
+    rgb: {
+        r: [0, 255],
+        g: [0, 255],
+        b: [0, 255],
+    },
     lab: {
         l: [0, 100],
         a: [-125, 125],
diff --git a/test/specs/code/color.js b/test/specs/code/color.js
index 036c4afc0..e43c05c6c 100644
--- a/test/specs/code/color.js
+++ b/test/specs/code/color.js
@@ -1,237 +1,303 @@
-
-import {okLabDistance} from "../../../dist/lib/syntax/color/utils/distance.js";
-import {parseString} from "../../../dist/lib/parser/parse.js";
-
-export function run(describe, expect, it, transform, parse, render, dirname, readFile, resolve, ColorType) {
-
-    describe('Parse color', function () {
-
-        it('hsl #1', function () {
-            return parse(`.hsl { color: hsl(195, 100%, 50%); }`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.hsl {
+import { okLabDistance } from "../../../dist/lib/syntax/color/utils/distance.js";
+import { parseString } from "../../../dist/lib/parser/parse.js";
+
+export function run(
+    describe,
+    expect,
+    it,
+    transform,
+    parse,
+    render,
+    dirname,
+    readFile,
+    resolve,
+    ColorType,
+    EnumToken,
+    ModuleCaseTransformEnum,
+    ModuleScopeEnumOptions,
+    transformSync,
+    parseSync,
+) {
+    describe("Parse color", function () {
+        it("hsl #1", function () {
+            return parse(`.hsl { color: hsl(195, 100%, 50%); }`).then((result) =>
+                expect(render(result.ast, { beautify: true }).code).equals(`.hsl {
  color: #00bfff
-}`));
+}`),
+            );
         });
 
-        it('hsl #2', function () {
+        it("hsl #2", function () {
             return parse(`.hsl { color: hsla(195, 100%, 50%, 50%);
-             background-color: color(xyz-d50 0.3 80 0.3);}`).then(result => expect(render(result.ast, {minify: false}).code).equals(`.hsl {
+             background-color: color(xyz-d50 0.3 80 0.3);}`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`.hsl {
  color: #00bfff80;
  background-color: lime
-}`));
+}`),
+            );
         });
-        it('hwb #3', function () {
+        it("hwb #3", function () {
             return parse(`.hwb { color: hwb(195, 0%, 0%); 
             background-color: color-mix(in xyz-d50, #FF7F50 50%, #00FFFF 50%) ;
-            }`).then(result => expect(render(result.ast, {minify: false}).code).equals(`.hwb {
+            }`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`.hwb {
  color: #00bfff;
  background-color: #bcccc2
-}`));
+}`),
+            );
         });
 
-        it('hwb #4', function () {
-            return parse(`.hwb { color: hwb(195, 0%, 0%, 50%); }`).then(result => expect(render(result.ast, {minify: false}).code).equals(`.hwb {
+        it("hwb #4", function () {
+            return parse(`.hwb { color: hwb(195, 0%, 0%, 50%); }`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`.hwb {
  color: #00bfff80
-}`));
+}`),
+            );
         });
 
-        it('hsl #5', function () {
+        it("hsl #5", function () {
             return parse(`a {
 color: hsl(300deg 100% 50% / 1);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #f0f
-}`));
+}`),
+            );
         });
 
-        it('device-cmyk #6', function () {
+        it("device-cmyk #6", function () {
             return parse(`a {
 color: device-cmyk(0 81% 81% 30%);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #b32222
-}`));
+}`),
+            );
         });
 
-        it('hwb #7', function () {
+        it("hwb #7", function () {
             return parse(`
 a {
 color: hwb(3.1416rad 0% 0% / 100%)
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: cyan
-}`));
+}`),
+            );
         });
 
-        it('rgb none #8', function () {
+        it("rgb none #8", function () {
             return parse(`
 a {
 color: rgb(255 255 0 / none);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #ff00
-}`));
+}`),
+            );
         });
 
-        it('rgb none #9', function () {
+        it("rgb none #9", function () {
             return parse(`
 a {
 color: rgb(255 255 none / none);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #ff00
-}`));
+}`),
+            );
         });
 
-        it('hsl none #10', function () {
+        it("hsl none #10", function () {
             return parse(`
 a {
 color: hsl(300deg 100% 50% / none);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #f0f0
-}`));
+}`),
+            );
         });
 
-        it('hsl none #11', function () {
+        it("hsl none #11", function () {
             return parse(`
 a {
 color: hsl(none 100% 50% / none);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #f000
-}`));
+}`),
+            );
         });
 
-        it('relative color hex -> rgb #12', function () {
+        it("relative color hex -> rgb #12", function () {
             return parse(`
 a {
 color: rgb(from white r g 0 / none);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #ff00
-}`));
+}`),
+            );
         });
 
-        it('relative color rgb ->rgb #12', function () {
+        it("relative color rgb ->rgb #12", function () {
             return parse(`
 a {
 color: rgb(from rgb(255 255 none) r g 0 / none);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #ff00
-}`));
+}`),
+            );
         });
 
-        it('relative color hex -> rgb #13', function () {
+        it("relative color hex -> rgb #13", function () {
             return parse(`
 a {
 color: rgb(from #ff0 r g r);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #fff
-}`));
+}`),
+            );
         });
 
-        it('relative color hex -> rgb #14', function () {
+        it("relative color hex -> rgb #14", function () {
             return parse(`
 a {
 color: rgb(from #ff0 r b g);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #f0f
-}`));
+}`),
+            );
         });
 
-        it('relative color rgb -> hsl #15', function () {
+        it("relative color rgb -> hsl #15", function () {
             return parse(`
 a {
 color: hsl(from rgb(0 128 0) h s l) ; 
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: green
-}`));
+}`),
+            );
         });
 
-        it('relative color rgb -> hsl #16', function () {
+        it("relative color rgb -> hsl #16", function () {
             return parse(`
 a {
 color: hsl(from rgb(0 128 0 / 1) h s l) ; 
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: green
-}`));
+}`),
+            );
         });
 
-        it('relative color hsl -> hsl #17', function () {
+        it("relative color hsl -> hsl #17", function () {
             return parse(`
 a {
 color: hsl(from hsl(120deg 100% 25%) h s l) ; 
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: green
-}`));
+}`),
+            );
         });
 
-        it('relative color hsl ->rgb #19', function () {
+        it("relative color hsl ->rgb #19", function () {
             return parse(`
 a {
 color: rgb(from hsl(120, 100%, 25%) r g b) ; 
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: green
-}`));
+}`),
+            );
         });
 
-        it('relative color hwb ->rgb #20', function () {
+        it("relative color hwb ->rgb #20", function () {
             return parse(`
 a {
 color: rgb(from hwb(120 0% 50%) r g b) 
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: green
-}`));
+}`),
+            );
         });
 
-        it('relative color rgb ->hwb #21', function () {
+        it("relative color rgb ->hwb #21", function () {
             return parse(`
 a {
 color: hwb(from rgb(0 128 0) h w b) ;
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: green
-}`));
+}`),
+            );
         });
 
-        it('relative color hwb -> hsl #21', function () {
+        it("relative color hwb -> hsl #21", function () {
             return parse(`
 a {
 color: hwb(from hsl(120, 100%, 25%) h w b) 
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: green
-}`));
+}`),
+            );
         });
 
-        it('relative color hsl -> hwb #22', function () {
+        it("relative color hsl -> hwb #22", function () {
             return parse(`
 a {
 color: hsl(from hwb(120 0% 50%) h s l) 
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: green
-}`));
+}`),
+            );
         });
 
-        it('relative color hwb -> hwb #22', function () {
+        it("relative color hwb -> hwb #22", function () {
             return parse(`
 a {
 color: hwb(from hwb(120 0% 50%) h w b) 
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: green
-}`));
+}`),
+            );
         });
 
-        it('relative color calc() #23', function () {
+        it("relative color calc() #23", function () {
             return parse(`
 a {
 color: hsl(from green calc(h * 2) s l)
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: navy
-}`));
+}`),
+            );
         });
 
-        it('relative color calc() #24', function () {
+        it("relative color calc() #24", function () {
             return parse(`
 a {
 color: hsl(from green calc(h * 2) s l / calc(alpha / 2))
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #00008080
-}`));
+}`),
+            );
         });
 
-        it('relative color calc() and var() #25', function () {
-            return parse(`
+        it("relative color calc() and var() #25", function () {
+            return parse(
+                `
 :root {
 --color: green;
 }
@@ -240,18 +306,23 @@ color: hsl(from green calc(h * 2) s l / calc(alpha / 2))
 
 }
 
-`, {
-                inlineCssVariables: true
-            }).then(result => expect(render(result.ast, {minify: false}).code).equals(`:root {
+`,
+                {
+                    inlineCssVariables: true,
+                },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`:root {
  /* --color: green */
 }
 ._19_u :focus {
  color: navy
-}`));
+}`),
+            );
         });
 
-        it('relative color calc() and var() #26', function () {
-            return parse(`
+        it("relative color calc() and var() #26", function () {
+            return parse(
+                `
 :root {
   --color: 255 0 0;
 }
@@ -260,888 +331,1082 @@ color: hsl(from green calc(h * 2) s l / calc(alpha / 2))
   background-color: rgb(var(--color) / 0.5);
 }
 
-`, {
-                inlineCssVariables: true
-            }).then(result => expect(render(result.ast, {minify: false}).code).equals(`:root {
+`,
+                {
+                    inlineCssVariables: true,
+                },
+            ).then((result) =>
+                expect(render(result.ast, { minify: false }).code).equals(`:root {
  /* --color: 255 0 0 */
 }
 .selector {
  background-color: #ff000080
-}`));
+}`),
+            );
         });
     });
     //
 
-    it('relative color hex -> rgb #27', function () {
+    it("relative color hex -> rgb #27", function () {
         return parse(`
 a {
 color: rgb(from rebeccapurple r calc(g * 2) b);
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+            expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #669
-}`));
+}`),
+        );
     });
     //
 
-    it('color(srgb 0.41587 0.503670 0.36664 / .5) #28', function () {
+    it("color(srgb 0.41587 0.503670 0.36664 / .5) #28", function () {
         return parse(`
 .selector {
 color: color(sRGB 0.41587 0.503670 0.36664 / calc(1 - 1/2));
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { minify: false }).code).equals(`.selector {
  color: #6a805d80
-}`));
+}`),
+        );
     });
 
-    it('color(srgb .5 .5 .5) #29', function () {
+    it("color(srgb .5 .5 .5) #29", function () {
         return parse(`
 .selector {
 color: color(srgb .5 .5 .5);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: grey
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in srgb , white , black ) #30', function () {
+    it("color-mix(in srgb , white , black ) #30", function () {
         return parse(`
 .selector {
 color: color-mix(in srgb , white , black );
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: grey
-}`));
+}`),
+        );
     });
 
-    it('color( srgb-linear  0.21404 0.21404 0.21404 ) #31', function () {
+    it("color( srgb-linear  0.21404 0.21404 0.21404 ) #31", function () {
         return parse(`
 .selector {
 color: color( srgb-linear  0.21404 0.21404 0.21404 )
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #7f7f7f
-}`));
+}`),
+        );
     });
 
-    it('color(display-p3 0.5 .5 .5) #32', function () {
+    it("color(display-p3 0.5 .5 .5) #32", function () {
         return parse(`
 .selector {
 color: color(display-p3 0.5 .5 .5);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: grey
-}`));
+}`),
+        );
     });
 
-    it('color(prophoto-rgb 0.42467 0.42467 0.42467) #33', function () {
+    it("color(prophoto-rgb 0.42467 0.42467 0.42467) #33", function () {
         return parse(`
 .selector {
 color: color(prophoto-rgb 0.42467 0.42467 0.42467);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #7f7f7f
-}`));
+}`),
+        );
     });
 
-
-    it('color(a98-rgb 0.4961 0.4961 0.4961) #34', function () {
+    it("color(a98-rgb 0.4961 0.4961 0.4961) #34", function () {
         return parse(`
 .selector {
 color: color(a98-rgb 0.4961 0.4961 0.4961);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #7f7f7f
-}`));
+}`),
+        );
     });
 
-    it('color(rec2020 0.45004 0.45004 0.45004) #35', function () {
+    it("color(rec2020 0.45004 0.45004 0.45004) #35", function () {
         return parse(`
 .selector {
 color: color(rec2020 0.45004 0.45004 0.45004);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #7f7f7f
-}`));
+}`),
+        );
     });
 
-    it('color(xyz-d50 0.43607, 0.22249, 0.01392) #36', function () {
+    it("color(xyz-d50 0.43607, 0.22249, 0.01392) #36", function () {
         return parse(`
 .selector {
 color: color(xyz-d50 0.43607 0.22249 0.01392);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: red
-}`));
+}`),
+        );
     });
 
-    it('color(xyz-d50 0.58098 0.49223 0.05045) #37', function () {
+    it("color(xyz-d50 0.58098 0.49223 0.05045) #37", function () {
         return parse(`
 .selector {
 color: color(xyz-d50 0.58098 0.49223 0.05045);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: orange
-}`));
+}`),
+        );
     });
 
-    it('color(xyz 0.20344 0.21404 0.2331) #38', function () {
+    it("color(xyz 0.20344 0.21404 0.2331) #38", function () {
         return parse(`
 .selector {
 color: color(xyz 0.20344 0.21404 0.2331);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #807f7f
-}`));
+}`),
+        );
     });
 
-    it('color(xyz 0.41239 0.21264 0.01933) #39', function () {
+    it("color(xyz 0.41239 0.21264 0.01933) #39", function () {
         return parse(`
 .selector {
 color: color(xyz 0.41239 0.21264 0.01933);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: red
-}`));
+}`),
+        );
     });
 
-    it('color(xyz 0.54694 0.48173 0.06418) #40', function () {
+    it("color(xyz 0.54694 0.48173 0.06418) #40", function () {
         return parse(`
 .selector {
 color: color(xyz 0.54694 0.48173 0.06418);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: orange
-}`));
+}`),
+        );
     });
 
-    it('oklab(0.59988 -0 0) #41', function () {
+    it("oklab(0.59988 -0 0) #41", function () {
         return parse(`
 .selector {
 color: oklab(0.59988 -0 0);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: grey
-}`));
+}`),
+        );
     });
 
-    it('oklab(0.59988 -0 0) #42', function () {
+    it("oklab(0.59988 -0 0) #42", function () {
         return parse(`
 .selector {
 color: oklab(0.9960 -0.0057 0.0188);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: ivory
-}`));
+}`),
+        );
     });
 
-    it('oklch(0.59988 0.00001 145.16718) #43', function () {
+    it("oklch(0.59988 0.00001 145.16718) #43", function () {
         return parse(`
 .selector {
 color: oklch(0.59988 0.00001 145.16718);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: grey
-}`));
+}`),
+        );
     });
 
-    it('oklch(0.62796 0.25768 29.234) #44', function () {
+    it("oklch(0.62796 0.25768 29.234) #44", function () {
         return parse(`
 .selector {
 color: oklch(0.62796 0.25768 29.234);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: red
-}`));
+}`),
+        );
     });
 
-    it('oklch(0.79269 0.17103 70.67) #45', function () {
+    it("oklch(0.79269 0.17103 70.67) #45", function () {
         return parse(`
 .selector {
 color: oklch(0.79269 0.17103 70.67);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: orange
-}`));
+}`),
+        );
     });
 
-    it('oklch(0.51975 0.17686 142.5) #46', function () {
+    it("oklch(0.51975 0.17686 142.5) #46", function () {
         return parse(`
 .selector {
 color: oklch(0.51975 0.17686 142.5);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: green
-}`));
+}`),
+        );
     });
 
-    it('lab(54.291, 80.805, 69.891) #47', function () {
+    it("lab(54.291, 80.805, 69.891) #47", function () {
         return parse(`
 .selector {
 color: lab(54.291, 80.805, 69.891);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: red
-}`));
+}`),
+        );
     });
 
-    it('lab(97.83 -12.04 62.08) #48', function () {
+    it("lab(97.83 -12.04 62.08) #48", function () {
         return parse(`
 .selector {
 color: lab(97.83 -12.04 62.08);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #fffe7a
-}`)); // should be #fffe7a
+}`),
+        ); // should be #fffe7a
     });
 
-    it('rgb(from oklch(100% 0.4 30) r g b) #49', function () {
+    it("rgb(from oklch(100% 0.4 30) r g b) #49", function () {
         return parse(`
 .selector {
 color: rgb(from oklch(100% 0.4 30) r g b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff3306
-}`)); // should be #fffe7a
+}`),
+        ); // should be #fffe7a
     });
 
-    it('rgb(from oklab(100% 0.4 0.4) r g b) #50', function () {
+    it("rgb(from oklab(100% 0.4 0.4) r g b) #50", function () {
         return parse(`
 .selector {
 color: rgb(from oklab(100% 0.4 0.4) r g b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: red
-}`)); // should be #fffe7a
+}`),
+        ); // should be #fffe7a
     });
 
-    it('rgb(from lab(100 125 125) r g b) #51', function () {
+    it("rgb(from lab(100 125 125) r g b) #51", function () {
         return parse(`
 .selector {
 color: rgb(from lab(100 125 125) r g b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff4d00
-}`)); // should be #fffe7a
+}`),
+        ); // should be #fffe7a
     });
 
-    it('rgb(from lch(50% 130 20) r g b) #52', function () {
+    it("rgb(from lch(50% 130 20) r g b) #52", function () {
         return parse(`
 .selector {
 color: rgb(from lch(50% 130 20) r g b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`)); // should be #fffe7a
+}`),
+        ); // should be #fffe7a
     });
 
-    it('hsl(from oklch(100% 0.4 30) h s l) #53', function () {
+    it("hsl(from oklch(100% 0.4 30) h s l) #53", function () {
         return parse(`
 .selector {
 color: hsl(from oklch(100% 0.4 30) h s l)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff3306
-}`)); // should be #fffe7a
+}`),
+        ); // should be #fffe7a
     });
 
-    it('hsl(from oklab(100% 0.4 0.4) h s l) #54', function () {
+    it("hsl(from oklab(100% 0.4 0.4) h s l) #54", function () {
         return parse(`
 .selector {
 color: hsl(from oklab(100% 0.4 0.4) h s l)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: red
-}`)); // should be #fffe7a
+}`),
+        ); // should be #fffe7a
     });
 
-    it('hsl(from lab(100 125 125) h s l) #55', function () {
+    it("hsl(from lab(100 125 125) h s l) #55", function () {
         return parse(`
 .selector {
 color: hsl(from lab(100 125 125) h s l)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff4d00
-}`));
+}`),
+        );
     });
 
-    it('hsl(from lch(50% 130 20) h s l) #56', function () {
+    it("hsl(from lch(50% 130 20) h s l) #56", function () {
         return parse(`
 .selector {
 color: hsl(from lch(50% 130 20) h s l)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('hwb(from oklch(100% 0.4 30) h w b) #57', function () {
+    it("hwb(from oklch(100% 0.4 30) h w b) #57", function () {
         return parse(`
 .selector {
 color: hwb(from oklch(100% 0.4 30) h w b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff3306
-}`)); // should be #fffe7a
+}`),
+        ); // should be #fffe7a
     });
 
-    it('hwb(from oklab(100% 0.4 0.4) h w b) #58', function () {
+    it("hwb(from oklab(100% 0.4 0.4) h w b) #58", function () {
         return parse(`
 .selector {
 color: hwb(from oklab(100% 0.4 0.4) h w b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: red
-}`)); // should be #fffe7a
+}`),
+        ); // should be #fffe7a
     });
 
-    it('hwb(from lab(100 125 125) h w b) #59', function () {
+    it("hwb(from lab(100 125 125) h w b) #59", function () {
         return parse(`
 .selector {
 color: hwb(from lab(100 125 125) h w b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff4d00
-}`));
+}`),
+        );
     });
 
-    it('hwb(from lch(50% 130 20) h w b) #60', function () {
+    it("hwb(from lch(50% 130 20) h w b) #60", function () {
         return parse(`
 .selector {
 color: hwb(from lch(50% 130 20) h w b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('lab(from #ff003b l a b) #61', function () {
+    it("lab(from #ff003b l a b) #61", function () {
         return parse(`
 .selector {
 color: lab(from #ff003b l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('lab(from rgb(255 0 59) l a b) #62', function () {
+    it("lab(from rgb(255 0 59) l a b) #62", function () {
         return parse(`
 .selector {
 color: lab(from rgb(255 0 59) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('lab(from hsl(346.1 100% 50%) l a b) #63', function () {
+    it("lab(from hsl(346.1 100% 50%) l a b) #63", function () {
         return parse(`
 .selector {
 color: lab(from hsl(346.1 100% 50%) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('lab(from lch(50% 130 20) l a b) #64', function () {
+    it("lab(from lch(50% 130 20) l a b) #64", function () {
         return parse(`
 .selector {
 color: lab(from lch(50% 130 20) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('lab(from hwb(346 0 0) l a b) #65', function () {
+    it("lab(from hwb(346 0 0) l a b) #65", function () {
         return parse(`
 .selector {
 color: lab(from hwb(346 0 0) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('lab(from oklab(100% 0.4 0.4) l a b) #66', function () {
+    it("lab(from oklab(100% 0.4 0.4) l a b) #66", function () {
         return parse(`
 .selector {
 color: lab(from oklab(100% 0.4 0.4)   l a b);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: red
-}`));
+}`),
+        );
     });
 
-    it('lab(from hwb(346 0 0) l a b) #67', function () {
+    it("lab(from hwb(346 0 0) l a b) #67", function () {
         return parse(`
 .selector {
 color: lab(from hwb(346 0 0) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('lab(from oklch(100% 0.4 30) l a b) #68', function () {
+    it("lab(from oklch(100% 0.4 30) l a b) #68", function () {
         return parse(`
 .selector {
 color: lab(from oklch(100% 0.4 30) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff3306
-}`));
+}`),
+        );
     });
 
-    it('lch(from #ff3306 l c h) #69', function () {
+    it("lch(from #ff3306 l c h) #69", function () {
         return parse(`
 .selector {
 color: lch(from #ff3306 l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff3306
-}`));
+}`),
+        );
     });
 
-    it('lch(from rgb(255 0 59) l c h) #70', function () {
+    it("lch(from rgb(255 0 59) l c h) #70", function () {
         return parse(`
 .selector {
 color: lch(from rgb(255 0 59) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('lch(from hsl(346.1 100% 50%) l c h) #71', function () {
+    it("lch(from hsl(346.1 100% 50%) l c h) #71", function () {
         return parse(`
 .selector {
 color: lch(from hsl(346.1 100% 50%) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('lch(from hwb(346 0 0) l c h) #72', function () {
+    it("lch(from hwb(346 0 0) l c h) #72", function () {
         return parse(`
 .selector {
 color: lch(from hwb(346 0 0) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('lch(from lab(100 125 125) l c h) #72', function () {
+    it("lch(from lab(100 125 125) l c h) #72", function () {
         return parse(`
 .selector {
 color: lch(from lab(100 125 125) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff4d00
-}`));
+}`),
+        );
     });
 
-    it('lch(from oklab(100% 0.4 0.4) l c h) #73', function () {
+    it("lch(from oklab(100% 0.4 0.4) l c h) #73", function () {
         return parse(`
 .selector {
 color: lch(from oklab(100% 0.4 0.4) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: red
-}`));
+}`),
+        );
     });
 
-    it('lch(from oklch(100% 0.4 30) l c h) #74', function () {
+    it("lch(from oklch(100% 0.4 30) l c h) #74", function () {
         return parse(`
 .selector {
 color: lch(from oklch(100% 0.4 30) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff3306
-}`));
+}`),
+        );
     });
 
-
-    it('oklab(from #ff3306 l a b) #75', function () {
+    it("oklab(from #ff3306 l a b) #75", function () {
         return parse(`
 .selector {
 color: oklab(from #ff3306 l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff3306
-}`));
+}`),
+        );
     });
 
-    it('oklab(from rgb(255 0 59) l a b) #76', function () {
+    it("oklab(from rgb(255 0 59) l a b) #76", function () {
         return parse(`
 .selector {
 color: oklab(from rgb(255 0 59) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('oklab(from hsl(346.1 100% 50%) l a b) #77', function () {
+    it("oklab(from hsl(346.1 100% 50%) l a b) #77", function () {
         return parse(`
 .selector {
 color: oklab(from hsl(346.1 100% 50%) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('oklab(from hwb(346 0 0) l a b) #78', function () {
+    it("oklab(from hwb(346 0 0) l a b) #78", function () {
         return parse(`
 .selector {
 color: oklab(from hwb(346 0 0) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('oklab(from lab(100 125 125) l a b) #79', function () {
+    it("oklab(from lab(100 125 125) l a b) #79", function () {
         return parse(`
 .selector {
 color: oklab(from lab(100 125 125) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff4d00
-}`));
+}`),
+        );
     });
 
-    it('oklab(from lch(50% 130 20) l a b) #80', function () {
+    it("oklab(from lch(50% 130 20) l a b) #80", function () {
         return parse(`
 .selector {
 color: oklab(from lch(50% 130 20) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('oklab(from oklch(100% 0.4 30) l a b) #81', function () {
+    it("oklab(from oklch(100% 0.4 30) l a b) #81", function () {
         return parse(`
 .selector {
 color: oklab(from oklch(100% 0.4 30) l a b)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff3306
-}`));
+}`),
+        );
     });
 
-
-    it('oklch(from #ff3306 l c h) #82', function () {
+    it("oklch(from #ff3306 l c h) #82", function () {
         return parse(`
 .selector {
 color: oklch(from #ff3306 l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff3306
-}`));
+}`),
+        );
     });
 
-    it('oklch(from rgb(255 0 59) l c h) #83', function () {
+    it("oklch(from rgb(255 0 59) l c h) #83", function () {
         return parse(`
 .selector {
 color: oklch(from rgb(255 0 59) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('oklch(from hsl(346.1 100% 50%) l c h) #84', function () {
+    it("oklch(from hsl(346.1 100% 50%) l c h) #84", function () {
         return parse(`
 .selector {
 color: oklch(from hsl(346.1 100% 50%) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('oklch(from hwb(346 0 0) l c h) #85', function () {
+    it("oklch(from hwb(346 0 0) l c h) #85", function () {
         return parse(`
 .selector {
 color: oklch(from hwb(346 0 0) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('oklch(from lab(100 125 125) l c h) #79', function () {
+    it("oklch(from lab(100 125 125) l c h) #79", function () {
         return parse(`
 .selector {
 color: oklch(from lab(100 125 125) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff4d00
-}`));
+}`),
+        );
     });
 
-    it('oklch(from lch(50% 130 20) l c h) #80', function () {
+    it("oklch(from lch(50% 130 20) l c h) #80", function () {
         return parse(`
 .selector {
 color: oklch(from lch(50% 130 20) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #ff003b
-}`));
+}`),
+        );
     });
 
-    it('oklch(from oklab(100% 0.4 0.4) l c h) #81', function () {
+    it("oklch(from oklab(100% 0.4 0.4) l c h) #81", function () {
         return parse(`
 .selector {
 color: oklch(from oklab(100% 0.4 0.4) l c h)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: red
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in srgb, rgb(100% 0% 0% / 0.7) 25%, rgb(0% 100% 0% / 0.2)) #82', function () {
+    it("color-mix(in srgb, rgb(100% 0% 0% / 0.7) 25%, rgb(0% 100% 0% / 0.2)) #82", function () {
         return parse(`
 .selector {
 color: color-mix(in srgb, rgb(100% 0% 0% / 0.7) 25%, rgb(0% 100% 0% / 0.2))  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #89760053
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in srgb, white, blue) #83', function () {
+    it("color-mix(in srgb, white, blue) #83", function () {
         return parse(`
 .selector {
 color: color-mix(in srgb, white, blue)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #8080ff
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in srgb, rgb(100% 0% 0% / 0.7) 20%, rgb(0% 100% 0% / 0.2) 60%) #84', function () {
+    it("color-mix(in srgb, rgb(100% 0% 0% / 0.7) 20%, rgb(0% 100% 0% / 0.2) 60%) #84", function () {
         return parse(`
 .selector {
 color: color-mix(in srgb, rgb(100% 0% 0% / 0.7) 20%, rgb(0% 100% 0% / 0.2) 60%)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #89760042
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in lch, purple 50%, plum 50%) #85', function () {
+    it("color-mix(in lch, purple 50%, plum 50%) #85", function () {
         return parse(`
 .selector {
 color: color-mix(in lch, purple 50%, plum 50%)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #af5cae
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in lch, peru 40%, palegoldenrod) #86', function () {
+    it("color-mix(in lch, peru 40%, palegoldenrod) #86", function () {
         return parse(`
 .selector {
 color: color-mix(in lch, peru 40%, palegoldenrod) ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #dfc279
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in lch, purple 30%, plum 30%) #86', function () {
+    it("color-mix(in lch, purple 30%, plum 30%) #86", function () {
         return parse(`
 .selector {
 color: color-mix(in lch, purple 30%, plum 30%)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #af5cae99
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in hsl, color(display-p3 0 1 0) 80%, yellow) #87', function () {
+    it("color-mix(in hsl, color(display-p3 0 1 0) 80%, yellow) #87", function () {
         return parse(`
 .selector {
 color: color-mix(in hsl, color(display-p3 0 1 0) 80%, yellow)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: lime
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in lch, teal 65%, olive) #88', function () {
+    it("color-mix(in lch, teal 65%, olive) #88", function () {
         return parse(`
 .selector {
 color: color-mix(in lch, teal 65%, olive)  ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #14865f
-}`));
+}`),
+        );
     });
 
-    it('lch(from peru calc(l * 0.8) calc(c * 0.7) calc(h + 180)) #89', function () {
+    it("lch(from peru calc(l * 0.8) calc(c * 0.7) calc(h + 180)) #89", function () {
         return parse(`
 .selector {
 color: lch(from peru calc(l * 0.8) calc(c * 0.7) calc(h + 180))   ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #0880b0
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in lch, white, blue) #90', function () {
+    it("color-mix(in lch, white, blue) #90", function () {
         return parse(`
 .selector {
 color: color-mix(in lch, white, blue)   ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #af89ff
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in oklch, white, blue) #91', function () {
+    it("color-mix(in oklch, white, blue) #91", function () {
         return parse(`
 .selector {
 color: color-mix(in oklch, white, blue)   ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #74a3ff
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in oklch, oklch(78.3% 0.108 326.5), oklch(39.2% 0.4 none)) #92', function () {
+    it("color-mix(in oklch, oklch(78.3% 0.108 326.5), oklch(39.2% 0.4 none)) #92", function () {
         return parse(`
 .selector {
 color: color-mix(in oklch, oklch(78.3% 0.108 326.5), oklch(39.2% 0.4 none))   ;
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #c322c9
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in oklch, oklch(0.783 0.108 326.5 / 0.5), oklch(0.392 0.4 0 / none)) #93', function () {
+    it("color-mix(in oklch, oklch(0.783 0.108 326.5 / 0.5), oklch(0.392 0.4 0 / none)) #93", function () {
         return parse(`
 .selector {
 color: color-mix(in oklch, oklch(0.783 0.108 326.5 / 0.5), oklch(0.392 0.4 0 / none));
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #c322c980
-}`));
+}`),
+        );
     });
 
-    it('color-mix hue interpolation shorter #94', function () {
+    it("color-mix hue interpolation shorter #94", function () {
         return parse(`
 .selector {
 color: color-mix(in oklch , oklch(0.6 0.24 30) , oklch(0.8 0.15 90) );
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #f27900
-}`));
+}`),
+        );
     });
 
-    it('color-mix hue interpolation shorter #95', function () {
+    it("color-mix hue interpolation shorter #95", function () {
         return parse(`
 .selector {
 color: color-mix(in oklch shorter hue, oklch(0.6 0.24 30) , oklch(0.8 0.15 90) );
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #f27900
-}`));
+}`),
+        );
     });
 
-    it('color-mix hue interpolation longer #96', function () {
+    it("color-mix hue interpolation longer #96", function () {
         return parse(`
 .selector {
 color: color-mix(in oklch longer hue, oklch(0.6 0.24 30) , oklch(0.8 0.15 90) );
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #00a9ff
-}`));
+}`),
+        );
     });
 
-    it('color-mix hue interpolation increasing #97', function () {
+    it("color-mix hue interpolation increasing #97", function () {
         return parse(`
 .selector {
 color: color-mix(in oklch increasing hue, oklch(0.5 0.1 30) , oklch(0.7 0.1 190) );
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #848538
-}`));
+}`),
+        );
     });
 
-    it('color-mix hue interpolation decreasing #98', function () {
+    it("color-mix hue interpolation decreasing #98", function () {
         return parse(`
 .selector {
 color: color-mix(in oklch decreasing hue, oklch(0.5 0.1 30) , oklch(0.7 0.1 190) );
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #7f75b8
-}`));
+}`),
+        );
     });
 
-
-    it('color(sRGB 0.41587 0.503670 0.36664) #99', function () {
+    it("color(sRGB 0.41587 0.503670 0.36664) #99", function () {
         return parse(`
 .selector {
 color: color(sRGB 0.41587 0.503670 0.36664);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #6a805d
-}`));
+}`),
+        );
     });
 
-
-    it('color(display-p3 0.43313 0.50108 0.37950) #100', function () {
+    it("color(display-p3 0.43313 0.50108 0.37950) #100", function () {
         return parse(`
 .selector {
 color: color(display-p3 0.43313 0.50108 0.37950)
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #6a805d
-}`));
+}`),
+        );
     });
 
-
-    it('color-mix hue interpolation decreasing #101', function () {
+    it("color-mix hue interpolation decreasing #101", function () {
         return parse(`
 .selector {
 color: color(a98-rgb 0.44091 0.49971 0.37408);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #6a805d
-}`));
+}`),
+        );
     });
 
-
-    it('color(prophoto-rgb 0.36589 0.41717 0.31333) #102', function () {
+    it("color(prophoto-rgb 0.36589 0.41717 0.31333) #102", function () {
         return parse(`
 .selector {
 color: color(prophoto-rgb 0.36589 0.41717 0.31333);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #6a805d
-}`));
+}`),
+        );
     });
 
-    it('color(rec2020 0.42210 0.47580 0.35605) #103', function () {
+    it("color(rec2020 0.42210 0.47580 0.35605) #103", function () {
         return parse(`
 .selector {
 color: color(rec2020 0.42210 0.47580 0.35605);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #728765
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in rec2020, white, black) #104', function () {
+    it("color-mix(in rec2020, white, black) #104", function () {
         return parse(`
 .selector {
 color: color-mix(in rec2020, white, black);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #8b8b8b
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in xyz, white, black) #105', function () {
+    it("color-mix(in xyz, white, black) #105", function () {
         return parse(`
 .selector {
 color: color-mix(in xyz, white, black);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #bcbcbc
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in lch, white, black) #106', function () {
+    it("color-mix(in lch, white, black) #106", function () {
         return parse(`
 .selector {
 color: color-mix(in lch, white, black);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #777
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in srgb, white, black) #107', function () {
+    it("color-mix(in srgb, white, black) #107", function () {
         return parse(`
 .selector {
 color: color-mix(in srgb, white, black);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: grey
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in srgb-linear, white, black) #107', function () {
+    it("color-mix(in srgb-linear, white, black) #107", function () {
         return parse(`
 .selector {
 color: color-mix(in srgb-linear, white, black);
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #bcbcbc
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in xyz, rgb(82.02% 30.21% 35.02%) 75.23%, rgb(5.64% 55.94% 85.31%)) #108', function () {
+    it("color-mix(in xyz, rgb(82.02% 30.21% 35.02%) 75.23%, rgb(5.64% 55.94% 85.31%)) #108", function () {
         return parse(`
 .selector {
 color: color-mix(in xyz, rgb(82.02% 30.21% 35.02%) 75.23%, rgb(5.64% 55.94% 85.31%));
-`).then(result => expect(render(result.ast, {beautify: true}).code).equals(`.selector {
+`).then((result) =>
+            expect(render(result.ast, { beautify: true }).code).equals(`.selector {
  color: #b86389
-}`));
+}`),
+        );
     });
 
-    it('color-mix(in xyz, rgb(82.02% 30.21% 35.02%) 75.23%, rgb(5.64% 55.94% 85.31%)) #109', function () {
-        return parse(`
+    it("color-mix(in xyz, rgb(82.02% 30.21% 35.02%) 75.23%, rgb(5.64% 55.94% 85.31%)) #109", function () {
+        return parse(
+            `
 html { --color: green; }
 .foo {
   --darker-accent: lch(from var(--color) calc(l / 2) c h);
 }
-`, {inlineCssVariables: true}).then(result => expect(render(result.ast, {
-    beautify: true,
-    removeEmpty: false,
-    removeComments: false
-}).code).equals(`html {
+`,
+            { inlineCssVariables: true },
+        ).then((result) =>
+            expect(
+                render(result.ast, {
+                    beautify: true,
+                    removeEmpty: false,
+                    removeComments: false,
+                }).code,
+            ).equals(`html {
  /* --color: green */
 }
 .foo {
  --darker-accent: #004500
-}`));
+}`),
+        );
     });
 
-    it('oklch(from var(--base) l c  calc(h + 90)) #110', function () {
-        return parse(`
+    it("oklch(from var(--base) l c  calc(h + 90)) #110", function () {
+        return parse(
+            `
 html { --base:  oklch(52.6% 0.115 44.6deg) }
 .summary {
   background:  oklch(from var(--base) l c  calc(h + 90));
 }
-`, {inlineCssVariables: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`html {
+`,
+            { inlineCssVariables: true },
+        ).then((result) =>
+            expect(render(result.ast, { minify: false }).code).equals(`html {
  /* --base: oklch(52.6% .115 44.6deg) */
 }
 .summary {
  background: #4d792f
-}`));
+}`),
+        );
     });
 
-    it('lch(from var(--color) calc(l / 2) c h) #111', function () {
-        return transform(`
+    it("lch(from var(--color) calc(l / 2) c h) #111", function () {
+        return transform(
+            `
 html { 
 --color: green;
   --darker-accent: lch(from var(--color) calc(l / 2) c h); 
@@ -1149,71 +1414,101 @@ html {
 .foo {
 background: var(--darker-accent);
 }
-`, {inlineCssVariables: true, removeComments: false, beautify: true}).then(result => expect(result.code).equals(`html {
+`,
+            { inlineCssVariables: true, removeComments: false, beautify: true },
+        ).then((result) =>
+            expect(result.code).equals(`html {
  /* --color: green */
  /* --darker-accent: lch(from var(--color) calc(l/2) c h) */
 }
 .foo {
  background: #004500
-}`));
+}`),
+        );
     });
 
-    it('color(from color(srgb 0 0 0 / 60%) srgb alpha 0.6 0.6 / 0.9) #112', function () {
-        return parse(`
+    it("color(from color(srgb 0 0 0 / 60%) srgb alpha 0.6 0.6 / 0.9) #112", function () {
+        return parse(
+            `
 .foo {
 background: color(from color(srgb 0 0 0 / 60%) srgb alpha 0.6 0.6 / 0.9);
 }
-`, {inlineCssVariables: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`.foo {
+`,
+            { inlineCssVariables: true },
+        ).then((result) =>
+            expect(render(result.ast, { minify: false }).code).equals(`.foo {
  background: #999999e6
-}`));
+}`),
+        );
     });
 
-    it('rgb(from rgb(0 0 0 / 60%) alpha 153 153 / 0.9) #123', function () {
-        return parse(`
+    it("rgb(from rgb(0 0 0 / 60%) alpha 153 153 / 0.9) #123", function () {
+        return parse(
+            `
 .foo {
 background: rgb(from rgb(0 0 0 / 60%) alpha 153 153 / 0.9);
 }
-`, {inlineCssVariables: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`.foo {
+`,
+            { inlineCssVariables: true },
+        ).then((result) =>
+            expect(render(result.ast, { minify: false }).code).equals(`.foo {
  background: #019999e6
-}`));
+}`),
+        );
     });
 
-    it('rgb(from rgb(0 0 0 / 60%) alpha 153 153 / 0.9) #123', function () {
-        return parse(`
+    it("rgb(from rgb(0 0 0 / 60%) alpha 153 153 / 0.9) #123", function () {
+        return parse(
+            `
 html { --bluegreen:  oklab(54.3% -22.5% -5%); }
 .overlay {
   background:  oklab(from var(--bluegreen) calc(1.0 - l) calc(a * 0.8) b);
 }
-`, {inlineCssVariables: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`html {
+`,
+            { inlineCssVariables: true },
+        ).then((result) =>
+            expect(render(result.ast, { minify: false }).code).equals(`html {
  /* --bluegreen: oklab(54.3% -22.5% -5%) */
 }
 .overlay {
  background: #0c6464
-}`));
+}`),
+        );
     });
 
-    it('color(from color(xyz-d50 0.9642 1.0000 0.8249) srgb r 0 b) #124', function () {
-        return parse(`
+    it("color(from color(xyz-d50 0.9642 1.0000 0.8249) srgb r 0 b) #124", function () {
+        return parse(
+            `
 .overlay {
   background: color(from color(xyz-d50 0.9642 1.0000 0.8249) srgb r 0 b)
 }
-`, {inlineCssVariables: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`.overlay {
+`,
+            { inlineCssVariables: true },
+        ).then((result) =>
+            expect(render(result.ast, { minify: false }).code).equals(`.overlay {
  background: #f0f
-}`));
+}`),
+        );
     });
 
-    it('color(from color(xyz-d50 0.9642 1.0000 0.8249) xyz-d65 x 0 z) #125', function () {
-        return parse(`
+    it("color(from color(xyz-d50 0.9642 1.0000 0.8249) xyz-d65 x 0 z) #125", function () {
+        return parse(
+            `
 .overlay {
   background: color(from color(xyz-d50 0.9642 1.0000 0.8249) xyz-d65 x 0 z)
 }
-`, {inlineCssVariables: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`.overlay {
+`,
+            { inlineCssVariables: true },
+        ).then((result) =>
+            expect(render(result.ast, { minify: false }).code).equals(`.overlay {
  background: #f0f
-}`));
+}`),
+        );
     });
 
-    it('light-dark() #126', function () {
-        return transform(`
+    it("light-dark() #126", function () {
+        return transform(
+            `
 :root {
 --light: #fff;
 --dark: #000;
@@ -1239,7 +1534,10 @@ color: light-dark(rgb(0 0 0), rgb(255 255 255));
     /* line height */
     line-height:1
     }
-`, {inlineCssVariables: true, beautify: true, removeComments: false}).then(result => expect(result.code).equals(`:root {
+`,
+            { inlineCssVariables: true, beautify: true, removeComments: false },
+        ).then((result) =>
+            expect(result.code).equals(`:root {
  /* --light: #fff */
  /* --dark: #000 */
 }
@@ -1259,10 +1557,11 @@ color: light-dark(rgb(0 0 0), rgb(255 255 255));
  .dq {
   color: light-dark(#000,#fff)
  }
-}`));
+}`),
+        );
     });
 
-    it('system color #127', function () {
+    it("system color #127", function () {
         return parse(`
  .button {
     /* Use a border instead, since box-shadow
@@ -1270,35 +1569,45 @@ color: light-dark(rgb(0 0 0), rgb(255 255 255));
     border: 2px ButtonBorder solid;
     border-color:  ButtonBorder ;
   }
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`.button {
+`).then((result) =>
+            expect(render(result.ast, { minify: false }).code).equals(`.button {
  /* Use a border instead, since box-shadow
     is forced to 'none' in forced-colors mode */
  border: ButtonBorder solid 2px
-}`));
+}`),
+        );
     });
 
-    it('percentage in calc() #128', function () {
-        return transform(`
+    it("percentage in calc() #128", function () {
+        return transform(
+            `
  
 a {color:lch(from slateblue calc(l + 10%) c h) ;
-`, {minify: false, validation: true}).then(result => expect(result.code).equals(`a {
+`,
+            { minify: false, validation: true },
+        ).then((result) =>
+            expect(result.code).equals(`a {
  color: lch(from #6a5acd calc(l + 10%) c h)
-}`));
+}`),
+        );
     });
 
-    it('percentage in calc() #129', function () {
+    it("percentage in calc() #129", function () {
         return parse(`
  
 a {
 color: lch(from slateblue calc(l * sin(pi / 4)) c h);
 ;
-`).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
+`).then((result) =>
+            expect(render(result.ast, { minify: false }).code).equals(`a {
  color: #453ba9
-}`));
+}`),
+        );
     });
 
-    it('current color #130', function () {
-        return transform(`
+    it("current color #130", function () {
+        return transform(
+            `
  
   .now {
   color: color-mix(in oklch, currentcolor 35% , #0000 );
@@ -1309,26 +1618,36 @@ color: lch(from slateblue calc(l * sin(pi / 4)) c h);
           );
     transform: rotateY(180deg);
 }
-`, {beautify: true}).then(result => expect(result.code).equals(`.now {
+`,
+            { beautify: true },
+        ).then((result) =>
+            expect(result.code).equals(`.now {
  color: color-mix(in oklch,currentcolor 35%,#0000);
  background-color: color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity,1)) 90%,#000);
  transform: rotateY(180deg)
-}`));
+}`),
+        );
     });
 
-    it('current color #131', function () {
-        return transform(`
+    it("current color #131", function () {
+        return transform(
+            `
  
   .now {
   color: color(from green srgb r g calc((r + g + b)/4)  / 0.5);
 }
-`, {beautify: true}).then(result => expect(result.code).equals(`.now {
+`,
+            { beautify: true },
+        ).then((result) =>
+            expect(result.code).equals(`.now {
  color: #00802080
-}`));
+}`),
+        );
     });
 
-    it('current color #132', function () {
-        return transform(`
+    it("current color #132", function () {
+        return transform(
+            `
  
   .from {
     --top:  translate3d(0,0,0);
@@ -1346,7 +1665,10 @@ color: lch(from slateblue calc(l * sin(pi / 4)) c h);
     accent-color: color-mix(in lab, lab(from currentColor l a calc(b/2) ) 80%, #f00 50%);
 }
     
-`, {beautify: true}).then(result => expect(result.code).equals(`.from,.to {
+`,
+            { beautify: true },
+        ).then((result) =>
+            expect(result.code).equals(`.from,.to {
  --top: translate3d(0,0,0)
 }
 .to {
@@ -1360,22 +1682,29 @@ color: lch(from slateblue calc(l * sin(pi / 4)) c h);
 .from {
  transform: none;
  background-color: #00802080
-}`));
+}`),
+        );
     });
 
-    it('color mix #133', function () {
-        return transform(`
+    it("color mix #133", function () {
+        return transform(
+            `
  a {
  color: color-mix(in lch longer hue,#b3d5e6,coral)
 }
 
-`, {beautify: true}).then(result => expect(result.code).equals(`a {
+`,
+            { beautify: true },
+        ).then((result) =>
+            expect(result.code).equals(`a {
  color: #88ca87
-}`));
+}`),
+        );
     });
 
-    it('color mix #134', function () {
-        return transform(`
+    it("color mix #134", function () {
+        return transform(
+            `
 
 :root {
 --color: green;
@@ -1391,10 +1720,13 @@ color: lch(from slateblue calc(l * sin(pi / 4)) c h);
     height: calc(100% / 4);
     transform: scaleX(1.5)  scaleY(2);
 }}
-`, {
-            computeCalcExpression: true,
-            beautify: true
-        }).then(result => expect(result.code).equals(`:root {
+`,
+            {
+                computeCalcExpression: true,
+                beautify: true,
+            },
+        ).then((result) =>
+            expect(result.code).equals(`:root {
  --color: green
 }
 ._19_u :focus {
@@ -1407,81 +1739,133 @@ color: lch(from slateblue calc(l * sin(pi / 4)) c h);
  width: calc((var(--preferred-width) + 1px)/3 + 5px);
  height: 25%;
  transform: scale(1.5,2)
-}`));
+}`),
+        );
     });
 
-    it('color mix #135', function () {
-        return transform(`
+    it("color mix #135", function () {
+        return transform(
+            `
 
   a {
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 
 
-`, {
-                beautify: true,  
+`,
+            {
+                beautify: true,
                 validation: true,
-        }).then(result => expect(result.code).equals(`a {
+            },
+        ).then((result) =>
+            expect(result.code).equals(`a {
  box-shadow: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a
-}`));
+}`),
+        );
     });
 
-    it('color OkLcH #136', function () {
-        return transform(`
+    it("color OkLcH #136", function () {
+        return transform(
+            `
 
   a {
   color: OkLcH(from peru  l    c  h);
 
 
-`, {
-                beautify: true,  
+`,
+            {
+                beautify: true,
                 validation: true,
-        }).then(result => expect(result.code).equals(`a {
+            },
+        ).then((result) =>
+            expect(result.code).equals(`a {
  color: peru
-}`));
+}`),
+        );
     });
 
-    it('color hwb #137', function () {
-        return transform(`
+    it("color hwb #137", function () {
+        return transform(
+            `
 .foo {
     color: hwb(from peru  h   w  calc(l * 0.5));
 
 }
-`, {
-                beautify: true,  
+`,
+            {
+                beautify: true,
                 validation: true,
-        }).then(result => expect(result.code).equals(`.foo {
+            },
+        ).then((result) =>
+            expect(result.code).equals(`.foo {
  color: hwb(from peru h w calc(l*.5))
-}`));
+}`),
+        );
     });
 
-    it('color hwb #138', function () {
-        return transform(`
+    it("color hwb #138", function () {
+        return transform(
+            `
    .foo {
     color: rgba(255, 255, 255, 0.15);
 
 }
-`, {
-                beautify: true,  
+`,
+            {
+                beautify: true,
                 validation: true,
-                convertColor: ColorType.RGB
-        }).then(result => expect(result.code).equals(`.foo {
+                convertColor: ColorType.RGB,
+            },
+        ).then((result) =>
+            expect(result.code).equals(`.foo {
  color: rgb(255 255 255/.15)
-}`));
-    });
-
-    it('color distance #139', function () {
-        return expect(okLabDistance(parseString('color(srgb .651595 .412381 .000822)')[0], parseString('color-mix(red, green)')[0])).equals(0);
+}`),
+        );
+    });
+
+    it("color distance #139", function () {
+        return expect(
+            okLabDistance(
+                parseString("color(srgb .651595 .412381 .000822)")[0],
+                parseString("color-mix(red, green)")[0],
+            ),
+        ).equals(0);
+    });
+
+    it("color distance #140", function () {
+        return expect(okLabDistance(parseString("currentColor")[0], parseString("color-mix(red, green)")[0])).equals(
+            null,
+        );
+    });
+
+    it("color distance #141", function () {
+        return expect(
+            okLabDistance(parseString("color(srgb .651595 .412381 .000822)")[0], parseString("currentcolor")[0]),
+        ).equals(null);
+    });
+
+    it("color distance #142", function () {
+        return expect(
+            okLabDistance(
+                parseString("color(srgb .651595 .412381 .000822)")[0],
+                parseString("color-mix(red, var(--color))")[0],
+            ),
+        ).equals(null);
+    });
+
+    it("color distance #143", function () {
+        return expect(
+            transformSync(
+                `
+      
+ .c {
+color: rgb(from rgb(20% 40%  60% / 80%) r g b / calc(alpha / 2));
+`,
+                {
+                    beautify: true,
+                },
+            ).code,
+        ).equals(`.c {
+ color: #3696
+}`);
     });
-
-    it('color distance #140', function () {
-        return expect(okLabDistance(parseString('currentColor')[0], parseString('color-mix(red, green)')[0])).equals(null);
-    });
-
-    it('color distance #141', function () {
-        return expect(okLabDistance(parseString('color(srgb .651595 .412381 .000822)')[0], parseString('currentcolor')[0])).equals(null);
-    });
-    
-    it('color distance #142', function () {
-        return expect(okLabDistance(parseString('color(srgb .651595 .412381 .000822)')[0], parseString('color-mix(red, var(--color))')[0])).equals(null);
-    });
-}
\ No newline at end of file
+}

From 4294cba4734ef6a18bab6344a88d0e3d283bf719 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sat, 26 Sep 2026 23:21:17 -0400
Subject: [PATCH 33/41] improve code coverage

---
 dist/index-umd-web.js       | 160 ++++++++++++++++------------------
 dist/index.cjs              | 160 ++++++++++++++++------------------
 dist/lib/parser/tokenize.js | 160 ++++++++++++++++------------------
 src/lib/parser/tokenize.ts  | 165 ++++++++++++++++--------------------
 test/specs/code/block.js    |  19 +++++
 5 files changed, 315 insertions(+), 349 deletions(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 40523aeb2..0b1f596f8 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -27988,28 +27988,28 @@
                 // EOF
                 switch (charCode) {
                     case 61 /* TokenMap.EQUALS */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         this.advance(parseInfo);
                         return this.makeToken(parseInfo, exports.EnumToken.DelimTokenType);
                     // '+' or '-'
                     case 43 /* TokenMap.PLUS */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         this.advance(parseInfo);
                         charCode = parseInfo.stream.charCodeAt(parseInfo.currentPosition - parseInfo.offset);
-                        if (isDigit(charCode)) {
-                            tokensCount = this.consumeNumericToken(parseInfo);
-                            if (tokensCount > 0) {
-                                this.advance(parseInfo, tokensCount);
-                                return this.makeToken(parseInfo, this.hint ?? exports.EnumToken.NumberTokenType, {
-                                    slice: this.slice,
-                                    sign: "+",
-                                });
-                            }
-                        }
+                        // if (isDigit(charCode)) {
+                        //     tokensCount = this.consumeNumericToken(parseInfo);
+                        //     if (tokensCount > 0) {
+                        //         this.advance(parseInfo, tokensCount);
+                        //         return this.makeToken(parseInfo, this.hint ?? EnumToken.NumberTokenType, {
+                        //             slice: this.slice,
+                        //             sign: "+",
+                        //         });
+                        //     }
+                        // }
                         return this.makeToken(parseInfo, exports.EnumToken.Plus);
                     case 45 /* TokenMap.MINUS */:
                         if (parseInfo.position == parseInfo.currentPosition) {
@@ -28019,15 +28019,17 @@
                                 this.advance(parseInfo);
                                 return this.makeToken(parseInfo, exports.EnumToken.Sub);
                             }
-                            if (charCode == 45 /* TokenMap.MINUS */ &&
-                                (nextCharCode == 45 /* TokenMap.MINUS */ || isIdentStart(nextCharCode))) {
-                                this.advance(parseInfo);
-                                tokensCount = this.consumeIdentToken(parseInfo);
-                                if (tokensCount > 0) {
-                                    this.advance(parseInfo, tokensCount);
-                                    return this.makeToken(parseInfo, exports.EnumToken.IdenTokenType);
-                                }
-                            }
+                            // if (
+                            //     charCode == TokenMap.MINUS &&
+                            //     (nextCharCode == TokenMap.MINUS || isIdentStart(nextCharCode))
+                            // ) {
+                            //     this.advance(parseInfo);
+                            //     tokensCount = this.consumeIdentToken(parseInfo);
+                            //     if (tokensCount > 0) {
+                            //         this.advance(parseInfo, tokensCount);
+                            //         return this.makeToken(parseInfo, EnumToken.IdenTokenType);
+                            //     }
+                            // }
                         }
                         this.advance(parseInfo);
                         break;
@@ -28080,28 +28082,28 @@
                         return this.makeToken(parseInfo, exports.EnumToken.EndParensTokenType);
                     // '['
                     case 91 /* TokenMap.LEFT_BRACKETS */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         this.advance(parseInfo);
                         return this.makeToken(parseInfo, exports.EnumToken.AttrStartTokenType);
                     // ']'
                     case 93 /* TokenMap.RIGHT_BRACKETS */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         this.advance(parseInfo);
                         return this.makeToken(parseInfo, exports.EnumToken.AttrEndTokenType);
                     case 59 /* TokenMap.SEMICOLON */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         this.advance(parseInfo);
                         return this.makeToken(parseInfo, exports.EnumToken.SemiColonTokenType);
                     case 58 /* TokenMap.COLON */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         this.advance(parseInfo);
                         if (this.peekCharCode(parseInfo) == 58 /* TokenMap.COLON */) {
                             this.advance(parseInfo);
@@ -28133,15 +28135,15 @@
                         }
                         return this.makeToken(parseInfo, exports.EnumToken.WhitespaceTokenType);
                     case 44 /* TokenMap.COMMA */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         this.advance(parseInfo);
                         return this.makeToken(parseInfo, exports.EnumToken.CommaTokenType);
                     case 36 /* TokenMap.DOLLAR */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         if (this.match(parseInfo, "$=")) {
                             this.advance(parseInfo, 2);
                             return this.makeToken(parseInfo, exports.EnumToken.EndMatchTokenType);
@@ -28149,9 +28151,9 @@
                         this.advance(parseInfo);
                         break;
                     case 126 /* TokenMap.TILDA */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         if (this.match(parseInfo, "~=")) {
                             this.advance(parseInfo, 2);
                             return this.makeToken(parseInfo, exports.EnumToken.IncludeMatchTokenType);
@@ -28160,9 +28162,9 @@
                         return this.makeToken(parseInfo, exports.EnumToken.Tilda);
                     // case '^':
                     case 94 /* TokenMap.CARET */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         if (this.match(parseInfo, "^=")) {
                             this.advance(parseInfo, 2);
                             return this.makeToken(parseInfo, exports.EnumToken.StartMatchTokenType);
@@ -28170,9 +28172,9 @@
                         this.advance(parseInfo);
                         break;
                     case 42 /* TokenMap.STAR */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         if (this.match(parseInfo, "*=")) {
                             this.advance(parseInfo, 2);
                             return this.makeToken(parseInfo, exports.EnumToken.ContainMatchTokenType);
@@ -28186,9 +28188,9 @@
                         this.advance(parseInfo);
                         return this.makeToken(parseInfo, exports.EnumToken.NestingSelectorTokenType);
                     case 124 /* TokenMap.PIPE */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         // '||'
                         if (this.match(parseInfo, "||")) {
                             this.advance(parseInfo, 2);
@@ -28211,9 +28213,9 @@
                         this.advance(parseInfo);
                         break;
                     case 47 /* TokenMap.SLASH */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         if (!this.match(parseInfo, "/*")) {
                             this.advance(parseInfo);
                             return this.makeToken(parseInfo, getSymbolHint(parseInfo, parseInfo.position - parseInfo.offset, parseInfo.currentPosition - parseInfo.offset));
@@ -28232,9 +28234,9 @@
                         }
                         break;
                     case 62 /* TokenMap.GREATERTHAN */:
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         if (this.match(parseInfo, ">=")) {
                             this.advance(parseInfo, 2);
                             return this.makeToken(parseInfo, exports.EnumToken.GteTokenType);
@@ -28273,20 +28275,11 @@
                         this.advance(parseInfo);
                         break;
                     case 92 /* TokenMap.REVERSE_SOLIDUS */:
-                        // if (!yieldEOFToken && parseInfo.stream.length == parseInfo.currentPosition - parseInfo.offset + 1) {
-                        //     break;
-                        // }
                         this.advance(parseInfo);
                         // EOF
-                        if (!this.peek(parseInfo)) {
-                            // if (!yieldEOFToken) {
-                            //     break;
-                            // }
-                            // end of stream ignore \\
-                            if (parseInfo.position < parseInfo.currentPosition) {
-                                return this.makeToken(parseInfo);
-                            }
-                            break;
+                        // end of stream ignore \\
+                        if (!this.peek(parseInfo) && parseInfo.position < parseInfo.currentPosition) {
+                            return this.makeToken(parseInfo);
                         }
                         this.advance(parseInfo);
                         break;
@@ -28299,9 +28292,9 @@
                     case 46 /* TokenMap.DOT */:
                         const codepoint = parseInfo.stream.charCodeAt(parseInfo.currentPosition - parseInfo.offset + 1);
                         if (isIdentStart(codepoint) || codepoint == 45 /* TokenMap.MINUS */) {
-                            if (parseInfo.position < parseInfo.currentPosition) {
-                                return this.makeToken(parseInfo);
-                            }
+                            // if (parseInfo.position < parseInfo.currentPosition) {
+                            //     return this.makeToken(parseInfo);
+                            // }
                             this.advance(parseInfo);
                             let tokensCount = this.consumeIdentToken(parseInfo);
                             if (tokensCount > 0) {
@@ -28309,27 +28302,22 @@
                                 return this.makeToken(parseInfo, exports.EnumToken.ClassSelectorTokenType);
                             }
                         }
-                        if (!isDigit(codepoint) && parseInfo.position !== parseInfo.currentPosition) {
-                            this.makeToken(parseInfo);
-                            this.advance(parseInfo, 2);
-                            return this;
-                        }
+                        // if (!isDigit(codepoint) && parseInfo.position !== parseInfo.currentPosition) {
+                        //     this.makeToken(parseInfo);
+                        //     this.advance(parseInfo, 2);
+                        //     return this;
+                        // }
                         this.advance(parseInfo);
                         break;
                     default:
                         this.advance(parseInfo);
                         break;
                 }
-                // if (!yieldEOFToken && endPosition <= parseInfo.currentPosition - parseInfo.offset + 1) {
-                //     break;
-                // }
             }
-            // if (yieldEOFToken) {
             if (parseInfo.position < parseInfo.currentPosition) {
                 return this.makeToken(parseInfo);
             }
             return this.makeToken(parseInfo, exports.EnumToken.EOFTokenType);
-            // }
         }
         /**
          * tokenize readable stream
diff --git a/dist/index.cjs b/dist/index.cjs
index f3400a546..e6e8bd7a2 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -27991,28 +27991,28 @@ class Tokenizer {
             // EOF
             switch (charCode) {
                 case 61 /* TokenMap.EQUALS */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, exports.EnumToken.DelimTokenType);
                 // '+' or '-'
                 case 43 /* TokenMap.PLUS */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     charCode = parseInfo.stream.charCodeAt(parseInfo.currentPosition - parseInfo.offset);
-                    if (isDigit(charCode)) {
-                        tokensCount = this.consumeNumericToken(parseInfo);
-                        if (tokensCount > 0) {
-                            this.advance(parseInfo, tokensCount);
-                            return this.makeToken(parseInfo, this.hint ?? exports.EnumToken.NumberTokenType, {
-                                slice: this.slice,
-                                sign: "+",
-                            });
-                        }
-                    }
+                    // if (isDigit(charCode)) {
+                    //     tokensCount = this.consumeNumericToken(parseInfo);
+                    //     if (tokensCount > 0) {
+                    //         this.advance(parseInfo, tokensCount);
+                    //         return this.makeToken(parseInfo, this.hint ?? EnumToken.NumberTokenType, {
+                    //             slice: this.slice,
+                    //             sign: "+",
+                    //         });
+                    //     }
+                    // }
                     return this.makeToken(parseInfo, exports.EnumToken.Plus);
                 case 45 /* TokenMap.MINUS */:
                     if (parseInfo.position == parseInfo.currentPosition) {
@@ -28022,15 +28022,17 @@ class Tokenizer {
                             this.advance(parseInfo);
                             return this.makeToken(parseInfo, exports.EnumToken.Sub);
                         }
-                        if (charCode == 45 /* TokenMap.MINUS */ &&
-                            (nextCharCode == 45 /* TokenMap.MINUS */ || isIdentStart(nextCharCode))) {
-                            this.advance(parseInfo);
-                            tokensCount = this.consumeIdentToken(parseInfo);
-                            if (tokensCount > 0) {
-                                this.advance(parseInfo, tokensCount);
-                                return this.makeToken(parseInfo, exports.EnumToken.IdenTokenType);
-                            }
-                        }
+                        // if (
+                        //     charCode == TokenMap.MINUS &&
+                        //     (nextCharCode == TokenMap.MINUS || isIdentStart(nextCharCode))
+                        // ) {
+                        //     this.advance(parseInfo);
+                        //     tokensCount = this.consumeIdentToken(parseInfo);
+                        //     if (tokensCount > 0) {
+                        //         this.advance(parseInfo, tokensCount);
+                        //         return this.makeToken(parseInfo, EnumToken.IdenTokenType);
+                        //     }
+                        // }
                     }
                     this.advance(parseInfo);
                     break;
@@ -28083,28 +28085,28 @@ class Tokenizer {
                     return this.makeToken(parseInfo, exports.EnumToken.EndParensTokenType);
                 // '['
                 case 91 /* TokenMap.LEFT_BRACKETS */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, exports.EnumToken.AttrStartTokenType);
                 // ']'
                 case 93 /* TokenMap.RIGHT_BRACKETS */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, exports.EnumToken.AttrEndTokenType);
                 case 59 /* TokenMap.SEMICOLON */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, exports.EnumToken.SemiColonTokenType);
                 case 58 /* TokenMap.COLON */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     if (this.peekCharCode(parseInfo) == 58 /* TokenMap.COLON */) {
                         this.advance(parseInfo);
@@ -28136,15 +28138,15 @@ class Tokenizer {
                     }
                     return this.makeToken(parseInfo, exports.EnumToken.WhitespaceTokenType);
                 case 44 /* TokenMap.COMMA */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, exports.EnumToken.CommaTokenType);
                 case 36 /* TokenMap.DOLLAR */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (this.match(parseInfo, "$=")) {
                         this.advance(parseInfo, 2);
                         return this.makeToken(parseInfo, exports.EnumToken.EndMatchTokenType);
@@ -28152,9 +28154,9 @@ class Tokenizer {
                     this.advance(parseInfo);
                     break;
                 case 126 /* TokenMap.TILDA */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (this.match(parseInfo, "~=")) {
                         this.advance(parseInfo, 2);
                         return this.makeToken(parseInfo, exports.EnumToken.IncludeMatchTokenType);
@@ -28163,9 +28165,9 @@ class Tokenizer {
                     return this.makeToken(parseInfo, exports.EnumToken.Tilda);
                 // case '^':
                 case 94 /* TokenMap.CARET */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (this.match(parseInfo, "^=")) {
                         this.advance(parseInfo, 2);
                         return this.makeToken(parseInfo, exports.EnumToken.StartMatchTokenType);
@@ -28173,9 +28175,9 @@ class Tokenizer {
                     this.advance(parseInfo);
                     break;
                 case 42 /* TokenMap.STAR */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (this.match(parseInfo, "*=")) {
                         this.advance(parseInfo, 2);
                         return this.makeToken(parseInfo, exports.EnumToken.ContainMatchTokenType);
@@ -28189,9 +28191,9 @@ class Tokenizer {
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, exports.EnumToken.NestingSelectorTokenType);
                 case 124 /* TokenMap.PIPE */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     // '||'
                     if (this.match(parseInfo, "||")) {
                         this.advance(parseInfo, 2);
@@ -28214,9 +28216,9 @@ class Tokenizer {
                     this.advance(parseInfo);
                     break;
                 case 47 /* TokenMap.SLASH */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (!this.match(parseInfo, "/*")) {
                         this.advance(parseInfo);
                         return this.makeToken(parseInfo, getSymbolHint(parseInfo, parseInfo.position - parseInfo.offset, parseInfo.currentPosition - parseInfo.offset));
@@ -28235,9 +28237,9 @@ class Tokenizer {
                     }
                     break;
                 case 62 /* TokenMap.GREATERTHAN */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (this.match(parseInfo, ">=")) {
                         this.advance(parseInfo, 2);
                         return this.makeToken(parseInfo, exports.EnumToken.GteTokenType);
@@ -28276,20 +28278,11 @@ class Tokenizer {
                     this.advance(parseInfo);
                     break;
                 case 92 /* TokenMap.REVERSE_SOLIDUS */:
-                    // if (!yieldEOFToken && parseInfo.stream.length == parseInfo.currentPosition - parseInfo.offset + 1) {
-                    //     break;
-                    // }
                     this.advance(parseInfo);
                     // EOF
-                    if (!this.peek(parseInfo)) {
-                        // if (!yieldEOFToken) {
-                        //     break;
-                        // }
-                        // end of stream ignore \\
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
-                        break;
+                    // end of stream ignore \\
+                    if (!this.peek(parseInfo) && parseInfo.position < parseInfo.currentPosition) {
+                        return this.makeToken(parseInfo);
                     }
                     this.advance(parseInfo);
                     break;
@@ -28302,9 +28295,9 @@ class Tokenizer {
                 case 46 /* TokenMap.DOT */:
                     const codepoint = parseInfo.stream.charCodeAt(parseInfo.currentPosition - parseInfo.offset + 1);
                     if (isIdentStart(codepoint) || codepoint == 45 /* TokenMap.MINUS */) {
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         this.advance(parseInfo);
                         let tokensCount = this.consumeIdentToken(parseInfo);
                         if (tokensCount > 0) {
@@ -28312,27 +28305,22 @@ class Tokenizer {
                             return this.makeToken(parseInfo, exports.EnumToken.ClassSelectorTokenType);
                         }
                     }
-                    if (!isDigit(codepoint) && parseInfo.position !== parseInfo.currentPosition) {
-                        this.makeToken(parseInfo);
-                        this.advance(parseInfo, 2);
-                        return this;
-                    }
+                    // if (!isDigit(codepoint) && parseInfo.position !== parseInfo.currentPosition) {
+                    //     this.makeToken(parseInfo);
+                    //     this.advance(parseInfo, 2);
+                    //     return this;
+                    // }
                     this.advance(parseInfo);
                     break;
                 default:
                     this.advance(parseInfo);
                     break;
             }
-            // if (!yieldEOFToken && endPosition <= parseInfo.currentPosition - parseInfo.offset + 1) {
-            //     break;
-            // }
         }
-        // if (yieldEOFToken) {
         if (parseInfo.position < parseInfo.currentPosition) {
             return this.makeToken(parseInfo);
         }
         return this.makeToken(parseInfo, exports.EnumToken.EOFTokenType);
-        // }
     }
     /**
      * tokenize readable stream
diff --git a/dist/lib/parser/tokenize.js b/dist/lib/parser/tokenize.js
index 80c1bbefe..0ba95092d 100644
--- a/dist/lib/parser/tokenize.js
+++ b/dist/lib/parser/tokenize.js
@@ -1277,28 +1277,28 @@ class Tokenizer {
             // EOF
             switch (charCode) {
                 case 61 /* TokenMap.EQUALS */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.DelimTokenType);
                 // '+' or '-'
                 case 43 /* TokenMap.PLUS */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     charCode = parseInfo.stream.charCodeAt(parseInfo.currentPosition - parseInfo.offset);
-                    if (isDigit(charCode)) {
-                        tokensCount = this.consumeNumericToken(parseInfo);
-                        if (tokensCount > 0) {
-                            this.advance(parseInfo, tokensCount);
-                            return this.makeToken(parseInfo, this.hint ?? EnumToken.NumberTokenType, {
-                                slice: this.slice,
-                                sign: "+",
-                            });
-                        }
-                    }
+                    // if (isDigit(charCode)) {
+                    //     tokensCount = this.consumeNumericToken(parseInfo);
+                    //     if (tokensCount > 0) {
+                    //         this.advance(parseInfo, tokensCount);
+                    //         return this.makeToken(parseInfo, this.hint ?? EnumToken.NumberTokenType, {
+                    //             slice: this.slice,
+                    //             sign: "+",
+                    //         });
+                    //     }
+                    // }
                     return this.makeToken(parseInfo, EnumToken.Plus);
                 case 45 /* TokenMap.MINUS */:
                     if (parseInfo.position == parseInfo.currentPosition) {
@@ -1308,15 +1308,17 @@ class Tokenizer {
                             this.advance(parseInfo);
                             return this.makeToken(parseInfo, EnumToken.Sub);
                         }
-                        if (charCode == 45 /* TokenMap.MINUS */ &&
-                            (nextCharCode == 45 /* TokenMap.MINUS */ || isIdentStart(nextCharCode))) {
-                            this.advance(parseInfo);
-                            tokensCount = this.consumeIdentToken(parseInfo);
-                            if (tokensCount > 0) {
-                                this.advance(parseInfo, tokensCount);
-                                return this.makeToken(parseInfo, EnumToken.IdenTokenType);
-                            }
-                        }
+                        // if (
+                        //     charCode == TokenMap.MINUS &&
+                        //     (nextCharCode == TokenMap.MINUS || isIdentStart(nextCharCode))
+                        // ) {
+                        //     this.advance(parseInfo);
+                        //     tokensCount = this.consumeIdentToken(parseInfo);
+                        //     if (tokensCount > 0) {
+                        //         this.advance(parseInfo, tokensCount);
+                        //         return this.makeToken(parseInfo, EnumToken.IdenTokenType);
+                        //     }
+                        // }
                     }
                     this.advance(parseInfo);
                     break;
@@ -1369,28 +1371,28 @@ class Tokenizer {
                     return this.makeToken(parseInfo, EnumToken.EndParensTokenType);
                 // '['
                 case 91 /* TokenMap.LEFT_BRACKETS */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.AttrStartTokenType);
                 // ']'
                 case 93 /* TokenMap.RIGHT_BRACKETS */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.AttrEndTokenType);
                 case 59 /* TokenMap.SEMICOLON */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.SemiColonTokenType);
                 case 58 /* TokenMap.COLON */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     if (this.peekCharCode(parseInfo) == 58 /* TokenMap.COLON */) {
                         this.advance(parseInfo);
@@ -1422,15 +1424,15 @@ class Tokenizer {
                     }
                     return this.makeToken(parseInfo, EnumToken.WhitespaceTokenType);
                 case 44 /* TokenMap.COMMA */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.CommaTokenType);
                 case 36 /* TokenMap.DOLLAR */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (this.match(parseInfo, "$=")) {
                         this.advance(parseInfo, 2);
                         return this.makeToken(parseInfo, EnumToken.EndMatchTokenType);
@@ -1438,9 +1440,9 @@ class Tokenizer {
                     this.advance(parseInfo);
                     break;
                 case 126 /* TokenMap.TILDA */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (this.match(parseInfo, "~=")) {
                         this.advance(parseInfo, 2);
                         return this.makeToken(parseInfo, EnumToken.IncludeMatchTokenType);
@@ -1449,9 +1451,9 @@ class Tokenizer {
                     return this.makeToken(parseInfo, EnumToken.Tilda);
                 // case '^':
                 case 94 /* TokenMap.CARET */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (this.match(parseInfo, "^=")) {
                         this.advance(parseInfo, 2);
                         return this.makeToken(parseInfo, EnumToken.StartMatchTokenType);
@@ -1459,9 +1461,9 @@ class Tokenizer {
                     this.advance(parseInfo);
                     break;
                 case 42 /* TokenMap.STAR */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (this.match(parseInfo, "*=")) {
                         this.advance(parseInfo, 2);
                         return this.makeToken(parseInfo, EnumToken.ContainMatchTokenType);
@@ -1475,9 +1477,9 @@ class Tokenizer {
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.NestingSelectorTokenType);
                 case 124 /* TokenMap.PIPE */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     // '||'
                     if (this.match(parseInfo, "||")) {
                         this.advance(parseInfo, 2);
@@ -1500,9 +1502,9 @@ class Tokenizer {
                     this.advance(parseInfo);
                     break;
                 case 47 /* TokenMap.SLASH */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (!this.match(parseInfo, "/*")) {
                         this.advance(parseInfo);
                         return this.makeToken(parseInfo, getSymbolHint(parseInfo, parseInfo.position - parseInfo.offset, parseInfo.currentPosition - parseInfo.offset));
@@ -1521,9 +1523,9 @@ class Tokenizer {
                     }
                     break;
                 case 62 /* TokenMap.GREATERTHAN */:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
                     if (this.match(parseInfo, ">=")) {
                         this.advance(parseInfo, 2);
                         return this.makeToken(parseInfo, EnumToken.GteTokenType);
@@ -1562,20 +1564,11 @@ class Tokenizer {
                     this.advance(parseInfo);
                     break;
                 case 92 /* TokenMap.REVERSE_SOLIDUS */:
-                    // if (!yieldEOFToken && parseInfo.stream.length == parseInfo.currentPosition - parseInfo.offset + 1) {
-                    //     break;
-                    // }
                     this.advance(parseInfo);
                     // EOF
-                    if (!this.peek(parseInfo)) {
-                        // if (!yieldEOFToken) {
-                        //     break;
-                        // }
-                        // end of stream ignore \\
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
-                        break;
+                    // end of stream ignore \\
+                    if (!this.peek(parseInfo) && parseInfo.position < parseInfo.currentPosition) {
+                        return this.makeToken(parseInfo);
                     }
                     this.advance(parseInfo);
                     break;
@@ -1588,9 +1581,9 @@ class Tokenizer {
                 case 46 /* TokenMap.DOT */:
                     const codepoint = parseInfo.stream.charCodeAt(parseInfo.currentPosition - parseInfo.offset + 1);
                     if (isIdentStart(codepoint) || codepoint == 45 /* TokenMap.MINUS */) {
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
                         this.advance(parseInfo);
                         let tokensCount = this.consumeIdentToken(parseInfo);
                         if (tokensCount > 0) {
@@ -1598,27 +1591,22 @@ class Tokenizer {
                             return this.makeToken(parseInfo, EnumToken.ClassSelectorTokenType);
                         }
                     }
-                    if (!isDigit(codepoint) && parseInfo.position !== parseInfo.currentPosition) {
-                        this.makeToken(parseInfo);
-                        this.advance(parseInfo, 2);
-                        return this;
-                    }
+                    // if (!isDigit(codepoint) && parseInfo.position !== parseInfo.currentPosition) {
+                    //     this.makeToken(parseInfo);
+                    //     this.advance(parseInfo, 2);
+                    //     return this;
+                    // }
                     this.advance(parseInfo);
                     break;
                 default:
                     this.advance(parseInfo);
                     break;
             }
-            // if (!yieldEOFToken && endPosition <= parseInfo.currentPosition - parseInfo.offset + 1) {
-            //     break;
-            // }
         }
-        // if (yieldEOFToken) {
         if (parseInfo.position < parseInfo.currentPosition) {
             return this.makeToken(parseInfo);
         }
         return this.makeToken(parseInfo, EnumToken.EOFTokenType);
-        // }
     }
     /**
      * tokenize readable stream
diff --git a/src/lib/parser/tokenize.ts b/src/lib/parser/tokenize.ts
index 679119b49..8154da0a0 100644
--- a/src/lib/parser/tokenize.ts
+++ b/src/lib/parser/tokenize.ts
@@ -1594,34 +1594,34 @@ export class Tokenizer {
             // EOF
             switch (charCode) {
                 case TokenMap.EQUALS:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.DelimTokenType);
 
                 // '+' or '-'
                 case TokenMap.PLUS:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     this.advance(parseInfo);
 
                     charCode = parseInfo.stream.charCodeAt(parseInfo.currentPosition - parseInfo.offset);
 
-                    if (isDigit(charCode)) {
-                        tokensCount = this.consumeNumericToken(parseInfo);
+                    // if (isDigit(charCode)) {
+                    //     tokensCount = this.consumeNumericToken(parseInfo);
 
-                        if (tokensCount > 0) {
-                            this.advance(parseInfo, tokensCount);
-                            return this.makeToken(parseInfo, this.hint ?? EnumToken.NumberTokenType, {
-                                slice: this.slice,
-                                sign: "+",
-                            });
-                        }
-                    }
+                    //     if (tokensCount > 0) {
+                    //         this.advance(parseInfo, tokensCount);
+                    //         return this.makeToken(parseInfo, this.hint ?? EnumToken.NumberTokenType, {
+                    //             slice: this.slice,
+                    //             sign: "+",
+                    //         });
+                    //     }
+                    // }
 
                     return this.makeToken(parseInfo, EnumToken.Plus);
 
@@ -1636,19 +1636,19 @@ export class Tokenizer {
                             return this.makeToken(parseInfo, EnumToken.Sub);
                         }
 
-                        if (
-                            charCode == TokenMap.MINUS &&
-                            (nextCharCode == TokenMap.MINUS || isIdentStart(nextCharCode))
-                        ) {
-                            this.advance(parseInfo);
+                        // if (
+                        //     charCode == TokenMap.MINUS &&
+                        //     (nextCharCode == TokenMap.MINUS || isIdentStart(nextCharCode))
+                        // ) {
+                        //     this.advance(parseInfo);
 
-                            tokensCount = this.consumeIdentToken(parseInfo);
+                        //     tokensCount = this.consumeIdentToken(parseInfo);
 
-                            if (tokensCount > 0) {
-                                this.advance(parseInfo, tokensCount);
-                                return this.makeToken(parseInfo, EnumToken.IdenTokenType);
-                            }
-                        }
+                        //     if (tokensCount > 0) {
+                        //         this.advance(parseInfo, tokensCount);
+                        //         return this.makeToken(parseInfo, EnumToken.IdenTokenType);
+                        //     }
+                        // }
                     }
 
                     this.advance(parseInfo);
@@ -1720,34 +1720,34 @@ export class Tokenizer {
 
                 // '['
                 case TokenMap.LEFT_BRACKETS:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.AttrStartTokenType);
 
                 // ']'
                 case TokenMap.RIGHT_BRACKETS:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.AttrEndTokenType);
 
                 case TokenMap.SEMICOLON:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.SemiColonTokenType);
 
                 case TokenMap.COLON:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     this.advance(parseInfo);
 
@@ -1790,17 +1790,17 @@ export class Tokenizer {
                     return this.makeToken(parseInfo, EnumToken.WhitespaceTokenType);
 
                 case TokenMap.COMMA:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     this.advance(parseInfo);
                     return this.makeToken(parseInfo, EnumToken.CommaTokenType);
 
                 case TokenMap.DOLLAR:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     if (this.match(parseInfo, "$=")) {
                         this.advance(parseInfo, 2);
@@ -1811,9 +1811,9 @@ export class Tokenizer {
                     break;
 
                 case TokenMap.TILDA:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     if (this.match(parseInfo, "~=")) {
                         this.advance(parseInfo, 2);
@@ -1825,9 +1825,9 @@ export class Tokenizer {
 
                 // case '^':
                 case TokenMap.CARET:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     if (this.match(parseInfo, "^=")) {
                         this.advance(parseInfo, 2);
@@ -1838,9 +1838,9 @@ export class Tokenizer {
                     break;
 
                 case TokenMap.STAR:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     if (this.match(parseInfo, "*=")) {
                         this.advance(parseInfo, 2);
@@ -1859,9 +1859,9 @@ export class Tokenizer {
                     return this.makeToken(parseInfo, EnumToken.NestingSelectorTokenType);
 
                 case TokenMap.PIPE:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     // '||'
                     if (this.match(parseInfo, "||")) {
@@ -1889,9 +1889,9 @@ export class Tokenizer {
                     break;
 
                 case TokenMap.SLASH:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     if (!this.match(parseInfo, "/*")) {
                         this.advance(parseInfo);
@@ -1924,9 +1924,9 @@ export class Tokenizer {
                     break;
 
                 case TokenMap.GREATERTHAN:
-                    if (parseInfo.position < parseInfo.currentPosition) {
-                        return this.makeToken(parseInfo);
-                    }
+                    // if (parseInfo.position < parseInfo.currentPosition) {
+                    //     return this.makeToken(parseInfo);
+                    // }
 
                     if (this.match(parseInfo, ">=")) {
                         this.advance(parseInfo, 2);
@@ -1976,24 +1976,13 @@ export class Tokenizer {
                     break;
 
                 case TokenMap.REVERSE_SOLIDUS:
-                    // if (!yieldEOFToken && parseInfo.stream.length == parseInfo.currentPosition - parseInfo.offset + 1) {
-                    //     break;
-                    // }
 
                     this.advance(parseInfo);
 
                     // EOF
-                    if (!this.peek(parseInfo)) {
-                        // if (!yieldEOFToken) {
-                        //     break;
-                        // }
-
-                        // end of stream ignore \\
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
-
-                        break;
+                    // end of stream ignore \\
+                    if (!this.peek(parseInfo) && parseInfo.position < parseInfo.currentPosition) {
+                        return this.makeToken(parseInfo);
                     }
 
                     this.advance(parseInfo);
@@ -2011,9 +2000,9 @@ export class Tokenizer {
                     const codepoint = parseInfo.stream.charCodeAt(parseInfo.currentPosition - parseInfo.offset + 1);
 
                     if (isIdentStart(codepoint) || codepoint == TokenMap.MINUS) {
-                        if (parseInfo.position < parseInfo.currentPosition) {
-                            return this.makeToken(parseInfo);
-                        }
+                        // if (parseInfo.position < parseInfo.currentPosition) {
+                        //     return this.makeToken(parseInfo);
+                        // }
 
                         this.advance(parseInfo);
                         let tokensCount: number = this.consumeIdentToken(parseInfo);
@@ -2024,11 +2013,11 @@ export class Tokenizer {
                         }
                     }
 
-                    if (!isDigit(codepoint) && parseInfo.position !== parseInfo.currentPosition) {
-                        this.makeToken(parseInfo);
-                        this.advance(parseInfo, 2);
-                        return this;
-                    }
+                    // if (!isDigit(codepoint) && parseInfo.position !== parseInfo.currentPosition) {
+                    //     this.makeToken(parseInfo);
+                    //     this.advance(parseInfo, 2);
+                    //     return this;
+                    // }
 
                     this.advance(parseInfo);
                     break;
@@ -2036,19 +2025,13 @@ export class Tokenizer {
                     this.advance(parseInfo);
                     break;
             }
-
-            // if (!yieldEOFToken && endPosition <= parseInfo.currentPosition - parseInfo.offset + 1) {
-            //     break;
-            // }
         }
 
-        // if (yieldEOFToken) {
         if (parseInfo.position < parseInfo.currentPosition) {
             return this.makeToken(parseInfo);
         }
 
         return this.makeToken(parseInfo, EnumToken.EOFTokenType);
-        // }
     }
 
     /**
diff --git a/test/specs/code/block.js b/test/specs/code/block.js
index f4aad5e8f..ffb641bc0 100644
--- a/test/specs/code/block.js
+++ b/test/specs/code/block.js
@@ -1374,6 +1374,25 @@ color: blue;
   margin-left: calc(1/0);
   margin-right: calc(1/0 + 1px)
  }
+}`);
+    });
+
+    it("match or starts with #59", async () => {
+        const options = {
+            input: `
+    
+ .c [lang|="en"], col || td{
+color: rgb(from rgb(20% 40%  60% / 80%) r g b / calc(alpha / 2));
+
+
+    `,
+            beautify: true,
+        };
+
+        const result = transformSync(options);
+
+        return expect(result.code).equals(`.c [lang|=en],col||td {
+ color: #3696
 }`);
     });
 }

From 8f77a63d65304bdefd157f2c24de8e4d69b1288f Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sun, 27 Sep 2026 16:58:37 -0400
Subject: [PATCH 34/41] improve code coverage

---
 dist/index-umd-web.js                       |  71 ++++-------
 dist/index.cjs                              |  71 ++++-------
 dist/lib/ast/features/calc.js               |   2 +-
 dist/lib/ast/features/if.js                 |   2 +-
 dist/lib/ast/features/inlinecssvariables.js |   4 +-
 dist/lib/ast/features/prefix.js             |   2 +-
 dist/lib/ast/features/shorthand.js          |   2 +-
 dist/lib/ast/features/transform.js          |   2 +-
 dist/lib/parser/tokenize.js                 |  17 ---
 dist/lib/syntax/color/alpha.js              |  40 +++---
 src/lib/ast/features/calc.ts                |  14 +--
 src/lib/ast/features/if.ts                  |   2 +-
 src/lib/ast/features/inlinecssvariables.ts  |  16 +--
 src/lib/ast/features/prefix.ts              |   2 +-
 src/lib/ast/features/shorthand.ts           |   2 +-
 src/lib/ast/features/transform.ts           |  14 +--
 src/lib/parser/tokenize.ts                  |  18 ---
 src/lib/syntax/color/alpha.ts               |  35 +++---
 src/lib/syntax/color/color.ts               |   1 -
 test/specs/code/block.js                    |  76 ++++++++++++
 test/specs/code/color-alpha.js              | 129 ++++++++++++++++++++
 test/specs/code/visitors.js                 |   1 +
 22 files changed, 331 insertions(+), 192 deletions(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 0b1f596f8..161f24a40 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -14522,7 +14522,7 @@
         }
         let components = getColorComponents(color);
         if (alpha.typ === exports.EnumToken.MathFunctionTokenType) {
-            const originalAlpha = cloneNode(alpha, true);
+            cloneNode(alpha, true);
             for (const { value } of walkValues(alpha.chi, alpha)) {
                 if (value.typ === exports.EnumToken.IdenTokenType) {
                     if (equalsIgnoreCase(value.val, "alpha")) {
@@ -14534,22 +14534,22 @@
                             });
                         // continue;
                     }
-                    else if (equalsIgnoreCase(value.val, "none")) {
-                        Object.assign(value, {
-                            typ: exports.EnumToken.NumberTokenType,
-                            val: 0,
-                        });
-                    }
+                    // else if (equalsIgnoreCase((value as IdentToken).val, "none")) {
+                    //     Object.assign(value, {
+                    //         typ: EnumToken.NumberTokenType,
+                    //         val: 0,
+                    //     });
+                    // }
                 }
             }
             const result = evaluate([alpha]);
             if (result.length == 1) {
                 alpha = result[0];
             }
-            else {
-                // @ts-expect-error
-                alpha = originalAlpha;
-            }
+            // else {
+            //     // @ts-expect-error
+            //     alpha = originalAlpha;
+            // }
         }
         // console.error({ alpha });
         if (alpha.typ !== exports.EnumToken.IdenTokenType &&
@@ -14575,17 +14575,17 @@
             return null;
         }
         if (alpha?.typ === exports.EnumToken.IdenTokenType) {
-            if (equalsIgnoreCase(alpha.val, "alpha")) {
-                alpha = components[3] ?? {
-                    typ: exports.EnumToken.NumberTokenType,
-                    val: 1,
-                };
-            }
-            else if (equalsIgnoreCase(alpha.val, "node")) {
-                alpha = {
+            // if (equalsIgnoreCase((alpha as IdentToken).val, "alpha")) {
+            //     alpha = components[3] ?? {
+            //         typ: EnumToken.NumberTokenType,
+            //         val: 1,
+            //     };
+            // } else
+            if (equalsIgnoreCase(alpha.val, "none")) {
+                Object.assign(alpha, {
                     typ: exports.EnumToken.NumberTokenType,
                     val: 0,
-                };
+                });
             }
         }
         return makeColor(color.kin, components, alpha);
@@ -16995,7 +16995,7 @@
     }
     class ComputePrefixFeature {
         get ordering() {
-            return 2;
+            return 0;
         }
         get processMode() {
             return exports.FeatureWalkMode.Pre;
@@ -17439,10 +17439,10 @@
     class InlineCssVariablesFeature {
         accept = new Set([exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType]);
         get ordering() {
-            return 0;
+            return 2;
         }
         get processMode() {
-            return exports.FeatureWalkMode.Pre;
+            return exports.FeatureWalkMode.Post;
         }
         static register(options) {
             if (options.inlineCssVariables) {
@@ -20874,7 +20874,7 @@
             exports.EnumToken.KeyframesRuleNodeType,
         ]);
         get ordering() {
-            return 10;
+            return 5;
         }
         get processMode() {
             return exports.FeatureWalkMode.Post;
@@ -21032,7 +21032,7 @@
     class ComputeCalcExpressionFeature {
         accept = new Set([exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType]);
         get ordering() {
-            return 1;
+            return 3;
         }
         get processMode() {
             return exports.FeatureWalkMode.Post;
@@ -22354,7 +22354,7 @@
             exports.EnumToken.KeyframesRuleNodeType,
         ]);
         get ordering() {
-            return 3;
+            return 4;
         }
         get processMode() {
             return exports.FeatureWalkMode.Post;
@@ -22757,7 +22757,7 @@
     class ExpandIfFeature {
         accept = new Set([exports.EnumToken.DeclarationNodeType]);
         get ordering() {
-            return 4;
+            return 1;
         }
         get processMode() {
             return exports.FeatureWalkMode.Pre;
@@ -27841,23 +27841,6 @@
             }
             return true;
         }
-        /**
-         *
-         * @param parseInfo
-         * @returns
-         */
-        // isPseudo(parseInfo: ParseInfo): boolean {
-        //     let position: number = parseInfo.currentPosition - parseInfo.offset;
-        //     let endPosition: number = parseInfo.currentPosition - parseInfo.offset;
-        //     return (parseInfo.stream.charAt(position) == ":" &&
-        //         parseInfo.stream.charAt(endPosition - 1) == "(" &&
-        //         (parseInfo.stream.charAt(position + 1) == ":"
-        //             ? this.isIdentToken(parseInfo, 2, -1)
-        //             : this.isIdentToken(parseInfo, 1, -1))) ||
-        //         parseInfo.stream.charAt(position + 1) == ":"
-        //         ? this.isIdentToken(parseInfo, 2)
-        //         : this.isIdentToken(parseInfo, 1);
-        // }
         /**
          *
          * @param parseInfo
diff --git a/dist/index.cjs b/dist/index.cjs
index e6e8bd7a2..9dcf01a7b 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -14525,7 +14525,7 @@ function alpha(color, alpha) {
     }
     let components = getColorComponents(color);
     if (alpha.typ === exports.EnumToken.MathFunctionTokenType) {
-        const originalAlpha = cloneNode(alpha, true);
+        cloneNode(alpha, true);
         for (const { value } of walkValues(alpha.chi, alpha)) {
             if (value.typ === exports.EnumToken.IdenTokenType) {
                 if (equalsIgnoreCase(value.val, "alpha")) {
@@ -14537,22 +14537,22 @@ function alpha(color, alpha) {
                         });
                     // continue;
                 }
-                else if (equalsIgnoreCase(value.val, "none")) {
-                    Object.assign(value, {
-                        typ: exports.EnumToken.NumberTokenType,
-                        val: 0,
-                    });
-                }
+                // else if (equalsIgnoreCase((value as IdentToken).val, "none")) {
+                //     Object.assign(value, {
+                //         typ: EnumToken.NumberTokenType,
+                //         val: 0,
+                //     });
+                // }
             }
         }
         const result = evaluate([alpha]);
         if (result.length == 1) {
             alpha = result[0];
         }
-        else {
-            // @ts-expect-error
-            alpha = originalAlpha;
-        }
+        // else {
+        //     // @ts-expect-error
+        //     alpha = originalAlpha;
+        // }
     }
     // console.error({ alpha });
     if (alpha.typ !== exports.EnumToken.IdenTokenType &&
@@ -14578,17 +14578,17 @@ function alpha(color, alpha) {
         return null;
     }
     if (alpha?.typ === exports.EnumToken.IdenTokenType) {
-        if (equalsIgnoreCase(alpha.val, "alpha")) {
-            alpha = components[3] ?? {
-                typ: exports.EnumToken.NumberTokenType,
-                val: 1,
-            };
-        }
-        else if (equalsIgnoreCase(alpha.val, "node")) {
-            alpha = {
+        // if (equalsIgnoreCase((alpha as IdentToken).val, "alpha")) {
+        //     alpha = components[3] ?? {
+        //         typ: EnumToken.NumberTokenType,
+        //         val: 1,
+        //     };
+        // } else
+        if (equalsIgnoreCase(alpha.val, "none")) {
+            Object.assign(alpha, {
                 typ: exports.EnumToken.NumberTokenType,
                 val: 0,
-            };
+            });
         }
     }
     return makeColor(color.kin, components, alpha);
@@ -16998,7 +16998,7 @@ function replaceAstNodes(tokens, root) {
 }
 class ComputePrefixFeature {
     get ordering() {
-        return 2;
+        return 0;
     }
     get processMode() {
         return exports.FeatureWalkMode.Pre;
@@ -17442,10 +17442,10 @@ function replace(node, variableScope) {
 class InlineCssVariablesFeature {
     accept = new Set([exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType]);
     get ordering() {
-        return 0;
+        return 2;
     }
     get processMode() {
-        return exports.FeatureWalkMode.Pre;
+        return exports.FeatureWalkMode.Post;
     }
     static register(options) {
         if (options.inlineCssVariables) {
@@ -20877,7 +20877,7 @@ class ComputeShorthandFeature {
         exports.EnumToken.KeyframesRuleNodeType,
     ]);
     get ordering() {
-        return 10;
+        return 5;
     }
     get processMode() {
         return exports.FeatureWalkMode.Post;
@@ -21035,7 +21035,7 @@ function trimWhiteSpaceTokens(tokens) {
 class ComputeCalcExpressionFeature {
     accept = new Set([exports.EnumToken.RuleNodeType, exports.EnumToken.AtRuleNodeType]);
     get ordering() {
-        return 1;
+        return 3;
     }
     get processMode() {
         return exports.FeatureWalkMode.Post;
@@ -22357,7 +22357,7 @@ class TransformCssFeature {
         exports.EnumToken.KeyframesRuleNodeType,
     ]);
     get ordering() {
-        return 3;
+        return 4;
     }
     get processMode() {
         return exports.FeatureWalkMode.Post;
@@ -22760,7 +22760,7 @@ function processNode(declarationNode, cache) {
 class ExpandIfFeature {
     accept = new Set([exports.EnumToken.DeclarationNodeType]);
     get ordering() {
-        return 4;
+        return 1;
     }
     get processMode() {
         return exports.FeatureWalkMode.Pre;
@@ -27844,23 +27844,6 @@ class Tokenizer {
         }
         return true;
     }
-    /**
-     *
-     * @param parseInfo
-     * @returns
-     */
-    // isPseudo(parseInfo: ParseInfo): boolean {
-    //     let position: number = parseInfo.currentPosition - parseInfo.offset;
-    //     let endPosition: number = parseInfo.currentPosition - parseInfo.offset;
-    //     return (parseInfo.stream.charAt(position) == ":" &&
-    //         parseInfo.stream.charAt(endPosition - 1) == "(" &&
-    //         (parseInfo.stream.charAt(position + 1) == ":"
-    //             ? this.isIdentToken(parseInfo, 2, -1)
-    //             : this.isIdentToken(parseInfo, 1, -1))) ||
-    //         parseInfo.stream.charAt(position + 1) == ":"
-    //         ? this.isIdentToken(parseInfo, 2)
-    //         : this.isIdentToken(parseInfo, 1);
-    // }
     /**
      *
      * @param parseInfo
diff --git a/dist/lib/ast/features/calc.js b/dist/lib/ast/features/calc.js
index 6a1ce449d..4db0ea072 100644
--- a/dist/lib/ast/features/calc.js
+++ b/dist/lib/ast/features/calc.js
@@ -8,7 +8,7 @@ import { replaceNodeOrValue } from '../../parser/utils/token.js';
 class ComputeCalcExpressionFeature {
     accept = new Set([EnumToken.RuleNodeType, EnumToken.AtRuleNodeType]);
     get ordering() {
-        return 1;
+        return 3;
     }
     get processMode() {
         return FeatureWalkMode.Post;
diff --git a/dist/lib/ast/features/if.js b/dist/lib/ast/features/if.js
index cbf4cb516..0acfa25c5 100644
--- a/dist/lib/ast/features/if.js
+++ b/dist/lib/ast/features/if.js
@@ -174,7 +174,7 @@ function processNode(declarationNode, cache) {
 class ExpandIfFeature {
     accept = new Set([EnumToken.DeclarationNodeType]);
     get ordering() {
-        return 4;
+        return 1;
     }
     get processMode() {
         return FeatureWalkMode.Pre;
diff --git a/dist/lib/ast/features/inlinecssvariables.js b/dist/lib/ast/features/inlinecssvariables.js
index 0c7716bea..9dc33e0ce 100644
--- a/dist/lib/ast/features/inlinecssvariables.js
+++ b/dist/lib/ast/features/inlinecssvariables.js
@@ -57,10 +57,10 @@ function replace(node, variableScope) {
 class InlineCssVariablesFeature {
     accept = new Set([EnumToken.RuleNodeType, EnumToken.AtRuleNodeType]);
     get ordering() {
-        return 0;
+        return 2;
     }
     get processMode() {
-        return FeatureWalkMode.Pre;
+        return FeatureWalkMode.Post;
     }
     static register(options) {
         if (options.inlineCssVariables) {
diff --git a/dist/lib/ast/features/prefix.js b/dist/lib/ast/features/prefix.js
index fa2aa3c71..5b551497f 100644
--- a/dist/lib/ast/features/prefix.js
+++ b/dist/lib/ast/features/prefix.js
@@ -109,7 +109,7 @@ function replaceAstNodes(tokens, root) {
 }
 class ComputePrefixFeature {
     get ordering() {
-        return 2;
+        return 0;
     }
     get processMode() {
         return FeatureWalkMode.Pre;
diff --git a/dist/lib/ast/features/shorthand.js b/dist/lib/ast/features/shorthand.js
index 260b2e3d0..684f0e747 100644
--- a/dist/lib/ast/features/shorthand.js
+++ b/dist/lib/ast/features/shorthand.js
@@ -9,7 +9,7 @@ class ComputeShorthandFeature {
         EnumToken.KeyframesRuleNodeType,
     ]);
     get ordering() {
-        return 10;
+        return 5;
     }
     get processMode() {
         return FeatureWalkMode.Post;
diff --git a/dist/lib/ast/features/transform.js b/dist/lib/ast/features/transform.js
index 2f59e3910..97503a60b 100644
--- a/dist/lib/ast/features/transform.js
+++ b/dist/lib/ast/features/transform.js
@@ -12,7 +12,7 @@ class TransformCssFeature {
         EnumToken.KeyframesRuleNodeType,
     ]);
     get ordering() {
-        return 3;
+        return 4;
     }
     get processMode() {
         return FeatureWalkMode.Post;
diff --git a/dist/lib/parser/tokenize.js b/dist/lib/parser/tokenize.js
index 0ba95092d..3abc35c43 100644
--- a/dist/lib/parser/tokenize.js
+++ b/dist/lib/parser/tokenize.js
@@ -1130,23 +1130,6 @@ class Tokenizer {
         }
         return true;
     }
-    /**
-     *
-     * @param parseInfo
-     * @returns
-     */
-    // isPseudo(parseInfo: ParseInfo): boolean {
-    //     let position: number = parseInfo.currentPosition - parseInfo.offset;
-    //     let endPosition: number = parseInfo.currentPosition - parseInfo.offset;
-    //     return (parseInfo.stream.charAt(position) == ":" &&
-    //         parseInfo.stream.charAt(endPosition - 1) == "(" &&
-    //         (parseInfo.stream.charAt(position + 1) == ":"
-    //             ? this.isIdentToken(parseInfo, 2, -1)
-    //             : this.isIdentToken(parseInfo, 1, -1))) ||
-    //         parseInfo.stream.charAt(position + 1) == ":"
-    //         ? this.isIdentToken(parseInfo, 2)
-    //         : this.isIdentToken(parseInfo, 1);
-    // }
     /**
      *
      * @param parseInfo
diff --git a/dist/lib/syntax/color/alpha.js b/dist/lib/syntax/color/alpha.js
index 1f667d317..ee3c3a253 100644
--- a/dist/lib/syntax/color/alpha.js
+++ b/dist/lib/syntax/color/alpha.js
@@ -24,7 +24,7 @@ function alpha(color, alpha) {
     }
     let components = getColorComponents(color);
     if (alpha.typ === EnumToken.MathFunctionTokenType) {
-        const originalAlpha = cloneNode(alpha, true);
+        cloneNode(alpha, true);
         for (const { value } of walkValues(alpha.chi, alpha)) {
             if (value.typ === EnumToken.IdenTokenType) {
                 if (equalsIgnoreCase(value.val, "alpha")) {
@@ -36,22 +36,22 @@ function alpha(color, alpha) {
                         });
                     // continue;
                 }
-                else if (equalsIgnoreCase(value.val, "none")) {
-                    Object.assign(value, {
-                        typ: EnumToken.NumberTokenType,
-                        val: 0,
-                    });
-                }
+                // else if (equalsIgnoreCase((value as IdentToken).val, "none")) {
+                //     Object.assign(value, {
+                //         typ: EnumToken.NumberTokenType,
+                //         val: 0,
+                //     });
+                // }
             }
         }
         const result = evaluate([alpha]);
         if (result.length == 1) {
             alpha = result[0];
         }
-        else {
-            // @ts-expect-error
-            alpha = originalAlpha;
-        }
+        // else {
+        //     // @ts-expect-error
+        //     alpha = originalAlpha;
+        // }
     }
     // console.error({ alpha });
     if (alpha.typ !== EnumToken.IdenTokenType &&
@@ -77,17 +77,17 @@ function alpha(color, alpha) {
         return null;
     }
     if (alpha?.typ === EnumToken.IdenTokenType) {
-        if (equalsIgnoreCase(alpha.val, "alpha")) {
-            alpha = components[3] ?? {
-                typ: EnumToken.NumberTokenType,
-                val: 1,
-            };
-        }
-        else if (equalsIgnoreCase(alpha.val, "node")) {
-            alpha = {
+        // if (equalsIgnoreCase((alpha as IdentToken).val, "alpha")) {
+        //     alpha = components[3] ?? {
+        //         typ: EnumToken.NumberTokenType,
+        //         val: 1,
+        //     };
+        // } else
+        if (equalsIgnoreCase(alpha.val, "none")) {
+            Object.assign(alpha, {
                 typ: EnumToken.NumberTokenType,
                 val: 0,
-            };
+            });
         }
     }
     return makeColor(color.kin, components, alpha);
diff --git a/src/lib/ast/features/calc.ts b/src/lib/ast/features/calc.ts
index 66cb11aed..913d8f4e7 100644
--- a/src/lib/ast/features/calc.ts
+++ b/src/lib/ast/features/calc.ts
@@ -4,24 +4,27 @@ import type {
     AstNode,
     AstRule,
     BinaryExpressionToken,
+    ColorToken,
     DimensionToken,
     FunctionToken,
+    IdentToken,
     NumberToken,
     ParserOptions,
     Token,
 } from "../../../@types/index.d.ts";
-import { EnumToken } from "../types.ts";
+import { ColorType, EnumToken } from "../types.ts";
 import { walkValues } from "../walk.ts";
 import { evaluate } from "../math/expression.ts";
 import { FeatureWalkMode } from "./type.ts";
 import { LOCEND, LOCSRCID, LOCSTA, mathFuncs, tokensfuncSet } from "../../syntax/constants.ts";
 import { replaceNodeOrValue } from "../../parser/utils/token.ts";
+import { equalsIgnoreCase } from "../../parser/utils/text.ts";
 
 export class ComputeCalcExpressionFeature {
     public accept: Set<EnumToken> = new Set([EnumToken.RuleNodeType, EnumToken.AtRuleNodeType]);
 
     get ordering(): number {
-        return 1;
+        return 3;
     }
 
     get processMode(): FeatureWalkMode {
@@ -47,10 +50,7 @@ export class ComputeCalcExpressionFeature {
 
             const set: Set<Token> = new Set();
 
-            for (const { value, parent } of walkValues(
-                (<AstDeclaration>node).val,
-                node
-            )) {
+            for (const { value, parent } of walkValues((<AstDeclaration>node).val, node)) {
                 if (parent?.typ == EnumToken.BinaryExpressionTokenType) {
                     continue;
                 }
@@ -93,7 +93,7 @@ export class ComputeCalcExpressionFeature {
 
                                 const values: Token[] = evaluate(cp);
 
-                                // fix a + -b to a - b
+                                // fix a + -b into a - b
                                 for (const { value, parent: p } of walkValues(values)) {
                                     if (value.typ === EnumToken.BinaryExpressionTokenType) {
                                         if (
diff --git a/src/lib/ast/features/if.ts b/src/lib/ast/features/if.ts
index 76a58c635..b54d7f361 100644
--- a/src/lib/ast/features/if.ts
+++ b/src/lib/ast/features/if.ts
@@ -285,7 +285,7 @@ export class ExpandIfFeature {
     public accept: Set<EnumToken> = new Set([EnumToken.DeclarationNodeType]);
 
     get ordering(): number {
-        return 4;
+        return 1;
     }
 
     get processMode(): FeatureWalkMode {
diff --git a/src/lib/ast/features/inlinecssvariables.ts b/src/lib/ast/features/inlinecssvariables.ts
index c99cb6be2..4ae954704 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 "../../printer/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[] = [];
@@ -90,11 +90,11 @@ export class InlineCssVariablesFeature {
     public accept: Set<EnumToken> = new Set([EnumToken.RuleNodeType, EnumToken.AtRuleNodeType]);
 
     get ordering() {
-        return 0;
+        return 2;
     }
 
     get processMode(): FeatureWalkMode {
-        return FeatureWalkMode.Pre;
+        return FeatureWalkMode.Post;
     }
 
     static register(options: ParserOptions): void {
diff --git a/src/lib/ast/features/prefix.ts b/src/lib/ast/features/prefix.ts
index 4fba538e7..e5dbf1235 100644
--- a/src/lib/ast/features/prefix.ts
+++ b/src/lib/ast/features/prefix.ts
@@ -153,7 +153,7 @@ function replaceAstNodes(tokens: Token[], root?: AstNode): boolean {
 
 export class ComputePrefixFeature {
     get ordering() {
-        return 2;
+        return 0;
     }
 
     get processMode(): FeatureWalkMode {
diff --git a/src/lib/ast/features/shorthand.ts b/src/lib/ast/features/shorthand.ts
index 818e21fb7..a7c7d8114 100644
--- a/src/lib/ast/features/shorthand.ts
+++ b/src/lib/ast/features/shorthand.ts
@@ -11,7 +11,7 @@ export class ComputeShorthandFeature {
     ]);
 
     get ordering() {
-        return 10;
+        return 5;
     }
 
     get processMode(): FeatureWalkMode {
diff --git a/src/lib/ast/features/transform.ts b/src/lib/ast/features/transform.ts
index dc24b6cef..3bea03fa8 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 "../../printer/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([
@@ -22,7 +22,7 @@ export class TransformCssFeature {
     ]);
 
     get ordering(): number {
-        return 3;
+        return 4;
     }
 
     get processMode(): FeatureWalkMode {
diff --git a/src/lib/parser/tokenize.ts b/src/lib/parser/tokenize.ts
index 8154da0a0..099b10dfa 100644
--- a/src/lib/parser/tokenize.ts
+++ b/src/lib/parser/tokenize.ts
@@ -1407,24 +1407,6 @@ export class Tokenizer {
         return true;
     }
 
-    /**
-     *
-     * @param parseInfo
-     * @returns
-     */
-    // isPseudo(parseInfo: ParseInfo): boolean {
-    //     let position: number = parseInfo.currentPosition - parseInfo.offset;
-    //     let endPosition: number = parseInfo.currentPosition - parseInfo.offset;
-    //     return (parseInfo.stream.charAt(position) == ":" &&
-    //         parseInfo.stream.charAt(endPosition - 1) == "(" &&
-    //         (parseInfo.stream.charAt(position + 1) == ":"
-    //             ? this.isIdentToken(parseInfo, 2, -1)
-    //             : this.isIdentToken(parseInfo, 1, -1))) ||
-    //         parseInfo.stream.charAt(position + 1) == ":"
-    //         ? this.isIdentToken(parseInfo, 2)
-    //         : this.isIdentToken(parseInfo, 1);
-    // }
-
     /**
      *
      * @param parseInfo
diff --git a/src/lib/syntax/color/alpha.ts b/src/lib/syntax/color/alpha.ts
index 5a7d65857..a8b880d1a 100644
--- a/src/lib/syntax/color/alpha.ts
+++ b/src/lib/syntax/color/alpha.ts
@@ -43,12 +43,13 @@ export function alpha(color: ColorToken, alpha: Token): ColorToken | null {
                               },
                     );
                     // continue;
-                } else if (equalsIgnoreCase((value as IdentToken).val, "none")) {
-                    Object.assign(value, {
-                        typ: EnumToken.NumberTokenType,
-                        val: 0,
-                    });
                 }
+                // else if (equalsIgnoreCase((value as IdentToken).val, "none")) {
+                //     Object.assign(value, {
+                //         typ: EnumToken.NumberTokenType,
+                //         val: 0,
+                //     });
+                // }
             }
         }
 
@@ -56,10 +57,11 @@ export function alpha(color: ColorToken, alpha: Token): ColorToken | null {
 
         if (result.length == 1) {
             alpha = result[0];
-        } else {
-            // @ts-expect-error
-            alpha = originalAlpha;
         }
+        // else {
+        //     // @ts-expect-error
+        //     alpha = originalAlpha;
+        // }
     }
 
     // console.error({ alpha });
@@ -97,16 +99,17 @@ export function alpha(color: ColorToken, alpha: Token): ColorToken | null {
     }
 
     if (alpha?.typ === EnumToken.IdenTokenType) {
-        if (equalsIgnoreCase((alpha as IdentToken).val, "alpha")) {
-            alpha = components[3] ?? {
-                typ: EnumToken.NumberTokenType,
-                val: 1,
-            };
-        } else if (equalsIgnoreCase((alpha as IdentToken).val, "node")) {
-            alpha = {
+        // if (equalsIgnoreCase((alpha as IdentToken).val, "alpha")) {
+        //     alpha = components[3] ?? {
+        //         typ: EnumToken.NumberTokenType,
+        //         val: 1,
+        //     };
+        // } else
+        if (equalsIgnoreCase((alpha as IdentToken).val, "none")) {
+            Object.assign(alpha, {
                 typ: EnumToken.NumberTokenType,
                 val: 0,
-            };
+            });
         }
     }
 
diff --git a/src/lib/syntax/color/color.ts b/src/lib/syntax/color/color.ts
index 6b71e0d86..3976aa540 100644
--- a/src/lib/syntax/color/color.ts
+++ b/src/lib/syntax/color/color.ts
@@ -401,7 +401,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
 
             case ColorType.RGB:
             case ColorType.RGBA:
-
                 return rgb2HexToken(token);
         }
     } else if (to == ColorType.RGB) {
diff --git a/test/specs/code/block.js b/test/specs/code/block.js
index ffb641bc0..bf26abec9 100644
--- a/test/specs/code/block.js
+++ b/test/specs/code/block.js
@@ -1395,4 +1395,80 @@ color: rgb(from rgb(20% 40%  60% / 80%) r g b / calc(alpha / 2));
  color: #3696
 }`);
     });
+
+    it("match or starts with #60", async () => {
+        const options = {
+            input: `
+    
+   {
+    
+   @media (prefers-color-scheme: dark) {
+    .s {
+
+        color: #343
+    }
+   }
+
+   width: 12px;
+    color:
+ alpha(from var(--mycolor)  / none);
+}
+:root {
+--mycolor:  device-cmyk(none 0.81 0.81 0.3);
+}
+    .s {
+    
+    color:
+ alpha(from var(--mycolor)  / none);
+
+
+    `,
+            beautify: true,
+            inlineCssVariables: true,
+        };
+
+        const result = transformSync(options);
+
+        return expect(result.code).equals(`.s {
+ color: alpha(from #b32222/none)
+}`);
+    });
+
+    it("match or starts with #61", async () => {
+        const options = {
+            input: `
+    
+   {
+    
+   @media (prefers-color-scheme: dark) {
+    .s {
+
+        color: #343
+    }
+   }
+
+   width: 12px;
+    color:
+ alpha(from var(--mycolor)  / none);
+}
+:root {
+--mycolor:  device-cmyk(none 0.81 0.81 0.3);
+}
+    .s {
+    
+    color:
+ alpha(from var(--mycolor)  / none);
+
+
+    `,
+            beautify: true,
+            inlineCssVariables: true,
+        };
+
+        return transform(options).then((result) =>
+            expect(result.code).equals(`.s {
+ color: alpha(from #b32222/none)
+}`),
+        );
+    });
 }
diff --git a/test/specs/code/color-alpha.js b/test/specs/code/color-alpha.js
index bc07c2792..a5944b5b1 100644
--- a/test/specs/code/color-alpha.js
+++ b/test/specs/code/color-alpha.js
@@ -246,6 +246,135 @@ color: alpha(from OkLcH(from OkLcH(from peru  l    c  h) l c calc(h / 2) / 20% )
 }
 .s {
  color: alpha(from #d9796833/calc(1%/0))
+}`),
+            );
+        });
+
+        it("color-mix() #9", function () {
+            return transform(
+                `
+
+:root {
+--mycolor:  pink;
+}
+    .s {
+    
+    color:
+ alpha(from var(--mycolor)  / calc(alpha * 0.5));
+background: color(srgb 1 0.752941 0.796078 / 0.5);
+
+
+`,
+                {
+                    beautify: true,
+                    inlineCssVariables: true,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.s {
+ color: #ffc0cb80;
+ background: #ffc0cb80
+}`),
+            );
+        });
+        
+        it("color-mix() #10", function () {
+            return transform(
+                `
+
+:root {
+--mycolor:  pink;
+}
+    .s {
+    
+    color:
+ alpha(from var(--mycolor)  / none);
+background: color(srgb 1 0.752941 0.796078 / none);
+
+
+`,
+                {
+                    beautify: true,
+                    inlineCssVariables: true,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.s {
+ color: #ffc0cb00;
+ background: #ffc0cb00
+}`),
+            );
+        });
+        
+        it("color-mix() #11", function () {
+            return transform(
+                `
+
+:root {
+--mycolor:  device-cmyk(none 0.81 0.81 0.3);
+}
+    .s {
+    
+    color:
+ alpha(from var(--mycolor)  / none);
+
+
+`,
+                {
+                    beautify: true,
+                    inlineCssVariables: true,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.s {
+ color: alpha(from #b32222/none)
+}`),
+            );
+        });
+        
+        it("color-mix() #11", function () {
+            return transform(
+                `
+
+:root {
+--mycolor:  device-cmyk(none 0.81 0.81 0.3);
+}
+    .s {
+    
+    color:
+ alpha(from var(--mycolor)  / calc(alpha * 0.5));
+
+
+`,
+                {
+                    beautify: true,
+                    inlineCssVariables: true,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.s {
+ color: alpha(from #b32222/calc(alpha*.5))
+}`),
+            );
+        });
+        
+        it("color-mix() #12", function () {
+            return transform(
+                `
+
+:root {
+--mycolor:  device-cmyk(none 0.81 0.81 0.3);
+}
+    .s {
+    
+    color:
+ alpha(from var(--mycolor)  / none);
+
+
+`,
+                {
+                    beautify: true,
+                    inlineCssVariables: true,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.s {
+ color: alpha(from #b32222/none)
 }`),
             );
         });
diff --git a/test/specs/code/visitors.js b/test/specs/code/visitors.js
index 90d0c90fd..8fb62f0ed 100644
--- a/test/specs/code/visitors.js
+++ b/test/specs/code/visitors.js
@@ -383,6 +383,7 @@ body {
                 visitor: {
                     StyleSheetNodeType: {
                         type: WalkerEvent.Leave,
+
                         handler: (node) => {
                             // insert a new rule
                             node.chi.unshift(parseSync("html {--base-color: pink}").ast.chi[0]);

From 2206b20ec7c446a46b75847e2382a075667072a0 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sun, 27 Sep 2026 18:22:46 -0400
Subject: [PATCH 35/41] improve code coverage

---
 benchmark/package.json         | 2 +-
 dist/index-umd-web.js          | 3 +--
 dist/index.cjs                 | 3 +--
 dist/lib/ast/features/calc.js  | 2 +-
 dist/lib/syntax/color/alpha.js | 1 -
 src/lib/syntax/color/alpha.ts  | 2 --
 6 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/benchmark/package.json b/benchmark/package.json
index a21687328..9e5dec2f5 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tbela99/css-parser": "^1.6.4",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#3dd4b3d",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#8f77a63",
     "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 161f24a40..cf5e67eb9 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -14522,7 +14522,6 @@
         }
         let components = getColorComponents(color);
         if (alpha.typ === exports.EnumToken.MathFunctionTokenType) {
-            cloneNode(alpha, true);
             for (const { value } of walkValues(alpha.chi, alpha)) {
                 if (value.typ === exports.EnumToken.IdenTokenType) {
                     if (equalsIgnoreCase(value.val, "alpha")) {
@@ -21088,7 +21087,7 @@
                                             ? value.val
                                             : value.chi;
                                     const values = evaluate(cp);
-                                    // fix a + -b to a - b
+                                    // fix a + -b into a - b
                                     for (const { value, parent: p } of walkValues(values)) {
                                         if (value.typ === exports.EnumToken.BinaryExpressionTokenType) {
                                             if (value.op === exports.EnumToken.Add &&
diff --git a/dist/index.cjs b/dist/index.cjs
index 9dcf01a7b..22636ebf1 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -14525,7 +14525,6 @@ function alpha(color, alpha) {
     }
     let components = getColorComponents(color);
     if (alpha.typ === exports.EnumToken.MathFunctionTokenType) {
-        cloneNode(alpha, true);
         for (const { value } of walkValues(alpha.chi, alpha)) {
             if (value.typ === exports.EnumToken.IdenTokenType) {
                 if (equalsIgnoreCase(value.val, "alpha")) {
@@ -21091,7 +21090,7 @@ class ComputeCalcExpressionFeature {
                                         ? value.val
                                         : value.chi;
                                 const values = evaluate(cp);
-                                // fix a + -b to a - b
+                                // fix a + -b into a - b
                                 for (const { value, parent: p } of walkValues(values)) {
                                     if (value.typ === exports.EnumToken.BinaryExpressionTokenType) {
                                         if (value.op === exports.EnumToken.Add &&
diff --git a/dist/lib/ast/features/calc.js b/dist/lib/ast/features/calc.js
index 4db0ea072..67a32fefd 100644
--- a/dist/lib/ast/features/calc.js
+++ b/dist/lib/ast/features/calc.js
@@ -64,7 +64,7 @@ class ComputeCalcExpressionFeature {
                                         ? value.val
                                         : value.chi;
                                 const values = evaluate(cp);
-                                // fix a + -b to a - b
+                                // fix a + -b into a - b
                                 for (const { value, parent: p } of walkValues(values)) {
                                     if (value.typ === EnumToken.BinaryExpressionTokenType) {
                                         if (value.op === EnumToken.Add &&
diff --git a/dist/lib/syntax/color/alpha.js b/dist/lib/syntax/color/alpha.js
index ee3c3a253..d85237b70 100644
--- a/dist/lib/syntax/color/alpha.js
+++ b/dist/lib/syntax/color/alpha.js
@@ -24,7 +24,6 @@ function alpha(color, alpha) {
     }
     let components = getColorComponents(color);
     if (alpha.typ === EnumToken.MathFunctionTokenType) {
-        cloneNode(alpha, true);
         for (const { value } of walkValues(alpha.chi, alpha)) {
             if (value.typ === EnumToken.IdenTokenType) {
                 if (equalsIgnoreCase(value.val, "alpha")) {
diff --git a/src/lib/syntax/color/alpha.ts b/src/lib/syntax/color/alpha.ts
index a8b880d1a..2187d41f8 100644
--- a/src/lib/syntax/color/alpha.ts
+++ b/src/lib/syntax/color/alpha.ts
@@ -28,8 +28,6 @@ export function alpha(color: ColorToken, alpha: Token): ColorToken | null {
     let components = getColorComponents(color);
 
     if (alpha.typ === EnumToken.MathFunctionTokenType) {
-        const originalAlpha = cloneNode(alpha, true);
-
         for (const { value } of walkValues((alpha as FunctionToken).chi, alpha)) {
             if (value.typ === EnumToken.IdenTokenType) {
                 if (equalsIgnoreCase((value as IdentToken).val, "alpha")) {

From a3ac98f6012aedaad1c3f29511f60e55276aa7e0 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sun, 27 Sep 2026 18:26:37 -0400
Subject: [PATCH 36/41] improve code coverage

---
 src/lib/ast/features/calc.ts | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/lib/ast/features/calc.ts b/src/lib/ast/features/calc.ts
index 913d8f4e7..b2866c090 100644
--- a/src/lib/ast/features/calc.ts
+++ b/src/lib/ast/features/calc.ts
@@ -4,21 +4,18 @@ import type {
     AstNode,
     AstRule,
     BinaryExpressionToken,
-    ColorToken,
     DimensionToken,
     FunctionToken,
-    IdentToken,
     NumberToken,
     ParserOptions,
     Token,
 } from "../../../@types/index.d.ts";
-import { ColorType, EnumToken } from "../types.ts";
+import { EnumToken } from "../types.ts";
 import { walkValues } from "../walk.ts";
 import { evaluate } from "../math/expression.ts";
 import { FeatureWalkMode } from "./type.ts";
 import { LOCEND, LOCSRCID, LOCSTA, mathFuncs, tokensfuncSet } from "../../syntax/constants.ts";
 import { replaceNodeOrValue } from "../../parser/utils/token.ts";
-import { equalsIgnoreCase } from "../../parser/utils/text.ts";
 
 export class ComputeCalcExpressionFeature {
     public accept: Set<EnumToken> = new Set([EnumToken.RuleNodeType, EnumToken.AtRuleNodeType]);

From c48f4dd2fdcb8e84d9ec69f000648954ab632a91 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sun, 27 Sep 2026 18:58:55 -0400
Subject: [PATCH 37/41] improve code coverage

---
 README.md                       |   2 +-
 files/assets/typedoc-custom.css |  47 +-
 files/usage.md                  |  26 +-
 test/specs/code/color-alpha.js  |   8 +-
 test/specs/code/minify.js       | 887 +++++++++++++++++++-------------
 5 files changed, 578 insertions(+), 392 deletions(-)

diff --git a/README.md b/README.md
index 30ac0e469..25f767c47 100644
--- a/README.md
+++ b/README.md
@@ -70,7 +70,7 @@ While some tools prioritize raw execution speed, css-parser focuses on maximizin
 
 ## Minification performance vs execution speed
 
-`css-parser`is designed for maximum performance, but the optimal configuration depends on what matters most for your workload.
+`css-parser` is designed for maximum minification performance, but the optimal configuration depends on what matters most for your workload.
  
 The parser provides settings that let you choose the balance between minification performance and execution speed:
 
diff --git a/files/assets/typedoc-custom.css b/files/assets/typedoc-custom.css
index 0b6ea6ae0..cc49df39f 100644
--- a/files/assets/typedoc-custom.css
+++ b/files/assets/typedoc-custom.css
@@ -74,22 +74,43 @@ html[data-theme="dark"] {
                     }
                 }
             }
-        }
-    }
-}
 
-#main-function-differences ~ table tbody tr {
-    &:hover {
-        background-color: var(--transparent-blue) !important;
-        color: var(--blue-dark) !important;
-    }
+            table {
+                border-collapse: collapse;
+                margin-bottom: 15px;
 
-    td {
-        &:first-child {
-            text-align: left;
-        }
+                tr {
+                    border-bottom: 1px solid #f0f0f0;
+
+                    th {
+                        font-weight: 400;
+                    }
+
+                    th,
+                    td {
+                        padding-bottom: 5px;
+                        padding-top: 5px;
+                        text-align: left;
+                    }
 
-        text-align: center;
+                    thead th {
+                        text-align: left;
+                    }
+                }
+
+                tbody {
+                    tr {
+                        &:hover {
+                            background-color: var(--transparent-blue) !important;
+                            color: var(--blue-dark) !important;
+                        }
+                    }
+                    td {
+                        text-align: left;
+                    }
+                }
+            }
+        }
     }
 }
 
diff --git a/files/usage.md b/files/usage.md
index 56a7896a1..710105cbc 100644
--- a/files/usage.md
+++ b/files/usage.md
@@ -400,10 +400,9 @@ button {
 | CSS `composes` from file                                             | ✅       | ✅           | ❌               | ❌           |
 | import CSS variables from file                                       | ✅       | ✅           | ❌               | ❌           |
 
-
 ## Minification performance vs execution speed
 
-`css-parser` is designed for maximum performance, but the optimal configuration depends on what matters most for your workload.
+`css-parser` is designed for maximum minification performance, but the optimal configuration depends on what matters most for your workload.
  
 The parser provides settings that let you choose the balance between minification performance and execution speed:
 
@@ -422,18 +421,29 @@ import {transformSync} from "@tbela99/css-parser";
 const css = `...`;
 
 const result = transformSync({
-                    input: css,
-                    minify: false,
-                    beautify: false,
-                    removeEmpty: true,
-                    removeComments: true,
-                    convertColor: true,
+                  input: css,
+                  minify: false,
+                  beautify: false,
+                  removeEmpty: true,
+                  removeComments: true,
+                  convertColor: true,
+                  minifyValues: true,
                 });
 
 console.debug(result.code);
 console.debug(result.stats);
 ```
 
+Performance vs execution speed comparison
+
+
+| File:  tailwind.css   | Speed optimization | Minification optimization |
+| --------------------- | ------------------ | ------------------------- |
+| Size: 2,380,419 bytes | 1,890,728 bytes    | 1,633,188 bytes           |
+| Time                  | 205.91 ms          | 471.89 ms                 |
+| Size reduction        | -20.6%             | -31.4%                    |
+
+
 ------
 [← Getting started](./Guide.Getting_started.html) | [Architecture →](./Guide.Architecture.html) 
 
diff --git a/test/specs/code/color-alpha.js b/test/specs/code/color-alpha.js
index a5944b5b1..5fe419788 100644
--- a/test/specs/code/color-alpha.js
+++ b/test/specs/code/color-alpha.js
@@ -276,7 +276,7 @@ background: color(srgb 1 0.752941 0.796078 / 0.5);
 }`),
             );
         });
-        
+
         it("color-mix() #10", function () {
             return transform(
                 `
@@ -303,7 +303,7 @@ background: color(srgb 1 0.752941 0.796078 / none);
 }`),
             );
         });
-        
+
         it("color-mix() #11", function () {
             return transform(
                 `
@@ -328,7 +328,7 @@ background: color(srgb 1 0.752941 0.796078 / none);
 }`),
             );
         });
-        
+
         it("color-mix() #11", function () {
             return transform(
                 `
@@ -353,7 +353,7 @@ background: color(srgb 1 0.752941 0.796078 / none);
 }`),
             );
         });
-        
+
         it("color-mix() #12", function () {
             return transform(
                 `
diff --git a/test/specs/code/minify.js b/test/specs/code/minify.js
index e420cd669..803c9e622 100644
--- a/test/specs/code/minify.js
+++ b/test/specs/code/minify.js
@@ -1,5 +1,4 @@
 export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
-
     const css = `
 :root {
 --color: green;
@@ -23,13 +22,14 @@ export function run(describe, expect, it, transform, parse, render, dirname, rea
 
 `;
 
-    describe('minify passes', function () {
-        it('single pass #1', function () {
+    describe("minify passes", function () {
+        it("single pass #1", function () {
             return transform(css, {
                 beautify: true,
                 inlineCssVariables: true,
-                pass: 1
-            }).then((result) => expect(result.code).equals(`._19_u :focus {
+                pass: 1,
+            }).then((result) =>
+                expect(result.code).equals(`._19_u :focus {
  color: navy
 }
 .foo-bar {
@@ -39,640 +39,795 @@ export function run(describe, expect, it, transform, parse, render, dirname, rea
 .foo {
  width: 12px;
  height: 25%
-}`));
+}`),
+            );
         });
 
-        it('multiple passes #2', function () {
-
+        it("multiple passes #2", function () {
             return transform(css, {
                 beautify: true,
                 inlineCssVariables: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`._19_u :focus {
+                pass: 2,
+            }).then((result) =>
+                expect(result.code).equals(`._19_u :focus {
  color: navy
 }
 .foo-bar,.foo {
  width: 12px;
  height: 25%
-}`));
+}`),
+            );
         });
 
-        it('-webkit-linear-gradient() angle #3', function () {
-
-            return transform(`
+        it("-webkit-linear-gradient() angle #3", function () {
+            return transform(
+                `
   .xl\:origin-bottom-left {
     background-image:-webkit-linear-gradient( 30deg, red, blue);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl:origin-bottom-left {
  background-image: linear-gradient(60deg,red,blue)
-}`));
+}`),
+            );
         });
 
-        it('-webkit-linear-gradient() left #4', function () {
-
-            return transform(`
+        it("-webkit-linear-gradient() left #4", function () {
+            return transform(
+                `
   .xl\:origin-bottom-left {
     background-image:-webkit-linear-gradient( left, red, blue);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl:origin-bottom-left {
  background-image: linear-gradient(90deg,red,blue)
-}`));
+}`),
+            );
         });
 
-        it('-webkit-linear-gradient() right #5', function () {
-
-            return transform(`
+        it("-webkit-linear-gradient() right #5", function () {
+            return transform(
+                `
   .xl\:origin-bottom-left {
     background-image:-webkit-linear-gradient( right, red, blue);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl:origin-bottom-left {
  background-image: linear-gradient(270deg,red,blue)
-}`));
+}`),
+            );
         });
 
-        it('-webkit-linear-gradient() top #6', function () {
-
-            return transform(`
+        it("-webkit-linear-gradient() top #6", function () {
+            return transform(
+                `
   .xl\:origin-bottom-left {
     background-image:-webkit-linear-gradient( top, red, blue);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl:origin-bottom-left {
  background-image: linear-gradient(red,blue)
-}`));
+}`),
+            );
         });
 
-        it('-webkit-linear-gradient() top right #7', function () {
-
-            return transform(`
+        it("-webkit-linear-gradient() top right #7", function () {
+            return transform(
+                `
   .xl\:origin-bottom-left {
     background-image:-webkit-linear-gradient( top right, red, blue);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl:origin-bottom-left {
  background-image: linear-gradient(to bottom left,red,blue)
-}`));
+}`),
+            );
         });
 
-        it('-webkit-linear-gradient() top left #8', function () {
-
-            return transform(`
+        it("-webkit-linear-gradient() top left #8", function () {
+            return transform(
+                `
   .xl\:origin-bottom-left {
     background-image:-webkit-linear-gradient( top left, red, blue);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl:origin-bottom-left {
  background-image: linear-gradient(to bottom right,red,blue)
-}`));
+}`),
+            );
         });
 
-        it('-webkit-linear-gradient() bottom #9', function () {
-
-            return transform(`
+        it("-webkit-linear-gradient() bottom #9", function () {
+            return transform(
+                `
   .xl\:origin-bottom-left {
     background-image:-webkit-linear-gradient( bottom, red, blue);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl:origin-bottom-left {
  background-image: linear-gradient(0,red,blue)
-}`));
+}`),
+            );
         });
 
-        it('-webkit-linear-gradient() bottom right #10', function () {
-
-            return transform(`
+        it("-webkit-linear-gradient() bottom right #10", function () {
+            return transform(
+                `
   .xl\:origin-bottom-left {
     background-image:-webkit-linear-gradient( bottom right, red, blue);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl:origin-bottom-left {
  background-image: linear-gradient(to top left,red,blue)
-}`));
+}`),
+            );
         });
 
-        it('-webkit-linear-gradient() bottom left #11', function () {
-
-            return transform(`
+        it("-webkit-linear-gradient() bottom left #11", function () {
+            return transform(
+                `
   .xl\:origin-bottom-left {
     background-image:-webkit-linear-gradient( bottom left, red, blue);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl:origin-bottom-left {
  background-image: linear-gradient(to top right,red,blue)
-}`));
+}`),
+            );
         });
 
-        it('-webkit-linear-gradient() bottom left #11', function () {
-
-            return transform(`
+        it("-webkit-linear-gradient() bottom left #11", function () {
+            return transform(
+                `
   .xl\:origin-bottom-left {
     background-image:-webkit-linear-gradient( bottom left, red, blue);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl:origin-bottom-left {
  background-image: linear-gradient(to top right,red,blue)
-}`));
+}`),
+            );
         });
 
-        it('-o-linear-gradient() #12', function () {
-
-            return transform(`
+        it("-o-linear-gradient() #12", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left2 {
  background: -o-linear-gradient(-90deg,#fff,#000);
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left2 {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left2 {
  background: linear-gradient(#fff,#000)
-}`));
+}`),
+            );
         });
 
-        it(' -webkit-radial-gradient() #13', function () {
-
-            return transform(`
+        it(" -webkit-radial-gradient() #13", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: -webkit-radial-gradient(center, circle closest-side , red 0%, blue 100%);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: radial-gradient(circle closest-side,red,blue)
-}`));
+}`),
+            );
         });
 
-        it(' radial-gradient() #14', function () {
-
-            return transform(`
+        it(" radial-gradient() #14", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: radial-gradient(circle at center in hsl longer hue, red 0, blue, green 100%);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: radial-gradient(circle in hsl longer hue,red,blue,green)
-}`));
+}`),
+            );
         });
 
-        it(' radial-gradient() #15', function () {
-
-            return transform(`
+        it(" radial-gradient() #15", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: radial-gradient(circle at 50% 0, rgb(255 0 0 / 50%), transparent 70.71%);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: radial-gradient(circle at top,#ff000080,#0000 70.71%)
-}`));
+}`),
+            );
         });
 
-        it(' radial-gradient() #16', function () {
-
-            return transform(`
+        it(" radial-gradient() #16", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: radial-gradient(ellipse at 50% 0, rgb(255 0 0 / 50%), transparent 70.71%);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: radial-gradient(at top,#ff000080,#0000 70.71%)
-}`));
+}`),
+            );
         });
 
-        it(' radial-gradient() #17', function () {
-
-            return transform(`
+        it(" radial-gradient() #17", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: radial-gradient(ellipse at 50% 50%, rgb(255 0 0 / 50%), transparent 70.71%);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: radial-gradient(#ff000080,#0000 70.71%)
-}`));
+}`),
+            );
         });
 
-        it(' radial-gradient() #17', function () {
-
-            return transform(`
+        it(" radial-gradient() #17", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: radial-gradient(closest-side ellipse at 50% 50%, rgb(255 0 0 / 50%), transparent 70.71%);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: radial-gradient(closest-side,#ff000080,#0000 70.71%)
-}`));
+}`),
+            );
         });
 
-        it(' linear-gradient() #18', function () {
-
-            return transform(`
+        it(" linear-gradient() #18", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: linear-gradient(45deg, red 0%, blue 100%);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: linear-gradient(45deg,red,blue)
-}`));
+}`),
+            );
         });
 
-        it(' linear-gradient() #18', function () {
-
-            return transform(`
+        it(" linear-gradient() #18", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: linear-gradient(45deg, red 0%, blue 50% 100%);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: linear-gradient(45deg,red,blue 50% 100%)
-}`));
+}`),
+            );
         });
 
-        it(' linear-gradient() #19', function () {
-
-            return transform(`
+        it(" linear-gradient() #19", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: linear-gradient(45deg, red 0%, blue 50%, blue 100%);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: linear-gradient(45deg,red,blue 50% 100%)
-}`));
+}`),
+            );
         });
 
-        it(' linear-gradient() #20', function () {
-
-            return transform(`
+        it(" linear-gradient() #20", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: linear-gradient(red 0%, orange 25%, yellow 50%, green 75%, blue 100%);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: linear-gradient(red,orange,#ff0,green,blue)
-}`));
+}`),
+            );
         });
 
-        it(' conic-gradient() #21', function () {
-
-            return transform(`
+        it(" conic-gradient() #21", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: conic-gradient(from 0deg at 50% 50%, red 0deg, orange 90deg, yellow 180deg, green 270deg, blue 360deg);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: conic-gradient(red,orange,#ff0,green,blue)
-}`));
+}`),
+            );
         });
 
-        it(' -webkit-gradient(linear) #22', function () {
-
-            return transform(`
+        it(" -webkit-gradient(linear) #22", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: -webkit-gradient( linear, left top, right bottom, from(#ff0), color-stop(0.5, orange), to(rgb(255, 0, 0) ));
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: linear-gradient(to bottom right,#ff0,orange,red)
-}`));
+}`),
+            );
         });
 
-        it(' conic-gradient() #23', function () {
-
-            return transform(`
+        it(" conic-gradient() #23", function () {
+            return transform(
+                `
   
   .xl\\:origin-bottom-left {
     background: conic-gradient(from 0deg at 50% 50%, red 0deg, red 90deg, yellow 180deg, green 270deg, blue 360deg);
 }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: conic-gradient(red 0 90deg,#ff0,green,blue)
-}`));
+}`),
+            );
         });
 
-        it(' conic-gradient() #24', function () {
-
-            return transform(`
+        it(" conic-gradient() #24", function () {
+            return transform(
+                `
   
  .xl\\:origin-bottom-left {
 background: conic-gradient(in hsl longer hue, red 0deg, red 90deg, yellow 180deg, green 270deg, blue 360deg);
 }
 
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: conic-gradient(in hsl longer hue,red 0 90deg,#ff0,green,blue)
-}`));
+}`),
+            );
         });
 
-        it(' conic-gradient() #25', function () {
-
-            return transform(`
+        it(" conic-gradient() #25", function () {
+            return transform(
+                `
   
  .xl\\:origin-bottom-left {
 background: conic-gradient(red 40grad, 80grad, blue 360grad);
 
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: conic-gradient(red 36deg,72deg,blue 324deg)
-}`));
+}`),
+            );
         });
 
-        it(' conic-gradient() #25', function () {
-
-            return transform(`
+        it(" conic-gradient() #25", function () {
+            return transform(
+                `
   
  .xl\\:origin-bottom-left {
 background: conic-gradient(red 40grad, 80grad, blue 360grad, black 400grad, black 450grad);
 
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: conic-gradient(red 36deg,72deg,blue 324deg,#000 1turn 405deg)
-}`));
+}`),
+            );
         });
 
-        it(' conic-gradient() #26', function () {
-
-            return transform(`
+        it(" conic-gradient() #26", function () {
+            return transform(
+                `
   
  .xl\\:origin-bottom-left {
 background:  conic-gradient(white 90deg, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);
 
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`.xl\\:origin-bottom-left {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`.xl\\:origin-bottom-left {
  background: conic-gradient(#fff 90deg,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
 
-        it(' conic-gradient() #27', function () {
-
-            return transform(`
+        it(" conic-gradient() #27", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at left center, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg at 0,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
 
-        it(' conic-gradient() #28', function () {
-
-            return transform(`
+        it(" conic-gradient() #28", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at top center, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg at top,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
 
-        it(' conic-gradient() #29', function () {
-
-            return transform(`
+        it(" conic-gradient() #29", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at bottom center, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg at bottom,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
 
-        it(' conic-gradient() #30', function () {
-
-            return transform(`
+        it(" conic-gradient() #30", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at right center, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg at 100%,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
-        
-
-        it(' conic-gradient() #31', function () {
 
-            return transform(`
+        it(" conic-gradient() #31", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at bottom left, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg at 0 100%,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
-        
-        it(' conic-gradient() #32', function () {
 
-            return transform(`
+        it(" conic-gradient() #32", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at bottom right, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg at 100% 100%,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
-        
-        it(' conic-gradient() #33', function () {
 
-            return transform(`
+        it(" conic-gradient() #33", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at top left, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg at 0 0,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
-        
-        it(' conic-gradient() #34', function () {
 
-            return transform(`
+        it(" conic-gradient() #34", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at top right, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg at 100% 0,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
-        
-        it(' conic-gradient() #35', function () {
 
-            return transform(`
+        it(" conic-gradient() #35", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at 50%, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
-        
-        it(' conic-gradient() #36', function () {
 
-            return transform(`
+        it(" conic-gradient() #36", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at 0 50%, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg at 0,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
-        
-        it(' conic-gradient() #37', function () {
 
-            return transform(`
+        it(" conic-gradient() #37", function () {
+            return transform(
+                `
   
   a:hover {
     background: conic-gradient(from 0.25turn at 50% 0, black 0.25turn 0.5turn, white calc(2*pi * 1rad) calc(pi * 1.5rad), black 300grad);;
   }
-`, {
-                beautify: true,
-                removePrefix: true,
-                pass: 2
-            }).then((result) => expect(result.code).equals(`a:hover {
+`,
+                {
+                    beautify: true,
+                    removePrefix: true,
+                    pass: 2,
+                },
+            ).then((result) =>
+                expect(result.code).equals(`a:hover {
  background: conic-gradient(from 90deg at top,#000 90deg .5turn,#fff 1turn 270deg,#000 270deg)
-}`));
+}`),
+            );
         });
-        
     });
-
-}
\ No newline at end of file
+}

From fa72297b05c900a6809e6d1cf9aea24731dcbd95 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sun, 27 Sep 2026 23:10:58 -0400
Subject: [PATCH 38/41] fix bugs with color-mix() using hwb and a98-rgb color
 spaces

---
 CHANGELOG.md                       |   1 +
 dist/index-umd-web.js              |  27 ++++---
 dist/index.cjs                     |  28 ++++---
 dist/index.d.ts                    |  42 +---------
 dist/lib/syntax/color/a98rgb.js    |   2 +-
 dist/lib/syntax/color/color-mix.js |  27 ++++---
 dist/node.js                       |   1 -
 files/assets/typedoc-custom.css    |   6 +-
 files/getting-started.md           |   8 +-
 files/sourcemap.md                 |   1 -
 src/lib/syntax/color/a98rgb.ts     |   2 +-
 src/lib/syntax/color/color-mix.ts  |  26 +++---
 src/node.ts                        |   1 -
 test/specs/code/color-mix.js       | 122 +++++++++++++++++++++++++++--
 test/specs/code/color.js           |  24 ++++++
 15 files changed, 209 insertions(+), 109 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f14db432d..a6885b1e2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -28,6 +28,7 @@ is now computed as
 
 ## Fixes
 
+- [x] fix a98-rgb, hwb color color space handling in color-mix()
 - [x] fix percentage handling in relative rgb color
 
 ```css
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index cf5e67eb9..5ee422322 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -9079,7 +9079,7 @@
         // convert an array of linear-light a98-rgb  in the range 0.0-1.0
         // to gamma corrected form
         // negative values are also now accepted
-        return [r, b, g]
+        return [r, g, b]
             .map(function (val) {
             let sign = val < 0 ? -1 : 1;
             let abs = Math.abs(val);
@@ -9215,6 +9215,9 @@
             if (values == null) {
                 return null;
             }
+            if (colorSpace == "hwb") {
+                colorSpace = "srgb";
+            }
             switch (colorSpace) {
                 case "srgb":
                     break;
@@ -9244,17 +9247,17 @@
                     values = srgb2xyz_d65(values[0], values[1], values[2], values[3]);
                     values = XYZ_D65_to_D50(values[0], values[1], values[2], values[3]);
                     break;
-                case "rgb":
-                    for (let j = 0; j < values.length; j++) {
-                        values[j] = j == 3 ? values[j] : srgb2rgb(values[j]);
-                    }
-                    break;
+                // case "rgb":
+                //     for (let j = 0; j < values.length; j++) {
+                //         values[j] = j == 3 ? values[j] : srgb2rgb(values[j]);
+                //     }
+                //     break;
                 case "hsl":
                     values = srgb2hslvalues(values[0], values[1], values[2], values[3]);
                     break;
-                case "hwb":
-                    values = srgb2hwb(values[0], values[1], values[2], values[3]);
-                    break;
+                // case "hwb":
+                //     values = srgb2hwb(values[0], values[1], values[2], values[3]);
+                //     break;
                 case "lab":
                     values = srgb2labvalues(values[0], values[1], values[2], values[3]);
                     break;
@@ -9453,14 +9456,14 @@
                     kin: exports.ColorType.COLOR,
                     cal: "col",
                 };
-            case "rgb":
+            // case "rgb":
             case "hsl":
-            case "hwb":
+            // case "hwb":
             case "lab":
             case "lch":
             case "oklab":
             case "oklch":
-                if (colorSpace == "hsl" || colorSpace == "hwb") {
+                if (colorSpace == "hsl") {
                     // @ts-ignore
                     if (values[2] < 0) {
                         // @ts-ignore
diff --git a/dist/index.cjs b/dist/index.cjs
index 22636ebf1..b86bfde55 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -9082,7 +9082,7 @@ function la98rgb2a98rgb(r, g, b, a = null) {
     // convert an array of linear-light a98-rgb  in the range 0.0-1.0
     // to gamma corrected form
     // negative values are also now accepted
-    return [r, b, g]
+    return [r, g, b]
         .map(function (val) {
         let sign = val < 0 ? -1 : 1;
         let abs = Math.abs(val);
@@ -9218,6 +9218,9 @@ function colorMix(...args) {
         if (values == null) {
             return null;
         }
+        if (colorSpace == "hwb") {
+            colorSpace = "srgb";
+        }
         switch (colorSpace) {
             case "srgb":
                 break;
@@ -9247,17 +9250,17 @@ function colorMix(...args) {
                 values = srgb2xyz_d65(values[0], values[1], values[2], values[3]);
                 values = XYZ_D65_to_D50(values[0], values[1], values[2], values[3]);
                 break;
-            case "rgb":
-                for (let j = 0; j < values.length; j++) {
-                    values[j] = j == 3 ? values[j] : srgb2rgb(values[j]);
-                }
-                break;
+            // case "rgb":
+            //     for (let j = 0; j < values.length; j++) {
+            //         values[j] = j == 3 ? values[j] : srgb2rgb(values[j]);
+            //     }
+            //     break;
             case "hsl":
                 values = srgb2hslvalues(values[0], values[1], values[2], values[3]);
                 break;
-            case "hwb":
-                values = srgb2hwb(values[0], values[1], values[2], values[3]);
-                break;
+            // case "hwb":
+            //     values = srgb2hwb(values[0], values[1], values[2], values[3]);
+            //     break;
             case "lab":
                 values = srgb2labvalues(values[0], values[1], values[2], values[3]);
                 break;
@@ -9456,14 +9459,14 @@ function colorMix(...args) {
                 kin: exports.ColorType.COLOR,
                 cal: "col",
             };
-        case "rgb":
+        // case "rgb":
         case "hsl":
-        case "hwb":
+        // case "hwb":
         case "lab":
         case "lch":
         case "oklab":
         case "oklch":
-            if (colorSpace == "hsl" || colorSpace == "hwb") {
+            if (colorSpace == "hsl") {
                 // @ts-ignore
                 if (values[2] < 0) {
                     // @ts-ignore
@@ -34892,7 +34895,6 @@ async function transform(...args) {
     });
 }
 
-exports.PropertyList = PropertyList;
 exports.SourceMap = SourceMap;
 exports.cloneNode = cloneNode;
 exports.convertColor = convertColor;
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 817ab2c27..5c17e370e 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -6567,46 +6567,6 @@ declare function replaceNodeOrValue(parent: BinaryExpressionToken | (AstNode$1 &
     val: Token$1[];
 })), node: Token$1, replacement: Token$1 | Token$1[]): boolean;
 
-declare class PropertySet {
-    protected config: ShorthandPropertyType;
-    protected declarations: Map<string, AstDeclaration>;
-    constructor(config: ShorthandPropertyType);
-    add(declaration: AstDeclaration): this;
-    isShortHand(): boolean;
-    [Symbol.iterator](): IterableIterator<AstDeclaration>;
-}
-
-declare class PropertyMap {
-    declarations: Map<string, AstDeclaration | PropertySet | PropertyMap>;
-    protected config: ShorthandMapType;
-    protected requiredCount: any;
-    protected pattern: string[];
-    constructor(config: ShorthandMapType);
-    add(declaration: AstDeclaration): this;
-    [Symbol.iterator](): ArrayIterator<AstDeclaration> | {
-        next(): IteratorResult<AstDeclaration>;
-    };
-    private matchTypes;
-    private removeDefaults;
-}
-
-/**
- * Represents a list of property declarations, compute shorthand and remove duplicate declarations.
- */
-declare class PropertyList {
-    protected options: PropertyListOptions;
-    protected declarations: Map<string, AstNode$1 | PropertySet | PropertyMap>;
-    constructor(options?: PropertyListOptions);
-    add(declarations: AstNode$1[]): this;
-    mapValues(declaration: AstDeclaration, mapping: SinglePropertyTypeMapping): void;
-    [Symbol.iterator](): {
-        next(): {
-            value: AstNode$1;
-            done: boolean;
-        };
-    };
-}
-
 /**
  *
  * @param node
@@ -7060,5 +7020,5 @@ declare function transform(options: ParseInputStreamOptions & TransformOptions):
  */
 declare function transform(options: ParseInputFileOptions & TransformOptions): Promise<TransformResult>;
 
-export { ColorType$1 as ColorType, EnumAstNodeStatus$1 as EnumAstNodeStatus, EnumToken, FeatureWalkMode, ModuleCaseTransformEnum, ModuleScopeEnumOptions, PropertyList, ResponseType, SourceMap, ValidationLevel, WalkerEvent, WalkerOptionEnum, cloneNode, convertColor, dirname, expand, find, findAll, findByValue, findLast, getNodeProperty, isOkLabClose, load, minify, okLabDistance, parse, parseDeclarations, parseFile, parseString, parseSync, render, renderValue as renderToken, replaceNodeOrValue, resolve, setNodeProperty, transform, transformFile, transformSync, walk, walkValues };
+export { ColorType$1 as ColorType, EnumAstNodeStatus$1 as EnumAstNodeStatus, EnumToken, FeatureWalkMode, ModuleCaseTransformEnum, ModuleScopeEnumOptions, ResponseType, SourceMap, ValidationLevel, WalkerEvent, WalkerOptionEnum, cloneNode, convertColor, dirname, expand, find, findAll, findByValue, findLast, getNodeProperty, isOkLabClose, load, minify, okLabDistance, parse, parseDeclarations, parseFile, parseString, parseSync, render, renderValue as renderToken, replaceNodeOrValue, resolve, setNodeProperty, transform, transformFile, transformSync, walk, walkValues };
 export type { AddToken, AndToken, AngleToken, AstAtRule, AstComment, AstDeclaration, AstInvalidAtRule, AstInvalidDeclaration, AstInvalidRule, AstKeyframesAtRule, AstKeyframesRule, AstNode$1 as AstNode, AstNodeStatus, AstRule, AstRuleList, AstStyleSheet, AstValueMatcher, AtRuleToken, AtRuleVisitorHandler, AttrEndToken, AttrStartToken, AttrToken, Background, BackgroundAttachmentMapping, BackgroundPosition, BackgroundPositionClass, BackgroundPositionConstraints, BackgroundPositionMapping, BackgroundProperties, BackgroundRepeat, BackgroundRepeatMapping, BackgroundSize, BackgroundSizeMapping, BadCDOCommentToken, BadCommentToken, BadStringToken, BadUrlToken, BaseToken, BinaryExpressionNode, BinaryExpressionToken, BlockEndToken, BlockStartToken, Border, BorderColor, BorderColorClass, BorderProperties, BorderRadius, CDOCommentToken, ChildCombinatorToken, ClassSelectorToken, ColonToken, ColorToken, ColumnCombinatorToken, CommaToken, CommentToken, ComposesSelectorToken, ConstraintsMapping, ContainMatchToken, ContainerStyleRangeToken, CssVariableImportTokenType, CssVariableMapTokenType, CssVariableToken, DashMatchToken, DashedIdentToken, DeclarationVisitorHandler, DelimToken, DescendantCombinatorToken, DimensionToken, DivToken, DoubleColonToken, EOFToken, EndMatchToken, EqualMatchToken, ErrorDescription$1 as ErrorDescription, FlexToken, Font, FontFamily, FontProperties, FontWeight, FontWeightConstraints, FontWeightMapping, FractionToken, FrequencyToken, FunctionDefToken, FunctionImageToken, FunctionToken, FunctionURLToken, GenericVisitorAstNodeHandlerMap, GenericVisitorAstNodeSyncHandlerMap, GenericVisitorAsyncResult, GenericVisitorHandler, GenericVisitorResult, GenericVisitorSyncHandler, GenericVisitorSyncResult, GreaterThanOrEqualToken, GreaterThanToken, GridTemplateFuncToken, HashToken, IdentListToken, IdentToken, IfConditionToken, IfElseConditionToken, ImportantToken, IncludeMatchToken, InfinityToken, InvalidAttrToken, InvalidClassSelectorToken, InvalidMediaQueryToken, LengthToken, LessThanOrEqualToken, LessThanToken, LineHeight, ListToken, LiteralToken, LoadResult, Map$1 as Map, MatchExpressionToken, MatchedSelector, MediaFeatureOnlyToken, MediaFeatureToken, MediaQueryConditionToken, MediaQueryUnaryFeatureToken, MediaRangeQueryToken, MinifyFeature, MinifyFeatureOptions, MinifyOptions, ModuleAsyncOptions, ModuleSyncOptions, MulToken, NaNToken, NameSpaceAttributeToken, NegativeInfinityToken, NestingSelectorToken, NextSiblingCombinatorToken, NotToken, NumberToken, OptimizedSelector, OptimizedSelectorToken, OrToken, Outline, OutlineProperties, ParensEndToken, ParensStartToken, ParensToken, ParseInfo$1 as ParseInfo, ParseInputFileOptions, ParseInputOptions, ParseInputStreamOptions, ParseResult, ParseResultStats, ParseSourceOptions, ParseTokenOptions, ParserOptions, ParserSourceMapOptions, ParserSyncOptions, PercentageToken, Prefix, PropertiesConfig, PropertiesConfigProperties, PropertyListOptions, PropertyMapType, PropertySetType, PropertyType, PseudoClassFunctionToken, PseudoClassToken, PseudoElementToken, PseudoPageToken, PurpleBackgroundAttachment, RawNodeToken, RawSelectorTokens, RenderOptions, RenderResult, ResolutionToken, ResolvedPath, RuleVisitorHandler, SemiColonToken, Separator, ShorthandDef, ShorthandMapType, ShorthandProperties, ShorthandPropertyType, ShorthandType, SinglePropertyType, SinglePropertyTypeMapping, SourceLocation, SourceMapObject, StartMatchToken, StringToken, SubToken, SubsequentCombinatorToken, SupportsQueryConditionToken, SupportsQueryUnaryConditionToken, TimeToken, TimelineFunctionToken, TimingFunctionToken, Token$1 as Token, TokenSearchResult, TokenizeResult, TransformOptions, TransformResult, TransformSyncOptions, UnaryExpression, UnaryExpressionNode, UnclosedStringToken, UniversalSelectorToken, UrlToken, ValidationConfiguration, ValidationMediaFeature, ValidationOptions, ValidationResult, ValidationSelectorOptions, ValidationSyntaxNode, ValidationSyntaxResult, ValidationToken$1 as ValidationToken, Value, ValueVisitorHandler, ValueVisitorSyncHandler, VariableScopeInfo, VisitorNodeMap, VisitorSyncNodeMap, WalkAttributesResult, WalkResult, WalkerFilter, WalkerOption, WalkerOptions, WalkerValueFilter, WhenElseQueryConditionToken, WhenElseUnaryConditionToken, WhitespaceToken, WrappedValuesToken };
diff --git a/dist/lib/syntax/color/a98rgb.js b/dist/lib/syntax/color/a98rgb.js
index 87fd4de9d..1b5ada0af 100644
--- a/dist/lib/syntax/color/a98rgb.js
+++ b/dist/lib/syntax/color/a98rgb.js
@@ -37,7 +37,7 @@ function la98rgb2a98rgb(r, g, b, a = null) {
     // convert an array of linear-light a98-rgb  in the range 0.0-1.0
     // to gamma corrected form
     // negative values are also now accepted
-    return [r, b, g]
+    return [r, g, b]
         .map(function (val) {
         let sign = val < 0 ? -1 : 1;
         let abs = Math.abs(val);
diff --git a/dist/lib/syntax/color/color-mix.js b/dist/lib/syntax/color/color-mix.js
index 2478e5fcc..1874a8244 100644
--- a/dist/lib/syntax/color/color-mix.js
+++ b/dist/lib/syntax/color/color-mix.js
@@ -2,9 +2,7 @@ import { EnumToken, ColorType } from '../../ast/types.js';
 import { minmax, getNumber } from './color.js';
 import { srgbvalues, srgb2lsrgbvalues } from './srgb.js';
 import { srgb2lch, xyz2lchvalues } from './lch.js';
-import { srgb2rgb } from './rgb.js';
 import { srgb2hslvalues } from './hsl.js';
-import { srgb2hwb } from './hwb.js';
 import { srgb2labvalues } from './lab.js';
 import { srgb2lp3values, srgb2p3values } from './p3.js';
 import { getColorComponents } from './utils/components.js';
@@ -121,6 +119,9 @@ function colorMix(...args) {
         if (values == null) {
             return null;
         }
+        if (colorSpace == "hwb") {
+            colorSpace = "srgb";
+        }
         switch (colorSpace) {
             case "srgb":
                 break;
@@ -150,17 +151,17 @@ function colorMix(...args) {
                 values = srgb2xyz_d65(values[0], values[1], values[2], values[3]);
                 values = XYZ_D65_to_D50(values[0], values[1], values[2], values[3]);
                 break;
-            case "rgb":
-                for (let j = 0; j < values.length; j++) {
-                    values[j] = j == 3 ? values[j] : srgb2rgb(values[j]);
-                }
-                break;
+            // case "rgb":
+            //     for (let j = 0; j < values.length; j++) {
+            //         values[j] = j == 3 ? values[j] : srgb2rgb(values[j]);
+            //     }
+            //     break;
             case "hsl":
                 values = srgb2hslvalues(values[0], values[1], values[2], values[3]);
                 break;
-            case "hwb":
-                values = srgb2hwb(values[0], values[1], values[2], values[3]);
-                break;
+            // case "hwb":
+            //     values = srgb2hwb(values[0], values[1], values[2], values[3]);
+            //     break;
             case "lab":
                 values = srgb2labvalues(values[0], values[1], values[2], values[3]);
                 break;
@@ -359,14 +360,14 @@ function colorMix(...args) {
                 kin: ColorType.COLOR,
                 cal: "col",
             };
-        case "rgb":
+        // case "rgb":
         case "hsl":
-        case "hwb":
+        // case "hwb":
         case "lab":
         case "lch":
         case "oklab":
         case "oklch":
-            if (colorSpace == "hsl" || colorSpace == "hwb") {
+            if (colorSpace == "hsl") {
                 // @ts-ignore
                 if (values[2] < 0) {
                     // @ts-ignore
diff --git a/dist/node.js b/dist/node.js
index 1de7082e6..c8740ff41 100644
--- a/dist/node.js
+++ b/dist/node.js
@@ -23,7 +23,6 @@ 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 { PropertyList } from './lib/parser/declaration/list.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/assets/typedoc-custom.css b/files/assets/typedoc-custom.css
index cc49df39f..6c2a8a9ab 100644
--- a/files/assets/typedoc-custom.css
+++ b/files/assets/typedoc-custom.css
@@ -92,10 +92,10 @@ html[data-theme="dark"] {
                         padding-top: 5px;
                         text-align: left;
                     }
+                }
 
-                    thead th {
-                        text-align: left;
-                    }
+                thead th {
+                    text-align: left;
                 }
 
                 tbody {
diff --git a/files/getting-started.md b/files/getting-started.md
index 96f429ceb..df6ac0b1e 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.4/web';
+    import {transform, ColorType} from 'https://unpkg.com/@tbela99/css-parser@1.6.5/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.4/dist/index-umd-web.js"></script>
+<script src="https://unpkg.com/@tbela99/css-parser@1.6.5/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.4/web';
+    import {transform, ColorType} from 'https://unpkg.com/@tbela99/css-parser@1.6.5/web';
 
 const css = `
 
@@ -202,7 +202,7 @@ Load as an UMD module
 
 ```html
 
-<script src="https://unpkg.com/@tbela99/css-parser@1.6.4/dist/index-umd-web.js"></script>
+<script src="https://unpkg.com/@tbela99/css-parser@1.6.5/dist/index-umd-web.js"></script>
 <script>
 
     (async () => {
diff --git a/files/sourcemap.md b/files/sourcemap.md
index 0a142c44c..5804f4457 100644
--- a/files/sourcemap.md
+++ b/files/sourcemap.md
@@ -4,7 +4,6 @@ group: Documents
 category: Guides
 ---
 
-
 # Sourcemaps
 
 **CSS-Parser** supports generating sourcemaps. To enable it, you must pass `sourcemap: true` or `sourcemap: 'inline`.
diff --git a/src/lib/syntax/color/a98rgb.ts b/src/lib/syntax/color/a98rgb.ts
index 0d6d226d6..658542c99 100644
--- a/src/lib/syntax/color/a98rgb.ts
+++ b/src/lib/syntax/color/a98rgb.ts
@@ -47,7 +47,7 @@ function la98rgb2a98rgb(r: number, g: number, b: number, a: number | null = null
     // to gamma corrected form
 
     // negative values are also now accepted
-    return [r, b, g]
+    return [r, g, b]
         .map(function (val) {
             let sign = val < 0 ? -1 : 1;
             let abs = Math.abs(val);
diff --git a/src/lib/syntax/color/color-mix.ts b/src/lib/syntax/color/color-mix.ts
index 8ae952dac..d82cb9440 100644
--- a/src/lib/syntax/color/color-mix.ts
+++ b/src/lib/syntax/color/color-mix.ts
@@ -142,6 +142,10 @@ export function colorMix(...args: Token[]): ColorToken | null {
             return null;
         }
 
+        if (colorSpace == "hwb") {
+            colorSpace = "srgb";
+        }
+
         switch (colorSpace) {
             case "srgb":
                 break;
@@ -179,19 +183,19 @@ export function colorMix(...args: Token[]): ColorToken | null {
                 values = XYZ_D65_to_D50(values[0], values[1], values[2], values[3]);
                 break;
 
-            case "rgb":
-                for (let j = 0; j < values.length; j++) {
-                    values[j] = j == 3 ? values[j] : srgb2rgb(values[j]);
-                }
-                break;
+            // case "rgb":
+            //     for (let j = 0; j < values.length; j++) {
+            //         values[j] = j == 3 ? values[j] : srgb2rgb(values[j]);
+            //     }
+            //     break;
 
             case "hsl":
                 values = srgb2hslvalues(values[0], values[1], values[2], values[3]);
                 break;
 
-            case "hwb":
-                values = srgb2hwb(values[0], values[1], values[2], values[3]);
-                break;
+            // case "hwb":
+            //     values = srgb2hwb(values[0], values[1], values[2], values[3]);
+            //     break;
 
             case "lab":
                 values = srgb2labvalues(values[0], values[1], values[2], values[3]);
@@ -455,14 +459,14 @@ export function colorMix(...args: Token[]): ColorToken | null {
                 cal: "col",
             } as ColorToken;
 
-        case "rgb":
+        // case "rgb":
         case "hsl":
-        case "hwb":
+        // case "hwb":
         case "lab":
         case "lch":
         case "oklab":
         case "oklch":
-            if (colorSpace == "hsl" || colorSpace == "hwb") {
+            if (colorSpace == "hsl") {
                 // @ts-ignore
                 if (values[2] < 0) {
                     // @ts-ignore
diff --git a/src/node.ts b/src/node.ts
index 8b497ad68..df1190a6a 100644
--- a/src/node.ts
+++ b/src/node.ts
@@ -56,7 +56,6 @@ export { parseDeclarations } from "./lib/parser/parse.ts";
 export { find, findLast, findByValue, findAll } from "./lib/ast/find.ts";
 export { cloneNode } from "./lib/ast/clone.ts";
 export { replaceNodeOrValue } from "./lib/parser/utils/token.ts";
-export { PropertyList } from "./lib/parser/declaration/list.ts";
 export {
     EnumToken,
     ColorType,
diff --git a/test/specs/code/color-mix.js b/test/specs/code/color-mix.js
index ab895177f..f1a728144 100644
--- a/test/specs/code/color-mix.js
+++ b/test/specs/code/color-mix.js
@@ -25,8 +25,8 @@ export function run(describe, expect, it, transform, parse, render) {
 
         it("color-mix(firebrick, goldenrod) #2", function () {
             return transform(`.hsl { color: color-mix(firebrick, goldenrod); }`, {
-                    beautify: true,
-                    convertColor: ColorType.OKLAB
+                beautify: true,
+                convertColor: ColorType.OKLAB,
             }).then((result) =>
                 expect(
                     isOkLabClose(result.ast.chi[0].chi[0].val[0], {
@@ -74,16 +74,124 @@ export function run(describe, expect, it, transform, parse, render) {
                         typ: EnumToken.ColorTokenType,
                         val: "color",
                         chi: [
-                            { typ: EnumToken.IdenTokenType, val: 'in'   },
-                            { typ: EnumToken.IdenTokenType, val: 'xyz'   },
-                            { typ: EnumToken.NumberTokenType, val: .342548   },
-                            { typ: EnumToken.NumberTokenType, val: .384792 },
-                            { typ: EnumToken.NumberTokenType, val: .371596 },
+                            { typ: EnumToken.IdenTokenType, val: "in" },
+                            { typ: EnumToken.IdenTokenType, val: "xyz" },
+                            { typ: EnumToken.NumberTokenType, val: 0.342548 },
+                            { typ: EnumToken.NumberTokenType, val: 0.384792 },
+                            { typ: EnumToken.NumberTokenType, val: 0.371596 },
+                        ],
+                        kin: ColorType.COLOR,
+                    }),
+                ).equals(true),
+            );
+        });
+
+        it("color-mix(in display-p3, white, black, green) #5", function () {
+            return transform(`.hsl { color: color-mix(in display-p3, white, black, green); }`, {
+                beautify: true,
+                convertColor: ColorType.XYZ,
+            }).then((result) =>
+                expect(
+                    isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                        typ: EnumToken.ColorTokenType,
+                        val: "color",
+                        chi: [
+                            { typ: EnumToken.IdenTokenType, val: "in" },
+                            { typ: EnumToken.IdenTokenType, val: "display-p3" },
+                            { typ: EnumToken.NumberTokenType, val: 0.405346 },
+                            { typ: EnumToken.NumberTokenType, val: 0.498061 },
+                            { typ: EnumToken.NumberTokenType, val: 0.377171 },
+                        ],
+                        kin: ColorType.COLOR,
+                    }),
+                ).equals(true),
+            );
+        });
+
+        it("color-mix(in display-p3-linear, white, black, green) #6", function () {
+            return transform(`.hsl { color: color-mix(in display-p3-linear, white, black, green); }`, {
+                beautify: true,
+                convertColor: ColorType.XYZ,
+            }).then((result) =>
+                expect(
+                    isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                        typ: EnumToken.ColorTokenType,
+                        val: "color",
+                        chi: [
+                            { typ: EnumToken.IdenTokenType, val: "in" },
+                            { typ: EnumToken.IdenTokenType, val: "display-p3-linear" },
+                            { typ: EnumToken.NumberTokenType, val: 0.346108 },
+                            { typ: EnumToken.NumberTokenType, val: 0.402898 },
+                            { typ: EnumToken.NumberTokenType, val: 0.338543 },
                         ],
                         kin: ColorType.COLOR,
                     }),
                 ).equals(true),
             );
         });
+
+        it("color-mix(in a98-rgb, white, black, green) #6", function () {
+            return transform(`.hsl { color: color-mix(in a98-rgb, white, black, green); }`, {
+                beautify: true,
+                convertColor: ColorType.XYZ,
+            }).then((result) =>
+                expect(
+                    isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                        typ: EnumToken.ColorTokenType,
+                        val: "color",
+                        chi: [
+                            { typ: EnumToken.IdenTokenType, val: "in" },
+                            { typ: EnumToken.IdenTokenType, val: "a98-rgb" },
+                            { typ: EnumToken.NumberTokenType, val: 0.427122 },
+                            { typ: EnumToken.NumberTokenType, val: 0.499339 },
+                            { typ: EnumToken.NumberTokenType, val: 0.372249 },
+                        ],
+                        kin: ColorType.COLOR,
+                    }),
+                ).equals(true),
+            );
+        });
+
+        it("color-mix(in prophoto-rgb, white, black, green) #6", function () {
+            return transform(`.hsl { color: color-mix(in prophoto-rgb, white, black, green); }`, {
+                beautify: true,
+                convertColor: ColorType.XYZ,
+            }).then((result) =>
+                expect(
+                    isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                        typ: EnumToken.ColorTokenType,
+                        val: "color",
+                        chi: [
+                            { typ: EnumToken.IdenTokenType, val: "in" },
+                            { typ: EnumToken.IdenTokenType, val: "prophoto-rgb" },
+                            { typ: EnumToken.NumberTokenType, val: 0.410175 },
+                            { typ: EnumToken.NumberTokenType, val: 0.465261 },
+                            { typ: EnumToken.NumberTokenType, val: 0.37665 },
+                        ],
+                        kin: ColorType.COLOR,
+                    }),
+                ).equals(true),
+            );
+        });
+
+        it("color-mix(in lab, white, black, green) #6", function () {
+            return transform(`.hsl { color: color-mix(in lab, white, black, green); }`, {
+                beautify: true,
+                convertColor: ColorType.XYZ,
+            }).then((result) =>
+                expect(
+                    isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                        typ: EnumToken.ColorTokenType,
+                        val: "lab",
+                        chi: [
+                            { typ: EnumToken.NumberTokenType, val: 48.759236 },
+                            { typ: EnumToken.NumberTokenType, val: -15.850798 },
+                            { typ: EnumToken.NumberTokenType, val: 16.195428 },
+                        ],
+                        kin: ColorType.LAB,
+                    }),
+                ).equals(true),
+            );
+        });
     });
 }
diff --git a/test/specs/code/color.js b/test/specs/code/color.js
index e43c05c6c..f7ff5d62f 100644
--- a/test/specs/code/color.js
+++ b/test/specs/code/color.js
@@ -1866,6 +1866,30 @@ color: rgb(from rgb(20% 40%  60% / 80%) r g b / calc(alpha / 2));
             ).code,
         ).equals(`.c {
  color: #3696
+}`);
+    });
+
+    it("color p3 #144", function () {
+        return expect(
+            transformSync(
+                `
+      
+:root {
+--mycolor:  color(display-p3 1 0.5 calc(.5 * .87));;
+}
+    .s {
+    
+    color:
+ alpha(from var(--mycolor)  / calc(alpha * 0.5));
+
+`,
+                {
+                    beautify: true,
+                    inlineCssVariables: true,
+                },
+            ).code,
+        ).equals(`.s {
+ color: #ff7612
 }`);
     });
 }

From b74aa2648f5b1e1a8375e7d5a288852beeab6b4f Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 28 Sep 2026 00:03:29 -0400
Subject: [PATCH 39/41] fix bugs in color-mix() when using color spaces hwb and
 a98-rgb #158

---
 benchmark/package.json     | 4 ++--
 benchmark/src/minifiers.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/benchmark/package.json b/benchmark/package.json
index 9e5dec2f5..d6eecf14a 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tbela99/css-parser": "^1.6.4",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#8f77a63",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#fa72297b",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^9.0.5",
@@ -21,4 +21,4 @@
     "postcss": "^8.5.28",
     "vitest": "^5.0.1"
   }
-}
\ No newline at end of file
+}
diff --git a/benchmark/src/minifiers.js b/benchmark/src/minifiers.js
index c15d72ac2..a8d829865 100644
--- a/benchmark/src/minifiers.js
+++ b/benchmark/src/minifiers.js
@@ -11,7 +11,7 @@ import * as csso from "csso";
 import * as csstree from "css-tree";
 import * as esbuild from "esbuild";
 import { transform } from "lightningcss";
-import { transformSync as tbelaTransform, PropertyList } from "@tbela99/css-parser";
+import { transformSync as tbelaTransform } from "@tbela99/css-parser";
 import { transformSync as tbelaDevTransform } from "@tbela99/css-parser2";
 
 function pkgVersion(name, pathToPkgJson) {

From f0db2255ff8ba2cdc7fb07ef2181b92d761ee1f6 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 28 Sep 2026 00:06:33 -0400
Subject: [PATCH 40/41] bump version #158

---
 benchmark/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/benchmark/package.json b/benchmark/package.json
index d6eecf14a..4e75aa7c0 100644
--- a/benchmark/package.json
+++ b/benchmark/package.json
@@ -10,8 +10,8 @@
     "all": "npm run sizes && npm run bench; npm run report"
   },
   "dependencies": {
-    "@tbela99/css-parser": "^1.6.4",
-    "@tbela99/css-parser2": "github:tbela99/css-parser#fa72297b",
+    "@tbela99/css-parser": "^1.6.5",
+    "@tbela99/css-parser2": "github:tbela99/css-parser#b74aa264",
     "clean-css": "^5.3.3",
     "css-tree": "^3.2.1",
     "cssnano": "^9.0.5",

From bb74dc5feea0ac0a02122454e09e10faf751c214 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 28 Sep 2026 00:18:36 -0400
Subject: [PATCH 41/41] fix jsr errors #158

---
 dist/index-umd-web.js               |  7 +++---
 dist/index.cjs                      |  7 +++---
 dist/lib/parser/declaration/list.js |  1 +
 dist/lib/parser/declaration/map.js  |  4 ++--
 dist/lib/syntax/color/color-mix.js  |  2 +-
 src/lib/parser/declaration/list.ts  |  5 +++--
 src/lib/parser/declaration/map.ts   | 33 +++++++++++------------------
 src/lib/parser/declaration/set.ts   |  2 +-
 src/lib/syntax/color/color-mix.ts   |  2 +-
 9 files changed, 29 insertions(+), 34 deletions(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 5ee422322..e8505ba55 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -9493,7 +9493,7 @@
                     }),
                     kin: exports.ColorType[colorSpace.toUpperCase().replaceAll("-", "_")],
                 };
-                if (colorSpace == "hsl" || colorSpace == "hwb") {
+                if (colorSpace == "hsl") {
                     // @ts-ignore
                     result.chi[0] = { typ: exports.EnumToken.AngleTokenType, val: result.chi[0].val * 360 };
                     // @ts-ignore
@@ -19726,8 +19726,7 @@
                     const tokens = {};
                     const values = [];
                     const val = [[]];
-                    for (const curr of // @ts-ignore
-                     this.declarations.get(this.config.shorthand).val) {
+                    for (const curr of this.declarations.get(this.config.shorthand).val) { // @ts-ignore
                         // @ts-ignore
                         if (separator != null && separator.typ == curr.typ && separator.val == curr.val) {
                             val.push([]);
@@ -20402,6 +20401,7 @@
                 }
             }
             const iterators = [];
+            // @ts-ignore
             return {
                 // @ts-ignore
                 next() {
@@ -20846,6 +20846,7 @@
         [Symbol.iterator]() {
             let iterator = this.declarations.values();
             const iterators = [];
+            // @ts-ignore
             return {
                 next() {
                     let value = iterator.next();
diff --git a/dist/index.cjs b/dist/index.cjs
index b86bfde55..1c95d5ec5 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -9496,7 +9496,7 @@ function colorMix(...args) {
                 }),
                 kin: exports.ColorType[colorSpace.toUpperCase().replaceAll("-", "_")],
             };
-            if (colorSpace == "hsl" || colorSpace == "hwb") {
+            if (colorSpace == "hsl") {
                 // @ts-ignore
                 result.chi[0] = { typ: exports.EnumToken.AngleTokenType, val: result.chi[0].val * 360 };
                 // @ts-ignore
@@ -19729,8 +19729,7 @@ class PropertyMap {
                 const tokens = {};
                 const values = [];
                 const val = [[]];
-                for (const curr of // @ts-ignore
-                 this.declarations.get(this.config.shorthand).val) {
+                for (const curr of this.declarations.get(this.config.shorthand).val) { // @ts-ignore
                     // @ts-ignore
                     if (separator != null && separator.typ == curr.typ && separator.val == curr.val) {
                         val.push([]);
@@ -20405,6 +20404,7 @@ class PropertyMap {
             }
         }
         const iterators = [];
+        // @ts-ignore
         return {
             // @ts-ignore
             next() {
@@ -20849,6 +20849,7 @@ class PropertyList {
     [Symbol.iterator]() {
         let iterator = this.declarations.values();
         const iterators = [];
+        // @ts-ignore
         return {
             next() {
                 let value = iterator.next();
diff --git a/dist/lib/parser/declaration/list.js b/dist/lib/parser/declaration/list.js
index 3d212b34e..205c01f68 100644
--- a/dist/lib/parser/declaration/list.js
+++ b/dist/lib/parser/declaration/list.js
@@ -202,6 +202,7 @@ class PropertyList {
     [Symbol.iterator]() {
         let iterator = this.declarations.values();
         const iterators = [];
+        // @ts-ignore
         return {
             next() {
                 let value = iterator.next();
diff --git a/dist/lib/parser/declaration/map.js b/dist/lib/parser/declaration/map.js
index b2719c591..91749665c 100644
--- a/dist/lib/parser/declaration/map.js
+++ b/dist/lib/parser/declaration/map.js
@@ -42,8 +42,7 @@ class PropertyMap {
                 const tokens = {};
                 const values = [];
                 const val = [[]];
-                for (const curr of // @ts-ignore
-                 this.declarations.get(this.config.shorthand).val) {
+                for (const curr of this.declarations.get(this.config.shorthand).val) { // @ts-ignore
                     // @ts-ignore
                     if (separator != null && separator.typ == curr.typ && separator.val == curr.val) {
                         val.push([]);
@@ -718,6 +717,7 @@ class PropertyMap {
             }
         }
         const iterators = [];
+        // @ts-ignore
         return {
             // @ts-ignore
             next() {
diff --git a/dist/lib/syntax/color/color-mix.js b/dist/lib/syntax/color/color-mix.js
index 1874a8244..24febd95f 100644
--- a/dist/lib/syntax/color/color-mix.js
+++ b/dist/lib/syntax/color/color-mix.js
@@ -397,7 +397,7 @@ function colorMix(...args) {
                 }),
                 kin: ColorType[colorSpace.toUpperCase().replaceAll("-", "_")],
             };
-            if (colorSpace == "hsl" || colorSpace == "hwb") {
+            if (colorSpace == "hsl") {
                 // @ts-ignore
                 result.chi[0] = { typ: EnumToken.AngleTokenType, val: result.chi[0].val * 360 };
                 // @ts-ignore
diff --git a/src/lib/parser/declaration/list.ts b/src/lib/parser/declaration/list.ts
index dc222e970..fdeeeb197 100644
--- a/src/lib/parser/declaration/list.ts
+++ b/src/lib/parser/declaration/list.ts
@@ -37,7 +37,7 @@ export class PropertyList {
         this.declarations = new Map<string, AstNode | PropertySet | PropertyMap>();
     }
 
-    add(declarations: AstNode[]) {
+    add(declarations: AstNode[]): this {
         let name: string | null;
         let syntaxRules: ValidationToken[] | null = null;
         let result: ValidationMatch;
@@ -255,10 +255,11 @@ export class PropertyList {
         }
     }
 
-    [Symbol.iterator]() {
+    [Symbol.iterator](): IterableIterator<AstNode> {
         let iterator: IterableIterator<AstNode | PropertySet | PropertyMap> = this.declarations.values();
         const iterators: Array<IterableIterator<AstNode | PropertySet | PropertyMap>> = [];
 
+        // @ts-ignore
         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 b86869d9a..6053b75ad 100644
--- a/src/lib/parser/declaration/map.ts
+++ b/src/lib/parser/declaration/map.ts
@@ -43,7 +43,7 @@ export class PropertyMap {
         this.pattern = config.pattern.split(/\s/);
     }
 
-    add(declaration: AstDeclaration) {
+    add(declaration: AstDeclaration): this {
         if (declaration.nam == this.config.shorthand) {
             this.declarations.clear();
             this.declarations.set(<string>declaration.nam, declaration);
@@ -65,8 +65,7 @@ export class PropertyMap {
                 const values: Token[] = [];
                 const val: Token[][] = [[]];
 
-                for (const curr of // @ts-ignore
-                (this.declarations.get(this.config.shorthand) as AstDeclaration).val) {
+                for (const curr of (this.declarations.get(this.config.shorthand) as AstDeclaration).val) { // @ts-ignore
                     // @ts-ignore
                     if (separator != null && separator.typ == curr.typ && separator.val == curr.val) {
                         val.push([]);
@@ -233,13 +232,13 @@ export class PropertyMap {
         return this;
     }
 
-    [Symbol.iterator]() {
+    [Symbol.iterator](): IterableIterator<AstDeclaration> {
         const propertiesMapping = { ...this.config.properties };
         const patterns = this.config.pattern.split(" ");
 
         let hasMapping: boolean = false;
 
-        let iterable: IterableIterator<AstDeclaration | PropertySet | PropertyMap>;
+        let iterable: IterableIterator<AstDeclaration>;
         let requiredCount: number = 0;
         let property: string;
         let isShorthand: boolean = true;
@@ -260,22 +259,15 @@ export class PropertyMap {
                 key = (value as AstDeclaration).nam;
 
                 if (value instanceof PropertyMap) {
-
                     for (const [k, v] of (value as PropertyMap).declarations) {
-
                         if (k == (value as PropertyMap).config.shorthand) {
-
                             for (const [key, val] of Object.entries((value as PropertyMap).config.properties)) {
-                                
                                 mapped[key] = cloneNode(v as AstDeclaration) as AstDeclaration;
 
                                 for (let i = 0; i < (v as AstDeclaration).val.length; i++) {
-                                    
                                     // @ts-ignore
-                                    if (key == (v as AstDeclaration).val[i][PROPERTYNAME] as string) {
-                                        
-                                        if ((mapped[key] as AstDeclaration).val.length > 0  ) {
-                                            
+                                    if (key == ((v as AstDeclaration).val[i][PROPERTYNAME] as string)) {
+                                        if ((mapped[key] as AstDeclaration).val.length > 0) {
                                             (mapped[key] as AstDeclaration).val.push(<Token>{
                                                 typ: EnumToken.WhitespaceTokenType,
                                             });
@@ -286,14 +278,12 @@ export class PropertyMap {
                                 }
 
                                 if ((mapped[key] as AstDeclaration).val.length == 0) {
-
-                                    (mapped[key] as AstDeclaration).val.push(...parseString((value as PropertyMap).config.properties[key].default[0]));
+                                    (mapped[key] as AstDeclaration).val.push(
+                                        ...parseString((value as PropertyMap).config.properties[key].default[0]),
+                                    );
                                 }
                             }
-                        }
-
-                        else {
-
+                        } else {
                             mapped[k] = v as AstDeclaration;
                         }
                     }
@@ -732,7 +722,7 @@ export class PropertyMap {
                     return [declaration][Symbol.iterator]();
                 }
 
-                iterable = declarations.values();
+                iterable = declarations.values() as IterableIterator<AstDeclaration>;
             } else {
                 let values: Token[] = Object.entries(tokens)
                     .reduce(
@@ -960,6 +950,7 @@ export class PropertyMap {
 
         const iterators = <IterableIterator<AstDeclaration | PropertySet>[]>[];
 
+        // @ts-ignore
         return {
             // @ts-ignore
             next(): IteratorResult<AstDeclaration> {
diff --git a/src/lib/parser/declaration/set.ts b/src/lib/parser/declaration/set.ts
index db7b1b228..b1018a6bc 100644
--- a/src/lib/parser/declaration/set.ts
+++ b/src/lib/parser/declaration/set.ts
@@ -151,7 +151,7 @@ export class PropertySet {
         return this;
     }
 
-    isShortHand() {
+    isShortHand(): boolean {
         if (this.declarations.has(this.config.shorthand)) {
             return this.declarations.size == 1;
         }
diff --git a/src/lib/syntax/color/color-mix.ts b/src/lib/syntax/color/color-mix.ts
index d82cb9440..670c61c9e 100644
--- a/src/lib/syntax/color/color-mix.ts
+++ b/src/lib/syntax/color/color-mix.ts
@@ -496,7 +496,7 @@ export function colorMix(...args: Token[]): ColorToken | null {
                 kin: ColorType[colorSpace.toUpperCase().replaceAll("-", "_") as keyof typeof ColorType],
             } as ColorToken;
 
-            if (colorSpace == "hsl" || colorSpace == "hwb") {
+            if (colorSpace == "hsl") {
                 // @ts-ignore
                 result.chi[0] = { typ: EnumToken.AngleTokenType, val: result.chi[0].val * 360 };
                 // @ts-ignore