From d2969e9f938e241a192add81c76b4f4684353f70 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 25 Aug 2024 00:25:46 +0200
Subject: [PATCH 01/66] css-syntax-for-csstree

---
 package-lock.json                             |   59 +-
 packages/css-syntax-for-csstree/index.mjs     |   72 +
 packages/css-syntax-for-csstree/package.json  |   79 +
 .../properties-syntax.json                    | 1814 +++++++++++++++++
 .../css-syntax-for-csstree/types-syntax.json  | 1019 +++++++++
 5 files changed, 3040 insertions(+), 3 deletions(-)
 create mode 100644 packages/css-syntax-for-csstree/index.mjs
 create mode 100644 packages/css-syntax-for-csstree/package.json
 create mode 100644 packages/css-syntax-for-csstree/properties-syntax.json
 create mode 100644 packages/css-syntax-for-csstree/types-syntax.json

diff --git a/package-lock.json b/package-lock.json
index 0115c4087a..4cef9f27bf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2052,6 +2052,10 @@
 			"resolved": "packages/css-parser-algorithms",
 			"link": true
 		},
+		"node_modules/@csstools/css-syntax-for-csstree": {
+			"resolved": "packages/css-syntax-for-csstree",
+			"link": true
+		},
 		"node_modules/@csstools/css-tokenizer": {
 			"resolved": "packages/css-tokenizer",
 			"link": true
@@ -4031,9 +4035,9 @@
 			}
 		},
 		"node_modules/@webref/css": {
-			"version": "6.14.1",
-			"resolved": "https://registry.npmjs.org/@webref/css/-/css-6.14.1.tgz",
-			"integrity": "sha512-269+WydfyUJLJOsDOV77uobzRWuyc9QbjmvJ24ffyZJm8XbrSWSE1WMpYu2me4KsvKr6dqIAwXMKzGuPi8bz9g==",
+			"version": "6.14.2",
+			"resolved": "https://registry.npmjs.org/@webref/css/-/css-6.14.2.tgz",
+			"integrity": "sha512-iHItMjpRQb8kyw7GXInvUt3tnsO234Q40SKNAjMnKHLDwg0SnZgxgFX74oNBIIGoNesEZDReUFrGOLN2K9SW+w==",
 			"dev": true,
 			"peerDependencies": {
 				"css-tree": "^2.3.1"
@@ -9409,6 +9413,55 @@
 				"@csstools/css-tokenizer": "^3.0.1"
 			}
 		},
+		"packages/css-syntax": {
+			"version": "0.0.0",
+			"extraneous": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"license": "MIT-0",
+			"devDependencies": {
+				"@webref/css": "^6.14.2",
+				"css-tree": "^2.3.1"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"postcss": "^8.4"
+			}
+		},
+		"packages/css-syntax-for-csstree": {
+			"version": "0.0.0",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"license": "MIT-0",
+			"devDependencies": {
+				"@webref/css": "^6.14.2",
+				"css-tree": "^2.3.1"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"postcss": "^8.4"
+			}
+		},
 		"packages/css-tokenizer": {
 			"name": "@csstools/css-tokenizer",
 			"version": "3.0.1",
diff --git a/packages/css-syntax-for-csstree/index.mjs b/packages/css-syntax-for-csstree/index.mjs
new file mode 100644
index 0000000000..88504d25be
--- /dev/null
+++ b/packages/css-syntax-for-csstree/index.mjs
@@ -0,0 +1,72 @@
+import fs from 'fs/promises';
+import { fork, definitionSyntax } from 'css-tree';
+
+
+const propertiesSyntax = {
+	overflow: '| overlay', // csstree/csstree#248
+	width: '| min-intrinsic | -moz-min-content | -moz-available | -webkit-fill-available', // csstree/csstree#242
+	'field-sizing': 'content | fixed',
+	'text-box-edge':
+		'auto | [ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?',
+	'text-box-trim': 'none | trim-start | trim-end | trim-both',
+	'text-spacing-trim': 'normal | space-all | space-first | trim-start',
+	'text-wrap-style': 'auto | balance | pretty | stable',
+	'word-break': '| auto-phrase | auto-phrase',
+};
+
+const forkedLexer = fork({
+	properties: {},
+	types: {},
+}).lexer;
+
+{
+	const propertiesSyntax = Object(null);
+
+	for (const key in forkedLexer.properties) {
+		if (!Object.prototype.hasOwnProperty.call(forkedLexer.properties, key)) {
+			continue;
+		}
+
+		if (!forkedLexer.properties[key].syntax) {
+			console.log('no syntax for property', key);
+
+			continue;
+		}
+
+		propertiesSyntax[key] = {
+			'syntax': definitionSyntax.generate(forkedLexer.properties[key].syntax),
+		};
+	}
+
+	await fs.writeFile(
+		'properties-syntax.json',
+		JSON.stringify(propertiesSyntax, null, '\t'),
+		'utf-8',
+	);
+}
+
+{
+	const typesSyntax = Object(null);
+
+	for (const key in forkedLexer.types) {
+		if (!Object.prototype.hasOwnProperty.call(forkedLexer.types, key)) {
+			continue;
+		}
+
+		if (!forkedLexer.types[key].syntax) {
+			console.log('no syntax for type', key);
+
+			continue;
+		}
+
+		typesSyntax[key] = {
+			'syntax': definitionSyntax.generate(forkedLexer.types[key].syntax),
+		};
+	}
+
+	await fs.writeFile(
+		'types-syntax.json',
+		JSON.stringify(typesSyntax, null, '\t'),
+		'utf-8',
+	);
+}
diff --git a/packages/css-syntax-for-csstree/package.json b/packages/css-syntax-for-csstree/package.json
new file mode 100644
index 0000000000..ddff6c6d85
--- /dev/null
+++ b/packages/css-syntax-for-csstree/package.json
@@ -0,0 +1,79 @@
+{
+	"name": "@csstools/css-syntax-for-csstree",
+	"description": "CSS syntax data for CSS tree",
+	"version": "0.0.0",
+	"contributors": [
+		{
+			"name": "Antonio Laguna",
+			"email": "antonio@laguna.es",
+			"url": "https://antonio.laguna.es"
+		},
+		{
+			"name": "Romain Menke",
+			"email": "romainmenke@gmail.com"
+		}
+	],
+	"license": "MIT-0",
+	"funding": [
+		{
+			"type": "github",
+			"url": "https://github.com/sponsors/csstools"
+		},
+		{
+			"type": "opencollective",
+			"url": "https://opencollective.com/csstools"
+		}
+	],
+	"engines": {
+		"node": ">=18"
+	},
+	"type": "module",
+	"main": "dist/index.cjs",
+	"module": "dist/index.mjs",
+	"exports": {
+		".": {
+			"import": {
+				"types": "./dist/index.d.ts",
+				"default": "./dist/index.mjs"
+			},
+			"require": {
+				"default": "./dist/index.cjs"
+			}
+		}
+	},
+	"files": [
+		"CHANGELOG.md",
+		"LICENSE.md",
+		"README.md",
+		"dist"
+	],
+	"peerDependencies": {
+		"postcss": "^8.4"
+	},
+	"devDependencies": {
+		"css-tree": "^2.3.1",
+		"@webref/css": "^6.14.2"
+	},
+	"scripts": {
+		"build": "rollup -c ../../rollup/default.mjs",
+		"docs": "node ../../.github/bin/generate-docs/api-documenter.mjs",
+		"lint": "node ../../.github/bin/format-package-json.mjs",
+		"prepublishOnly": "npm run build && npm run test",
+		"test": "node --test"
+	},
+	"homepage": "https://github.com/csstools/postcss-plugins/tree/main/packages/utilities#readme",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/csstools/postcss-plugins.git",
+		"directory": "packages/utilities"
+	},
+	"bugs": "https://github.com/csstools/postcss-plugins/issues",
+	"keywords": [
+		"css",
+		"syntax",
+		"csstree"
+	],
+	"volta": {
+		"extends": "../../package.json"
+	}
+}
diff --git a/packages/css-syntax-for-csstree/properties-syntax.json b/packages/css-syntax-for-csstree/properties-syntax.json
new file mode 100644
index 0000000000..cc5ca572ed
--- /dev/null
+++ b/packages/css-syntax-for-csstree/properties-syntax.json
@@ -0,0 +1,1814 @@
+{
+	"--*": {
+		"syntax": "<declaration-value>"
+	},
+	"-ms-accelerator": {
+		"syntax": "false | true"
+	},
+	"-ms-block-progression": {
+		"syntax": "tb | rl | bt | lr"
+	},
+	"-ms-content-zoom-chaining": {
+		"syntax": "none | chained"
+	},
+	"-ms-content-zooming": {
+		"syntax": "none | zoom"
+	},
+	"-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-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-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-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-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-image-region": {
+		"syntax": "<shape> | auto"
+	},
+	"-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-before": {
+		"syntax": "<'border-width'> || <'border-style'> || <color>"
+	},
+	"-webkit-border-before-color": {
+		"syntax": "<color>"
+	},
+	"-webkit-border-before-style": {
+		"syntax": "<'border-style'>"
+	},
+	"-webkit-border-before-width": {
+		"syntax": "<'border-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> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#"
+	},
+	"-webkit-mask-attachment": {
+		"syntax": "<attachment>#"
+	},
+	"-webkit-mask-clip": {
+		"syntax": "[ <box> | border | padding | content | text ]#"
+	},
+	"-webkit-mask-composite": {
+		"syntax": "<composite-style>#"
+	},
+	"-webkit-mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"-webkit-mask-origin": {
+		"syntax": "[ <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"
+	},
+	"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> ]"
+	},
+	"align-self": {
+		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
+	},
+	"align-tracks": {
+		"syntax": "[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#"
+	},
+	"all": {
+		"syntax": "initial | inherit | unset | revert | revert-layer"
+	},
+	"animation": {
+		"syntax": "<single-animation>#"
+	},
+	"animation-composition": {
+		"syntax": "<single-animation-composition>#"
+	},
+	"animation-delay": {
+		"syntax": "<time>#"
+	},
+	"animation-direction": {
+		"syntax": "<single-animation-direction>#"
+	},
+	"animation-duration": {
+		"syntax": "<time>#"
+	},
+	"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-timing-function": {
+		"syntax": "<easing-function>#"
+	},
+	"animation-timeline": {
+		"syntax": "<single-animation-timeline>#"
+	},
+	"appearance": {
+		"syntax": "none | auto | textfield | menulist-button | <compat-auto>"
+	},
+	"aspect-ratio": {
+		"syntax": "auto | <ratio>"
+	},
+	"azimuth": {
+		"syntax": "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards"
+	},
+	"backdrop-filter": {
+		"syntax": "none | <filter-function-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": "<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>#"
+	},
+	"block-overflow": {
+		"syntax": "clip | ellipsis | <string>"
+	},
+	"block-size": {
+		"syntax": "<'width'>"
+	},
+	"border": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-block": {
+		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
+	},
+	"border-block-color": {
+		"syntax": "<'border-top-color'>{1,2}"
+	},
+	"border-block-style": {
+		"syntax": "<'border-top-style'>"
+	},
+	"border-block-width": {
+		"syntax": "<'border-top-width'>"
+	},
+	"border-block-end": {
+		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
+	},
+	"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-width'> || <'border-top-style'> || <color>"
+	},
+	"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-bottom": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-bottom-color": {
+		"syntax": "<'border-top-color'>"
+	},
+	"border-bottom-left-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-bottom-right-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-bottom-style": {
+		"syntax": "<line-style>"
+	},
+	"border-bottom-width": {
+		"syntax": "<line-width>"
+	},
+	"border-collapse": {
+		"syntax": "collapse | separate"
+	},
+	"border-color": {
+		"syntax": "<color>{1,4}"
+	},
+	"border-end-end-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-end-start-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"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> | <number> ]{1,4}"
+	},
+	"border-image-repeat": {
+		"syntax": "[ stretch | repeat | round | space ]{1,2}"
+	},
+	"border-image-slice": {
+		"syntax": "<number-percentage>{1,4} && fill?"
+	},
+	"border-image-source": {
+		"syntax": "none | <image>"
+	},
+	"border-image-width": {
+		"syntax": "[ <length-percentage> | <number> | auto ]{1,4}"
+	},
+	"border-inline": {
+		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
+	},
+	"border-inline-end": {
+		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
+	},
+	"border-inline-color": {
+		"syntax": "<'border-top-color'>{1,2}"
+	},
+	"border-inline-style": {
+		"syntax": "<'border-top-style'>"
+	},
+	"border-inline-width": {
+		"syntax": "<'border-top-width'>"
+	},
+	"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-width'> || <'border-top-style'> || <color>"
+	},
+	"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-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>{1,4} [ / <length-percentage>{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-spacing": {
+		"syntax": "<length> <length>?"
+	},
+	"border-start-end-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-start-start-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"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>{1,2}"
+	},
+	"border-top-right-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-top-style": {
+		"syntax": "<line-style>"
+	},
+	"border-top-width": {
+		"syntax": "<line-width>"
+	},
+	"border-width": {
+		"syntax": "<line-width>{1,4}"
+	},
+	"bottom": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"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 | block-start | block-end | inline-start | inline-end"
+	},
+	"caret": {
+		"syntax": "<'caret-color'> || <'caret-shape'>"
+	},
+	"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"
+	},
+	"color": {
+		"syntax": "<color>"
+	},
+	"print-color-adjust": {
+		"syntax": "economy | exact"
+	},
+	"color-scheme": {
+		"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?"
+	},
+	"column-count": {
+		"syntax": "<integer> | auto"
+	},
+	"column-fill": {
+		"syntax": "auto | balance | balance-all"
+	},
+	"column-gap": {
+		"syntax": "normal | <length-percentage>"
+	},
+	"column-rule": {
+		"syntax": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>"
+	},
+	"column-rule-color": {
+		"syntax": "<color>"
+	},
+	"column-rule-style": {
+		"syntax": "<'border-style'>"
+	},
+	"column-rule-width": {
+		"syntax": "<'border-width'>"
+	},
+	"column-span": {
+		"syntax": "none | all"
+	},
+	"column-width": {
+		"syntax": "<length> | auto"
+	},
+	"columns": {
+		"syntax": "<'column-width'> || <'column-count'>"
+	},
+	"contain": {
+		"syntax": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]"
+	},
+	"contain-intrinsic-size": {
+		"syntax": "[ none | <length> | auto <length> ]{1,2}"
+	},
+	"contain-intrinsic-block-size": {
+		"syntax": "none | <length> | auto <length>"
+	},
+	"contain-intrinsic-height": {
+		"syntax": "none | <length> | auto <length>"
+	},
+	"contain-intrinsic-inline-size": {
+		"syntax": "none | <length> | auto <length>"
+	},
+	"contain-intrinsic-width": {
+		"syntax": "none | <length> | auto <length>"
+	},
+	"content": {
+		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?"
+	},
+	"content-visibility": {
+		"syntax": "visible | auto | hidden"
+	},
+	"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": "[ [ <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 ] ]"
+	},
+	"direction": {
+		"syntax": "ltr | rtl"
+	},
+	"display": {
+		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>"
+	},
+	"empty-cells": {
+		"syntax": "show | hide"
+	},
+	"filter": {
+		"syntax": "none | <filter-function-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-shrink": {
+		"syntax": "<number>"
+	},
+	"flex-wrap": {
+		"syntax": "nowrap | wrap | wrap-reverse"
+	},
+	"float": {
+		"syntax": "left | right | none | inline-start | inline-end"
+	},
+	"font": {
+		"syntax": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar"
+	},
+	"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-variation-settings": {
+		"syntax": "normal | [ <string> <number> ]#"
+	},
+	"font-size": {
+		"syntax": "<absolute-size> | <relative-size> | <length-percentage>"
+	},
+	"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 ]"
+	},
+	"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-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-weight": {
+		"syntax": "<font-weight-absolute> | bolder | lighter"
+	},
+	"forced-color-adjust": {
+		"syntax": "auto | none"
+	},
+	"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> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
+	},
+	"hyphenate-character": {
+		"syntax": "auto | <string>"
+	},
+	"hyphens": {
+		"syntax": "none | manual | auto"
+	},
+	"image-orientation": {
+		"syntax": "from-image | <angle> | [ <angle>? flip ]"
+	},
+	"image-rendering": {
+		"syntax": "auto | crisp-edges | pixelated | 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'>"
+	},
+	"input-security": {
+		"syntax": "auto | none"
+	},
+	"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'>"
+	},
+	"isolation": {
+		"syntax": "auto | isolate"
+	},
+	"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 ]"
+	},
+	"justify-self": {
+		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]"
+	},
+	"justify-tracks": {
+		"syntax": "[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#"
+	},
+	"left": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"letter-spacing": {
+		"syntax": "normal | <length-percentage>"
+	},
+	"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>"
+	},
+	"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": "[ <length> | <percentage> | auto ]{1,4}"
+	},
+	"margin-block": {
+		"syntax": "<'margin-left'>{1,2}"
+	},
+	"margin-block-end": {
+		"syntax": "<'margin-left'>"
+	},
+	"margin-block-start": {
+		"syntax": "<'margin-left'>"
+	},
+	"margin-bottom": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"margin-inline": {
+		"syntax": "<'margin-left'>{1,2}"
+	},
+	"margin-inline-end": {
+		"syntax": "<'margin-left'>"
+	},
+	"margin-inline-start": {
+		"syntax": "<'margin-left'>"
+	},
+	"margin-left": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"margin-right": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"margin-top": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"margin-trim": {
+		"syntax": "none | in-flow | all"
+	},
+	"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": "[ <geometry-box> | no-clip ]#"
+	},
+	"mask-composite": {
+		"syntax": "<compositing-operator>#"
+	},
+	"mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"mask-mode": {
+		"syntax": "<masking-mode>#"
+	},
+	"mask-origin": {
+		"syntax": "<geometry-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> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
+	},
+	"max-inline-size": {
+		"syntax": "<'max-width'>"
+	},
+	"max-lines": {
+		"syntax": "none | <integer>"
+	},
+	"max-width": {
+		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>"
+	},
+	"min-block-size": {
+		"syntax": "<'min-width'>"
+	},
+	"min-height": {
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
+	},
+	"min-inline-size": {
+		"syntax": "<'min-width'>"
+	},
+	"min-width": {
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>"
+	},
+	"mix-blend-mode": {
+		"syntax": "<blend-mode> | plus-lighter"
+	},
+	"object-fit": {
+		"syntax": "fill | contain | cover | none | scale-down"
+	},
+	"object-position": {
+		"syntax": "<position>"
+	},
+	"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 | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]"
+	},
+	"offset-position": {
+		"syntax": "auto | <position>"
+	},
+	"offset-rotate": {
+		"syntax": "[ auto | reverse ] || <angle>"
+	},
+	"opacity": {
+		"syntax": "<alpha-value>"
+	},
+	"order": {
+		"syntax": "<integer>"
+	},
+	"orphans": {
+		"syntax": "<integer>"
+	},
+	"outline": {
+		"syntax": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]"
+	},
+	"outline-color": {
+		"syntax": "<color> | invert"
+	},
+	"outline-offset": {
+		"syntax": "<length>"
+	},
+	"outline-style": {
+		"syntax": "auto | <'border-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"
+	},
+	"overflow-clip-box": {
+		"syntax": "padding-box | content-box"
+	},
+	"overflow-clip-margin": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-inline": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-wrap": {
+		"syntax": "normal | break-word | anywhere"
+	},
+	"overflow-x": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-y": {
+		"syntax": "visible | hidden | clip | scroll | 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": "[ <length> | <percentage> ]{1,4}"
+	},
+	"padding-block": {
+		"syntax": "<'padding-left'>{1,2}"
+	},
+	"padding-block-end": {
+		"syntax": "<'padding-left'>"
+	},
+	"padding-block-start": {
+		"syntax": "<'padding-left'>"
+	},
+	"padding-bottom": {
+		"syntax": "<length> | <percentage>"
+	},
+	"padding-inline": {
+		"syntax": "<'padding-left'>{1,2}"
+	},
+	"padding-inline-end": {
+		"syntax": "<'padding-left'>"
+	},
+	"padding-inline-start": {
+		"syntax": "<'padding-left'>"
+	},
+	"padding-left": {
+		"syntax": "<length> | <percentage>"
+	},
+	"padding-right": {
+		"syntax": "<length> | <percentage>"
+	},
+	"padding-top": {
+		"syntax": "<length> | <percentage>"
+	},
+	"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 ]"
+	},
+	"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"
+	},
+	"quotes": {
+		"syntax": "none | auto | [ <string> <string> ]+"
+	},
+	"resize": {
+		"syntax": "none | both | horizontal | vertical | block | inline"
+	},
+	"right": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"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-position": {
+		"syntax": "[ alternate || [ over | under ] ] | inter-character"
+	},
+	"scale": {
+		"syntax": "none | <number>{1,3}"
+	},
+	"scrollbar-color": {
+		"syntax": "auto | <color>{2}"
+	},
+	"scrollbar-gutter": {
+		"syntax": "auto | stable && both-edges?"
+	},
+	"scrollbar-width": {
+		"syntax": "auto | thin | none"
+	},
+	"scroll-behavior": {
+		"syntax": "auto | smooth"
+	},
+	"scroll-margin": {
+		"syntax": "<length>{1,4}"
+	},
+	"scroll-margin-block": {
+		"syntax": "<length>{1,2}"
+	},
+	"scroll-margin-block-start": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-block-end": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-bottom": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-inline": {
+		"syntax": "<length>{1,2}"
+	},
+	"scroll-margin-inline-start": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-inline-end": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-left": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-right": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-top": {
+		"syntax": "<length>"
+	},
+	"scroll-padding": {
+		"syntax": "[ auto | <length-percentage> ]{1,4}"
+	},
+	"scroll-padding-block": {
+		"syntax": "[ auto | <length-percentage> ]{1,2}"
+	},
+	"scroll-padding-block-start": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"scroll-padding-block-end": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"scroll-padding-bottom": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"scroll-padding-inline": {
+		"syntax": "[ auto | <length-percentage> ]{1,2}"
+	},
+	"scroll-padding-inline-start": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"scroll-padding-inline-end": {
+		"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-timeline": {
+		"syntax": "<scroll-timeline-name> || <scroll-timeline-axis>"
+	},
+	"scroll-timeline-axis": {
+		"syntax": "block | inline | vertical | horizontal"
+	},
+	"scroll-timeline-name": {
+		"syntax": "none | <custom-ident>"
+	},
+	"shape-image-threshold": {
+		"syntax": "<alpha-value>"
+	},
+	"shape-margin": {
+		"syntax": "<length-percentage>"
+	},
+	"shape-outside": {
+		"syntax": "none | [ <shape-box> || <basic-shape> ] | <image>"
+	},
+	"tab-size": {
+		"syntax": "<integer> | <length>"
+	},
+	"table-layout": {
+		"syntax": "auto | fixed"
+	},
+	"text-align": {
+		"syntax": "start | end | left | right | center | justify | match-parent"
+	},
+	"text-align-last": {
+		"syntax": "auto | start | end | left | right | center | justify"
+	},
+	"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-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": "[ over | under ] && [ right | left ]"
+	},
+	"text-emphasis-style": {
+		"syntax": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>"
+	},
+	"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-transform": {
+		"syntax": "none | capitalize | uppercase | lowercase | full-width | full-size-kana"
+	},
+	"text-underline-offset": {
+		"syntax": "auto | <length> | <percentage>"
+	},
+	"text-underline-position": {
+		"syntax": "auto | from-font | [ under || [ left | right ] ]"
+	},
+	"top": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"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": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?"
+	},
+	"transform-style": {
+		"syntax": "flat | preserve-3d"
+	},
+	"transition": {
+		"syntax": "<single-transition>#"
+	},
+	"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>? ]?"
+	},
+	"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 | contain | all"
+	},
+	"vertical-align": {
+		"syntax": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>"
+	},
+	"visibility": {
+		"syntax": "visible | hidden | collapse"
+	},
+	"white-space": {
+		"syntax": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces"
+	},
+	"widows": {
+		"syntax": "<integer>"
+	},
+	"width": {
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content"
+	},
+	"will-change": {
+		"syntax": "auto | <animateable-feature>#"
+	},
+	"word-break": {
+		"syntax": "normal | break-all | keep-all | break-word"
+	},
+	"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>"
+	},
+	"z-index": {
+		"syntax": "auto | <integer>"
+	},
+	"zoom": {
+		"syntax": "normal | reset | <number> | <percentage>"
+	},
+	"-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"
+	},
+	"-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": "[ <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"
+	},
+	"-webkit-user-select": {
+		"syntax": "auto | none | text | all"
+	},
+	"alignment-baseline": {
+		"syntax": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical"
+	},
+	"baseline-shift": {
+		"syntax": "baseline | sub | super | <svg-length>"
+	},
+	"behavior": {
+		"syntax": "<url>+"
+	},
+	"clip-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"cue": {
+		"syntax": "<'cue-before'> <'cue-after'>?"
+	},
+	"cue-after": {
+		"syntax": "<url> <decibel>? | none"
+	},
+	"cue-before": {
+		"syntax": "<url> <decibel>? | none"
+	},
+	"dominant-baseline": {
+		"syntax": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge"
+	},
+	"fill": {
+		"syntax": "<paint>"
+	},
+	"fill-opacity": {
+		"syntax": "<number-zero-one>"
+	},
+	"fill-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"glyph-orientation-horizontal": {
+		"syntax": "<angle>"
+	},
+	"glyph-orientation-vertical": {
+		"syntax": "<angle>"
+	},
+	"kerning": {
+		"syntax": "auto | <svg-length>"
+	},
+	"marker": {
+		"syntax": "none | <url>"
+	},
+	"marker-end": {
+		"syntax": "none | <url>"
+	},
+	"marker-mid": {
+		"syntax": "none | <url>"
+	},
+	"marker-start": {
+		"syntax": "none | <url>"
+	},
+	"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"
+	},
+	"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"
+	},
+	"shape-rendering": {
+		"syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision"
+	},
+	"src": {
+		"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
+	},
+	"speak": {
+		"syntax": "auto | none | normal"
+	},
+	"speak-as": {
+		"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
+	},
+	"stroke": {
+		"syntax": "<paint>"
+	},
+	"stroke-dasharray": {
+		"syntax": "none | [ <svg-length>+ ]#"
+	},
+	"stroke-dashoffset": {
+		"syntax": "<svg-length>"
+	},
+	"stroke-linecap": {
+		"syntax": "butt | round | square"
+	},
+	"stroke-linejoin": {
+		"syntax": "miter | round | bevel"
+	},
+	"stroke-miterlimit": {
+		"syntax": "<number-one-or-greater>"
+	},
+	"stroke-opacity": {
+		"syntax": "<number-zero-one>"
+	},
+	"stroke-width": {
+		"syntax": "<svg-length>"
+	},
+	"text-anchor": {
+		"syntax": "start | middle | end"
+	},
+	"unicode-range": {
+		"syntax": "<urange>#"
+	},
+	"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> ]"
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-for-csstree/types-syntax.json b/packages/css-syntax-for-csstree/types-syntax.json
new file mode 100644
index 0000000000..d860da9350
--- /dev/null
+++ b/packages/css-syntax-for-csstree/types-syntax.json
@@ -0,0 +1,1019 @@
+{
+	"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>"
+	},
+	"angle-percentage": {
+		"syntax": "<angle> | <percentage>"
+	},
+	"angular-color-hint": {
+		"syntax": "<angle-percentage>"
+	},
+	"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>"
+	},
+	"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> <type-or-unit>? [, <attr-fallback> ]? )"
+	},
+	"attr-matcher": {
+		"syntax": "[ '~' | '|' | '^' | '$' | '*' ]? '='"
+	},
+	"attr-modifier": {
+		"syntax": "i | s"
+	},
+	"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> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"
+	},
+	"axis": {
+		"syntax": "block | inline | vertical | horizontal"
+	},
+	"baseline-position": {
+		"syntax": "[ first | last ]? baseline"
+	},
+	"basic-shape": {
+		"syntax": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
+	},
+	"bg-image": {
+		"syntax": "none | <image>"
+	},
+	"bg-layer": {
+		"syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+	},
+	"bg-position": {
+		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
+	},
+	"bg-size": {
+		"syntax": "[ <length-percentage> | auto ]{1,2} | cover | contain"
+	},
+	"blur()": {
+		"syntax": "blur( <length> )"
+	},
+	"blend-mode": {
+		"syntax": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"
+	},
+	"box": {
+		"syntax": "border-box | padding-box | content-box"
+	},
+	"brightness()": {
+		"syntax": "brightness( <number-percentage> )"
+	},
+	"calc()": {
+		"syntax": "calc( <calc-sum> )"
+	},
+	"calc-sum": {
+		"syntax": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
+	},
+	"calc-product": {
+		"syntax": "<calc-value> [ '*' <calc-value> | '/' <number> ]*"
+	},
+	"calc-value": {
+		"syntax": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )"
+	},
+	"calc-constant": {
+		"syntax": "e | pi | infinity | -infinity | NaN"
+	},
+	"cf-final-image": {
+		"syntax": "<image> | <color>"
+	},
+	"cf-mixing-image": {
+		"syntax": "<percentage>? && <image>"
+	},
+	"circle()": {
+		"syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )"
+	},
+	"clamp()": {
+		"syntax": "clamp( <calc-sum>#{3} )"
+	},
+	"class-selector": {
+		"syntax": "'.' <ident-token>"
+	},
+	"clip-source": {
+		"syntax": "<url>"
+	},
+	"color": {
+		"syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>"
+	},
+	"color-stop": {
+		"syntax": "<color-stop-length> | <color-stop-angle>"
+	},
+	"color-stop-angle": {
+		"syntax": "<angle-percentage>{1,2}"
+	},
+	"color-stop-length": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"color-stop-list": {
+		"syntax": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>"
+	},
+	"combinator": {
+		"syntax": "'>' | '+' | '~' | [ '||' ]"
+	},
+	"common-lig-values": {
+		"syntax": "[ common-ligatures | no-common-ligatures ]"
+	},
+	"compat-auto": {
+		"syntax": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button"
+	},
+	"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>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!"
+	},
+	"compound-selector-list": {
+		"syntax": "<compound-selector>#"
+	},
+	"complex-selector": {
+		"syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
+	},
+	"complex-selector-list": {
+		"syntax": "<complex-selector>#"
+	},
+	"conic-gradient()": {
+		"syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )"
+	},
+	"contextual-alt-values": {
+		"syntax": "[ contextual | no-contextual ]"
+	},
+	"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>"
+	},
+	"contrast()": {
+		"syntax": "contrast( [ <number-percentage> ] )"
+	},
+	"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-timing-function": {
+		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
+	},
+	"deprecated-system-color": {
+		"syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | 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( <length>{2,3} <color>? )"
+	},
+	"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( [ <shape-radius>{2} ]? [ at <position> ]? )"
+	},
+	"ending-shape": {
+		"syntax": "circle | ellipse"
+	},
+	"env()": {
+		"syntax": "env( <custom-ident> , <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>"
+	},
+	"fill-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"filter-function": {
+		"syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"
+	},
+	"filter-function-list": {
+		"syntax": "[ <filter-function> | <url> ]+"
+	},
+	"final-bg-layer": {
+		"syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+	},
+	"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-css21": {
+		"syntax": "[ normal | small-caps ]"
+	},
+	"font-weight-absolute": {
+		"syntax": "normal | bold | <number [1,1000]>"
+	},
+	"frequency-percentage": {
+		"syntax": "<frequency> | <percentage>"
+	},
+	"general-enclosed": {
+		"syntax": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )"
+	},
+	"generic-family": {
+		"syntax": "serif | sans-serif | cursive | fantasy | monospace | -apple-system"
+	},
+	"generic-name": {
+		"syntax": "serif | sans-serif | cursive | fantasy | monospace"
+	},
+	"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> , <percentage> , <percentage> , <alpha-value>? )"
+	},
+	"hsla()": {
+		"syntax": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )"
+	},
+	"hue": {
+		"syntax": "<number> | <angle>"
+	},
+	"hue-rotate()": {
+		"syntax": "hue-rotate( <angle> )"
+	},
+	"hwb()": {
+		"syntax": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"hypot()": {
+		"syntax": "hypot( <calc-sum># )"
+	},
+	"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'> ]? )"
+	},
+	"invert()": {
+		"syntax": "invert( <number-percentage> )"
+	},
+	"keyframes-name": {
+		"syntax": "<custom-ident> | <string>"
+	},
+	"keyframe-block": {
+		"syntax": "<keyframe-selector># { <declaration-list> }"
+	},
+	"keyframe-block-list": {
+		"syntax": "<keyframe-block>+"
+	},
+	"keyframe-selector": {
+		"syntax": "from | to | <percentage>"
+	},
+	"lab()": {
+		"syntax": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <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 ] ]? )"
+	},
+	"leader()": {
+		"syntax": "leader( <leader-type> )"
+	},
+	"leader-type": {
+		"syntax": "dotted | solid | space | <string>"
+	},
+	"length-percentage": {
+		"syntax": "<length> | <percentage>"
+	},
+	"line-names": {
+		"syntax": "'[' <custom-ident>* ']'"
+	},
+	"line-name-list": {
+		"syntax": "[ <line-names> | <name-repeat> ]+"
+	},
+	"line-style": {
+		"syntax": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset"
+	},
+	"line-width": {
+		"syntax": "<length> | thin | medium | thick"
+	},
+	"linear-color-hint": {
+		"syntax": "<length-percentage>"
+	},
+	"linear-color-stop": {
+		"syntax": "<color> <color-stop-length>?"
+	},
+	"linear-gradient()": {
+		"syntax": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <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> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <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> )"
+	},
+	"name-repeat": {
+		"syntax": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )"
+	},
+	"named-color": {
+		"syntax": "transparent | 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 | <-non-standard-color>"
+	},
+	"namespace-prefix": {
+		"syntax": "<ident>"
+	},
+	"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 ]"
+	},
+	"nth": {
+		"syntax": "<an-plus-b> | even | odd"
+	},
+	"opacity()": {
+		"syntax": "opacity( [ <number-percentage> ] )"
+	},
+	"overflow-position": {
+		"syntax": "unsafe | safe"
+	},
+	"outline-radius": {
+		"syntax": "<length> | <percentage>"
+	},
+	"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-list": {
+		"syntax": "[ <page-selector># ]?"
+	},
+	"page-selector": {
+		"syntax": "<pseudo-page>+ | <ident> <pseudo-page>*"
+	},
+	"page-size": {
+		"syntax": "A5 | A4 | A3 | B5 | B4 | JIS-B5 | JIS-B4 | letter | legal | ledger"
+	},
+	"path()": {
+		"syntax": "path( [ <fill-rule> , ]? <string> )"
+	},
+	"paint()": {
+		"syntax": "paint( <ident> , <declaration-value>? )"
+	},
+	"perspective()": {
+		"syntax": "perspective( [ <length [0,∞]> | none ] )"
+	},
+	"polygon()": {
+		"syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
+	},
+	"position": {
+		"syntax": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
+	},
+	"pow()": {
+		"syntax": "pow( <calc-sum> , <calc-sum> )"
+	},
+	"pseudo-class-selector": {
+		"syntax": "':' <ident-token> | ':' <function-token> <any-value> ')'"
+	},
+	"pseudo-element-selector": {
+		"syntax": "':' <pseudo-class-selector>"
+	},
+	"pseudo-page": {
+		"syntax": ": [ left | right | first | blank ]"
+	},
+	"quote": {
+		"syntax": "open-quote | close-quote | no-open-quote | no-close-quote"
+	},
+	"radial-gradient()": {
+		"syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
+	},
+	"ratio": {
+		"syntax": "<number [0,∞]> [ / <number [0,∞]> ]?"
+	},
+	"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( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )"
+	},
+	"repeating-linear-gradient()": {
+		"syntax": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
+	},
+	"repeating-radial-gradient()": {
+		"syntax": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
+	},
+	"reversed-counter-name": {
+		"syntax": "reversed( <counter-name> )"
+	},
+	"rgb()": {
+		"syntax": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
+	},
+	"rgba()": {
+		"syntax": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
+	},
+	"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> ] )"
+	},
+	"scroller": {
+		"syntax": "root | nearest"
+	},
+	"self-position": {
+		"syntax": "center | start | end | self-start | self-end | flex-start | flex-end"
+	},
+	"shape-radius": {
+		"syntax": "<length-percentage> | closest-side | farthest-side"
+	},
+	"sign()": {
+		"syntax": "sign( <calc-sum> )"
+	},
+	"skew()": {
+		"syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"
+	},
+	"skewX()": {
+		"syntax": "skewX( [ <angle> | <zero> ] )"
+	},
+	"skewY()": {
+		"syntax": "skewY( [ <angle> | <zero> ] )"
+	},
+	"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": "<box> | margin-box"
+	},
+	"side-or-corner": {
+		"syntax": "[ left | right ] || [ top | bottom ]"
+	},
+	"sin()": {
+		"syntax": "sin( <calc-sum> )"
+	},
+	"single-animation": {
+		"syntax": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
+	},
+	"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 | <timeline-name> | scroll( <axis>? <scroller>? )"
+	},
+	"single-transition": {
+		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>"
+	},
+	"single-transition-property": {
+		"syntax": "all | <custom-ident>"
+	},
+	"size": {
+		"syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
+	},
+	"sqrt()": {
+		"syntax": "sqrt( <calc-sum> )"
+	},
+	"step-position": {
+		"syntax": "jump-start | jump-end | jump-none | jump-both | start | end"
+	},
+	"step-timing-function": {
+		"syntax": "step-start | step-end | steps( <integer> [, <step-position> ]? )"
+	},
+	"subclass-selector": {
+		"syntax": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>"
+	},
+	"supports-condition": {
+		"syntax": "not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*"
+	},
+	"supports-in-parens": {
+		"syntax": "( <supports-condition> ) | <supports-feature> | <general-enclosed>"
+	},
+	"supports-feature": {
+		"syntax": "<supports-decl> | <supports-selector-fn>"
+	},
+	"supports-decl": {
+		"syntax": "( <declaration> )"
+	},
+	"supports-selector-fn": {
+		"syntax": "selector( <complex-selector> )"
+	},
+	"symbol": {
+		"syntax": "<string> | <image> | <custom-ident>"
+	},
+	"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 ]? )"
+	},
+	"time-percentage": {
+		"syntax": "<time> | <percentage>"
+	},
+	"timeline-name": {
+		"syntax": "<custom-ident> | <string>"
+	},
+	"easing-function": {
+		"syntax": "linear | <cubic-bezier-timing-function> | <step-timing-function>"
+	},
+	"track-breadth": {
+		"syntax": "<length-percentage> | <flex> | min-content | max-content | auto"
+	},
+	"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>+"
+	},
+	"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> )"
+	},
+	"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>? )"
+	},
+	"viewport-length": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"visual-box": {
+		"syntax": "content-box | padding-box | border-box"
+	},
+	"wq-name": {
+		"syntax": "<ns-prefix>? <ident-token>"
+	},
+	"-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": "-moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
+	},
+	"-non-standard-width": {
+		"syntax": "fill-available | min-intrinsic | intrinsic | -moz-available | -moz-fit-content | -moz-min-content | -moz-max-content | -webkit-min-content | -webkit-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"
+	},
+	"-webkit-mask-clip-style": {
+		"syntax": "border | border-box | padding | padding-box | content | content-box | text"
+	},
+	"-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>? )"
+	},
+	"-ms-filter": {
+		"syntax": "<string>"
+	},
+	"age": {
+		"syntax": "child | young | old"
+	},
+	"attr-name": {
+		"syntax": "<wq-name>"
+	},
+	"attr-fallback": {
+		"syntax": "<any-value>"
+	},
+	"bg-clip": {
+		"syntax": "<box> | border | text"
+	},
+	"bottom": {
+		"syntax": "<length> | auto"
+	},
+	"generic-voice": {
+		"syntax": "[ <age>? <gender> <integer>? ]"
+	},
+	"gender": {
+		"syntax": "male | female | neutral"
+	},
+	"left": {
+		"syntax": "<length> | auto"
+	},
+	"mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"paint": {
+		"syntax": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke"
+	},
+	"right": {
+		"syntax": "<length> | auto"
+	},
+	"scroll-timeline-axis": {
+		"syntax": "block | inline | vertical | horizontal"
+	},
+	"scroll-timeline-name": {
+		"syntax": "none | <custom-ident>"
+	},
+	"single-animation-composition": {
+		"syntax": "replace | add | accumulate"
+	},
+	"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,∞]>"
+	},
+	"-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"
+	}
+}
\ No newline at end of file

From dd7129fe56419b7fb8ccc285a02ddf87ef49680f Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 25 Aug 2024 10:01:25 +0200
Subject: [PATCH 02/66] wip

---
 ...es-syntax.json => csstree-properties.json} |    0
 .../{types-syntax.json => csstree-types.json} |    0
 packages/css-syntax-for-csstree/index.mjs     |  135 +-
 .../webref-css-properties-a.json              | 1901 +++++++++++++
 .../webref-css-properties-b.json              | 2369 +++++++++++++++++
 5 files changed, 4361 insertions(+), 44 deletions(-)
 rename packages/css-syntax-for-csstree/{properties-syntax.json => csstree-properties.json} (100%)
 rename packages/css-syntax-for-csstree/{types-syntax.json => csstree-types.json} (100%)
 create mode 100644 packages/css-syntax-for-csstree/webref-css-properties-a.json
 create mode 100644 packages/css-syntax-for-csstree/webref-css-properties-b.json

diff --git a/packages/css-syntax-for-csstree/properties-syntax.json b/packages/css-syntax-for-csstree/csstree-properties.json
similarity index 100%
rename from packages/css-syntax-for-csstree/properties-syntax.json
rename to packages/css-syntax-for-csstree/csstree-properties.json
diff --git a/packages/css-syntax-for-csstree/types-syntax.json b/packages/css-syntax-for-csstree/csstree-types.json
similarity index 100%
rename from packages/css-syntax-for-csstree/types-syntax.json
rename to packages/css-syntax-for-csstree/csstree-types.json
diff --git a/packages/css-syntax-for-csstree/index.mjs b/packages/css-syntax-for-csstree/index.mjs
index 88504d25be..805d48bcbc 100644
--- a/packages/css-syntax-for-csstree/index.mjs
+++ b/packages/css-syntax-for-csstree/index.mjs
@@ -1,72 +1,119 @@
-import fs from 'fs/promises';
-import { fork, definitionSyntax } from 'css-tree';
-
-
-const propertiesSyntax = {
-	overflow: '| overlay', // csstree/csstree#248
-	width: '| min-intrinsic | -moz-min-content | -moz-available | -webkit-fill-available', // csstree/csstree#242
-	'field-sizing': 'content | fixed',
-	'text-box-edge':
-		'auto | [ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?',
-	'text-box-trim': 'none | trim-start | trim-end | trim-both',
-	'text-spacing-trim': 'normal | space-all | space-first | trim-start',
-	'text-wrap-style': 'auto | balance | pretty | stable',
-	'word-break': '| auto-phrase | auto-phrase',
-};
+import fs from 'node:fs/promises';
 
-const forkedLexer = fork({
-	properties: {},
-	types: {},
-}).lexer;
+import css from '@webref/css';
+import { fork, definitionSyntax, lexer } from 'css-tree';
 
-{
-	const propertiesSyntax = Object(null);
+// TODO: toposort
+// TODO: circular checks
+// TODO: missing types/props checks
 
-	for (const key in forkedLexer.properties) {
-		if (!Object.prototype.hasOwnProperty.call(forkedLexer.properties, key)) {
+
+const propertiesSyntaxPatches = {
+	// overflow: '| overlay', // csstree/csstree#248
+	// width: '| min-intrinsic | -moz-min-content | -moz-available | -webkit-fill-available', // csstree/csstree#242
+	// 'field-sizing': 'content | fixed',
+	// 'text-box-edge':
+	// 	'auto | [ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?',
+	// 'text-box-trim': 'none | trim-start | trim-end | trim-both',
+	// 'text-spacing-trim': 'normal | space-all | space-first | trim-start',
+	// 'text-wrap-style': 'auto | balance | pretty | stable',
+	// 'word-break': '| auto-phrase | auto-phrase',
+	// 'view-transition-name': 'none | <custom-ident>',
+	// 'anchor-name': 'none | <custom-property-name>#',
+};
+
+function generate_set(source) {
+	const set = Object(null);
+
+	for (const key in source) {
+		if (!Object.prototype.hasOwnProperty.call(source, key)) {
 			continue;
 		}
 
-		if (!forkedLexer.properties[key].syntax) {
-			console.log('no syntax for property', key);
+		if (!source[key].syntax) {
+			// console.log('no syntax for', key);
 
 			continue;
 		}
 
-		propertiesSyntax[key] = {
-			'syntax': definitionSyntax.generate(forkedLexer.properties[key].syntax),
+		set[key] = {
+			syntax: definitionSyntax.generate(source[key].syntax),
 		};
 	}
 
+	return set;
+}
+
+function webref_css_to_csstree(definition) {
+	if (definition.newValues) {
+		console.log(definition.values ?? '-');
+		console.log(definition.newValues ?? '-');
+		console.log('------------------');
+	}
+
+	return {
+		syntax: definitionSyntax.parse(definition.value ?? definition.newValues),
+	};
+}
+
+await fs.writeFile(
+	'csstree-properties.json',
+	JSON.stringify(generate_set(lexer.properties), null, '\t'),
+	'utf-8',
+);
+
+await fs.writeFile(
+	'csstree-types.json',
+	JSON.stringify(generate_set(lexer.types), null, '\t'),
+	'utf-8',
+);
+
+{
+	const set = Object(null);
+
+	const parsedFiles = await css.listAll();
+	for (const [, data] of Object.entries(parsedFiles)) {
+		for (const property of data.properties) {
+			if (property.value) {
+				set[property.name] = webref_css_to_csstree(property);
+			} else {
+				console.log(property);
+
+			}
+		}
+	}
+
 	await fs.writeFile(
-		'properties-syntax.json',
-		JSON.stringify(propertiesSyntax, null, '\t'),
+		'webref-css-properties-a.json',
+		JSON.stringify(generate_set(set), null, '\t'),
 		'utf-8',
 	);
 }
 
 {
-	const typesSyntax = Object(null);
+	const set = Object(null);
 
-	for (const key in forkedLexer.types) {
-		if (!Object.prototype.hasOwnProperty.call(forkedLexer.types, key)) {
-			continue;
-		}
-
-		if (!forkedLexer.types[key].syntax) {
-			console.log('no syntax for type', key);
+	const parsedFiles = await css.listAll();
+	for (const [, data] of Object.entries(parsedFiles)) {
+		console.log(Object.keys(data));
 
-			continue;
+		for (const property of data.properties) {
+			if (property.value) {
+				set[property.name] = property.value ?? property.newValues;
+			} else {
+				console.log(property);
+			}
 		}
-
-		typesSyntax[key] = {
-			'syntax': definitionSyntax.generate(forkedLexer.types[key].syntax),
-		};
 	}
 
+	const forkedLexer = fork({
+		properties: set,
+		types: {},
+	}).lexer;
+
 	await fs.writeFile(
-		'types-syntax.json',
-		JSON.stringify(typesSyntax, null, '\t'),
+		'webref-css-properties-b.json',
+		JSON.stringify(generate_set(forkedLexer.properties), null, '\t'),
 		'utf-8',
 	);
 }
diff --git a/packages/css-syntax-for-csstree/webref-css-properties-a.json b/packages/css-syntax-for-csstree/webref-css-properties-a.json
new file mode 100644
index 0000000000..2058633284
--- /dev/null
+++ b/packages/css-syntax-for-csstree/webref-css-properties-a.json
@@ -0,0 +1,1901 @@
+{
+	"z-index": {
+		"syntax": "auto | <integer> | inherit"
+	},
+	"page-break-before": {
+		"syntax": "auto | always | avoid | left | right | inherit"
+	},
+	"page-break-after": {
+		"syntax": "auto | always | avoid | left | right | inherit"
+	},
+	"page-break-inside": {
+		"syntax": "avoid | auto | inherit"
+	},
+	"cx": {
+		"syntax": "<length-percentage>"
+	},
+	"cy": {
+		"syntax": "<length-percentage>"
+	},
+	"r": {
+		"syntax": "<length-percentage>"
+	},
+	"rx": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"ry": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"x": {
+		"syntax": "<length-percentage>"
+	},
+	"y": {
+		"syntax": "<length-percentage>"
+	},
+	"vector-effect": {
+		"syntax": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position"
+	},
+	"d": {
+		"syntax": "none | <string>"
+	},
+	"shape-subtract": {
+		"syntax": "none | [ <basic-shape> | <uri> ]+"
+	},
+	"text-anchor": {
+		"syntax": "start | middle | end"
+	},
+	"fill": {
+		"syntax": "<paint>"
+	},
+	"stroke": {
+		"syntax": "<paint>"
+	},
+	"marker-start": {
+		"syntax": "none | <marker-ref>"
+	},
+	"marker-mid": {
+		"syntax": "none | <marker-ref>"
+	},
+	"marker-end": {
+		"syntax": "none | <marker-ref>"
+	},
+	"marker": {
+		"syntax": "none | <marker-ref>"
+	},
+	"paint-order": {
+		"syntax": "normal | [ fill || stroke || markers ]"
+	},
+	"color-interpolation": {
+		"syntax": "auto | sRGB | linearRGB"
+	},
+	"shape-rendering": {
+		"syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision"
+	},
+	"text-rendering": {
+		"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision"
+	},
+	"pointer-events": {
+		"syntax": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none"
+	},
+	"-webkit-text-fill-color": {
+		"syntax": "<color>"
+	},
+	"-webkit-text-stroke-color": {
+		"syntax": "<color>"
+	},
+	"-webkit-text-stroke-width": {
+		"syntax": "<line-width>"
+	},
+	"-webkit-text-stroke": {
+		"syntax": "<line-width> || <color>"
+	},
+	"touch-action": {
+		"syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation"
+	},
+	"mix-blend-mode": {
+		"syntax": "<blend-mode> | plus-darker | plus-lighter"
+	},
+	"isolation": {
+		"syntax": "<isolation-mode>"
+	},
+	"background-blend-mode": {
+		"syntax": "<mix-blend-mode>#"
+	},
+	"align-content": {
+		"syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
+	},
+	"justify-content": {
+		"syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]"
+	},
+	"place-content": {
+		"syntax": "<'align-content'> <'justify-content'>?"
+	},
+	"justify-self": {
+		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]"
+	},
+	"align-self": {
+		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
+	},
+	"place-self": {
+		"syntax": "<'align-self'> <'justify-self'>?"
+	},
+	"justify-items": {
+		"syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]"
+	},
+	"align-items": {
+		"syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]"
+	},
+	"place-items": {
+		"syntax": "<'align-items'> <'justify-items'>?"
+	},
+	"row-gap": {
+		"syntax": "normal | <length-percentage [0,∞]>"
+	},
+	"column-gap": {
+		"syntax": "normal | <length-percentage [0,∞]>"
+	},
+	"gap": {
+		"syntax": "<'row-gap'> <'column-gap'>?"
+	},
+	"anchor-name": {
+		"syntax": "none | <dashed-ident>#"
+	},
+	"anchor-scope": {
+		"syntax": "none | all | <dashed-ident>#"
+	},
+	"position-anchor": {
+		"syntax": "auto | <anchor-element>"
+	},
+	"position-area": {
+		"syntax": "none | <position-area>"
+	},
+	"position-visibility": {
+		"syntax": "always | [ anchors-valid || anchors-visible || no-overflow ]"
+	},
+	"position-try-fallbacks": {
+		"syntax": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#"
+	},
+	"position-try-order": {
+		"syntax": "normal | <try-size>"
+	},
+	"position-try": {
+		"syntax": "<'position-try-order'>? <'position-try-fallbacks'>"
+	},
+	"animation-duration": {
+		"syntax": "<time [0s,∞]>#"
+	},
+	"animation-composition": {
+		"syntax": "<single-animation-composition>#"
+	},
+	"animation-timeline": {
+		"syntax": "<single-animation-timeline>#"
+	},
+	"animation-name": {
+		"syntax": "[ none | <keyframes-name> ]#"
+	},
+	"animation-timing-function": {
+		"syntax": "<easing-function>#"
+	},
+	"animation-iteration-count": {
+		"syntax": "<single-animation-iteration-count>#"
+	},
+	"animation-direction": {
+		"syntax": "<single-animation-direction>#"
+	},
+	"animation-play-state": {
+		"syntax": "<single-animation-play-state>#"
+	},
+	"animation-delay": {
+		"syntax": "<time>#"
+	},
+	"animation-fill-mode": {
+		"syntax": "<single-animation-fill-mode>#"
+	},
+	"animation": {
+		"syntax": "<single-animation>#"
+	},
+	"background-repeat-x": {
+		"syntax": "<repetition>#"
+	},
+	"background-repeat-y": {
+		"syntax": "<repetition>#"
+	},
+	"background-repeat-block": {
+		"syntax": "<repetition>#"
+	},
+	"background-repeat-inline": {
+		"syntax": "<repetition>#"
+	},
+	"background-repeat": {
+		"syntax": "<repeat-style>#"
+	},
+	"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-position-inline": {
+		"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
+	},
+	"background-position-block": {
+		"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
+	},
+	"background-clip": {
+		"syntax": "<visual-box>#"
+	},
+	"background-tbd": {
+		"syntax": "<bg-layer>#"
+	},
+	"background-color": {
+		"syntax": "<color>"
+	},
+	"background-image": {
+		"syntax": "<bg-image>#"
+	},
+	"background-attachment": {
+		"syntax": "<attachment>#"
+	},
+	"background-origin": {
+		"syntax": "<visual-box>#"
+	},
+	"background-size": {
+		"syntax": "<bg-size>#"
+	},
+	"background": {
+		"syntax": "<bg-layer>#? , <final-bg-layer>"
+	},
+	"border-style": {
+		"syntax": "<line-style>{1,4}"
+	},
+	"border-width": {
+		"syntax": "<line-width>{1,4}"
+	},
+	"border": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-image-source": {
+		"syntax": "none | <image>"
+	},
+	"border-image-slice": {
+		"syntax": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?"
+	},
+	"border-image-width": {
+		"syntax": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}"
+	},
+	"border-image-outset": {
+		"syntax": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}"
+	},
+	"border-image-repeat": {
+		"syntax": "[ stretch | repeat | round | space ]{1,2}"
+	},
+	"border-image": {
+		"syntax": "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>"
+	},
+	"border-top-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-right-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-bottom-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-left-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-block-start-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-block-end-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-inline-start-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-inline-end-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-color": {
+		"syntax": "[ <color> | <image-1D> ]{1,4}"
+	},
+	"border-block-color": {
+		"syntax": "<'border-top-color'>{1,2}"
+	},
+	"border-inline-color": {
+		"syntax": "<'border-top-color'>{1,2}"
+	},
+	"border-top-style": {
+		"syntax": "<line-style>"
+	},
+	"border-right-style": {
+		"syntax": "<line-style>"
+	},
+	"border-bottom-style": {
+		"syntax": "<line-style>"
+	},
+	"border-left-style": {
+		"syntax": "<line-style>"
+	},
+	"border-block-start-style": {
+		"syntax": "<line-style>"
+	},
+	"border-block-end-style": {
+		"syntax": "<line-style>"
+	},
+	"border-inline-start-style": {
+		"syntax": "<line-style>"
+	},
+	"border-inline-end-style": {
+		"syntax": "<line-style>"
+	},
+	"border-block-style": {
+		"syntax": "<'border-top-style'>{1,2}"
+	},
+	"border-inline-style": {
+		"syntax": "<'border-top-style'>{1,2}"
+	},
+	"border-top-width": {
+		"syntax": "<line-width>"
+	},
+	"border-right-width": {
+		"syntax": "<line-width>"
+	},
+	"border-bottom-width": {
+		"syntax": "<line-width>"
+	},
+	"border-left-width": {
+		"syntax": "<line-width>"
+	},
+	"border-block-start-width": {
+		"syntax": "<line-width>"
+	},
+	"border-block-end-width": {
+		"syntax": "<line-width>"
+	},
+	"border-inline-start-width": {
+		"syntax": "<line-width>"
+	},
+	"border-inline-end-width": {
+		"syntax": "<line-width>"
+	},
+	"border-block-width": {
+		"syntax": "<'border-top-width'>{1,2}"
+	},
+	"border-inline-width": {
+		"syntax": "<'border-top-width'>{1,2}"
+	},
+	"border-top": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-right": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-bottom": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-left": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-block-start": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-block-end": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-inline-start": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-inline-end": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-block": {
+		"syntax": "<'border-block-start'>"
+	},
+	"border-inline": {
+		"syntax": "<'border-block-start'>"
+	},
+	"border-top-left-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-top-right-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-bottom-right-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-bottom-left-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-start-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-start-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-end-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-end-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-top-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-right-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-bottom-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-left-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-block-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-block-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-inline-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-inline-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"
+	},
+	"corner-shape": {
+		"syntax": "[ round | angle ]{1,4}"
+	},
+	"corners": {
+		"syntax": "<'corner-shape'> || <'border-radius'>"
+	},
+	"border-limit": {
+		"syntax": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>"
+	},
+	"border-clip": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-top": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-right": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-bottom": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-left": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"box-shadow-color": {
+		"syntax": "<color>#"
+	},
+	"box-shadow-offset": {
+		"syntax": "[ none | <length>{2} ]#"
+	},
+	"box-shadow-blur": {
+		"syntax": "<length [0,∞]>#"
+	},
+	"box-shadow-spread": {
+		"syntax": "<length>#"
+	},
+	"box-shadow-position": {
+		"syntax": "[ outset | inset ]#"
+	},
+	"box-shadow": {
+		"syntax": "<spread-shadow>#"
+	},
+	"margin-top": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"margin-right": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"margin-bottom": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"margin-left": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"margin": {
+		"syntax": "<'margin-top'>{1,4}"
+	},
+	"margin-trim": {
+		"syntax": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]"
+	},
+	"padding-top": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"padding-right": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"padding-bottom": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"padding-left": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"padding": {
+		"syntax": "<'padding-top'>{1,4}"
+	},
+	"break-before": {
+		"syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region"
+	},
+	"break-after": {
+		"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"
+	},
+	"orphans": {
+		"syntax": "<integer [1,∞]>"
+	},
+	"widows": {
+		"syntax": "<integer [1,∞]>"
+	},
+	"margin-break": {
+		"syntax": "auto | keep | discard"
+	},
+	"box-decoration-break": {
+		"syntax": "slice | clone"
+	},
+	"all": {
+		"syntax": "initial | inherit | unset | revert | revert-layer"
+	},
+	"color-scheme": {
+		"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?"
+	},
+	"forced-color-adjust": {
+		"syntax": "auto | none | preserve-parent-color"
+	},
+	"print-color-adjust": {
+		"syntax": "economy | exact"
+	},
+	"color-adjust": {
+		"syntax": "<'print-color-adjust'>"
+	},
+	"dynamic-range-limit": {
+		"syntax": "standard | high | constrained-high"
+	},
+	"color": {
+		"syntax": "<color>"
+	},
+	"opacity": {
+		"syntax": "<opacity-value>"
+	},
+	"container-type": {
+		"syntax": "normal | size | inline-size"
+	},
+	"container-name": {
+		"syntax": "none | <custom-ident>+"
+	},
+	"container": {
+		"syntax": "<'container-name'> [ / <'container-type'> ]?"
+	},
+	"contain": {
+		"syntax": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]"
+	},
+	"content-visibility": {
+		"syntax": "visible | auto | hidden"
+	},
+	"content": {
+		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?"
+	},
+	"quotes": {
+		"syntax": "auto | none | match-parent | [ <string> <string> ]+"
+	},
+	"string-set": {
+		"syntax": "none | [ <custom-ident> <string>+ ]#"
+	},
+	"bookmark-level": {
+		"syntax": "none | <integer [1,∞]>"
+	},
+	"bookmark-label": {
+		"syntax": "<content-list>"
+	},
+	"bookmark-state": {
+		"syntax": "open | closed"
+	},
+	"display": {
+		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>"
+	},
+	"order": {
+		"syntax": "<integer>"
+	},
+	"reading-flow": {
+		"syntax": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order"
+	},
+	"visibility": {
+		"syntax": "visible | hidden | collapse"
+	},
+	"wrap-flow": {
+		"syntax": "auto | both | start | end | minimum | maximum | clear"
+	},
+	"wrap-through": {
+		"syntax": "wrap | none"
+	},
+	"flex-direction": {
+		"syntax": "row | row-reverse | column | column-reverse"
+	},
+	"flex-wrap": {
+		"syntax": "nowrap | wrap | wrap-reverse"
+	},
+	"flex-flow": {
+		"syntax": "<'flex-direction'> || <'flex-wrap'>"
+	},
+	"flex": {
+		"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"
+	},
+	"flex-grow": {
+		"syntax": "<number [0,∞]>"
+	},
+	"flex-shrink": {
+		"syntax": "<number [0,∞]>"
+	},
+	"flex-basis": {
+		"syntax": "content | <'width'>"
+	},
+	"font-size-adjust": {
+		"syntax": "none | <number [0,∞]>"
+	},
+	"font-family": {
+		"syntax": "[ <family-name> | <generic-family> ]#"
+	},
+	"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"
+	},
+	"font-style": {
+		"syntax": "normal | italic | oblique <angle [-90deg,90deg]>?"
+	},
+	"font-size": {
+		"syntax": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math"
+	},
+	"font": {
+		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>"
+	},
+	"font-synthesis-weight": {
+		"syntax": "auto | none"
+	},
+	"font-synthesis-style": {
+		"syntax": "auto | none"
+	},
+	"font-synthesis-small-caps": {
+		"syntax": "auto | none"
+	},
+	"font-synthesis-position": {
+		"syntax": "auto | none"
+	},
+	"font-synthesis": {
+		"syntax": "none | [ weight || style || small-caps || position ]"
+	},
+	"font-kerning": {
+		"syntax": "auto | normal | none"
+	},
+	"font-variant-ligatures": {
+		"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]"
+	},
+	"font-variant-position": {
+		"syntax": "normal | sub | super"
+	},
+	"font-variant-caps": {
+		"syntax": "normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps"
+	},
+	"font-variant-numeric": {
+		"syntax": "normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]"
+	},
+	"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-east-asian": {
+		"syntax": "normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]"
+	},
+	"font-variant": {
+		"syntax": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]"
+	},
+	"font-feature-settings": {
+		"syntax": "normal | <feature-tag-value>#"
+	},
+	"font-language-override": {
+		"syntax": "normal | <string>"
+	},
+	"font-optical-sizing": {
+		"syntax": "auto | none"
+	},
+	"font-variation-settings": {
+		"syntax": "normal | [ <opentype-tag> <number> ]#"
+	},
+	"font-palette": {
+		"syntax": "normal | light | dark | <palette-identifier> | <palette-mix()>"
+	},
+	"font-variant-emoji": {
+		"syntax": "normal | text | emoji | unicode"
+	},
+	"copy-into": {
+		"syntax": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?"
+	},
+	"footnote-display": {
+		"syntax": "block | inline | compact"
+	},
+	"footnote-policy": {
+		"syntax": "auto | line | block"
+	},
+	"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>?"
+	},
+	"grid-template-areas": {
+		"syntax": "none | <string>+"
+	},
+	"grid-template": {
+		"syntax": "none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?"
+	},
+	"grid-auto-columns": {
+		"syntax": "<track-size>+"
+	},
+	"grid-auto-rows": {
+		"syntax": "<track-size>+"
+	},
+	"grid-auto-flow": {
+		"syntax": "[ row | column ] || dense"
+	},
+	"grid": {
+		"syntax": "<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>"
+	},
+	"grid-row-start": {
+		"syntax": "<grid-line>"
+	},
+	"grid-column-start": {
+		"syntax": "<grid-line>"
+	},
+	"grid-row-end": {
+		"syntax": "<grid-line>"
+	},
+	"grid-column-end": {
+		"syntax": "<grid-line>"
+	},
+	"grid-row": {
+		"syntax": "<grid-line> [ / <grid-line> ]?"
+	},
+	"grid-column": {
+		"syntax": "<grid-line> [ / <grid-line> ]?"
+	},
+	"grid-area": {
+		"syntax": "<grid-line> [ / <grid-line> ]{0,3}"
+	},
+	"object-fit": {
+		"syntax": "fill | contain | cover | none | scale-down"
+	},
+	"image-resolution": {
+		"syntax": "[ from-image || <resolution> ] && snap?"
+	},
+	"object-view-box": {
+		"syntax": "none | <basic-shape-rect>"
+	},
+	"object-position": {
+		"syntax": "<position>"
+	},
+	"image-orientation": {
+		"syntax": "from-image | none | [ <angle> || flip ]"
+	},
+	"image-rendering": {
+		"syntax": "auto | smooth | high-quality | pixelated | crisp-edges"
+	},
+	"dominant-baseline": {
+		"syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top"
+	},
+	"vertical-align": {
+		"syntax": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>"
+	},
+	"baseline-source": {
+		"syntax": "auto | first | last"
+	},
+	"alignment-baseline": {
+		"syntax": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top"
+	},
+	"baseline-shift": {
+		"syntax": "<length-percentage> | sub | super | top | center | bottom"
+	},
+	"line-height": {
+		"syntax": "normal | <number [0,∞]> | <length-percentage [0,∞]>"
+	},
+	"line-fit-edge": {
+		"syntax": "leading | <text-edge>"
+	},
+	"text-box": {
+		"syntax": "normal | <'text-box-trim'> || <'text-box-edge'>"
+	},
+	"text-box-trim": {
+		"syntax": "none | trim-start | trim-end | trim-both"
+	},
+	"text-box-edge": {
+		"syntax": "auto | <text-edge>"
+	},
+	"inline-sizing": {
+		"syntax": "normal | stretch"
+	},
+	"initial-letter": {
+		"syntax": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?"
+	},
+	"initial-letter-align": {
+		"syntax": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!"
+	},
+	"initial-letter-wrap": {
+		"syntax": "none | first | all | grid | <length-percentage>"
+	},
+	"line-grid": {
+		"syntax": "match-parent | create"
+	},
+	"line-snap": {
+		"syntax": "none | baseline | contain"
+	},
+	"box-snap": {
+		"syntax": "none | block-start | block-end | center | baseline | last-baseline"
+	},
+	"link-parameters": {
+		"syntax": "none | <link-param>+"
+	},
+	"list-style-image": {
+		"syntax": "<image> | none"
+	},
+	"list-style-type": {
+		"syntax": "<counter-style> | <string> | none"
+	},
+	"list-style-position": {
+		"syntax": "inside | outside"
+	},
+	"list-style": {
+		"syntax": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>"
+	},
+	"marker-side": {
+		"syntax": "match-self | match-parent"
+	},
+	"counter-reset": {
+		"syntax": "[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none"
+	},
+	"counter-increment": {
+		"syntax": "[ <counter-name> <integer>? ]+ | none"
+	},
+	"counter-set": {
+		"syntax": "[ <counter-name> <integer>? ]+ | none"
+	},
+	"block-size": {
+		"syntax": "<'width'>"
+	},
+	"inline-size": {
+		"syntax": "<'width'>"
+	},
+	"min-block-size": {
+		"syntax": "<'min-width'>"
+	},
+	"min-inline-size": {
+		"syntax": "<'min-width'>"
+	},
+	"max-block-size": {
+		"syntax": "<'max-width'>"
+	},
+	"max-inline-size": {
+		"syntax": "<'max-width'>"
+	},
+	"margin-block-start": {
+		"syntax": "<'margin-top'>"
+	},
+	"margin-block-end": {
+		"syntax": "<'margin-top'>"
+	},
+	"margin-inline-start": {
+		"syntax": "<'margin-top'>"
+	},
+	"margin-inline-end": {
+		"syntax": "<'margin-top'>"
+	},
+	"margin-block": {
+		"syntax": "<'margin-top'>{1,2}"
+	},
+	"margin-inline": {
+		"syntax": "<'margin-top'>{1,2}"
+	},
+	"padding-block-start": {
+		"syntax": "<'padding-top'>"
+	},
+	"padding-block-end": {
+		"syntax": "<'padding-top'>"
+	},
+	"padding-inline-start": {
+		"syntax": "<'padding-top'>"
+	},
+	"padding-inline-end": {
+		"syntax": "<'padding-top'>"
+	},
+	"padding-block": {
+		"syntax": "<'padding-top'>{1,2}"
+	},
+	"padding-inline": {
+		"syntax": "<'padding-top'>{1,2}"
+	},
+	"clip-path": {
+		"syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none"
+	},
+	"clip-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"mask-mode": {
+		"syntax": "<masking-mode>#"
+	},
+	"mask-repeat": {
+		"syntax": "<repeat-style>#"
+	},
+	"mask-position": {
+		"syntax": "<position>#"
+	},
+	"mask-clip": {
+		"syntax": "[ <coord-box> | no-clip ]#"
+	},
+	"mask-origin": {
+		"syntax": "<coord-box>#"
+	},
+	"mask-size": {
+		"syntax": "<bg-size>#"
+	},
+	"mask-composite": {
+		"syntax": "<compositing-operator>#"
+	},
+	"mask": {
+		"syntax": "<mask-layer>#"
+	},
+	"mask-border-source": {
+		"syntax": "none | <image>"
+	},
+	"mask-border-mode": {
+		"syntax": "luminance | alpha"
+	},
+	"mask-border-slice": {
+		"syntax": "[ <number> | <percentage> ]{1,4} fill?"
+	},
+	"mask-border-width": {
+		"syntax": "[ <length-percentage> | <number> | auto ]{1,4}"
+	},
+	"mask-border-outset": {
+		"syntax": "[ <length> | <number> ]{1,4}"
+	},
+	"mask-border-repeat": {
+		"syntax": "[ stretch | repeat | round | space ]{1,2}"
+	},
+	"mask-border": {
+		"syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>"
+	},
+	"mask-type": {
+		"syntax": "luminance | alpha"
+	},
+	"clip": {
+		"syntax": "<rect()> | auto"
+	},
+	"column-span": {
+		"syntax": "none | all"
+	},
+	"column-width": {
+		"syntax": "auto | <length [0,∞]>"
+	},
+	"column-count": {
+		"syntax": "auto | <integer [1,∞]>"
+	},
+	"columns": {
+		"syntax": "<'column-width'> || <'column-count'>"
+	},
+	"column-rule-color": {
+		"syntax": "<color>"
+	},
+	"column-rule-style": {
+		"syntax": "<line-style>"
+	},
+	"column-rule-width": {
+		"syntax": "<line-width>"
+	},
+	"column-rule": {
+		"syntax": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>"
+	},
+	"column-fill": {
+		"syntax": "auto | balance | balance-all"
+	},
+	"spatial-navigation-contain": {
+		"syntax": "auto | contain"
+	},
+	"spatial-navigation-action": {
+		"syntax": "auto | focus | scroll"
+	},
+	"spatial-navigation-function": {
+		"syntax": "normal | grid"
+	},
+	"overflow-clip-margin-top": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-right": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-bottom": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-left": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-block-start": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-inline-start": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-block-end": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-inline-end": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-inline": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-block": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"text-overflow": {
+		"syntax": "clip | ellipsis"
+	},
+	"block-ellipsis": {
+		"syntax": "none | auto | <string>"
+	},
+	"line-clamp": {
+		"syntax": "none | <integer [1,∞]> || <'block-ellipsis'>"
+	},
+	"-webkit-line-clamp": {
+		"syntax": "none | <integer [1,∞]>"
+	},
+	"continue": {
+		"syntax": "auto | discard | -webkit-discard"
+	},
+	"max-lines": {
+		"syntax": "none | <integer [1,∞]>"
+	},
+	"scroll-marker-group": {
+		"syntax": "none | before | after"
+	},
+	"overflow-x": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-y": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-block": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-inline": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow": {
+		"syntax": "<'overflow-block'>{1,2}"
+	},
+	"scroll-behavior": {
+		"syntax": "auto | smooth"
+	},
+	"scrollbar-gutter": {
+		"syntax": "auto | stable && both-edges?"
+	},
+	"overscroll-behavior": {
+		"syntax": "[ contain | none | auto ]{1,2}"
+	},
+	"overscroll-behavior-x": {
+		"syntax": "contain | none | auto"
+	},
+	"overscroll-behavior-y": {
+		"syntax": "contain | none | auto"
+	},
+	"overscroll-behavior-inline": {
+		"syntax": "contain | none | auto"
+	},
+	"overscroll-behavior-block": {
+		"syntax": "contain | none | auto"
+	},
+	"float-reference": {
+		"syntax": "inline | column | region | page"
+	},
+	"float": {
+		"syntax": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none"
+	},
+	"clear": {
+		"syntax": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none"
+	},
+	"float-defer": {
+		"syntax": "<integer> | last | none"
+	},
+	"float-offset": {
+		"syntax": "<length> | <percentage>"
+	},
+	"page": {
+		"syntax": "auto | <custom-ident>"
+	},
+	"overlay": {
+		"syntax": "none | auto"
+	},
+	"position": {
+		"syntax": "static | relative | absolute | sticky | fixed"
+	},
+	"top": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"right": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"bottom": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"left": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-block-start": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-inline-start": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-block-end": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-inline-end": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-block": {
+		"syntax": "<'top'>{1,2}"
+	},
+	"inset-inline": {
+		"syntax": "<'top'>{1,2}"
+	},
+	"inset": {
+		"syntax": "<'top'>{1,4}"
+	},
+	"flow-into": {
+		"syntax": "none | <ident> [ element | content ]?"
+	},
+	"flow-from": {
+		"syntax": "<ident> | none"
+	},
+	"region-fragment": {
+		"syntax": "auto | break"
+	},
+	"block-step-size": {
+		"syntax": "none | <length [0,∞]>"
+	},
+	"block-step-insert": {
+		"syntax": "margin | padding"
+	},
+	"block-step-align": {
+		"syntax": "auto | center | start | end"
+	},
+	"block-step-round": {
+		"syntax": "up | down | nearest"
+	},
+	"block-step": {
+		"syntax": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>"
+	},
+	"line-height-step": {
+		"syntax": "<length [0,∞]>"
+	},
+	"border-boundary": {
+		"syntax": "none | parent | display"
+	},
+	"ruby-position": {
+		"syntax": "[ alternate || [ over | under ] ] | inter-character"
+	},
+	"ruby-merge": {
+		"syntax": "separate | merge | auto"
+	},
+	"ruby-align": {
+		"syntax": "start | center | space-between | space-around"
+	},
+	"ruby-overhang": {
+		"syntax": "auto | none"
+	},
+	"overflow-anchor": {
+		"syntax": "auto | none"
+	},
+	"scroll-start-target": {
+		"syntax": "[ none | auto ]"
+	},
+	"scroll-snap-type": {
+		"syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?"
+	},
+	"scroll-padding": {
+		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,4}"
+	},
+	"scroll-margin": {
+		"syntax": "<length>{1,4}"
+	},
+	"scroll-snap-align": {
+		"syntax": "[ none | start | end | center ]{1,2}"
+	},
+	"scroll-snap-stop": {
+		"syntax": "normal | always"
+	},
+	"scroll-padding-top": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-right": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-bottom": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-left": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-inline-start": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-block-start": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-inline-end": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-block-end": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-block": {
+		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
+	},
+	"scroll-padding-inline": {
+		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
+	},
+	"scroll-margin-top": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-right": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-bottom": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-left": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-block-start": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-inline-start": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-block-end": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-inline-end": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-block": {
+		"syntax": "<length>{1,2}"
+	},
+	"scroll-margin-inline": {
+		"syntax": "<length>{1,2}"
+	},
+	"scrollbar-color": {
+		"syntax": "auto | <color>{2}"
+	},
+	"scrollbar-width": {
+		"syntax": "auto | thin | none"
+	},
+	"shape-inside": {
+		"syntax": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display"
+	},
+	"shape-padding": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"shape-outside": {
+		"syntax": "none | [ <basic-shape> || <shape-box> ] | <image>"
+	},
+	"shape-image-threshold": {
+		"syntax": "<opacity-value>"
+	},
+	"shape-margin": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"text-size-adjust": {
+		"syntax": "auto | none | <percentage [0,∞]>"
+	},
+	"aspect-ratio": {
+		"syntax": "auto || <ratio>"
+	},
+	"contain-intrinsic-width": {
+		"syntax": "auto? [ none | <length> ]"
+	},
+	"contain-intrinsic-height": {
+		"syntax": "auto? [ none | <length> ]"
+	},
+	"contain-intrinsic-block-size": {
+		"syntax": "auto? [ none | <length> ]"
+	},
+	"contain-intrinsic-inline-size": {
+		"syntax": "auto? [ none | <length> ]"
+	},
+	"contain-intrinsic-size": {
+		"syntax": "[ auto? [ none | <length> ] ]{1,2}"
+	},
+	"min-intrinsic-sizing": {
+		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
+	},
+	"width": {
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"height": {
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"min-width": {
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"min-height": {
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"max-width": {
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"max-height": {
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"box-sizing": {
+		"syntax": "content-box | border-box"
+	},
+	"voice-volume": {
+		"syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"
+	},
+	"voice-balance": {
+		"syntax": "<number> | left | center | right | leftwards | rightwards"
+	},
+	"speak": {
+		"syntax": "auto | never | always"
+	},
+	"speak-as": {
+		"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
+	},
+	"pause-before": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"pause-after": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"pause": {
+		"syntax": "<'pause-before'> <'pause-after'>?"
+	},
+	"rest-before": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"rest-after": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"rest": {
+		"syntax": "<'rest-before'> <'rest-after'>?"
+	},
+	"cue-before": {
+		"syntax": "<uri> <decibel>? | none"
+	},
+	"cue-after": {
+		"syntax": "<uri> <decibel>? | none"
+	},
+	"cue": {
+		"syntax": "<'cue-before'> <'cue-after'>?"
+	},
+	"voice-family": {
+		"syntax": "[ [ <family-name> | <generic-voice> ] , ]* [ <family-name> | <generic-voice> ] | preserve"
+	},
+	"voice-rate": {
+		"syntax": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>"
+	},
+	"voice-pitch": {
+		"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
+	},
+	"voice-range": {
+		"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
+	},
+	"voice-stress": {
+		"syntax": "normal | strong | moderate | none | reduced"
+	},
+	"voice-duration": {
+		"syntax": "auto | <time [0s,∞]>"
+	},
+	"table-layout": {
+		"syntax": "auto | fixed"
+	},
+	"border-collapse": {
+		"syntax": "separate | collapse"
+	},
+	"border-spacing": {
+		"syntax": "<length>{1,2}"
+	},
+	"caption-side": {
+		"syntax": "top | bottom"
+	},
+	"empty-cells": {
+		"syntax": "show | hide"
+	},
+	"text-transform": {
+		"syntax": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana"
+	},
+	"word-space-transform": {
+		"syntax": "none | [ space | ideographic-space ] && auto-phrase?"
+	},
+	"white-space": {
+		"syntax": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line"
+	},
+	"white-space-collapse": {
+		"syntax": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces"
+	},
+	"white-space-trim": {
+		"syntax": "none | discard-before || discard-after || discard-inner"
+	},
+	"tab-size": {
+		"syntax": "<number [0,∞]> | <length [0,∞]>"
+	},
+	"text-wrap-mode": {
+		"syntax": "wrap | nowrap"
+	},
+	"wrap-inside": {
+		"syntax": "auto | avoid"
+	},
+	"wrap-before": {
+		"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex"
+	},
+	"wrap-after": {
+		"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex"
+	},
+	"text-wrap-style": {
+		"syntax": "auto | balance | stable | pretty"
+	},
+	"text-wrap": {
+		"syntax": "<'text-wrap-mode'> || <'text-wrap-style'>"
+	},
+	"word-break": {
+		"syntax": "normal | keep-all | break-all | break-word"
+	},
+	"line-break": {
+		"syntax": "auto | loose | normal | strict | anywhere"
+	},
+	"hyphens": {
+		"syntax": "none | manual | auto"
+	},
+	"hyphenate-character": {
+		"syntax": "auto | <string>"
+	},
+	"hyphenate-limit-zone": {
+		"syntax": "<length-percentage>"
+	},
+	"hyphenate-limit-chars": {
+		"syntax": "[ auto | <integer> ]{1,3}"
+	},
+	"hyphenate-limit-lines": {
+		"syntax": "no-limit | <integer>"
+	},
+	"hyphenate-limit-last": {
+		"syntax": "none | always | column | page | spread"
+	},
+	"overflow-wrap": {
+		"syntax": "normal | break-word | anywhere"
+	},
+	"word-wrap": {
+		"syntax": "normal | break-word | anywhere"
+	},
+	"text-align": {
+		"syntax": "start | end | left | right | center | justify | match-parent | justify-all"
+	},
+	"text-align-all": {
+		"syntax": "start | end | left | right | center | justify | match-parent"
+	},
+	"text-align-last": {
+		"syntax": "auto | start | end | left | right | center | justify | match-parent"
+	},
+	"text-justify": {
+		"syntax": "auto | none | inter-word | inter-character"
+	},
+	"text-group-align": {
+		"syntax": "none | start | end | left | right | center"
+	},
+	"word-spacing": {
+		"syntax": "normal | <length>"
+	},
+	"letter-spacing": {
+		"syntax": "normal | <length>"
+	},
+	"line-padding": {
+		"syntax": "<length>"
+	},
+	"text-autospace": {
+		"syntax": "normal | <autospace> | auto"
+	},
+	"text-spacing-trim": {
+		"syntax": "<spacing-trim> | auto"
+	},
+	"text-spacing": {
+		"syntax": "none | auto | <spacing-trim> || <autospace>"
+	},
+	"text-indent": {
+		"syntax": "[ <length-percentage> ] && hanging? && each-line?"
+	},
+	"hanging-punctuation": {
+		"syntax": "none | [ first || [ force-end | allow-end ] || last ]"
+	},
+	"text-decoration-line": {
+		"syntax": "none | [ underline || overline || line-through || blink ]"
+	},
+	"text-decoration-style": {
+		"syntax": "solid | double | dotted | dashed | wavy"
+	},
+	"text-decoration-color": {
+		"syntax": "<color>"
+	},
+	"text-decoration-thickness": {
+		"syntax": "auto | from-font | <length-percentage>"
+	},
+	"text-decoration": {
+		"syntax": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>"
+	},
+	"text-underline-position": {
+		"syntax": "auto | [ under || [ left | right ] ]"
+	},
+	"text-underline-offset": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"text-decoration-trim": {
+		"syntax": "<length>{1,2} | auto"
+	},
+	"text-decoration-skip": {
+		"syntax": "none | auto"
+	},
+	"text-decoration-skip-self": {
+		"syntax": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip"
+	},
+	"text-decoration-skip-box": {
+		"syntax": "none | all"
+	},
+	"text-decoration-skip-spaces": {
+		"syntax": "none | all | [ start || end ]"
+	},
+	"text-decoration-skip-ink": {
+		"syntax": "auto | none | all"
+	},
+	"text-emphasis-style": {
+		"syntax": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>"
+	},
+	"text-emphasis-color": {
+		"syntax": "<color>"
+	},
+	"text-emphasis": {
+		"syntax": "<'text-emphasis-style'> || <'text-emphasis-color'>"
+	},
+	"text-emphasis-position": {
+		"syntax": "[ over | under ] && [ right | left ]?"
+	},
+	"text-emphasis-skip": {
+		"syntax": "spaces || punctuation || symbols || narrow"
+	},
+	"text-shadow": {
+		"syntax": "none | [ <color>? && <length>{2,3} ]#"
+	},
+	"translate": {
+		"syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?"
+	},
+	"rotate": {
+		"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>"
+	},
+	"scale": {
+		"syntax": "none | [ <number> | <percentage> ]{1,3}"
+	},
+	"transform-style": {
+		"syntax": "flat | preserve-3d"
+	},
+	"perspective": {
+		"syntax": "none | <length [0,∞]>"
+	},
+	"perspective-origin": {
+		"syntax": "<position>"
+	},
+	"backface-visibility": {
+		"syntax": "visible | hidden"
+	},
+	"transform": {
+		"syntax": "none | <transform-list>"
+	},
+	"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-box": {
+		"syntax": "content-box | border-box | fill-box | stroke-box | view-box"
+	},
+	"transition-behavior": {
+		"syntax": "<transition-behavior-value>#"
+	},
+	"transition-property": {
+		"syntax": "none | <single-transition-property>#"
+	},
+	"transition-duration": {
+		"syntax": "<time [0s,∞]>#"
+	},
+	"transition-timing-function": {
+		"syntax": "<easing-function>#"
+	},
+	"transition-delay": {
+		"syntax": "<time>#"
+	},
+	"transition": {
+		"syntax": "<single-transition>#"
+	},
+	"outline": {
+		"syntax": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]"
+	},
+	"outline-width": {
+		"syntax": "<line-width>"
+	},
+	"outline-style": {
+		"syntax": "auto | <outline-line-style>"
+	},
+	"outline-color": {
+		"syntax": "auto | [ <color> | <image-1D> ]"
+	},
+	"outline-offset": {
+		"syntax": "<length>"
+	},
+	"resize": {
+		"syntax": "none | both | horizontal | vertical | block | inline"
+	},
+	"cursor": {
+		"syntax": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]"
+	},
+	"caret-color": {
+		"syntax": "auto | <color>"
+	},
+	"caret-animation": {
+		"syntax": "auto | manual"
+	},
+	"caret-shape": {
+		"syntax": "auto | bar | block | underscore"
+	},
+	"caret": {
+		"syntax": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>"
+	},
+	"nav-up": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"nav-right": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"nav-down": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"nav-left": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"user-select": {
+		"syntax": "auto | text | none | contain | all"
+	},
+	"accent-color": {
+		"syntax": "auto | <color>"
+	},
+	"appearance": {
+		"syntax": "none | auto | <compat-auto> | <compat-special>"
+	},
+	"field-sizing": {
+		"syntax": "fixed | content"
+	},
+	"input-security": {
+		"syntax": "auto | none"
+	},
+	"interpolate-size": {
+		"syntax": "numeric-only | allow-keywords"
+	},
+	"view-transition-class": {
+		"syntax": "none | <custom-ident>+"
+	},
+	"view-transition-group": {
+		"syntax": "normal | contain | nearest | <custom-ident>"
+	},
+	"view-transition-name": {
+		"syntax": "none | <custom-ident>"
+	},
+	"zoom": {
+		"syntax": "<number [0,∞]> || <percentage [0,∞]>"
+	},
+	"will-change": {
+		"syntax": "auto | <animateable-feature>#"
+	},
+	"direction": {
+		"syntax": "ltr | rtl"
+	},
+	"unicode-bidi": {
+		"syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext"
+	},
+	"writing-mode": {
+		"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr"
+	},
+	"text-orientation": {
+		"syntax": "mixed | upright | sideways"
+	},
+	"glyph-orientation-vertical": {
+		"syntax": "auto | 0deg | 90deg | 0 | 90"
+	},
+	"text-combine-upright": {
+		"syntax": "none | all | [ digits <integer [2,4]>? ]"
+	},
+	"fill-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"fill-break": {
+		"syntax": "bounding-box | slice | clone"
+	},
+	"fill-color": {
+		"syntax": "<color>"
+	},
+	"fill-image": {
+		"syntax": "<paint>#"
+	},
+	"fill-origin": {
+		"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box"
+	},
+	"fill-position": {
+		"syntax": "<position>#"
+	},
+	"fill-size": {
+		"syntax": "<bg-size>#"
+	},
+	"fill-repeat": {
+		"syntax": "<repeat-style>#"
+	},
+	"fill-opacity": {
+		"syntax": "<'opacity'>"
+	},
+	"stroke-width": {
+		"syntax": "[ <length-percentage> | <number> ]#"
+	},
+	"stroke-align": {
+		"syntax": "center | inset | outset"
+	},
+	"stroke-linecap": {
+		"syntax": "butt | round | square"
+	},
+	"stroke-linejoin": {
+		"syntax": "[ crop | arcs | miter ] || [ bevel | round | fallback ]"
+	},
+	"stroke-miterlimit": {
+		"syntax": "<number>"
+	},
+	"stroke-break": {
+		"syntax": "bounding-box | slice | clone"
+	},
+	"stroke-dasharray": {
+		"syntax": "none | [ <length-percentage> | <number> ]+#"
+	},
+	"stroke-dashoffset": {
+		"syntax": "<length-percentage> | <number>"
+	},
+	"stroke-dash-corner": {
+		"syntax": "none | <length>"
+	},
+	"stroke-dash-justify": {
+		"syntax": "none | [ stretch | compress ] || [ dashes || gaps ]"
+	},
+	"stroke-color": {
+		"syntax": "<color>#"
+	},
+	"stroke-image": {
+		"syntax": "<paint>#"
+	},
+	"stroke-origin": {
+		"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box"
+	},
+	"stroke-position": {
+		"syntax": "<position>#"
+	},
+	"stroke-size": {
+		"syntax": "<bg-size>#"
+	},
+	"stroke-repeat": {
+		"syntax": "<repeat-style>#"
+	},
+	"stroke-opacity": {
+		"syntax": "<'opacity'>"
+	},
+	"backdrop-filter": {
+		"syntax": "none | <filter-value-list>"
+	},
+	"filter": {
+		"syntax": "none | <filter-value-list>"
+	},
+	"flood-color": {
+		"syntax": "<color>"
+	},
+	"flood-opacity": {
+		"syntax": "<'opacity'>"
+	},
+	"color-interpolation-filters": {
+		"syntax": "auto | sRGB | linearRGB"
+	},
+	"lighting-color": {
+		"syntax": "<color>"
+	},
+	"math-style": {
+		"syntax": "normal | compact"
+	},
+	"math-shift": {
+		"syntax": "normal | compact"
+	},
+	"math-depth": {
+		"syntax": "auto-add | add( <integer> ) | <integer>"
+	},
+	"offset-path": {
+		"syntax": "none | <offset-path> || <coord-box>"
+	},
+	"offset-distance": {
+		"syntax": "<length-percentage>"
+	},
+	"offset-position": {
+		"syntax": "normal | auto | <position>"
+	},
+	"offset-anchor": {
+		"syntax": "auto | <position>"
+	},
+	"offset-rotate": {
+		"syntax": "[ auto | reverse ] || <angle>"
+	},
+	"offset": {
+		"syntax": "[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?"
+	},
+	"scroll-timeline-name": {
+		"syntax": "[ none | <dashed-ident> ]#"
+	},
+	"scroll-timeline-axis": {
+		"syntax": "[ block | inline | x | y ]#"
+	},
+	"scroll-timeline": {
+		"syntax": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
+	},
+	"view-timeline-name": {
+		"syntax": "[ none | <dashed-ident> ]#"
+	},
+	"view-timeline-axis": {
+		"syntax": "[ block | inline | x | y ]#"
+	},
+	"view-timeline-inset": {
+		"syntax": "[ [ auto | <length-percentage> ]{1,2} ]#"
+	},
+	"view-timeline": {
+		"syntax": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#"
+	},
+	"animation-range": {
+		"syntax": "[ <'animation-range-start'> <'animation-range-end'>? ]#"
+	},
+	"animation-range-start": {
+		"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
+	},
+	"animation-range-end": {
+		"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
+	},
+	"timeline-scope": {
+		"syntax": "none | all | <dashed-ident>#"
+	},
+	"stroke-alignment": {
+		"syntax": "center | inner | outer"
+	},
+	"stroke-dashcorner": {
+		"syntax": "none | <length>"
+	},
+	"stroke-dashadjust": {
+		"syntax": "none | [ stretch | compress ] [ dashes | gaps ]?"
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-for-csstree/webref-css-properties-b.json b/packages/css-syntax-for-csstree/webref-css-properties-b.json
new file mode 100644
index 0000000000..b95f394dcb
--- /dev/null
+++ b/packages/css-syntax-for-csstree/webref-css-properties-b.json
@@ -0,0 +1,2369 @@
+{
+	"--*": {
+		"syntax": "<declaration-value>"
+	},
+	"-ms-accelerator": {
+		"syntax": "false | true"
+	},
+	"-ms-block-progression": {
+		"syntax": "tb | rl | bt | lr"
+	},
+	"-ms-content-zoom-chaining": {
+		"syntax": "none | chained"
+	},
+	"-ms-content-zooming": {
+		"syntax": "none | zoom"
+	},
+	"-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-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-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-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-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-image-region": {
+		"syntax": "<shape> | auto"
+	},
+	"-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-before": {
+		"syntax": "<'border-width'> || <'border-style'> || <color>"
+	},
+	"-webkit-border-before-color": {
+		"syntax": "<color>"
+	},
+	"-webkit-border-before-style": {
+		"syntax": "<'border-style'>"
+	},
+	"-webkit-border-before-width": {
+		"syntax": "<'border-width'>"
+	},
+	"-webkit-box-reflect": {
+		"syntax": "[ above | below | right | left ]? <length>? <image>?"
+	},
+	"-webkit-line-clamp": {
+		"syntax": "none | <integer [1,∞]>"
+	},
+	"-webkit-mask": {
+		"syntax": "[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#"
+	},
+	"-webkit-mask-attachment": {
+		"syntax": "<attachment>#"
+	},
+	"-webkit-mask-clip": {
+		"syntax": "[ <box> | border | padding | content | text ]#"
+	},
+	"-webkit-mask-composite": {
+		"syntax": "<composite-style>#"
+	},
+	"-webkit-mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"-webkit-mask-origin": {
+		"syntax": "[ <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": "<line-width> || <color>"
+	},
+	"-webkit-text-stroke-color": {
+		"syntax": "<color>"
+	},
+	"-webkit-text-stroke-width": {
+		"syntax": "<line-width>"
+	},
+	"-webkit-touch-callout": {
+		"syntax": "default | none"
+	},
+	"-webkit-user-modify": {
+		"syntax": "read-only | read-write | read-write-plaintext-only"
+	},
+	"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> ]"
+	},
+	"align-self": {
+		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
+	},
+	"align-tracks": {
+		"syntax": "[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#"
+	},
+	"all": {
+		"syntax": "initial | inherit | unset | revert | revert-layer"
+	},
+	"animation": {
+		"syntax": "<single-animation>#"
+	},
+	"animation-composition": {
+		"syntax": "<single-animation-composition>#"
+	},
+	"animation-delay": {
+		"syntax": "<time>#"
+	},
+	"animation-direction": {
+		"syntax": "<single-animation-direction>#"
+	},
+	"animation-duration": {
+		"syntax": "<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-timing-function": {
+		"syntax": "<easing-function>#"
+	},
+	"animation-timeline": {
+		"syntax": "<single-animation-timeline>#"
+	},
+	"appearance": {
+		"syntax": "none | auto | <compat-auto> | <compat-special>"
+	},
+	"aspect-ratio": {
+		"syntax": "auto || <ratio>"
+	},
+	"azimuth": {
+		"syntax": "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards"
+	},
+	"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": "<mix-blend-mode>#"
+	},
+	"background-clip": {
+		"syntax": "<visual-box>#"
+	},
+	"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>#"
+	},
+	"block-overflow": {
+		"syntax": "clip | ellipsis | <string>"
+	},
+	"block-size": {
+		"syntax": "<'width'>"
+	},
+	"border": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-block": {
+		"syntax": "<'border-block-start'>"
+	},
+	"border-block-color": {
+		"syntax": "<'border-top-color'>{1,2}"
+	},
+	"border-block-style": {
+		"syntax": "<'border-top-style'>{1,2}"
+	},
+	"border-block-width": {
+		"syntax": "<'border-top-width'>{1,2}"
+	},
+	"border-block-end": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-block-end-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-block-end-style": {
+		"syntax": "<line-style>"
+	},
+	"border-block-end-width": {
+		"syntax": "<line-width>"
+	},
+	"border-block-start": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-block-start-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-block-start-style": {
+		"syntax": "<line-style>"
+	},
+	"border-block-start-width": {
+		"syntax": "<line-width>"
+	},
+	"border-bottom": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-bottom-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"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> | <image-1D> ]{1,4}"
+	},
+	"border-end-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-end-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"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-block-start'>"
+	},
+	"border-inline-end": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-inline-color": {
+		"syntax": "<'border-top-color'>{1,2}"
+	},
+	"border-inline-style": {
+		"syntax": "<'border-top-style'>{1,2}"
+	},
+	"border-inline-width": {
+		"syntax": "<'border-top-width'>{1,2}"
+	},
+	"border-inline-end-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-inline-end-style": {
+		"syntax": "<line-style>"
+	},
+	"border-inline-end-width": {
+		"syntax": "<line-width>"
+	},
+	"border-inline-start": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-inline-start-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-inline-start-style": {
+		"syntax": "<line-style>"
+	},
+	"border-inline-start-width": {
+		"syntax": "<line-width>"
+	},
+	"border-left": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-left-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"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> | <image-1D>"
+	},
+	"border-right-style": {
+		"syntax": "<line-style>"
+	},
+	"border-right-width": {
+		"syntax": "<line-width>"
+	},
+	"border-spacing": {
+		"syntax": "<length>{1,2}"
+	},
+	"border-start-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-start-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-style": {
+		"syntax": "<line-style>{1,4}"
+	},
+	"border-top": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-top-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"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>"
+	},
+	"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": "<spread-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-color": {
+		"syntax": "auto | <color>"
+	},
+	"caret-shape": {
+		"syntax": "auto | bar | block | underscore"
+	},
+	"clear": {
+		"syntax": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none"
+	},
+	"clip": {
+		"syntax": "<rect()> | auto"
+	},
+	"clip-path": {
+		"syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none"
+	},
+	"color": {
+		"syntax": "<color>"
+	},
+	"print-color-adjust": {
+		"syntax": "economy | exact"
+	},
+	"color-scheme": {
+		"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?"
+	},
+	"column-count": {
+		"syntax": "auto | <integer [1,∞]>"
+	},
+	"column-fill": {
+		"syntax": "auto | balance | balance-all"
+	},
+	"column-gap": {
+		"syntax": "normal | <length-percentage [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,∞]>"
+	},
+	"columns": {
+		"syntax": "<'column-width'> || <'column-count'>"
+	},
+	"contain": {
+		"syntax": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]"
+	},
+	"contain-intrinsic-size": {
+		"syntax": "[ auto? [ none | <length> ] ]{1,2}"
+	},
+	"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-width": {
+		"syntax": "auto? [ none | <length> ]"
+	},
+	"content": {
+		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?"
+	},
+	"content-visibility": {
+		"syntax": "visible | auto | hidden"
+	},
+	"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": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]"
+	},
+	"direction": {
+		"syntax": "ltr | rtl"
+	},
+	"display": {
+		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>"
+	},
+	"empty-cells": {
+		"syntax": "show | hide"
+	},
+	"filter": {
+		"syntax": "none | <filter-value-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 [0,∞]>"
+	},
+	"flex-shrink": {
+		"syntax": "<number [0,∞]>"
+	},
+	"flex-wrap": {
+		"syntax": "nowrap | wrap | wrap-reverse"
+	},
+	"float": {
+		"syntax": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none"
+	},
+	"font": {
+		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>"
+	},
+	"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-variation-settings": {
+		"syntax": "normal | [ <opentype-tag> <number> ]#"
+	},
+	"font-size": {
+		"syntax": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math"
+	},
+	"font-size-adjust": {
+		"syntax": "none | <number [0,∞]>"
+	},
+	"font-smooth": {
+		"syntax": "auto | never | always | <absolute-size> | <length>"
+	},
+	"font-stretch": {
+		"syntax": "<font-stretch-absolute>"
+	},
+	"font-style": {
+		"syntax": "normal | italic | oblique <angle [-90deg,90deg]>?"
+	},
+	"font-synthesis": {
+		"syntax": "none | [ weight || style || small-caps || position ]"
+	},
+	"font-variant": {
+		"syntax": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]"
+	},
+	"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-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-weight": {
+		"syntax": "<font-weight-absolute> | bolder | lighter"
+	},
+	"forced-color-adjust": {
+		"syntax": "auto | none | preserve-parent-color"
+	},
+	"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( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"hyphenate-character": {
+		"syntax": "auto | <string>"
+	},
+	"hyphens": {
+		"syntax": "none | manual | auto"
+	},
+	"image-orientation": {
+		"syntax": "from-image | none | [ <angle> || flip ]"
+	},
+	"image-rendering": {
+		"syntax": "auto | smooth | high-quality | pixelated | crisp-edges"
+	},
+	"image-resolution": {
+		"syntax": "[ from-image || <resolution> ] && snap?"
+	},
+	"ime-mode": {
+		"syntax": "auto | normal | active | inactive | disabled"
+	},
+	"initial-letter": {
+		"syntax": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?"
+	},
+	"initial-letter-align": {
+		"syntax": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!"
+	},
+	"inline-size": {
+		"syntax": "<'width'>"
+	},
+	"input-security": {
+		"syntax": "auto | none"
+	},
+	"inset": {
+		"syntax": "<'top'>{1,4}"
+	},
+	"inset-block": {
+		"syntax": "<'top'>{1,2}"
+	},
+	"inset-block-end": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-block-start": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-inline": {
+		"syntax": "<'top'>{1,2}"
+	},
+	"inset-inline-end": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-inline-start": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"isolation": {
+		"syntax": "<isolation-mode>"
+	},
+	"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 ]"
+	},
+	"justify-self": {
+		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]"
+	},
+	"justify-tracks": {
+		"syntax": "[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#"
+	},
+	"left": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"letter-spacing": {
+		"syntax": "normal | <length>"
+	},
+	"line-break": {
+		"syntax": "auto | loose | normal | strict | anywhere"
+	},
+	"line-clamp": {
+		"syntax": "none | <integer [1,∞]> || <'block-ellipsis'>"
+	},
+	"line-height": {
+		"syntax": "normal | <number [0,∞]> | <length-percentage [0,∞]>"
+	},
+	"line-height-step": {
+		"syntax": "<length [0,∞]>"
+	},
+	"list-style": {
+		"syntax": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>"
+	},
+	"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"
+	},
+	"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"
+	},
+	"margin-right": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"margin-top": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"margin-trim": {
+		"syntax": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]"
+	},
+	"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( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"max-inline-size": {
+		"syntax": "<'max-width'>"
+	},
+	"max-lines": {
+		"syntax": "none | <integer [1,∞]>"
+	},
+	"max-width": {
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"min-block-size": {
+		"syntax": "<'min-width'>"
+	},
+	"min-height": {
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"min-inline-size": {
+		"syntax": "<'min-width'>"
+	},
+	"min-width": {
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"mix-blend-mode": {
+		"syntax": "<blend-mode> | plus-darker | plus-lighter"
+	},
+	"object-fit": {
+		"syntax": "fill | contain | cover | none | scale-down"
+	},
+	"object-position": {
+		"syntax": "<position>"
+	},
+	"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 [1,∞]>"
+	},
+	"outline": {
+		"syntax": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]"
+	},
+	"outline-color": {
+		"syntax": "auto | [ <color> | <image-1D> ]"
+	},
+	"outline-offset": {
+		"syntax": "<length>"
+	},
+	"outline-style": {
+		"syntax": "auto | <outline-line-style>"
+	},
+	"outline-width": {
+		"syntax": "<line-width>"
+	},
+	"overflow": {
+		"syntax": "<'overflow-block'>{1,2}"
+	},
+	"overflow-anchor": {
+		"syntax": "auto | none"
+	},
+	"overflow-block": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-clip-box": {
+		"syntax": "padding-box | content-box"
+	},
+	"overflow-clip-margin": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-inline": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-wrap": {
+		"syntax": "normal | break-word | anywhere"
+	},
+	"overflow-x": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-y": {
+		"syntax": "visible | hidden | clip | scroll | 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-break-after": {
+		"syntax": "auto | always | avoid | left | right | inherit"
+	},
+	"page-break-before": {
+		"syntax": "auto | always | avoid | left | right | inherit"
+	},
+	"page-break-inside": {
+		"syntax": "avoid | auto | inherit"
+	},
+	"paint-order": {
+		"syntax": "normal | [ fill || stroke || markers ]"
+	},
+	"perspective": {
+		"syntax": "none | <length [0,∞]>"
+	},
+	"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 | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none"
+	},
+	"position": {
+		"syntax": "static | relative | absolute | sticky | fixed"
+	},
+	"quotes": {
+		"syntax": "auto | none | match-parent | [ <string> <string> ]+"
+	},
+	"resize": {
+		"syntax": "none | both | horizontal | vertical | block | inline"
+	},
+	"right": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"rotate": {
+		"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>"
+	},
+	"row-gap": {
+		"syntax": "normal | <length-percentage [0,∞]>"
+	},
+	"ruby-align": {
+		"syntax": "start | center | space-between | space-around"
+	},
+	"ruby-merge": {
+		"syntax": "separate | merge | auto"
+	},
+	"ruby-position": {
+		"syntax": "[ alternate || [ over | under ] ] | inter-character"
+	},
+	"scale": {
+		"syntax": "none | [ <number> | <percentage> ]{1,3}"
+	},
+	"scrollbar-color": {
+		"syntax": "auto | <color>{2}"
+	},
+	"scrollbar-gutter": {
+		"syntax": "auto | stable && both-edges?"
+	},
+	"scrollbar-width": {
+		"syntax": "auto | thin | none"
+	},
+	"scroll-behavior": {
+		"syntax": "auto | smooth"
+	},
+	"scroll-margin": {
+		"syntax": "<length>{1,4}"
+	},
+	"scroll-margin-block": {
+		"syntax": "<length>{1,2}"
+	},
+	"scroll-margin-block-start": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-block-end": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-bottom": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-inline": {
+		"syntax": "<length>{1,2}"
+	},
+	"scroll-margin-inline-start": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-inline-end": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-left": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-right": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-top": {
+		"syntax": "<length>"
+	},
+	"scroll-padding": {
+		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,4}"
+	},
+	"scroll-padding-block": {
+		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
+	},
+	"scroll-padding-block-start": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-block-end": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-bottom": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-inline": {
+		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
+	},
+	"scroll-padding-inline-start": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-inline-end": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-left": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-right": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-top": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"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-timeline": {
+		"syntax": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
+	},
+	"scroll-timeline-axis": {
+		"syntax": "[ block | inline | x | y ]#"
+	},
+	"scroll-timeline-name": {
+		"syntax": "[ none | <dashed-ident> ]#"
+	},
+	"shape-image-threshold": {
+		"syntax": "<opacity-value>"
+	},
+	"shape-margin": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"shape-outside": {
+		"syntax": "none | [ <basic-shape> || <shape-box> ] | <image>"
+	},
+	"tab-size": {
+		"syntax": "<number [0,∞]> | <length [0,∞]>"
+	},
+	"table-layout": {
+		"syntax": "auto | fixed"
+	},
+	"text-align": {
+		"syntax": "start | end | left | right | center | justify | match-parent | justify-all"
+	},
+	"text-align-last": {
+		"syntax": "auto | start | end | left | right | center | justify | match-parent"
+	},
+	"text-combine-upright": {
+		"syntax": "none | all | [ digits <integer [2,4]>? ]"
+	},
+	"text-decoration": {
+		"syntax": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>"
+	},
+	"text-decoration-color": {
+		"syntax": "<color>"
+	},
+	"text-decoration-line": {
+		"syntax": "none | [ underline || overline || line-through || blink ]"
+	},
+	"text-decoration-skip": {
+		"syntax": "none | auto"
+	},
+	"text-decoration-skip-ink": {
+		"syntax": "auto | none | all"
+	},
+	"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": "[ over | under ] && [ right | left ]?"
+	},
+	"text-emphasis-style": {
+		"syntax": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>"
+	},
+	"text-indent": {
+		"syntax": "[ <length-percentage> ] && hanging? && each-line?"
+	},
+	"text-justify": {
+		"syntax": "auto | none | inter-word | inter-character"
+	},
+	"text-orientation": {
+		"syntax": "mixed | upright | sideways"
+	},
+	"text-overflow": {
+		"syntax": "clip | ellipsis"
+	},
+	"text-rendering": {
+		"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision"
+	},
+	"text-shadow": {
+		"syntax": "none | [ <color>? && <length>{2,3} ]#"
+	},
+	"text-size-adjust": {
+		"syntax": "auto | none | <percentage [0,∞]>"
+	},
+	"text-transform": {
+		"syntax": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana"
+	},
+	"text-underline-offset": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"text-underline-position": {
+		"syntax": "auto | [ under || [ left | right ] ]"
+	},
+	"top": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"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-delay": {
+		"syntax": "<time>#"
+	},
+	"transition-duration": {
+		"syntax": "<time [0s,∞]>#"
+	},
+	"transition-property": {
+		"syntax": "none | <single-transition-property>#"
+	},
+	"transition-timing-function": {
+		"syntax": "<easing-function>#"
+	},
+	"translate": {
+		"syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?"
+	},
+	"unicode-bidi": {
+		"syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext"
+	},
+	"user-select": {
+		"syntax": "auto | text | none | contain | all"
+	},
+	"vertical-align": {
+		"syntax": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>"
+	},
+	"visibility": {
+		"syntax": "visible | hidden | collapse"
+	},
+	"white-space": {
+		"syntax": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line"
+	},
+	"widows": {
+		"syntax": "<integer [1,∞]>"
+	},
+	"width": {
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"will-change": {
+		"syntax": "auto | <animateable-feature>#"
+	},
+	"word-break": {
+		"syntax": "normal | keep-all | break-all | break-word"
+	},
+	"word-spacing": {
+		"syntax": "normal | <length>"
+	},
+	"word-wrap": {
+		"syntax": "normal | break-word | anywhere"
+	},
+	"writing-mode": {
+		"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr"
+	},
+	"z-index": {
+		"syntax": "auto | <integer> | inherit"
+	},
+	"zoom": {
+		"syntax": "<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"
+	},
+	"-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": "[ <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"
+	},
+	"-webkit-user-select": {
+		"syntax": "auto | none | text | all"
+	},
+	"alignment-baseline": {
+		"syntax": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top"
+	},
+	"baseline-shift": {
+		"syntax": "<length-percentage> | sub | super | top | center | bottom"
+	},
+	"behavior": {
+		"syntax": "<url>+"
+	},
+	"clip-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"cue": {
+		"syntax": "<'cue-before'> <'cue-after'>?"
+	},
+	"cue-after": {
+		"syntax": "<uri> <decibel>? | none"
+	},
+	"cue-before": {
+		"syntax": "<uri> <decibel>? | none"
+	},
+	"dominant-baseline": {
+		"syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top"
+	},
+	"fill": {
+		"syntax": "<paint>"
+	},
+	"fill-opacity": {
+		"syntax": "<'opacity'>"
+	},
+	"fill-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"glyph-orientation-horizontal": {
+		"syntax": "<angle>"
+	},
+	"glyph-orientation-vertical": {
+		"syntax": "auto | 0deg | 90deg | 0 | 90"
+	},
+	"kerning": {
+		"syntax": "auto | <svg-length>"
+	},
+	"marker": {
+		"syntax": "none | <marker-ref>"
+	},
+	"marker-end": {
+		"syntax": "none | <marker-ref>"
+	},
+	"marker-mid": {
+		"syntax": "none | <marker-ref>"
+	},
+	"marker-start": {
+		"syntax": "none | <marker-ref>"
+	},
+	"pause": {
+		"syntax": "<'pause-before'> <'pause-after'>?"
+	},
+	"pause-after": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"pause-before": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"rest": {
+		"syntax": "<'rest-before'> <'rest-after'>?"
+	},
+	"rest-after": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"rest-before": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"shape-rendering": {
+		"syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision"
+	},
+	"src": {
+		"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
+	},
+	"speak": {
+		"syntax": "auto | never | always"
+	},
+	"speak-as": {
+		"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
+	},
+	"stroke": {
+		"syntax": "<paint>"
+	},
+	"stroke-dasharray": {
+		"syntax": "none | [ <length-percentage> | <number> ]+#"
+	},
+	"stroke-dashoffset": {
+		"syntax": "<length-percentage> | <number>"
+	},
+	"stroke-linecap": {
+		"syntax": "butt | round | square"
+	},
+	"stroke-linejoin": {
+		"syntax": "[ crop | arcs | miter ] || [ bevel | round | fallback ]"
+	},
+	"stroke-miterlimit": {
+		"syntax": "<number>"
+	},
+	"stroke-opacity": {
+		"syntax": "<'opacity'>"
+	},
+	"stroke-width": {
+		"syntax": "[ <length-percentage> | <number> ]#"
+	},
+	"text-anchor": {
+		"syntax": "start | middle | end"
+	},
+	"unicode-range": {
+		"syntax": "<urange>#"
+	},
+	"voice-balance": {
+		"syntax": "<number> | left | center | right | leftwards | rightwards"
+	},
+	"voice-duration": {
+		"syntax": "auto | <time [0s,∞]>"
+	},
+	"voice-family": {
+		"syntax": "[ [ <family-name> | <generic-voice> ] , ]* [ <family-name> | <generic-voice> ] | preserve"
+	},
+	"voice-pitch": {
+		"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
+	},
+	"voice-range": {
+		"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
+	},
+	"voice-rate": {
+		"syntax": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>"
+	},
+	"voice-stress": {
+		"syntax": "normal | strong | moderate | none | reduced"
+	},
+	"voice-volume": {
+		"syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"
+	},
+	"cx": {
+		"syntax": "<length-percentage>"
+	},
+	"cy": {
+		"syntax": "<length-percentage>"
+	},
+	"r": {
+		"syntax": "<length-percentage>"
+	},
+	"rx": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"ry": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"x": {
+		"syntax": "<length-percentage>"
+	},
+	"y": {
+		"syntax": "<length-percentage>"
+	},
+	"vector-effect": {
+		"syntax": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position"
+	},
+	"d": {
+		"syntax": "none | <string>"
+	},
+	"shape-subtract": {
+		"syntax": "none | [ <basic-shape> | <uri> ]+"
+	},
+	"color-interpolation": {
+		"syntax": "auto | sRGB | linearRGB"
+	},
+	"anchor-name": {
+		"syntax": "none | <dashed-ident>#"
+	},
+	"anchor-scope": {
+		"syntax": "none | all | <dashed-ident>#"
+	},
+	"position-anchor": {
+		"syntax": "auto | <anchor-element>"
+	},
+	"position-area": {
+		"syntax": "none | <position-area>"
+	},
+	"position-visibility": {
+		"syntax": "always | [ anchors-valid || anchors-visible || no-overflow ]"
+	},
+	"position-try-fallbacks": {
+		"syntax": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#"
+	},
+	"position-try-order": {
+		"syntax": "normal | <try-size>"
+	},
+	"position-try": {
+		"syntax": "<'position-try-order'>? <'position-try-fallbacks'>"
+	},
+	"background-repeat-x": {
+		"syntax": "<repetition>#"
+	},
+	"background-repeat-y": {
+		"syntax": "<repetition>#"
+	},
+	"background-repeat-block": {
+		"syntax": "<repetition>#"
+	},
+	"background-repeat-inline": {
+		"syntax": "<repetition>#"
+	},
+	"background-position-inline": {
+		"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
+	},
+	"background-position-block": {
+		"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
+	},
+	"background-tbd": {
+		"syntax": "<bg-layer>#"
+	},
+	"border-top-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-right-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-bottom-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-left-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-block-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-block-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-inline-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-inline-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"corner-shape": {
+		"syntax": "[ round | angle ]{1,4}"
+	},
+	"corners": {
+		"syntax": "<'corner-shape'> || <'border-radius'>"
+	},
+	"border-limit": {
+		"syntax": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>"
+	},
+	"border-clip": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-top": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-right": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-bottom": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-left": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"box-shadow-color": {
+		"syntax": "<color>#"
+	},
+	"box-shadow-offset": {
+		"syntax": "[ none | <length>{2} ]#"
+	},
+	"box-shadow-blur": {
+		"syntax": "<length [0,∞]>#"
+	},
+	"box-shadow-spread": {
+		"syntax": "<length>#"
+	},
+	"box-shadow-position": {
+		"syntax": "[ outset | inset ]#"
+	},
+	"margin-break": {
+		"syntax": "auto | keep | discard"
+	},
+	"color-adjust": {
+		"syntax": "<'print-color-adjust'>"
+	},
+	"dynamic-range-limit": {
+		"syntax": "standard | high | constrained-high"
+	},
+	"container-type": {
+		"syntax": "normal | size | inline-size"
+	},
+	"container-name": {
+		"syntax": "none | <custom-ident>+"
+	},
+	"container": {
+		"syntax": "<'container-name'> [ / <'container-type'> ]?"
+	},
+	"string-set": {
+		"syntax": "none | [ <custom-ident> <string>+ ]#"
+	},
+	"bookmark-level": {
+		"syntax": "none | <integer [1,∞]>"
+	},
+	"bookmark-label": {
+		"syntax": "<content-list>"
+	},
+	"bookmark-state": {
+		"syntax": "open | closed"
+	},
+	"reading-flow": {
+		"syntax": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order"
+	},
+	"wrap-flow": {
+		"syntax": "auto | both | start | end | minimum | maximum | clear"
+	},
+	"wrap-through": {
+		"syntax": "wrap | none"
+	},
+	"font-width": {
+		"syntax": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"
+	},
+	"font-synthesis-weight": {
+		"syntax": "auto | none"
+	},
+	"font-synthesis-style": {
+		"syntax": "auto | none"
+	},
+	"font-synthesis-small-caps": {
+		"syntax": "auto | none"
+	},
+	"font-synthesis-position": {
+		"syntax": "auto | none"
+	},
+	"font-palette": {
+		"syntax": "normal | light | dark | <palette-identifier> | <palette-mix()>"
+	},
+	"font-variant-emoji": {
+		"syntax": "normal | text | emoji | unicode"
+	},
+	"copy-into": {
+		"syntax": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?"
+	},
+	"footnote-display": {
+		"syntax": "block | inline | compact"
+	},
+	"footnote-policy": {
+		"syntax": "auto | line | block"
+	},
+	"object-view-box": {
+		"syntax": "none | <basic-shape-rect>"
+	},
+	"baseline-source": {
+		"syntax": "auto | first | last"
+	},
+	"line-fit-edge": {
+		"syntax": "leading | <text-edge>"
+	},
+	"text-box": {
+		"syntax": "normal | <'text-box-trim'> || <'text-box-edge'>"
+	},
+	"text-box-trim": {
+		"syntax": "none | trim-start | trim-end | trim-both"
+	},
+	"text-box-edge": {
+		"syntax": "auto | <text-edge>"
+	},
+	"inline-sizing": {
+		"syntax": "normal | stretch"
+	},
+	"initial-letter-wrap": {
+		"syntax": "none | first | all | grid | <length-percentage>"
+	},
+	"line-grid": {
+		"syntax": "match-parent | create"
+	},
+	"line-snap": {
+		"syntax": "none | baseline | contain"
+	},
+	"box-snap": {
+		"syntax": "none | block-start | block-end | center | baseline | last-baseline"
+	},
+	"link-parameters": {
+		"syntax": "none | <link-param>+"
+	},
+	"marker-side": {
+		"syntax": "match-self | match-parent"
+	},
+	"spatial-navigation-contain": {
+		"syntax": "auto | contain"
+	},
+	"spatial-navigation-action": {
+		"syntax": "auto | focus | scroll"
+	},
+	"spatial-navigation-function": {
+		"syntax": "normal | grid"
+	},
+	"overflow-clip-margin-top": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-right": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-bottom": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-left": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-block-start": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-inline-start": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-block-end": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-inline-end": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-inline": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-block": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"block-ellipsis": {
+		"syntax": "none | auto | <string>"
+	},
+	"continue": {
+		"syntax": "auto | discard | -webkit-discard"
+	},
+	"scroll-marker-group": {
+		"syntax": "none | before | after"
+	},
+	"float-reference": {
+		"syntax": "inline | column | region | page"
+	},
+	"float-defer": {
+		"syntax": "<integer> | last | none"
+	},
+	"float-offset": {
+		"syntax": "<length> | <percentage>"
+	},
+	"page": {
+		"syntax": "auto | <custom-ident>"
+	},
+	"overlay": {
+		"syntax": "none | auto"
+	},
+	"flow-into": {
+		"syntax": "none | <ident> [ element | content ]?"
+	},
+	"flow-from": {
+		"syntax": "<ident> | none"
+	},
+	"region-fragment": {
+		"syntax": "auto | break"
+	},
+	"block-step-size": {
+		"syntax": "none | <length [0,∞]>"
+	},
+	"block-step-insert": {
+		"syntax": "margin | padding"
+	},
+	"block-step-align": {
+		"syntax": "auto | center | start | end"
+	},
+	"block-step-round": {
+		"syntax": "up | down | nearest"
+	},
+	"block-step": {
+		"syntax": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>"
+	},
+	"border-boundary": {
+		"syntax": "none | parent | display"
+	},
+	"ruby-overhang": {
+		"syntax": "auto | none"
+	},
+	"scroll-start-target": {
+		"syntax": "[ none | auto ]"
+	},
+	"shape-inside": {
+		"syntax": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display"
+	},
+	"shape-padding": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"min-intrinsic-sizing": {
+		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
+	},
+	"word-space-transform": {
+		"syntax": "none | [ space | ideographic-space ] && auto-phrase?"
+	},
+	"white-space-collapse": {
+		"syntax": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces"
+	},
+	"white-space-trim": {
+		"syntax": "none | discard-before || discard-after || discard-inner"
+	},
+	"text-wrap-mode": {
+		"syntax": "wrap | nowrap"
+	},
+	"wrap-inside": {
+		"syntax": "auto | avoid"
+	},
+	"wrap-before": {
+		"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex"
+	},
+	"wrap-after": {
+		"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex"
+	},
+	"text-wrap-style": {
+		"syntax": "auto | balance | stable | pretty"
+	},
+	"text-wrap": {
+		"syntax": "<'text-wrap-mode'> || <'text-wrap-style'>"
+	},
+	"hyphenate-limit-zone": {
+		"syntax": "<length-percentage>"
+	},
+	"hyphenate-limit-chars": {
+		"syntax": "[ auto | <integer> ]{1,3}"
+	},
+	"hyphenate-limit-lines": {
+		"syntax": "no-limit | <integer>"
+	},
+	"hyphenate-limit-last": {
+		"syntax": "none | always | column | page | spread"
+	},
+	"text-align-all": {
+		"syntax": "start | end | left | right | center | justify | match-parent"
+	},
+	"text-group-align": {
+		"syntax": "none | start | end | left | right | center"
+	},
+	"line-padding": {
+		"syntax": "<length>"
+	},
+	"text-autospace": {
+		"syntax": "normal | <autospace> | auto"
+	},
+	"text-spacing-trim": {
+		"syntax": "<spacing-trim> | auto"
+	},
+	"text-spacing": {
+		"syntax": "none | auto | <spacing-trim> || <autospace>"
+	},
+	"text-decoration-trim": {
+		"syntax": "<length>{1,2} | auto"
+	},
+	"text-decoration-skip-self": {
+		"syntax": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip"
+	},
+	"text-decoration-skip-box": {
+		"syntax": "none | all"
+	},
+	"text-decoration-skip-spaces": {
+		"syntax": "none | all | [ start || end ]"
+	},
+	"text-emphasis-skip": {
+		"syntax": "spaces || punctuation || symbols || narrow"
+	},
+	"transition-behavior": {
+		"syntax": "<transition-behavior-value>#"
+	},
+	"caret-animation": {
+		"syntax": "auto | manual"
+	},
+	"nav-up": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"nav-right": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"nav-down": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"nav-left": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"field-sizing": {
+		"syntax": "fixed | content"
+	},
+	"interpolate-size": {
+		"syntax": "numeric-only | allow-keywords"
+	},
+	"view-transition-class": {
+		"syntax": "none | <custom-ident>+"
+	},
+	"view-transition-group": {
+		"syntax": "normal | contain | nearest | <custom-ident>"
+	},
+	"view-transition-name": {
+		"syntax": "none | <custom-ident>"
+	},
+	"fill-break": {
+		"syntax": "bounding-box | slice | clone"
+	},
+	"fill-color": {
+		"syntax": "<color>"
+	},
+	"fill-image": {
+		"syntax": "<paint>#"
+	},
+	"fill-origin": {
+		"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box"
+	},
+	"fill-position": {
+		"syntax": "<position>#"
+	},
+	"fill-size": {
+		"syntax": "<bg-size>#"
+	},
+	"fill-repeat": {
+		"syntax": "<repeat-style>#"
+	},
+	"stroke-align": {
+		"syntax": "center | inset | outset"
+	},
+	"stroke-break": {
+		"syntax": "bounding-box | slice | clone"
+	},
+	"stroke-dash-corner": {
+		"syntax": "none | <length>"
+	},
+	"stroke-dash-justify": {
+		"syntax": "none | [ stretch | compress ] || [ dashes || gaps ]"
+	},
+	"stroke-color": {
+		"syntax": "<color>#"
+	},
+	"stroke-image": {
+		"syntax": "<paint>#"
+	},
+	"stroke-origin": {
+		"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box"
+	},
+	"stroke-position": {
+		"syntax": "<position>#"
+	},
+	"stroke-size": {
+		"syntax": "<bg-size>#"
+	},
+	"stroke-repeat": {
+		"syntax": "<repeat-style>#"
+	},
+	"flood-color": {
+		"syntax": "<color>"
+	},
+	"flood-opacity": {
+		"syntax": "<'opacity'>"
+	},
+	"color-interpolation-filters": {
+		"syntax": "auto | sRGB | linearRGB"
+	},
+	"lighting-color": {
+		"syntax": "<color>"
+	},
+	"view-timeline-name": {
+		"syntax": "[ none | <dashed-ident> ]#"
+	},
+	"view-timeline-axis": {
+		"syntax": "[ block | inline | x | y ]#"
+	},
+	"view-timeline-inset": {
+		"syntax": "[ [ auto | <length-percentage> ]{1,2} ]#"
+	},
+	"view-timeline": {
+		"syntax": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#"
+	},
+	"animation-range": {
+		"syntax": "[ <'animation-range-start'> <'animation-range-end'>? ]#"
+	},
+	"animation-range-start": {
+		"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
+	},
+	"animation-range-end": {
+		"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
+	},
+	"timeline-scope": {
+		"syntax": "none | all | <dashed-ident>#"
+	},
+	"stroke-alignment": {
+		"syntax": "center | inner | outer"
+	},
+	"stroke-dashcorner": {
+		"syntax": "none | <length>"
+	},
+	"stroke-dashadjust": {
+		"syntax": "none | [ stretch | compress ] [ dashes | gaps ]?"
+	}
+}
\ No newline at end of file

From ab8aae10160408e7a73a267435965abde66b0dac Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 25 Aug 2024 23:24:08 +0200
Subject: [PATCH 03/66] wip

---
 .../CHANGELOG.md                              |    5 +
 .../css-syntax-patches-for-csstree/LICENSE.md |   18 +
 .../dist/index.json                           |  785 +++++
 .../package.json                              |   65 +
 .../webref-over-csstree-properties.json       | 2635 +++++++++++++++++
 .../patches/webref-over-csstree-types.json    | 2152 ++++++++++++++
 .../raw-data/csstree-properties.json          | 1814 ++++++++++++
 .../raw-data/csstree-types.json               | 1019 +++++++
 .../webref-over-csstree-properties.json       | 2522 ++++++++++++++++
 .../raw-data/webref-over-csstree-types.json   | 2150 ++++++++++++++
 .../raw-data/webref-properties.json           | 2369 +++++++++++++++
 .../raw-data/webref-types.json                | 2042 +++++++++++++
 .../scripts/diff-sets.mjs                     |   43 +
 .../scripts/generate-csstree-sets.mjs         |    9 +
 .../scripts/generate-set.mjs                  |   35 +
 .../scripts/generate-webref-sets.mjs          |   61 +
 .../scripts/index.mjs                         |  226 ++
 .../scripts/read-patches.mjs                  |   11 +
 .../scripts/write-final-file.mjs              |   10 +
 .../scripts/write-set-files.mjs               |   46 +
 20 files changed, 18017 insertions(+)
 create mode 100644 packages/css-syntax-patches-for-csstree/CHANGELOG.md
 create mode 100644 packages/css-syntax-patches-for-csstree/LICENSE.md
 create mode 100644 packages/css-syntax-patches-for-csstree/dist/index.json
 create mode 100644 packages/css-syntax-patches-for-csstree/package.json
 create mode 100644 packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
 create mode 100644 packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/csstree-properties.json
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/csstree-types.json
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/index.mjs
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/read-patches.mjs
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/write-final-file.mjs
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs

diff --git a/packages/css-syntax-patches-for-csstree/CHANGELOG.md b/packages/css-syntax-patches-for-csstree/CHANGELOG.md
new file mode 100644
index 0000000000..1b583da234
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/CHANGELOG.md
@@ -0,0 +1,5 @@
+# Changes to CSS Syntax Patches For CSSTree
+
+### Unreleased (patch)
+
+- initial version 
diff --git a/packages/css-syntax-patches-for-csstree/LICENSE.md b/packages/css-syntax-patches-for-csstree/LICENSE.md
new file mode 100644
index 0000000000..e8ae93b9f9
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/LICENSE.md
@@ -0,0 +1,18 @@
+MIT No Attribution (MIT-0)
+
+Copyright © CSSTools Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the “Software”), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
new file mode 100644
index 0000000000..8964b2f446
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -0,0 +1,785 @@
+{
+	"next": {
+		"properties": {
+			"align-items": "| anchor-center",
+			"align-self": "| anchor-center",
+			"alignment-baseline": "| text-bottom | text-top",
+			"anchor-name": "none | <custom-property-name>#",
+			"anchor-scope": "none | all | <custom-property-name>#",
+			"animation-duration": "<time [0s,∞]>#",
+			"animation-range": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
+			"animation-range-end": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+			"animation-range-start": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+			"appearance": "none | auto | <compat-auto> | <compat-special>",
+			"aspect-ratio": "auto || <ratio>",
+			"backdrop-filter": "none | <filter-value-list>",
+			"background": "<bg-layer>#? , <final-bg-layer>",
+			"background-blend-mode": "<mix-blend-mode>#",
+			"background-clip": "<visual-box>#",
+			"background-origin": "<visual-box>#",
+			"background-position-block": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+			"background-position-inline": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+			"background-repeat-block": "<repetition>#",
+			"background-repeat-inline": "<repetition>#",
+			"background-repeat-x": "<repetition>#",
+			"background-repeat-y": "<repetition>#",
+			"background-tbd": "<bg-layer>#",
+			"baseline-shift": "<length-percentage> | sub | super | top | center | bottom",
+			"baseline-source": "auto | first | last",
+			"block-ellipsis": "none | auto | <string>",
+			"block-size": "<'width'> | stretch | fit-content | contain",
+			"block-step": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
+			"block-step-align": "auto | center | start | end",
+			"block-step-insert": "margin | padding",
+			"block-step-round": "up | down | nearest",
+			"block-step-size": "none | <length [0,∞]>",
+			"bookmark-label": "<content-list>",
+			"bookmark-level": "none | <integer [1,∞]>",
+			"bookmark-state": "open | closed",
+			"border-block": "<'border-block-start'>",
+			"border-block-end": "<line-width> || <line-style> || <color>",
+			"border-block-end-color": "<color> | <image-1D>",
+			"border-block-end-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-block-end-style": "<line-style>",
+			"border-block-end-width": "<line-width>",
+			"border-block-start": "<line-width> || <line-style> || <color>",
+			"border-block-start-color": "<color> | <image-1D>",
+			"border-block-start-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-block-start-style": "<line-style>",
+			"border-block-start-width": "<line-width>",
+			"border-block-style": "<'border-top-style'>{1,2}",
+			"border-block-width": "<'border-top-width'>{1,2}",
+			"border-bottom-color": "<color> | <image-1D>",
+			"border-bottom-left-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-bottom-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-bottom-right-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-boundary": "none | parent | display",
+			"border-clip": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+			"border-clip-bottom": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+			"border-clip-left": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+			"border-clip-right": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+			"border-clip-top": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+			"border-collapse": "separate | collapse",
+			"border-color": "[ <color> | <image-1D> ]{1,4}",
+			"border-end-end-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-end-start-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-image-outset": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
+			"border-image-slice": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
+			"border-image-width": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
+			"border-inline": "<'border-block-start'>",
+			"border-inline-end": "<line-width> || <line-style> || <color>",
+			"border-inline-end-color": "<color> | <image-1D>",
+			"border-inline-end-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-inline-end-style": "<line-style>",
+			"border-inline-end-width": "<line-width>",
+			"border-inline-start": "<line-width> || <line-style> || <color>",
+			"border-inline-start-color": "<color> | <image-1D>",
+			"border-inline-start-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-inline-start-style": "<line-style>",
+			"border-inline-start-width": "<line-width>",
+			"border-inline-style": "<'border-top-style'>{1,2}",
+			"border-inline-width": "<'border-top-width'>{1,2}",
+			"border-left-color": "<color> | <image-1D>",
+			"border-left-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-limit": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
+			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+			"border-right-color": "<color> | <image-1D>",
+			"border-right-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-spacing": "<length>{1,2}",
+			"border-start-end-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-start-start-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-top-color": "<color> | <image-1D>",
+			"border-top-left-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-top-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-top-right-radius": "<length-percentage [0,∞]>{1,2}",
+			"bottom": "auto | <length-percentage>",
+			"box-shadow": "<spread-shadow>#",
+			"box-shadow-blur": "<length [0,∞]>#",
+			"box-shadow-color": "<color>#",
+			"box-shadow-offset": "[ none | <length>{2} ]#",
+			"box-shadow-position": "[ outset | inset ]#",
+			"box-shadow-spread": "<length>#",
+			"box-snap": "none | block-start | block-end | center | baseline | last-baseline",
+			"caption-side": "top | bottom",
+			"caret": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
+			"caret-animation": "auto | manual",
+			"clear": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
+			"clip": "<rect()> | auto",
+			"color-adjust": "<'print-color-adjust'>",
+			"color-interpolation": "auto | sRGB | linearRGB",
+			"color-interpolation-filters": "auto | sRGB | linearRGB",
+			"column-count": "auto | <integer [1,∞]>",
+			"column-gap": "normal | <length-percentage [0,∞]>",
+			"column-rule-style": "<line-style>",
+			"column-rule-width": "<line-width>",
+			"column-width": "<length> | auto | min-content | max-content | fit-content( <length-percentage> )",
+			"contain": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
+			"contain-intrinsic-block-size": "auto? [ none | <length> ]",
+			"contain-intrinsic-height": "auto? [ none | <length> ]",
+			"contain-intrinsic-inline-size": "auto? [ none | <length> ]",
+			"contain-intrinsic-size": "[ auto? [ none | <length> ] ]{1,2}",
+			"contain-intrinsic-width": "auto? [ none | <length> ]",
+			"container": "<'container-name'> [ / <'container-type'> ]?",
+			"container-name": "none | <custom-ident>+",
+			"container-type": "normal | size | inline-size",
+			"content": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]? | <element()>",
+			"continue": "overflow | paginate | fragments",
+			"copy-into": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
+			"corner-shape": "[ round | angle ]{1,4}",
+			"corners": "<'corner-shape'> || <'border-radius'>",
+			"cue-after": "<uri> <decibel>? | none",
+			"cue-before": "<uri> <decibel>? | none",
+			"cursor": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
+			"cx": "<length-percentage>",
+			"cy": "<length-percentage>",
+			"d": "none | <string>",
+			"display": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | <display-outside> || [ <display-inside> | math ]",
+			"dominant-baseline": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
+			"dynamic-range-limit": "standard | high | constrained-high",
+			"field-sizing": "fixed | content",
+			"fill-break": "bounding-box | slice | clone",
+			"fill-color": "<color>",
+			"fill-image": "<paint>#",
+			"fill-opacity": "<'opacity'>",
+			"fill-origin": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+			"fill-position": "<position>#",
+			"fill-repeat": "<repeat-style>#",
+			"fill-size": "<bg-size>#",
+			"filter": "none | <filter-value-list>",
+			"flex-grow": "<number [0,∞]>",
+			"flex-shrink": "<number [0,∞]>",
+			"float": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none",
+			"float-defer": "<integer> | last | none",
+			"float-offset": "<length> | <percentage>",
+			"float-reference": "inline | column | region | page",
+			"flood-color": "<color>",
+			"flood-opacity": "<'opacity'>",
+			"flow-from": "<ident> | none",
+			"flow-into": "none | <ident> [ element | content ]?",
+			"font": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
+			"font-palette": "normal | light | dark | <palette-identifier> | <palette-mix()>",
+			"font-size": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
+			"font-size-adjust": "none | <number [0,∞]>",
+			"font-style": "normal | italic | oblique <angle [-90deg,90deg]>?",
+			"font-synthesis": "none | [ weight || style || small-caps || position ]",
+			"font-synthesis-position": "auto | none",
+			"font-synthesis-small-caps": "auto | none",
+			"font-synthesis-style": "auto | none",
+			"font-synthesis-weight": "auto | none",
+			"font-variant": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
+			"font-variant-emoji": "normal | text | emoji | unicode",
+			"font-variation-settings": "normal | [ <opentype-tag> <number> ]#",
+			"font-width": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+			"footnote-display": "block | inline | compact",
+			"footnote-policy": "auto | line | block",
+			"forced-color-adjust": "auto | none | preserve-parent-color",
+			"glyph-orientation-vertical": "auto | 0deg | 90deg | 0 | 90",
+			"height": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+			"hyphenate-limit-chars": "[ auto | <integer> ]{1,3}",
+			"hyphenate-limit-last": "none | always | column | page | spread",
+			"hyphenate-limit-lines": "no-limit | <integer>",
+			"hyphenate-limit-zone": "<length-percentage>",
+			"image-orientation": "from-image | none | [ <angle> || flip ]",
+			"image-rendering": "auto | smooth | high-quality | pixelated | crisp-edges",
+			"initial-letter": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
+			"initial-letter-align": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
+			"initial-letter-wrap": "none | first | all | grid | <length-percentage>",
+			"inline-size": "<'width'> | stretch | fit-content | contain",
+			"inline-sizing": "normal | stretch",
+			"inset-block-end": "auto | <length-percentage>",
+			"inset-block-start": "auto | <length-percentage>",
+			"inset-inline-end": "auto | <length-percentage>",
+			"inset-inline-start": "auto | <length-percentage>",
+			"interpolate-size": "numeric-only | allow-keywords",
+			"isolation": "<isolation-mode>",
+			"justify-items": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
+			"justify-self": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
+			"left": "auto | <length-percentage>",
+			"letter-spacing": "normal | <length>",
+			"lighting-color": "<color>",
+			"line-clamp": "none | <integer [1,∞]> || <'block-ellipsis'>",
+			"-webkit-line-clamp": "none | <integer [1,∞]>",
+			"line-fit-edge": "leading | <text-edge>",
+			"line-grid": "match-parent | create",
+			"line-height": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
+			"line-height-step": "<length [0,∞]>",
+			"line-padding": "<length>",
+			"line-snap": "none | baseline | contain",
+			"link-parameters": "none | <link-param>+",
+			"list-style": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
+			"margin": "<'margin-top'>{1,4}",
+			"margin-block": "<'margin-top'>{1,2}",
+			"margin-block-end": "<'margin-top'>",
+			"margin-block-start": "<'margin-top'>",
+			"margin-bottom": "<length-percentage> | auto",
+			"margin-break": "auto | keep | discard",
+			"margin-inline": "<'margin-top'>{1,2}",
+			"margin-inline-end": "<'margin-top'>",
+			"margin-inline-start": "<'margin-top'>",
+			"margin-left": "<length-percentage> | auto",
+			"margin-right": "<length-percentage> | auto",
+			"margin-top": "<length-percentage> | auto",
+			"margin-trim": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
+			"marker": "none | <marker-ref>",
+			"marker-end": "none | <marker-ref>",
+			"marker-mid": "none | <marker-ref>",
+			"marker-side": "match-self | match-parent",
+			"marker-start": "none | <marker-ref>",
+			"mask-border-slice": "[ <number> | <percentage> ]{1,4} fill?",
+			"mask-clip": "[ <coord-box> | no-clip ]#",
+			"mask-origin": "<coord-box>#",
+			"max-block-size": "<'max-width'> | stretch | fit-content | contain",
+			"max-height": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+			"max-inline-size": "<'max-width'> | stretch | fit-content | contain",
+			"max-lines": "none | <integer [1,∞]>",
+			"max-width": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+			"min-block-size": "<'min-width'> | stretch | fit-content | contain",
+			"min-height": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+			"min-inline-size": "<'min-width'> | stretch | fit-content | contain",
+			"min-intrinsic-sizing": "legacy | zero-if-scroll || zero-if-extrinsic",
+			"min-width": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
+			"nav-down": "auto | <id> [ current | root | <target-name> ]?",
+			"nav-left": "auto | <id> [ current | root | <target-name> ]?",
+			"nav-right": "auto | <id> [ current | root | <target-name> ]?",
+			"nav-up": "auto | <id> [ current | root | <target-name> ]?",
+			"object-view-box": "none | <basic-shape-rect>",
+			"offset-path": "none | <offset-path> || <coord-box>",
+			"offset-position": "normal | auto | <position>",
+			"opacity": "<opacity-value>",
+			"orphans": "<integer [1,∞]>",
+			"outline": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]",
+			"outline-color": "auto | [ <color> | <image-1D> ]",
+			"outline-style": "auto | <outline-line-style>",
+			"overflow": "<'overflow-block'>{1,2}",
+			"overflow-clip-margin-block": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-block-end": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-block-start": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-bottom": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-inline": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-inline-end": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-inline-start": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-left": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-right": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-top": "<visual-box> || <length [0,∞]>",
+			"overlay": "none | auto",
+			"padding": "<'padding-top'>{1,4}",
+			"padding-block": "<'padding-top'>{1,2}",
+			"padding-block-end": "<'padding-top'>",
+			"padding-block-start": "<'padding-top'>",
+			"padding-bottom": "<length-percentage [0,∞]>",
+			"padding-inline": "<'padding-top'>{1,2}",
+			"padding-inline-end": "<'padding-top'>",
+			"padding-inline-start": "<'padding-top'>",
+			"padding-left": "<length-percentage [0,∞]>",
+			"padding-right": "<length-percentage [0,∞]>",
+			"padding-top": "<length-percentage [0,∞]>",
+			"page": "auto | <custom-ident>",
+			"page-break-after": "auto | always | avoid | left | right | inherit",
+			"page-break-before": "auto | always | avoid | left | right | inherit",
+			"page-break-inside": "avoid | auto | inherit",
+			"pause-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+			"pause-before": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+			"perspective": "none | <length [0,∞]>",
+			"pointer-events": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
+			"position": "static | relative | absolute | sticky | fixed",
+			"position-anchor": "auto | <custom-property-name>",
+			"position-area": "none | <position-area>",
+			"position-try": "<'position-try-order'>? <'position-try-fallbacks'>",
+			"position-try-fallbacks": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
+			"position-try-order": "normal | <try-size>",
+			"position-visibility": "always | [ anchors-valid || anchors-visible || no-overflow ]",
+			"quotes": "auto | none | match-parent | [ <string> <string> ]+",
+			"r": "<length-percentage>",
+			"reading-flow": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
+			"region-fragment": "auto | break",
+			"rest-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+			"rest-before": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+			"right": "auto | <length-percentage>",
+			"row-gap": "normal | <length-percentage [0,∞]>",
+			"ruby-merge": "separate | merge | auto",
+			"ruby-overhang": "auto | none",
+			"rx": "<length-percentage> | auto",
+			"ry": "<length-percentage> | auto",
+			"scale": "none | [ <number> | <percentage> ]{1,3}",
+			"scroll-marker-group": "none | before | after",
+			"scroll-padding": "[ auto | <length-percentage [0,∞]> ]{1,4}",
+			"scroll-padding-block": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+			"scroll-padding-block-end": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-block-start": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-bottom": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-inline": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+			"scroll-padding-inline-end": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-inline-start": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-left": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-right": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-top": "auto | <length-percentage [0,∞]>",
+			"scroll-start-target": "[ none | auto ]",
+			"scroll-timeline": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
+			"scroll-timeline-axis": "[ block | inline | x | y ]#",
+			"scroll-timeline-name": "[ none | <dashed-ident> ]#",
+			"shape-image-threshold": "<opacity-value>",
+			"shape-inside": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
+			"shape-margin": "<length-percentage [0,∞]>",
+			"shape-outside": "none | [ <basic-shape> || <shape-box> ] | <image>",
+			"shape-padding": "<length-percentage [0,∞]>",
+			"shape-subtract": "none | [ <basic-shape> | <uri> ]+",
+			"spatial-navigation-action": "auto | focus | scroll",
+			"spatial-navigation-contain": "auto | contain",
+			"spatial-navigation-function": "normal | grid",
+			"speak": "auto | never | always",
+			"string-set": "none | [ <custom-ident> <string>+ ]#",
+			"stroke-align": "center | inset | outset",
+			"stroke-alignment": "center | inner | outer",
+			"stroke-break": "bounding-box | slice | clone",
+			"stroke-color": "<color>#",
+			"stroke-dash-corner": "none | <length>",
+			"stroke-dash-justify": "none | [ stretch | compress ] || [ dashes || gaps ]",
+			"stroke-dashadjust": "none | [ stretch | compress ] [ dashes | gaps ]?",
+			"stroke-dasharray": "none | [ <length-percentage> | <number> ]+#",
+			"stroke-dashcorner": "none | <length>",
+			"stroke-dashoffset": "<length-percentage> | <number>",
+			"stroke-image": "<paint>#",
+			"stroke-linejoin": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
+			"stroke-miterlimit": "<number>",
+			"stroke-opacity": "<'opacity'>",
+			"stroke-origin": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+			"stroke-position": "<position>#",
+			"stroke-repeat": "<repeat-style>#",
+			"stroke-size": "<bg-size>#",
+			"stroke-width": "[ <length-percentage> | <number> ]#",
+			"tab-size": "<number [0,∞]> | <length [0,∞]>",
+			"text-align": "start | end | left | right | center | justify | match-parent | justify-all",
+			"text-align-all": "start | end | left | right | center | justify | match-parent",
+			"text-align-last": "auto | start | end | left | right | center | justify | match-parent",
+			"text-autospace": "normal | <autospace> | auto",
+			"text-box": "normal | <'text-box-trim'> || <'text-box-edge'>",
+			"text-box-edge": "auto | <text-edge>",
+			"text-box-trim": "none | trim-start | trim-end | trim-both",
+			"text-combine-upright": "none | all | [ digits <integer [2,4]>? ]",
+			"text-decoration": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>",
+			"text-decoration-line": "none | [ underline || overline || line-through || blink ]",
+			"text-decoration-skip": "none | auto",
+			"text-decoration-skip-box": "none | all",
+			"text-decoration-skip-ink": "auto | none | all",
+			"text-decoration-skip-self": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
+			"text-decoration-skip-spaces": "none | all | [ start || end ]",
+			"text-decoration-thickness": "auto | from-font | <length-percentage>",
+			"text-decoration-trim": "<length>{1,2} | auto",
+			"text-emphasis-position": "[ over | under ] && [ right | left ]?",
+			"text-emphasis-skip": "spaces || punctuation || symbols || narrow",
+			"text-group-align": "none | start | end | left | right | center",
+			"text-indent": "[ <length-percentage> ] && hanging? && each-line?",
+			"text-justify": "auto | none | inter-word | inter-character",
+			"text-overflow": "clip | ellipsis",
+			"text-shadow": "none | [ <color>? && <length>{2,3} ]#",
+			"text-size-adjust": "auto | none | <percentage [0,∞]>",
+			"text-spacing": "none | auto | <spacing-trim> || <autospace>",
+			"text-spacing-trim": "<spacing-trim> | auto",
+			"-webkit-text-stroke": "<line-width> || <color>",
+			"-webkit-text-stroke-width": "<line-width>",
+			"text-transform": "none | capitalize | uppercase | lowercase | full-width | full-size-kana | math-auto",
+			"text-underline-offset": "auto | <length-percentage>",
+			"text-underline-position": "auto | [ under || [ left | right ] ]",
+			"text-wrap": "<'text-wrap-mode'> || <'text-wrap-style'>",
+			"text-wrap-mode": "wrap | nowrap",
+			"text-wrap-style": "auto | balance | stable | pretty",
+			"timeline-scope": "none | all | <dashed-ident>#",
+			"top": "auto | <length-percentage>",
+			"transform-origin": "[ 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>?",
+			"transition-behavior": "<transition-behavior-value>#",
+			"transition-duration": "<time [0s,∞]>#",
+			"unicode-bidi": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
+			"vector-effect": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position",
+			"vertical-align": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
+			"view-timeline": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
+			"view-timeline-axis": "[ block | inline | x | y ]#",
+			"view-timeline-inset": "[ [ auto | <length-percentage> ]{1,2} ]#",
+			"view-timeline-name": "[ none | <dashed-ident> ]#",
+			"view-transition-class": "none | <custom-ident>+",
+			"view-transition-group": "normal | contain | nearest | <custom-ident>",
+			"view-transition-name": "none | <custom-ident>",
+			"voice-duration": "auto | <time [0s,∞]>",
+			"voice-pitch": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+			"voice-range": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+			"voice-rate": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
+			"white-space": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line",
+			"white-space-collapse": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces",
+			"white-space-trim": "none | discard-before || discard-after || discard-inner",
+			"widows": "<integer [1,∞]>",
+			"width": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+			"word-break": "normal | keep-all | break-all | break-word",
+			"word-space-transform": "none | [ space | ideographic-space ] && auto-phrase?",
+			"word-wrap": "normal | break-word | anywhere",
+			"wrap-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
+			"wrap-before": "auto | avoid | avoid-line | avoid-flex | line | flex",
+			"wrap-flow": "auto | both | start | end | minimum | maximum | clear",
+			"wrap-inside": "auto | avoid",
+			"wrap-through": "wrap | none",
+			"writing-mode": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
+			"x": "<length-percentage>",
+			"y": "<length-percentage>",
+			"z-index": "auto | <integer> | inherit",
+			"zoom": "<number [0,∞]> || <percentage [0,∞]>"
+		},
+		"types": {
+			"<anchor-side>": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
+			"<anchor-size>": "width | height | block | inline | self-block | self-inline",
+			"<angle-percentage>": "[ <angle> | <percentage> ]",
+			"<angular-color-hint>": "<angle-percentage>",
+			"<angular-color-stop-list>": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+			"<angular-color-stop>": "<color> <color-stop-angle>?",
+			"<animateable-feature>": "scroll-position | contents | <custom-ident>",
+			"<attachment>": "scroll | fixed | local",
+			"<attr-matcher>": "[ '~' | '|' | '^' | '$' | '*' ]? '='",
+			"<attr-modifier>": "i | s",
+			"<attr-name>": "[ <ident-token> '|' ]? <ident-token>",
+			"<attr-type>": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
+			"<attribute-selector>": "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'",
+			"<auto-repeat>": "repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
+			"<auto-track-list>": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?",
+			"<autospace>": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
+			"<axis>": "block | inline | x | y",
+			"<baseline-position>": "[ first | last ]? && baseline",
+			"<basic-shape-rect>": "<inset()> | <rect()> | <xywh()>",
+			"<bg-clip>": "<visual-box> | border-area | text",
+			"<bg-image>": "<image> | none",
+			"<bg-layer>": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
+			"<bg-position>": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
+			"<bg-size>": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
+			"<blend-mode>": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity",
+			"<bool-and>": "and <bool-in-parens>",
+			"<bool-in-parens>": "( <boolean> ) | <bool-test> | <general-enclosed>",
+			"<bool-not>": "not <bool-in-parens>",
+			"<bool-or>": "or <bool-in-parens>",
+			"<boolean-without-or>": "<bool-not> | <bool-in-parens> <bool-and>*",
+			"<boolean>": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+			"<calc-keyword>": "e | pi | infinity | -infinity | NaN",
+			"<calc-mix()>": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+			"<calc-product>": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
+			"<calc-size-basis>": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
+			"<calc-sum>": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*",
+			"<calc-value>": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
+			"<cf-image>": "[ <image> | <color> ] && <percentage [0,100]>?",
+			"<class-selector>": "'.' <ident-token>",
+			"<clip-source>": "<url>",
+			"<cmyk-component>": "<number> | <percentage> | none",
+			"<color-base>": "<hex-color> | <color-function> | <named-color> | transparent",
+			"<color-font-tech>": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
+			"<color-function>": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
+			"<color-interpolation-method>": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]",
+			"<color-space>": "<rectangular-color-space> | <polar-color-space>",
+			"<color-stop-angle>": "<angle-percentage>{1,2}",
+			"<color-stop-length>": "<length-percentage>{1,2}",
+			"<color-stop-list>": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
+			"<color-stop>": "<color-stop-length> | <color-stop-angle>",
+			"<color-stripe>": "<color> && [ <length-percentage> | <flex> ]?",
+			"<color>": "<color-base> | currentColor | <system-color>",
+			"<colorspace-params>": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
+			"<combinator>": "'>' | '+' | '~' | [ '|' '|' ]",
+			"<common-lig-values>": "[ common-ligatures | no-common-ligatures ]",
+			"<complex-real-selector-list>": "<complex-real-selector>#",
+			"<complex-real-selector>": "<compound-selector> [ <combinator>? <compound-selector> ]*",
+			"<complex-selector-list>": "<complex-selector>#",
+			"<complex-selector-unit>": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
+			"<complex-selector>": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
+			"<composite-mode>": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
+			"<compositing-operator>": "add | subtract | intersect | exclude",
+			"<compound-selector-list>": "<compound-selector>#",
+			"<compound-selector>": "[ <type-selector>? <subclass-selector>* ]!",
+			"<conic-gradient-syntax>": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
+			"<container-condition>": "[ <container-name> ]? <container-query>",
+			"<container-name>": "<custom-ident>",
+			"<container-progress()>": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+			"<container-query>": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+			"<content-distribution>": "space-between | space-around | space-evenly | stretch",
+			"<content-level>": "element | content | text | <attr()> | <counter>",
+			"<content-list>": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
+			"<content-position>": "center | start | end | flex-start | flex-end",
+			"<contextual-alt-values>": "[ contextual | no-contextual ]",
+			"<coord-box>": "<paint-box> | view-box",
+			"<counter-style>": "<counter-style-name> | <symbols()>",
+			"<counter>": "<counter()> | <counters()>",
+			"<css-type>": "<syntax-component> | <type()>",
+			"<cubic-bezier-easing-function>": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+			"<custom-arg>": "$ <ident-token> ;",
+			"<custom-color-space>": "<dashed-ident>",
+			"<custom-params>": "<dashed-ident> [ <number> | <percentage> | none ]+",
+			"<custom-selector>": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+			"<dasharray>": "[ [ <length-percentage> | <number> ]+ ]#",
+			"<discretionary-lig-values>": "[ discretionary-ligatures | no-discretionary-ligatures ]",
+			"<display-box>": "contents | none",
+			"<display-inside>": "flow | flow-root | table | flex | grid | ruby",
+			"<display-internal>": "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>": "inline-block | inline-table | inline-flex | inline-grid",
+			"<display-listitem>": "<display-outside>? && [ flow | flow-root ]? && list-item",
+			"<display-outside>": "block | inline | run-in",
+			"<easing-function>": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
+			"<east-asian-variant-values>": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]",
+			"<east-asian-width-values>": "[ full-width | proportional-width ]",
+			"<explicit-track-list>": "[ <line-names>? <track-size> ]+ <line-names>?",
+			"<family-name>": "<string> | <custom-ident>+",
+			"<feature-value-name>": "<ident>",
+			"<filter-function>": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
+			"<filter-value-list>": "[ <filter-function> | <url> ]+",
+			"<final-bg-layer>": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
+			"<first-valid()>": "first-valid( <declaration-value># )",
+			"<fixed-breadth>": "<length-percentage [0,∞]>",
+			"<fixed-repeat>": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
+			"<fixed-size>": "<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )",
+			"<font-features-tech>": "[ features-opentype | features-aat | features-graphite ]",
+			"<font-format>": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
+			"<font-src>": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
+			"<font-tech>": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+			"<font-variant-css2>": "[ normal | small-caps ]",
+			"<font-weight-absolute>": "[ normal | bold | <number [1,1000]> ]",
+			"<font-width-css3>": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
+			"<frequency-percentage>": "[ <frequency> | <percentage> ]",
+			"<function-dependency-list>": "<function-parameter>#",
+			"<function-name>": "<dashed-ident>",
+			"<function-parameter-list>": "<function-parameter>#",
+			"<function-parameter>": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+			"<general-enclosed>": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
+			"<generic-complete>": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
+			"<generic-family>": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
+			"<generic-incomplete>": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
+			"<generic-script-specific>": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
+			"<generic-voice>": "[ <age>? <gender> <integer>? ]",
+			"<geometry-box>": "<shape-box> | fill-box | stroke-box | view-box",
+			"<gradient>": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
+			"<historical-lig-values>": "[ historical-ligatures | no-historical-ligatures ]",
+			"<hue-interpolation-method>": "[ shorter | longer | increasing | decreasing ] hue",
+			"<hue>": "<number> | <angle>",
+			"<id-selector>": "<hash-token>",
+			"<image-1D>": "<stripes()>",
+			"<image-set-option>": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+			"<image-src>": "[ <url> | <string> ]",
+			"<image-tags>": "[ ltr | rtl ]",
+			"<image>": "<url> | <gradient>",
+			"<import-conditions>": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+			"<inflexible-breadth>": "<length-percentage [0,∞]> | min-content | max-content | auto",
+			"<isolation-mode>": "auto | isolate",
+			"<keyframe-block>": "<keyframe-selector># { <declaration-list> }",
+			"<keyframe-selector>": "from | to | <percentage [0,100]>",
+			"<keyframes-name>": "<custom-ident> | <string>",
+			"<layer-name>": "<ident> [ '.' <ident> ]*",
+			"<layout-box>": "<visual-box> | margin-box",
+			"<leader-type>": "dotted | solid | space | <string>",
+			"<legacy-device-cmyk-syntax>": "device-cmyk( <number>#{4} )",
+			"<legacy-hsl-syntax>": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+			"<legacy-hsla-syntax>": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+			"<legacy-pseudo-element-selector>": "':' [ before | after | first-line | first-letter ]",
+			"<legacy-rgb-syntax>": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+			"<legacy-rgba-syntax>": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+			"<length-percentage>": "[ <length> | <percentage> ]",
+			"<line-name-list>": "[ <line-names> | <name-repeat> ]+",
+			"<line-names>": "'[' <custom-ident>* ']'",
+			"<line-style>": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+			"<line-width>": "<length [0,∞]> | thin | medium | thick",
+			"<linear-color-hint>": "<length-percentage>",
+			"<linear-color-stop>": "<color> <length-percentage>?",
+			"<linear-easing-function>": "linear( <linear-stop-list> )",
+			"<linear-gradient-syntax>": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>",
+			"<linear-stop-length>": "<percentage>{1,2}",
+			"<linear-stop-list>": "[ <linear-stop> ]#",
+			"<linear-stop>": "<number> && <linear-stop-length>?",
+			"<link-param>": "param( <custom-property-name> <declaration-value>? )",
+			"<marker-ref>": "<url>",
+			"<mask-layer>": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>",
+			"<mask-reference>": "none | <image> | <mask-source>",
+			"<mask-source>": "<url>",
+			"<masking-mode>": "alpha | luminance | match-source",
+			"<media-and>": "and <media-in-parens>",
+			"<media-condition-without-or>": "<media-not> | <media-in-parens> <media-and>*",
+			"<media-condition>": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
+			"<media-feature>": "[ <mf-plain> | <mf-boolean> | <mf-range> ]",
+			"<media-in-parens>": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>",
+			"<media-not>": "not <media-in-parens>",
+			"<media-or>": "or <media-in-parens>",
+			"<media-progress()>": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
+			"<media-query>": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?",
+			"<media-type>": "<ident>",
+			"<mf-boolean>": "<mf-name>",
+			"<mf-comparison>": "<mf-lt> | <mf-gt> | <mf-eq>",
+			"<mf-eq>": "'='",
+			"<mf-gt>": "'>' '='?",
+			"<mf-lt>": "'<' '='?",
+			"<mf-name>": "<ident>",
+			"<mf-plain>": "<mf-name> : <mf-value>",
+			"<mf-range>": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
+			"<mf-value>": "<number> | <dimension> | <ident> | <ratio>",
+			"<mix()>": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
+			"<modern-device-cmyk-syntax>": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
+			"<modern-hsl-syntax>": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"<modern-hsla-syntax>": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"<modern-rgb-syntax>": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+			"<modern-rgba-syntax>": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+			"<mq-boolean>": "<integer [0,1]>",
+			"<name-repeat>": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )",
+			"<namespace-prefix>": "<ident>",
+			"<ns-prefix>": "[ <ident-token> | '*' ]? '|'",
+			"<number-optional-number>": "<number> <number>?",
+			"<numeric-figure-values>": "[ lining-nums | oldstyle-nums ]",
+			"<numeric-fraction-values>": "[ diagonal-fractions | stacked-fractions ]",
+			"<numeric-spacing-values>": "[ proportional-nums | tabular-nums ]",
+			"<offset-path>": "<ray()> | <url> | <basic-shape>",
+			"<opentype-tag>": "<string>",
+			"<overflow-position>": "unsafe | safe",
+			"<page-selector-list>": "<page-selector>#",
+			"<page-selector>": "[ <ident-token>? <pseudo-page>* ]!",
+			"<paint-box>": "<visual-box> | fill-box | stroke-box",
+			"<paint>": "none | <image> | <svg-paint>",
+			"<points>": "[ <number>+ ]#",
+			"<polar-color-space>": "hsl | hwb | lch | oklch",
+			"<position-area>": "[ [ 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} ]",
+			"<position>": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+			"<predefined-polar-params>": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+			"<predefined-rectangular-params>": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+			"<predefined-rectangular>": "jzazbz | ictcp",
+			"<predefined-rgb-params>": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+			"<predefined-rgb>": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+			"<progress()>": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+			"<progress>": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
+			"<pseudo-class-selector>": "':' <ident-token> | ':' <function-token> <any-value> ')'",
+			"<pseudo-compound-selector>": "<pseudo-element-selector> <pseudo-class-selector>*",
+			"<pseudo-element-selector>": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
+			"<pseudo-page>": "':' [ left | right | first | blank ]",
+			"<pt-class-selector>": "[ '.' <custom-ident> ]+",
+			"<pt-name-and-class-selector>": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
+			"<pt-name-selector>": "'*' | <custom-ident>",
+			"<query-in-parens>": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+			"<quote>": "open-quote | close-quote | no-open-quote | no-close-quote",
+			"<radial-extent>": "closest-corner | closest-side | farthest-corner | farthest-side",
+			"<radial-gradient-syntax>": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>",
+			"<radial-shape>": "circle | ellipse",
+			"<radial-size>": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
+			"<random-caching-options>": "<dashed-ident> || per-element",
+			"<ratio>": "<number [0,∞]> [ / <number [0,∞]> ]?",
+			"<ray-size>": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
+			"<rectangular-color-space>": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
+			"<relative-real-selector-list>": "<relative-real-selector>#",
+			"<relative-real-selector>": "<combinator>? <complex-real-selector>",
+			"<relative-selector-list>": "<relative-selector>#",
+			"<relative-selector>": "<combinator>? <complex-selector>",
+			"<repeat-style>": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
+			"<repetition>": "repeat | space | round | no-repeat",
+			"<request-url-modifier>": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+			"<reversed-counter-name>": "reversed( <counter-name> )",
+			"<rounding-strategy>": "nearest | up | down | to-zero",
+			"<scroller>": "root | nearest | self",
+			"<selector-list>": "<complex-selector-list>",
+			"<self-position>": "center | start | end | self-start | self-end | flex-start | flex-end",
+			"<shadow>": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+			"<shape-box>": "<visual-box> | margin-box",
+			"<shape-command>": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+			"<side-or-corner>": "[ left | right ] || [ top | bottom ]",
+			"<simple-selector-list>": "<simple-selector>#",
+			"<simple-selector>": "<type-selector> | <subclass-selector>",
+			"<single-animation-composition>": "replace | add | accumulate",
+			"<single-animation-direction>": "normal | reverse | alternate | alternate-reverse",
+			"<single-animation-fill-mode>": "none | forwards | backwards | both",
+			"<single-animation-iteration-count>": "infinite | <number [0,∞]>",
+			"<single-animation-play-state>": "running | paused",
+			"<single-animation-timeline>": "auto | none | <dashed-ident> | <scroll()> | <view()>",
+			"<single-animation>": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
+			"<single-transition-property>": "all | <custom-ident>",
+			"<single-transition>": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
+			"<source-size-list>": "<source-size>#? , <source-size-value>",
+			"<source-size-value>": "<length> | auto",
+			"<source-size>": "<media-condition> <source-size-value> | auto",
+			"<spacing-trim>": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+			"<spread-shadow>": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+			"<step-easing-function>": "step-start | step-end | steps( <integer> , <step-position>? )",
+			"<step-position>": "jump-start | jump-end | jump-none | jump-both | start | end",
+			"<style-in-parens>": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+			"<style-query>": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
+			"<subclass-selector>": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>",
+			"<supports-condition>": "not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*",
+			"<supports-decl>": "( <declaration> )",
+			"<supports-feature>": "<supports-decl>",
+			"<supports-font-format-fn>": "font-format( <font-format> )",
+			"<supports-font-tech-fn>": "font-tech( <font-tech> )",
+			"<supports-in-parens>": "( <supports-condition> ) | <supports-feature> | <general-enclosed>",
+			"<supports-selector-fn>": "selector( <complex-selector> )",
+			"<svg-paint>": "child | child( <integer> )",
+			"<symbol>": "<string> | <image> | <custom-ident>",
+			"<symbols-type>": "cyclic | numeric | alphabetic | symbolic | fixed",
+			"<syntax-combinator>": "'|'",
+			"<syntax-component-name>": "'<' <syntax-type> '>' | <custom-ident>",
+			"<syntax-component>": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+			"<syntax-multiplier>": "[ '#' | '+' ]",
+			"<syntax-type>": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+			"<syntax>": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+			"<system-family-name>": "caption | icon | menu | message-box | small-caption | status-bar",
+			"<target-contrast>": "<wcag2>",
+			"<target>": "<target-counter()> | <target-counters()> | <target-text()>",
+			"<text-edge>": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+			"<time-percentage>": "[ <time> | <percentage> ]",
+			"<toggle()>": "toggle( <whole-value># )",
+			"<track-breadth>": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
+			"<track-list>": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?",
+			"<track-repeat>": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )",
+			"<track-size>": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
+			"<transform-list>": "<transform-function>+",
+			"<transform-mix()>": "transform-mix( <progress> , <transform-list> , <transform-list> )",
+			"<transition-behavior-value>": "normal | allow-discrete",
+			"<try-size>": "most-width | most-height | most-block-size | most-inline-size",
+			"<type-selector>": "<wq-name> | <ns-prefix>? '*'",
+			"<type()>": "type( <syntax> )",
+			"<url>": "<url()> | <src()>",
+			"<visual-box>": "content-box | padding-box | border-box",
+			"<wcag2>": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
+			"<wq-name>": "<ns-prefix>? <ident-token>",
+			"<xyz-params>": "<xyz> [ <number> | <percentage> | none ]{3}",
+			"<xyz-space>": "xyz | xyz-d50 | xyz-d65",
+			"<xyz>": "xyz | xyz-d50 | xyz-d65",
+			"anchor-size()": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
+			"anchor()": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
+			"attr()": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
+			"calc-size()": "calc-size( <calc-size-basis> , <calc-sum> )",
+			"clamp()": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
+			"color-layers()": "color-layers( [ <blend-mode> , ]? <color># )",
+			"color-mix()": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
+			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+			"conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
+			"content()": "content( [ text | before | after | first-letter | marker ]? )",
+			"contrast-color()": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
+			"cross-fade()": "cross-fade( <cf-image># )",
+			"device-cmyk()": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
+			"dynamic-range-limit-mix()": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+			"element()": "element( <id-selector> )",
+			"env()": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
+			"filter()": "filter( [ <image> | <string> ] , <filter-value-list> )",
+			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
+			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+			"hwb()": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"light-dark()": "light-dark( <color> , <color> )",
+			"linear-gradient()": "linear-gradient( [ <linear-gradient-syntax> ] )",
+			"linear()": "linear( <linear-stop-list> )",
+			"media()": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
+			"oklab()": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"oklch()": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"palette-mix()": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
+			"radial-gradient()": "radial-gradient( [ <radial-gradient-syntax> ] )",
+			"random-item()": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
+			"random()": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
+			"ray()": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
+			"repeating-conic-gradient()": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
+			"repeating-linear-gradient()": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
+			"repeating-radial-gradient()": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
+			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
+			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
+			"round()": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
+			"running()": "running( <custom-ident> )",
+			"scroll()": "scroll( [ <scroller> || <axis> ]? )",
+			"shape()": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+			"src()": "src( <string> <url-modifier>* )",
+			"string()": "string( <custom-ident> , [ first | start | last | first-except ]? )",
+			"stripes()": "stripes( <color-stripe># )",
+			"supports()": "supports( <declaration> )",
+			"symbols()": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+			"url()": "url( <string> <url-modifier>* ) | <url-token>",
+			"view()": "view( [ <axis> || <'view-timeline-inset'> ]? )"
+		}
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/package.json b/packages/css-syntax-patches-for-csstree/package.json
new file mode 100644
index 0000000000..d071ee33d5
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/package.json
@@ -0,0 +1,65 @@
+{
+	"name": "@csstools/css-syntax-patches-for-csstree",
+	"description": "CSS syntax patches for CSS tree",
+	"version": "0.0.0",
+	"contributors": [
+		{
+			"name": "Antonio Laguna",
+			"email": "antonio@laguna.es",
+			"url": "https://antonio.laguna.es"
+		},
+		{
+			"name": "Romain Menke",
+			"email": "romainmenke@gmail.com"
+		}
+	],
+	"license": "MIT-0",
+	"funding": [
+		{
+			"type": "github",
+			"url": "https://github.com/sponsors/csstools"
+		},
+		{
+			"type": "opencollective",
+			"url": "https://opencollective.com/csstools"
+		}
+	],
+	"engines": {
+		"node": ">=18"
+	},
+	"main": "dist/index.json",
+	"files": [
+		"CHANGELOG.md",
+		"LICENSE.md",
+		"README.md",
+		"dist"
+	],
+	"peerDependencies": {
+		"postcss": "^8.4"
+	},
+	"devDependencies": {
+		"css-tree": "^2.3.1",
+		"@webref/css": "^6.14.2"
+	},
+	"scripts": {
+		"build": "node ./scripts/index.mjs",
+		"lint": "node ../../.github/bin/format-package-json.mjs",
+		"prepublishOnly": "npm run build && npm run test",
+		"test": "node --test"
+	},
+	"homepage": "https://github.com/csstools/postcss-plugins/tree/main/packages/utilities#readme",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/csstools/postcss-plugins.git",
+		"directory": "packages/utilities"
+	},
+	"bugs": "https://github.com/csstools/postcss-plugins/issues",
+	"keywords": [
+		"css",
+		"syntax",
+		"csstree"
+	],
+	"volta": {
+		"extends": "../../package.json"
+	}
+}
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
new file mode 100644
index 0000000000..993b98c3fb
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -0,0 +1,2635 @@
+{
+	"align-items": {
+		"type": "modified",
+		"syntax-before": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
+		"syntax-after": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center",
+		"merged": "| anchor-center",
+		"tests":{
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "stretch"
+				},
+				{
+					"value": "anchor-center"
+				}
+			]
+		},
+		"comment": ""
+	},
+	"align-self": {
+		"type": "modified",
+		"syntax-before": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
+		"syntax-after": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
+		"merged": "| anchor-center",
+		"tests": {
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "stretch"
+				},
+				{
+					"value": "anchor-center"
+				}
+			]
+		},
+		"comment": ""
+	},
+	"alignment-baseline": {
+		"type": "modified",
+		"syntax-before": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical",
+		"syntax-after": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
+		"merged": "| text-bottom | text-top",
+		"tests": {
+			"passing": [
+				{
+					"value": "after-edge"
+				},
+				{
+					"value": "middle"
+				},
+				{
+					"value": "text-top"
+				}
+			]
+		},
+		"comment": ""
+	},
+	"anchor-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <dashed-ident>#",
+		"merged": "none | <custom-property-name>#",
+		"tests": {
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "--foo"
+				},
+				{
+					"value": "--foo, --bar"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		},
+		"comment": ""
+	},
+	"anchor-scope": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | all | <dashed-ident>#",
+		"merged": "none | all | <custom-property-name>#",
+		"tests": {
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "all"
+				},
+				{
+					"value": "--foo"
+				},
+				{
+					"value": "--foo, --bar"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		},
+		"comment": ""
+	},
+	"animation-duration": {
+		"type": "modified",
+		"syntax-before": "<time>#",
+		"syntax-after": "<time [0s,∞]>#",
+		"merged": "<time [0s,∞]>#",
+		"tests": {
+			"passing": [
+				{
+					"value": "5s, 2ms, 0s"
+				},
+				{
+					"value": "5s"
+				}
+			],
+			"failing": [
+				{
+					"value": "10hz"
+				}
+			]
+		},
+		"comment": ""
+	},
+	"animation-range": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
+		"comment": ""
+	},
+	"animation-range-end": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+		"comment": ""
+	},
+	"animation-range-start": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+		"comment": ""
+	},
+	"appearance": {
+		"type": "modified",
+		"syntax-before": "none | auto | textfield | menulist-button | <compat-auto>",
+		"syntax-after": "none | auto | <compat-auto> | <compat-special>",
+		"comment": ""
+	},
+	"aspect-ratio": {
+		"type": "modified",
+		"syntax-before": "auto | <ratio>",
+		"syntax-after": "auto || <ratio>",
+		"comment": ""
+	},
+	"backdrop-filter": {
+		"type": "modified",
+		"syntax-before": "none | <filter-function-list>",
+		"syntax-after": "none | <filter-value-list>",
+		"comment": ""
+	},
+	"background": {
+		"type": "modified",
+		"syntax-before": "[ <bg-layer> , ]* <final-bg-layer>",
+		"syntax-after": "<bg-layer>#? , <final-bg-layer>",
+		"comment": ""
+	},
+	"background-blend-mode": {
+		"type": "modified",
+		"syntax-before": "<blend-mode>#",
+		"syntax-after": "<mix-blend-mode>#",
+		"comment": ""
+	},
+	"background-clip": {
+		"type": "modified",
+		"syntax-before": "<bg-clip>#",
+		"syntax-after": "<visual-box>#",
+		"comment": ""
+	},
+	"background-origin": {
+		"type": "modified",
+		"syntax-before": "<box>#",
+		"syntax-after": "<visual-box>#",
+		"comment": ""
+	},
+	"background-position-block": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"comment": ""
+	},
+	"background-position-inline": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"comment": ""
+	},
+	"background-repeat-block": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repetition>#",
+		"comment": ""
+	},
+	"background-repeat-inline": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repetition>#",
+		"comment": ""
+	},
+	"background-repeat-x": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repetition>#",
+		"comment": ""
+	},
+	"background-repeat-y": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repetition>#",
+		"comment": ""
+	},
+	"background-tbd": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bg-layer>#",
+		"comment": ""
+	},
+	"baseline-shift": {
+		"type": "modified",
+		"syntax-before": "baseline | sub | super | <svg-length>",
+		"syntax-after": "<length-percentage> | sub | super | top | center | bottom",
+		"comment": ""
+	},
+	"baseline-source": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | first | last",
+		"comment": ""
+	},
+	"block-ellipsis": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | auto | <string>",
+		"comment": ""
+	},
+	"block-size": {
+		"type": "modified",
+		"syntax-before": "<'width'>",
+		"syntax-after": "<'width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"block-step": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
+		"comment": ""
+	},
+	"block-step-align": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | center | start | end",
+		"comment": ""
+	},
+	"block-step-insert": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "margin | padding",
+		"comment": ""
+	},
+	"block-step-round": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "up | down | nearest",
+		"comment": ""
+	},
+	"block-step-size": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <length [0,∞]>",
+		"comment": ""
+	},
+	"bookmark-label": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<content-list>",
+		"comment": ""
+	},
+	"bookmark-level": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <integer [1,∞]>",
+		"comment": ""
+	},
+	"bookmark-state": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "open | closed",
+		"comment": ""
+	},
+	"border-block": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<'border-block-start'>",
+		"comment": ""
+	},
+	"border-block-end": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-block-end-color": {
+		"type": "modified",
+		"syntax-before": "<'border-top-color'>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-block-end-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-block-end-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<line-style>",
+		"comment": ""
+	},
+	"border-block-end-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"border-block-start": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-block-start-color": {
+		"type": "modified",
+		"syntax-before": "<'border-top-color'>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-block-start-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-block-start-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<line-style>",
+		"comment": ""
+	},
+	"border-block-start-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"border-block-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<'border-top-style'>{1,2}",
+		"comment": ""
+	},
+	"border-block-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<'border-top-width'>{1,2}",
+		"comment": ""
+	},
+	"border-bottom-color": {
+		"type": "modified",
+		"syntax-before": "<'border-top-color'>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-bottom-left-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-bottom-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-bottom-right-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-boundary": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | parent | display",
+		"comment": ""
+	},
+	"border-clip": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-bottom": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-left": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-right": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-top": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-collapse": {
+		"type": "modified",
+		"syntax-before": "collapse | separate",
+		"syntax-after": "separate | collapse",
+		"comment": ""
+	},
+	"border-color": {
+		"type": "modified",
+		"syntax-before": "<color>{1,4}",
+		"syntax-after": "[ <color> | <image-1D> ]{1,4}",
+		"comment": ""
+	},
+	"border-end-end-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-end-start-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-image-outset": {
+		"type": "modified",
+		"syntax-before": "[ <length> | <number> ]{1,4}",
+		"syntax-after": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
+		"comment": ""
+	},
+	"border-image-slice": {
+		"type": "modified",
+		"syntax-before": "<number-percentage>{1,4} && fill?",
+		"syntax-after": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
+		"comment": ""
+	},
+	"border-image-width": {
+		"type": "modified",
+		"syntax-before": "[ <length-percentage> | <number> | auto ]{1,4}",
+		"syntax-after": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
+		"comment": ""
+	},
+	"border-inline": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<'border-block-start'>",
+		"comment": ""
+	},
+	"border-inline-end": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-inline-end-color": {
+		"type": "modified",
+		"syntax-before": "<'border-top-color'>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-inline-end-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-inline-end-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<line-style>",
+		"comment": ""
+	},
+	"border-inline-end-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"border-inline-start": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-inline-start-color": {
+		"type": "modified",
+		"syntax-before": "<'border-top-color'>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-inline-start-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-inline-start-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<line-style>",
+		"comment": ""
+	},
+	"border-inline-start-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"border-inline-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<'border-top-style'>{1,2}",
+		"comment": ""
+	},
+	"border-inline-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<'border-top-width'>{1,2}",
+		"comment": ""
+	},
+	"border-left-color": {
+		"type": "modified",
+		"syntax-before": "<color>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-left-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-limit": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"border-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
+		"syntax-after": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+		"comment": ""
+	},
+	"border-right-color": {
+		"type": "modified",
+		"syntax-before": "<color>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-right-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-spacing": {
+		"type": "modified",
+		"syntax-before": "<length> <length>?",
+		"syntax-after": "<length>{1,2}",
+		"comment": ""
+	},
+	"border-start-end-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-start-start-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-top-color": {
+		"type": "modified",
+		"syntax-before": "<color>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-top-left-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-top-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-top-right-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"bottom": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"box-shadow": {
+		"type": "modified",
+		"syntax-before": "none | <shadow>#",
+		"syntax-after": "<spread-shadow>#",
+		"comment": ""
+	},
+	"box-shadow-blur": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length [0,∞]>#",
+		"comment": ""
+	},
+	"box-shadow-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>#",
+		"comment": ""
+	},
+	"box-shadow-offset": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ none | <length>{2} ]#",
+		"comment": ""
+	},
+	"box-shadow-position": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ outset | inset ]#",
+		"comment": ""
+	},
+	"box-shadow-spread": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length>#",
+		"comment": ""
+	},
+	"box-snap": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | block-start | block-end | center | baseline | last-baseline",
+		"comment": ""
+	},
+	"caption-side": {
+		"type": "modified",
+		"syntax-before": "top | bottom | block-start | block-end | inline-start | inline-end",
+		"syntax-after": "top | bottom",
+		"comment": ""
+	},
+	"caret": {
+		"type": "modified",
+		"syntax-before": "<'caret-color'> || <'caret-shape'>",
+		"syntax-after": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
+		"comment": ""
+	},
+	"caret-animation": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | manual",
+		"comment": ""
+	},
+	"clear": {
+		"type": "modified",
+		"syntax-before": "none | left | right | both | inline-start | inline-end",
+		"syntax-after": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
+		"comment": ""
+	},
+	"clip": {
+		"type": "modified",
+		"syntax-before": "<shape> | auto",
+		"syntax-after": "<rect()> | auto",
+		"comment": ""
+	},
+	"color-adjust": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'print-color-adjust'>",
+		"comment": ""
+	},
+	"color-interpolation": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | sRGB | linearRGB",
+		"comment": ""
+	},
+	"color-interpolation-filters": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | sRGB | linearRGB",
+		"comment": ""
+	},
+	"column-count": {
+		"type": "modified",
+		"syntax-before": "<integer> | auto",
+		"syntax-after": "auto | <integer [1,∞]>",
+		"comment": ""
+	},
+	"column-gap": {
+		"type": "modified",
+		"syntax-before": "normal | <length-percentage>",
+		"syntax-after": "normal | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"column-rule-style": {
+		"type": "modified",
+		"syntax-before": "<'border-style'>",
+		"syntax-after": "<line-style>",
+		"comment": ""
+	},
+	"column-rule-width": {
+		"type": "modified",
+		"syntax-before": "<'border-width'>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"column-width": {
+		"type": "modified",
+		"syntax-before": "<length> | auto",
+		"syntax-after": "<length> | auto | min-content | max-content | fit-content( <length-percentage> )",
+		"comment": ""
+	},
+	"contain": {
+		"type": "modified",
+		"syntax-before": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
+		"syntax-after": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
+		"comment": ""
+	},
+	"contain-intrinsic-block-size": {
+		"type": "modified",
+		"syntax-before": "none | <length> | auto <length>",
+		"syntax-after": "auto? [ none | <length> ]",
+		"comment": ""
+	},
+	"contain-intrinsic-height": {
+		"type": "modified",
+		"syntax-before": "none | <length> | auto <length>",
+		"syntax-after": "auto? [ none | <length> ]",
+		"comment": ""
+	},
+	"contain-intrinsic-inline-size": {
+		"type": "modified",
+		"syntax-before": "none | <length> | auto <length>",
+		"syntax-after": "auto? [ none | <length> ]",
+		"comment": ""
+	},
+	"contain-intrinsic-size": {
+		"type": "modified",
+		"syntax-before": "[ none | <length> | auto <length> ]{1,2}",
+		"syntax-after": "[ auto? [ none | <length> ] ]{1,2}",
+		"comment": ""
+	},
+	"contain-intrinsic-width": {
+		"type": "modified",
+		"syntax-before": "none | <length> | auto <length>",
+		"syntax-after": "auto? [ none | <length> ]",
+		"comment": ""
+	},
+	"container": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'container-name'> [ / <'container-type'> ]?",
+		"comment": ""
+	},
+	"container-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <custom-ident>+",
+		"comment": ""
+	},
+	"container-type": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | size | inline-size",
+		"comment": ""
+	},
+	"content": {
+		"type": "modified",
+		"syntax-before": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
+		"syntax-after": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]? | <element()>",
+		"comment": ""
+	},
+	"continue": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "overflow | paginate | fragments",
+		"comment": ""
+	},
+	"copy-into": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
+		"comment": ""
+	},
+	"corner-shape": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ round | angle ]{1,4}",
+		"comment": ""
+	},
+	"corners": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'corner-shape'> || <'border-radius'>",
+		"comment": ""
+	},
+	"cue-after": {
+		"type": "modified",
+		"syntax-before": "<url> <decibel>? | none",
+		"syntax-after": "<uri> <decibel>? | none",
+		"comment": ""
+	},
+	"cue-before": {
+		"type": "modified",
+		"syntax-before": "<url> <decibel>? | none",
+		"syntax-after": "<uri> <decibel>? | none",
+		"comment": ""
+	},
+	"cursor": {
+		"type": "modified",
+		"syntax-before": "[ [ <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 ] ]",
+		"syntax-after": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
+		"comment": ""
+	},
+	"cx": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"cy": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"d": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <string>",
+		"comment": ""
+	},
+	"display": {
+		"type": "modified",
+		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
+		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | <display-outside> || [ <display-inside> | math ]",
+		"comment": ""
+	},
+	"dominant-baseline": {
+		"type": "modified",
+		"syntax-before": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
+		"syntax-after": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
+		"comment": ""
+	},
+	"dynamic-range-limit": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "standard | high | constrained-high",
+		"comment": ""
+	},
+	"field-sizing": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "fixed | content",
+		"comment": ""
+	},
+	"fill-break": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "bounding-box | slice | clone",
+		"comment": ""
+	},
+	"fill-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>",
+		"comment": ""
+	},
+	"fill-image": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<paint>#",
+		"comment": ""
+	},
+	"fill-opacity": {
+		"type": "modified",
+		"syntax-before": "<number-zero-one>",
+		"syntax-after": "<'opacity'>",
+		"comment": ""
+	},
+	"fill-origin": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"comment": ""
+	},
+	"fill-position": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<position>#",
+		"comment": ""
+	},
+	"fill-repeat": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repeat-style>#",
+		"comment": ""
+	},
+	"fill-size": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bg-size>#",
+		"comment": ""
+	},
+	"filter": {
+		"type": "modified",
+		"syntax-before": "none | <filter-function-list> | <-ms-filter-function-list>",
+		"syntax-after": "none | <filter-value-list>",
+		"comment": ""
+	},
+	"flex-grow": {
+		"type": "modified",
+		"syntax-before": "<number>",
+		"syntax-after": "<number [0,∞]>",
+		"comment": ""
+	},
+	"flex-shrink": {
+		"type": "modified",
+		"syntax-before": "<number>",
+		"syntax-after": "<number [0,∞]>",
+		"comment": ""
+	},
+	"float": {
+		"type": "modified",
+		"syntax-before": "left | right | none | inline-start | inline-end",
+		"syntax-after": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none",
+		"comment": ""
+	},
+	"float-defer": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<integer> | last | none",
+		"comment": ""
+	},
+	"float-offset": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length> | <percentage>",
+		"comment": ""
+	},
+	"float-reference": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "inline | column | region | page",
+		"comment": ""
+	},
+	"flood-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>",
+		"comment": ""
+	},
+	"flood-opacity": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'opacity'>",
+		"comment": ""
+	},
+	"flow-from": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident> | none",
+		"comment": ""
+	},
+	"flow-into": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <ident> [ element | content ]?",
+		"comment": ""
+	},
+	"font": {
+		"type": "modified",
+		"syntax-before": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
+		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
+		"comment": ""
+	},
+	"font-palette": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | light | dark | <palette-identifier> | <palette-mix()>",
+		"comment": ""
+	},
+	"font-size": {
+		"type": "modified",
+		"syntax-before": "<absolute-size> | <relative-size> | <length-percentage>",
+		"syntax-after": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
+		"comment": ""
+	},
+	"font-size-adjust": {
+		"type": "modified",
+		"syntax-before": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
+		"syntax-after": "none | <number [0,∞]>",
+		"comment": ""
+	},
+	"font-style": {
+		"type": "modified",
+		"syntax-before": "normal | italic | oblique <angle>?",
+		"syntax-after": "normal | italic | oblique <angle [-90deg,90deg]>?",
+		"comment": ""
+	},
+	"font-synthesis": {
+		"type": "modified",
+		"syntax-before": "none | [ weight || style || small-caps ]",
+		"syntax-after": "none | [ weight || style || small-caps || position ]",
+		"comment": ""
+	},
+	"font-synthesis-position": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none",
+		"comment": ""
+	},
+	"font-synthesis-small-caps": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none",
+		"comment": ""
+	},
+	"font-synthesis-style": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none",
+		"comment": ""
+	},
+	"font-synthesis-weight": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none",
+		"comment": ""
+	},
+	"font-variant": {
+		"type": "modified",
+		"syntax-before": "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 ]",
+		"syntax-after": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
+		"comment": ""
+	},
+	"font-variant-emoji": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | text | emoji | unicode",
+		"comment": ""
+	},
+	"font-variation-settings": {
+		"type": "modified",
+		"syntax-before": "normal | [ <string> <number> ]#",
+		"syntax-after": "normal | [ <opentype-tag> <number> ]#",
+		"comment": ""
+	},
+	"font-width": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+		"comment": ""
+	},
+	"footnote-display": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "block | inline | compact",
+		"comment": ""
+	},
+	"footnote-policy": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | line | block",
+		"comment": ""
+	},
+	"forced-color-adjust": {
+		"type": "modified",
+		"syntax-before": "auto | none",
+		"syntax-after": "auto | none | preserve-parent-color",
+		"comment": ""
+	},
+	"glyph-orientation-vertical": {
+		"type": "modified",
+		"syntax-before": "<angle>",
+		"syntax-after": "auto | 0deg | 90deg | 0 | 90",
+		"comment": ""
+	},
+	"height": {
+		"type": "modified",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"hyphenate-limit-chars": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ auto | <integer> ]{1,3}",
+		"comment": ""
+	},
+	"hyphenate-limit-last": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | always | column | page | spread",
+		"comment": ""
+	},
+	"hyphenate-limit-lines": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "no-limit | <integer>",
+		"comment": ""
+	},
+	"hyphenate-limit-zone": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"image-orientation": {
+		"type": "modified",
+		"syntax-before": "from-image | <angle> | [ <angle>? flip ]",
+		"syntax-after": "from-image | none | [ <angle> || flip ]",
+		"comment": ""
+	},
+	"image-rendering": {
+		"type": "modified",
+		"syntax-before": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>",
+		"syntax-after": "auto | smooth | high-quality | pixelated | crisp-edges",
+		"comment": ""
+	},
+	"initial-letter": {
+		"type": "modified",
+		"syntax-before": "normal | [ <number> <integer>? ]",
+		"syntax-after": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
+		"comment": ""
+	},
+	"initial-letter-align": {
+		"type": "modified",
+		"syntax-before": "[ auto | alphabetic | hanging | ideographic ]",
+		"syntax-after": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
+		"comment": ""
+	},
+	"initial-letter-wrap": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | first | all | grid | <length-percentage>",
+		"comment": ""
+	},
+	"inline-size": {
+		"type": "modified",
+		"syntax-before": "<'width'>",
+		"syntax-after": "<'width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"inline-sizing": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | stretch",
+		"comment": ""
+	},
+	"inset-block-end": {
+		"type": "modified",
+		"syntax-before": "<'top'>",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"inset-block-start": {
+		"type": "modified",
+		"syntax-before": "<'top'>",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"inset-inline-end": {
+		"type": "modified",
+		"syntax-before": "<'top'>",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"inset-inline-start": {
+		"type": "modified",
+		"syntax-before": "<'top'>",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"interpolate-size": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "numeric-only | allow-keywords",
+		"comment": ""
+	},
+	"isolation": {
+		"type": "modified",
+		"syntax-before": "auto | isolate",
+		"syntax-after": "<isolation-mode>",
+		"comment": ""
+	},
+	"justify-items": {
+		"type": "modified",
+		"syntax-before": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
+		"syntax-after": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
+		"comment": ""
+	},
+	"justify-self": {
+		"type": "modified",
+		"syntax-before": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
+		"syntax-after": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
+		"comment": ""
+	},
+	"left": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"letter-spacing": {
+		"type": "modified",
+		"syntax-before": "normal | <length-percentage>",
+		"syntax-after": "normal | <length>",
+		"comment": ""
+	},
+	"lighting-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>",
+		"comment": ""
+	},
+	"line-clamp": {
+		"type": "modified",
+		"syntax-before": "none | <integer>",
+		"syntax-after": "none | <integer [1,∞]> || <'block-ellipsis'>",
+		"comment": ""
+	},
+	"-webkit-line-clamp": {
+		"type": "modified",
+		"syntax-before": "none | <integer>",
+		"syntax-after": "none | <integer [1,∞]>",
+		"comment": ""
+	},
+	"line-fit-edge": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "leading | <text-edge>",
+		"comment": ""
+	},
+	"line-grid": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "match-parent | create",
+		"comment": ""
+	},
+	"line-height": {
+		"type": "modified",
+		"syntax-before": "normal | <number> | <length> | <percentage>",
+		"syntax-after": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"line-height-step": {
+		"type": "modified",
+		"syntax-before": "<length>",
+		"syntax-after": "<length [0,∞]>",
+		"comment": ""
+	},
+	"line-padding": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length>",
+		"comment": ""
+	},
+	"line-snap": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | baseline | contain",
+		"comment": ""
+	},
+	"link-parameters": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <link-param>+",
+		"comment": ""
+	},
+	"list-style": {
+		"type": "modified",
+		"syntax-before": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
+		"syntax-after": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
+		"comment": ""
+	},
+	"margin": {
+		"type": "modified",
+		"syntax-before": "[ <length> | <percentage> | auto ]{1,4}",
+		"syntax-after": "<'margin-top'>{1,4}",
+		"comment": ""
+	},
+	"margin-block": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>{1,2}",
+		"syntax-after": "<'margin-top'>{1,2}",
+		"comment": ""
+	},
+	"margin-block-end": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>",
+		"syntax-after": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-block-start": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>",
+		"syntax-after": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-bottom": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"margin-break": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | keep | discard",
+		"comment": ""
+	},
+	"margin-inline": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>{1,2}",
+		"syntax-after": "<'margin-top'>{1,2}",
+		"comment": ""
+	},
+	"margin-inline-end": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>",
+		"syntax-after": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-inline-start": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>",
+		"syntax-after": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-left": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"margin-right": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"margin-top": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"margin-trim": {
+		"type": "modified",
+		"syntax-before": "none | in-flow | all",
+		"syntax-after": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
+		"comment": ""
+	},
+	"marker": {
+		"type": "modified",
+		"syntax-before": "none | <url>",
+		"syntax-after": "none | <marker-ref>",
+		"comment": ""
+	},
+	"marker-end": {
+		"type": "modified",
+		"syntax-before": "none | <url>",
+		"syntax-after": "none | <marker-ref>",
+		"comment": ""
+	},
+	"marker-mid": {
+		"type": "modified",
+		"syntax-before": "none | <url>",
+		"syntax-after": "none | <marker-ref>",
+		"comment": ""
+	},
+	"marker-side": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "match-self | match-parent",
+		"comment": ""
+	},
+	"marker-start": {
+		"type": "modified",
+		"syntax-before": "none | <url>",
+		"syntax-after": "none | <marker-ref>",
+		"comment": ""
+	},
+	"mask-border-slice": {
+		"type": "modified",
+		"syntax-before": "<number-percentage>{1,4} fill?",
+		"syntax-after": "[ <number> | <percentage> ]{1,4} fill?",
+		"comment": ""
+	},
+	"mask-clip": {
+		"type": "modified",
+		"syntax-before": "[ <geometry-box> | no-clip ]#",
+		"syntax-after": "[ <coord-box> | no-clip ]#",
+		"comment": ""
+	},
+	"mask-origin": {
+		"type": "modified",
+		"syntax-before": "<geometry-box>#",
+		"syntax-after": "<coord-box>#",
+		"comment": ""
+	},
+	"max-block-size": {
+		"type": "modified",
+		"syntax-before": "<'max-width'>",
+		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"max-height": {
+		"type": "modified",
+		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"max-inline-size": {
+		"type": "modified",
+		"syntax-before": "<'max-width'>",
+		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"max-lines": {
+		"type": "modified",
+		"syntax-before": "none | <integer>",
+		"syntax-after": "none | <integer [1,∞]>",
+		"comment": ""
+	},
+	"max-width": {
+		"type": "modified",
+		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"min-block-size": {
+		"type": "modified",
+		"syntax-before": "<'min-width'>",
+		"syntax-after": "<'min-width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"min-height": {
+		"type": "modified",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"min-inline-size": {
+		"type": "modified",
+		"syntax-before": "<'min-width'>",
+		"syntax-after": "<'min-width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"min-intrinsic-sizing": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "legacy | zero-if-scroll || zero-if-extrinsic",
+		"comment": ""
+	},
+	"min-width": {
+		"type": "modified",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"mix-blend-mode": {
+		"type": "modified",
+		"syntax-before": "<blend-mode> | plus-lighter",
+		"syntax-after": "<blend-mode> | plus-darker | plus-lighter",
+		"comment": ""
+	},
+	"nav-down": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"nav-left": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"nav-right": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"nav-up": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"object-view-box": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <basic-shape-rect>",
+		"comment": ""
+	},
+	"offset-path": {
+		"type": "modified",
+		"syntax-before": "none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]",
+		"syntax-after": "none | <offset-path> || <coord-box>",
+		"comment": ""
+	},
+	"offset-position": {
+		"type": "modified",
+		"syntax-before": "auto | <position>",
+		"syntax-after": "normal | auto | <position>",
+		"comment": ""
+	},
+	"opacity": {
+		"type": "modified",
+		"syntax-before": "<alpha-value>",
+		"syntax-after": "<opacity-value>",
+		"comment": ""
+	},
+	"orphans": {
+		"type": "modified",
+		"syntax-before": "<integer>",
+		"syntax-after": "<integer [1,∞]>",
+		"comment": ""
+	},
+	"outline": {
+		"type": "modified",
+		"syntax-before": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]",
+		"syntax-after": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]",
+		"comment": ""
+	},
+	"outline-color": {
+		"type": "modified",
+		"syntax-before": "<color> | invert",
+		"syntax-after": "auto | [ <color> | <image-1D> ]",
+		"comment": ""
+	},
+	"outline-style": {
+		"type": "modified",
+		"syntax-before": "auto | <'border-style'>",
+		"syntax-after": "auto | <outline-line-style>",
+		"comment": ""
+	},
+	"overflow": {
+		"type": "modified",
+		"syntax-before": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>",
+		"syntax-after": "<'overflow-block'>{1,2}",
+		"comment": ""
+	},
+	"overflow-clip-margin-block": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-block-end": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-block-start": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-bottom": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-inline": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-inline-end": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-inline-start": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-left": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-right": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-top": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overlay": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | auto",
+		"comment": ""
+	},
+	"padding": {
+		"type": "modified",
+		"syntax-before": "[ <length> | <percentage> ]{1,4}",
+		"syntax-after": "<'padding-top'>{1,4}",
+		"comment": ""
+	},
+	"padding-block": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>{1,2}",
+		"syntax-after": "<'padding-top'>{1,2}",
+		"comment": ""
+	},
+	"padding-block-end": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>",
+		"syntax-after": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-block-start": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>",
+		"syntax-after": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-bottom": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"padding-inline": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>{1,2}",
+		"syntax-after": "<'padding-top'>{1,2}",
+		"comment": ""
+	},
+	"padding-inline-end": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>",
+		"syntax-after": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-inline-start": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>",
+		"syntax-after": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-left": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"padding-right": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"padding-top": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"page": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <custom-ident>",
+		"comment": ""
+	},
+	"page-break-after": {
+		"type": "modified",
+		"syntax-before": "auto | always | avoid | left | right | recto | verso",
+		"syntax-after": "auto | always | avoid | left | right | inherit",
+		"comment": ""
+	},
+	"page-break-before": {
+		"type": "modified",
+		"syntax-before": "auto | always | avoid | left | right | recto | verso",
+		"syntax-after": "auto | always | avoid | left | right | inherit",
+		"comment": ""
+	},
+	"page-break-inside": {
+		"type": "modified",
+		"syntax-before": "auto | avoid",
+		"syntax-after": "avoid | auto | inherit",
+		"comment": ""
+	},
+	"pause-after": {
+		"type": "modified",
+		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"comment": ""
+	},
+	"pause-before": {
+		"type": "modified",
+		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"comment": ""
+	},
+	"perspective": {
+		"type": "modified",
+		"syntax-before": "none | <length>",
+		"syntax-after": "none | <length [0,∞]>",
+		"comment": ""
+	},
+	"pointer-events": {
+		"type": "modified",
+		"syntax-before": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
+		"syntax-after": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
+		"comment": ""
+	},
+	"position": {
+		"type": "modified",
+		"syntax-before": "static | relative | absolute | sticky | fixed | -webkit-sticky",
+		"syntax-after": "static | relative | absolute | sticky | fixed",
+		"comment": ""
+	},
+	"position-anchor": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <anchor-element>",
+		"merged": "auto | <custom-property-name>",
+		"tests": {
+			"passing": [
+				{
+					"value": "--foo"
+				}
+			],
+			"failing": [
+				{
+					"property": "position-anchor",
+					"value": "foo"
+				}
+			]
+		},
+		"comment": ""
+	},
+	"position-area": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <position-area>",
+		"comment": ""
+	},
+	"position-try": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'position-try-order'>? <'position-try-fallbacks'>",
+		"comment": ""
+	},
+	"position-try-fallbacks": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
+		"comment": ""
+	},
+	"position-try-order": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | <try-size>",
+		"comment": ""
+	},
+	"position-visibility": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "always | [ anchors-valid || anchors-visible || no-overflow ]",
+		"comment": ""
+	},
+	"quotes": {
+		"type": "modified",
+		"syntax-before": "none | auto | [ <string> <string> ]+",
+		"syntax-after": "auto | none | match-parent | [ <string> <string> ]+",
+		"comment": ""
+	},
+	"r": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"reading-flow": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
+		"comment": ""
+	},
+	"region-fragment": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | break",
+		"comment": ""
+	},
+	"rest-after": {
+		"type": "modified",
+		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"comment": ""
+	},
+	"rest-before": {
+		"type": "modified",
+		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"comment": ""
+	},
+	"right": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"row-gap": {
+		"type": "modified",
+		"syntax-before": "normal | <length-percentage>",
+		"syntax-after": "normal | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"ruby-merge": {
+		"type": "modified",
+		"syntax-before": "separate | collapse | auto",
+		"syntax-after": "separate | merge | auto",
+		"comment": ""
+	},
+	"ruby-overhang": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none",
+		"comment": ""
+	},
+	"rx": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"ry": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"scale": {
+		"type": "modified",
+		"syntax-before": "none | <number>{1,3}",
+		"syntax-after": "none | [ <number> | <percentage> ]{1,3}",
+		"comment": ""
+	},
+	"scroll-marker-group": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | before | after",
+		"comment": ""
+	},
+	"scroll-padding": {
+		"type": "modified",
+		"syntax-before": "[ auto | <length-percentage> ]{1,4}",
+		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,4}",
+		"comment": ""
+	},
+	"scroll-padding-block": {
+		"type": "modified",
+		"syntax-before": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"comment": ""
+	},
+	"scroll-padding-block-end": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-block-start": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-bottom": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-inline": {
+		"type": "modified",
+		"syntax-before": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"comment": ""
+	},
+	"scroll-padding-inline-end": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-inline-start": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-left": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-right": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-top": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-start-target": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ none | auto ]",
+		"comment": ""
+	},
+	"scroll-timeline": {
+		"type": "modified",
+		"syntax-before": "<scroll-timeline-name> || <scroll-timeline-axis>",
+		"syntax-after": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
+		"comment": ""
+	},
+	"scroll-timeline-axis": {
+		"type": "modified",
+		"syntax-before": "block | inline | vertical | horizontal",
+		"syntax-after": "[ block | inline | x | y ]#",
+		"comment": ""
+	},
+	"scroll-timeline-name": {
+		"type": "modified",
+		"syntax-before": "none | <custom-ident>",
+		"syntax-after": "[ none | <dashed-ident> ]#",
+		"comment": ""
+	},
+	"shape-image-threshold": {
+		"type": "modified",
+		"syntax-before": "<alpha-value>",
+		"syntax-after": "<opacity-value>",
+		"comment": ""
+	},
+	"shape-inside": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
+		"comment": ""
+	},
+	"shape-margin": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"shape-outside": {
+		"type": "modified",
+		"syntax-before": "none | [ <shape-box> || <basic-shape> ] | <image>",
+		"syntax-after": "none | [ <basic-shape> || <shape-box> ] | <image>",
+		"comment": ""
+	},
+	"shape-padding": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"shape-subtract": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ <basic-shape> | <uri> ]+",
+		"comment": ""
+	},
+	"spatial-navigation-action": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | focus | scroll",
+		"comment": ""
+	},
+	"spatial-navigation-contain": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | contain",
+		"comment": ""
+	},
+	"spatial-navigation-function": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | grid",
+		"comment": ""
+	},
+	"speak": {
+		"type": "modified",
+		"syntax-before": "auto | none | normal",
+		"syntax-after": "auto | never | always",
+		"comment": ""
+	},
+	"string-set": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ <custom-ident> <string>+ ]#",
+		"comment": ""
+	},
+	"stroke-align": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "center | inset | outset",
+		"comment": ""
+	},
+	"stroke-alignment": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "center | inner | outer",
+		"comment": ""
+	},
+	"stroke-break": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "bounding-box | slice | clone",
+		"comment": ""
+	},
+	"stroke-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>#",
+		"comment": ""
+	},
+	"stroke-dash-corner": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <length>",
+		"comment": ""
+	},
+	"stroke-dash-justify": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ stretch | compress ] || [ dashes || gaps ]",
+		"comment": ""
+	},
+	"stroke-dashadjust": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ stretch | compress ] [ dashes | gaps ]?",
+		"comment": ""
+	},
+	"stroke-dasharray": {
+		"type": "modified",
+		"syntax-before": "none | [ <svg-length>+ ]#",
+		"syntax-after": "none | [ <length-percentage> | <number> ]+#",
+		"comment": ""
+	},
+	"stroke-dashcorner": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <length>",
+		"comment": ""
+	},
+	"stroke-dashoffset": {
+		"type": "modified",
+		"syntax-before": "<svg-length>",
+		"syntax-after": "<length-percentage> | <number>",
+		"comment": ""
+	},
+	"stroke-image": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<paint>#",
+		"comment": ""
+	},
+	"stroke-linejoin": {
+		"type": "modified",
+		"syntax-before": "miter | round | bevel",
+		"syntax-after": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
+		"comment": ""
+	},
+	"stroke-miterlimit": {
+		"type": "modified",
+		"syntax-before": "<number-one-or-greater>",
+		"syntax-after": "<number>",
+		"comment": ""
+	},
+	"stroke-opacity": {
+		"type": "modified",
+		"syntax-before": "<number-zero-one>",
+		"syntax-after": "<'opacity'>",
+		"comment": ""
+	},
+	"stroke-origin": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"comment": ""
+	},
+	"stroke-position": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<position>#",
+		"comment": ""
+	},
+	"stroke-repeat": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repeat-style>#",
+		"comment": ""
+	},
+	"stroke-size": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bg-size>#",
+		"comment": ""
+	},
+	"stroke-width": {
+		"type": "modified",
+		"syntax-before": "<svg-length>",
+		"syntax-after": "[ <length-percentage> | <number> ]#",
+		"comment": ""
+	},
+	"tab-size": {
+		"type": "modified",
+		"syntax-before": "<integer> | <length>",
+		"syntax-after": "<number [0,∞]> | <length [0,∞]>",
+		"comment": ""
+	},
+	"text-align": {
+		"type": "modified",
+		"syntax-before": "start | end | left | right | center | justify | match-parent",
+		"syntax-after": "start | end | left | right | center | justify | match-parent | justify-all",
+		"comment": ""
+	},
+	"text-align-all": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "start | end | left | right | center | justify | match-parent",
+		"comment": ""
+	},
+	"text-align-last": {
+		"type": "modified",
+		"syntax-before": "auto | start | end | left | right | center | justify",
+		"syntax-after": "auto | start | end | left | right | center | justify | match-parent",
+		"comment": ""
+	},
+	"text-autospace": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | <autospace> | auto",
+		"comment": ""
+	},
+	"text-box": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | <'text-box-trim'> || <'text-box-edge'>",
+		"comment": ""
+	},
+	"text-box-edge": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <text-edge>",
+		"comment": ""
+	},
+	"text-box-trim": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | trim-start | trim-end | trim-both",
+		"comment": ""
+	},
+	"text-combine-upright": {
+		"type": "modified",
+		"syntax-before": "none | all | [ digits <integer>? ]",
+		"syntax-after": "none | all | [ digits <integer [2,4]>? ]",
+		"comment": ""
+	},
+	"text-decoration": {
+		"type": "modified",
+		"syntax-before": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
+		"syntax-after": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>",
+		"comment": ""
+	},
+	"text-decoration-line": {
+		"type": "modified",
+		"syntax-before": "none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error",
+		"syntax-after": "none | [ underline || overline || line-through || blink ]",
+		"comment": ""
+	},
+	"text-decoration-skip": {
+		"type": "modified",
+		"syntax-before": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
+		"syntax-after": "none | auto",
+		"comment": ""
+	},
+	"text-decoration-skip-box": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | all",
+		"comment": ""
+	},
+	"text-decoration-skip-ink": {
+		"type": "modified",
+		"syntax-before": "auto | all | none",
+		"syntax-after": "auto | none | all",
+		"comment": ""
+	},
+	"text-decoration-skip-self": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
+		"comment": ""
+	},
+	"text-decoration-skip-spaces": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | all | [ start || end ]",
+		"comment": ""
+	},
+	"text-decoration-thickness": {
+		"type": "modified",
+		"syntax-before": "auto | from-font | <length> | <percentage>",
+		"syntax-after": "auto | from-font | <length-percentage>",
+		"comment": ""
+	},
+	"text-decoration-trim": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length>{1,2} | auto",
+		"comment": ""
+	},
+	"text-emphasis-position": {
+		"type": "modified",
+		"syntax-before": "[ over | under ] && [ right | left ]",
+		"syntax-after": "[ over | under ] && [ right | left ]?",
+		"comment": ""
+	},
+	"text-emphasis-skip": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "spaces || punctuation || symbols || narrow",
+		"comment": ""
+	},
+	"text-group-align": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | start | end | left | right | center",
+		"comment": ""
+	},
+	"text-indent": {
+		"type": "modified",
+		"syntax-before": "<length-percentage> && hanging? && each-line?",
+		"syntax-after": "[ <length-percentage> ] && hanging? && each-line?",
+		"comment": ""
+	},
+	"text-justify": {
+		"type": "modified",
+		"syntax-before": "auto | inter-character | inter-word | none",
+		"syntax-after": "auto | none | inter-word | inter-character",
+		"comment": ""
+	},
+	"text-overflow": {
+		"type": "modified",
+		"syntax-before": "[ clip | ellipsis | <string> ]{1,2}",
+		"syntax-after": "clip | ellipsis",
+		"comment": ""
+	},
+	"text-shadow": {
+		"type": "modified",
+		"syntax-before": "none | <shadow-t>#",
+		"syntax-after": "none | [ <color>? && <length>{2,3} ]#",
+		"comment": ""
+	},
+	"text-size-adjust": {
+		"type": "modified",
+		"syntax-before": "none | auto | <percentage>",
+		"syntax-after": "auto | none | <percentage [0,∞]>",
+		"comment": ""
+	},
+	"text-spacing": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | auto | <spacing-trim> || <autospace>",
+		"comment": ""
+	},
+	"text-spacing-trim": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<spacing-trim> | auto",
+		"comment": ""
+	},
+	"-webkit-text-stroke": {
+		"type": "modified",
+		"syntax-before": "<length> || <color>",
+		"syntax-after": "<line-width> || <color>",
+		"comment": ""
+	},
+	"-webkit-text-stroke-width": {
+		"type": "modified",
+		"syntax-before": "<length>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"text-transform": {
+		"type": "modified",
+		"syntax-before": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
+		"syntax-after": "none | capitalize | uppercase | lowercase | full-width | full-size-kana | math-auto",
+		"comment": ""
+	},
+	"text-underline-offset": {
+		"type": "modified",
+		"syntax-before": "auto | <length> | <percentage>",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"text-underline-position": {
+		"type": "modified",
+		"syntax-before": "auto | from-font | [ under || [ left | right ] ]",
+		"syntax-after": "auto | [ under || [ left | right ] ]",
+		"comment": ""
+	},
+	"text-wrap": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'text-wrap-mode'> || <'text-wrap-style'>",
+		"comment": ""
+	},
+	"text-wrap-mode": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "wrap | nowrap",
+		"comment": ""
+	},
+	"text-wrap-style": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | balance | stable | pretty",
+		"comment": ""
+	},
+	"timeline-scope": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | all | <dashed-ident>#",
+		"comment": ""
+	},
+	"top": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"transform-origin": {
+		"type": "modified",
+		"syntax-before": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
+		"syntax-after": "[ 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>?",
+		"comment": ""
+	},
+	"transition-behavior": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<transition-behavior-value>#",
+		"comment": ""
+	},
+	"transition-duration": {
+		"type": "modified",
+		"syntax-before": "<time>#",
+		"syntax-after": "<time [0s,∞]>#",
+		"comment": ""
+	},
+	"unicode-bidi": {
+		"type": "modified",
+		"syntax-before": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext",
+		"syntax-after": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
+		"comment": ""
+	},
+	"vector-effect": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position",
+		"comment": ""
+	},
+	"vertical-align": {
+		"type": "modified",
+		"syntax-before": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
+		"syntax-after": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
+		"comment": ""
+	},
+	"view-timeline": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
+		"comment": ""
+	},
+	"view-timeline-axis": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ block | inline | x | y ]#",
+		"comment": ""
+	},
+	"view-timeline-inset": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ auto | <length-percentage> ]{1,2} ]#",
+		"comment": ""
+	},
+	"view-timeline-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ none | <dashed-ident> ]#",
+		"comment": ""
+	},
+	"view-transition-class": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <custom-ident>+",
+		"comment": ""
+	},
+	"view-transition-group": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | contain | nearest | <custom-ident>",
+		"comment": ""
+	},
+	"view-transition-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <custom-ident>",
+		"comment": ""
+	},
+	"voice-duration": {
+		"type": "modified",
+		"syntax-before": "auto | <time>",
+		"syntax-after": "auto | <time [0s,∞]>",
+		"comment": ""
+	},
+	"voice-pitch": {
+		"type": "modified",
+		"syntax-before": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-after": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"comment": ""
+	},
+	"voice-range": {
+		"type": "modified",
+		"syntax-before": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-after": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"comment": ""
+	},
+	"voice-rate": {
+		"type": "modified",
+		"syntax-before": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>",
+		"syntax-after": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
+		"comment": ""
+	},
+	"white-space": {
+		"type": "modified",
+		"syntax-before": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces",
+		"syntax-after": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line",
+		"comment": ""
+	},
+	"white-space-collapse": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces",
+		"comment": ""
+	},
+	"white-space-trim": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | discard-before || discard-after || discard-inner",
+		"comment": ""
+	},
+	"widows": {
+		"type": "modified",
+		"syntax-before": "<integer>",
+		"syntax-after": "<integer [1,∞]>",
+		"comment": ""
+	},
+	"width": {
+		"type": "modified",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"word-break": {
+		"type": "modified",
+		"syntax-before": "normal | break-all | keep-all | break-word",
+		"syntax-after": "normal | keep-all | break-all | break-word",
+		"comment": ""
+	},
+	"word-space-transform": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ space | ideographic-space ] && auto-phrase?",
+		"comment": ""
+	},
+	"word-wrap": {
+		"type": "modified",
+		"syntax-before": "normal | break-word",
+		"syntax-after": "normal | break-word | anywhere",
+		"comment": ""
+	},
+	"wrap-after": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"comment": ""
+	},
+	"wrap-before": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"comment": ""
+	},
+	"wrap-flow": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | both | start | end | minimum | maximum | clear",
+		"comment": ""
+	},
+	"wrap-inside": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | avoid",
+		"comment": ""
+	},
+	"wrap-through": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "wrap | none",
+		"comment": ""
+	},
+	"writing-mode": {
+		"type": "modified",
+		"syntax-before": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
+		"syntax-after": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
+		"comment": ""
+	},
+	"x": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"y": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"z-index": {
+		"type": "modified",
+		"syntax-before": "auto | <integer>",
+		"syntax-after": "auto | <integer> | inherit",
+		"comment": ""
+	},
+	"zoom": {
+		"type": "modified",
+		"syntax-before": "normal | reset | <number> | <percentage>",
+		"syntax-after": "<number [0,∞]> || <percentage [0,∞]>",
+		"comment": ""
+	}
+}
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
new file mode 100644
index 0000000000..e93e5a66d1
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -0,0 +1,2152 @@
+{
+	"<anchor-element>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident>",
+		"merged": "<custom-property-name>",
+		"omit": true,
+		"comment": ""
+	},
+	"<anchor-side>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
+		"comment": ""
+	},
+	"<anchor-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "width | height | block | inline | self-block | self-inline",
+		"comment": ""
+	},
+	"<angle-percentage>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <angle> | <percentage> ]",
+		"comment": ""
+	},
+	"<angular-color-hint>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<angle-percentage>",
+		"comment": ""
+	},
+	"<angular-color-stop-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+		"comment": ""
+	},
+	"<angular-color-stop>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color> <color-stop-angle>?",
+		"comment": ""
+	},
+	"<animateable-feature>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "scroll-position | contents | <custom-ident>",
+		"comment": ""
+	},
+	"<attachment>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "scroll | fixed | local",
+		"comment": ""
+	},
+	"<attr-matcher>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ '~' | '|' | '^' | '$' | '*' ]? '='",
+		"comment": ""
+	},
+	"<attr-modifier>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "i | s",
+		"comment": ""
+	},
+	"<attr-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <ident-token> '|' ]? <ident-token>",
+		"comment": ""
+	},
+	"<attr-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
+		"comment": ""
+	},
+	"<attribute-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'",
+		"comment": ""
+	},
+	"<auto-repeat>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
+		"comment": ""
+	},
+	"<auto-track-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?",
+		"comment": ""
+	},
+	"<autospace>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
+		"comment": ""
+	},
+	"<axis>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "block | inline | x | y",
+		"comment": ""
+	},
+	"<baseline-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ first | last ]? && baseline",
+		"comment": ""
+	},
+	"<basic-shape-rect>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<inset()> | <rect()> | <xywh()>",
+		"comment": ""
+	},
+	"<bg-clip>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> | border-area | text",
+		"comment": ""
+	},
+	"<bg-image>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<image> | none",
+		"comment": ""
+	},
+	"<bg-layer>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
+		"comment": ""
+	},
+	"<bg-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
+		"comment": ""
+	},
+	"<bg-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
+		"comment": ""
+	},
+	"<blend-mode>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity",
+		"comment": ""
+	},
+	"<bool-and>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "and <bool-in-parens>",
+		"comment": ""
+	},
+	"<bool-in-parens>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <boolean> ) | <bool-test> | <general-enclosed>",
+		"comment": ""
+	},
+	"<bool-not>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <bool-in-parens>",
+		"comment": ""
+	},
+	"<bool-or>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "or <bool-in-parens>",
+		"comment": ""
+	},
+	"<boolean-without-or>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bool-not> | <bool-in-parens> <bool-and>*",
+		"comment": ""
+	},
+	"<boolean>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"comment": ""
+	},
+	"<calc-keyword>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "e | pi | infinity | -infinity | NaN",
+		"comment": ""
+	},
+	"<calc-mix()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+		"comment": ""
+	},
+	"<calc-product>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
+		"comment": ""
+	},
+	"<calc-size-basis>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
+		"comment": ""
+	},
+	"<calc-sum>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*",
+		"comment": ""
+	},
+	"<calc-value>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
+		"comment": ""
+	},
+	"<cf-image>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <image> | <color> ] && <percentage [0,100]>?",
+		"comment": ""
+	},
+	"<class-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'.' <ident-token>",
+		"comment": ""
+	},
+	"<clip-source>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url>",
+		"comment": ""
+	},
+	"<cmyk-component>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> | <percentage> | none",
+		"comment": ""
+	},
+	"<color-base>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<hex-color> | <color-function> | <named-color> | transparent",
+		"comment": ""
+	},
+	"<color-font-tech>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
+		"comment": ""
+	},
+	"<color-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
+		"comment": ""
+	},
+	"<color-interpolation-method>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]",
+		"comment": ""
+	},
+	"<color-space>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<rectangular-color-space> | <polar-color-space>",
+		"comment": ""
+	},
+	"<color-stop-angle>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<angle-percentage>{1,2}",
+		"comment": ""
+	},
+	"<color-stop-length>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>{1,2}",
+		"comment": ""
+	},
+	"<color-stop-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
+		"comment": ""
+	},
+	"<color-stop>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color-stop-length> | <color-stop-angle>",
+		"comment": ""
+	},
+	"<color-stripe>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color> && [ <length-percentage> | <flex> ]?",
+		"comment": ""
+	},
+	"<color>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color-base> | currentColor | <system-color>",
+		"comment": ""
+	},
+	"<colorspace-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
+		"comment": ""
+	},
+	"<combinator>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'>' | '+' | '~' | [ '|' '|' ]",
+		"comment": ""
+	},
+	"<common-lig-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ common-ligatures | no-common-ligatures ]",
+		"comment": ""
+	},
+	"<complex-real-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<complex-real-selector>#",
+		"comment": ""
+	},
+	"<complex-real-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<compound-selector> [ <combinator>? <compound-selector> ]*",
+		"comment": ""
+	},
+	"<complex-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<complex-selector>#",
+		"comment": ""
+	},
+	"<complex-selector-unit>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
+		"comment": ""
+	},
+	"<complex-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
+		"comment": ""
+	},
+	"<composite-mode>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
+		"comment": ""
+	},
+	"<compositing-operator>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "add | subtract | intersect | exclude",
+		"comment": ""
+	},
+	"<compound-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<compound-selector>#",
+		"comment": ""
+	},
+	"<compound-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <type-selector>? <subclass-selector>* ]!",
+		"comment": ""
+	},
+	"<conic-gradient-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
+		"comment": ""
+	},
+	"<container-condition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <container-name> ]? <container-query>",
+		"comment": ""
+	},
+	"<container-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<custom-ident>",
+		"comment": ""
+	},
+	"<container-progress()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+		"comment": ""
+	},
+	"<container-query>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+		"comment": ""
+	},
+	"<content-distribution>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "space-between | space-around | space-evenly | stretch",
+		"comment": ""
+	},
+	"<content-level>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "element | content | text | <attr()> | <counter>",
+		"comment": ""
+	},
+	"<content-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
+		"comment": ""
+	},
+	"<content-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "center | start | end | flex-start | flex-end",
+		"comment": ""
+	},
+	"<contextual-alt-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ contextual | no-contextual ]",
+		"comment": ""
+	},
+	"<coord-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<paint-box> | view-box",
+		"comment": ""
+	},
+	"<counter-style>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<counter-style-name> | <symbols()>",
+		"comment": ""
+	},
+	"<counter>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<counter()> | <counters()>",
+		"comment": ""
+	},
+	"<css-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<syntax-component> | <type()>",
+		"comment": ""
+	},
+	"<cubic-bezier-easing-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"comment": ""
+	},
+	"<custom-arg>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "$ <ident-token> ;",
+		"comment": ""
+	},
+	"<custom-color-space>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident>",
+		"comment": ""
+	},
+	"<custom-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"comment": ""
+	},
+	"<custom-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+		"comment": ""
+	},
+	"<dasharray>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
+		"comment": ""
+	},
+	"<discretionary-lig-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ discretionary-ligatures | no-discretionary-ligatures ]",
+		"comment": ""
+	},
+	"<display-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "contents | none",
+		"comment": ""
+	},
+	"<display-inside>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "flow | flow-root | table | flex | grid | ruby",
+		"comment": ""
+	},
+	"<display-internal>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "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",
+		"comment": ""
+	},
+	"<display-legacy>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "inline-block | inline-table | inline-flex | inline-grid",
+		"comment": ""
+	},
+	"<display-listitem>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<display-outside>? && [ flow | flow-root ]? && list-item",
+		"comment": ""
+	},
+	"<display-outside>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "block | inline | run-in",
+		"comment": ""
+	},
+	"<easing-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
+		"comment": ""
+	},
+	"<east-asian-variant-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]",
+		"comment": ""
+	},
+	"<east-asian-width-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ full-width | proportional-width ]",
+		"comment": ""
+	},
+	"<explicit-track-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <line-names>? <track-size> ]+ <line-names>?",
+		"comment": ""
+	},
+	"<family-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<string> | <custom-ident>+",
+		"comment": ""
+	},
+	"<feature-value-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident>",
+		"comment": ""
+	},
+	"<filter-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
+		"comment": ""
+	},
+	"<filter-value-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <filter-function> | <url> ]+",
+		"comment": ""
+	},
+	"<final-bg-layer>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
+		"comment": ""
+	},
+	"<first-valid()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "first-valid( <declaration-value># )",
+		"comment": ""
+	},
+	"<fixed-breadth>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"<fixed-repeat>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
+		"comment": ""
+	},
+	"<fixed-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )",
+		"comment": ""
+	},
+	"<font-features-tech>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ features-opentype | features-aat | features-graphite ]",
+		"comment": ""
+	},
+	"<font-format>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
+		"comment": ""
+	},
+	"<font-src>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
+		"comment": ""
+	},
+	"<font-tech>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+		"comment": ""
+	},
+	"<font-variant-css2>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ normal | small-caps ]",
+		"comment": ""
+	},
+	"<font-weight-absolute>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ normal | bold | <number [1,1000]> ]",
+		"comment": ""
+	},
+	"<font-width-css3>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
+		"comment": ""
+	},
+	"<frequency-percentage>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <frequency> | <percentage> ]",
+		"comment": ""
+	},
+	"<function-dependency-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<function-parameter>#",
+		"comment": ""
+	},
+	"<function-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident>",
+		"comment": ""
+	},
+	"<function-parameter-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<function-parameter>#",
+		"comment": ""
+	},
+	"<function-parameter>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"comment": ""
+	},
+	"<general-enclosed>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
+		"comment": ""
+	},
+	"<generic-complete>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
+		"comment": ""
+	},
+	"<generic-family>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
+		"comment": ""
+	},
+	"<generic-incomplete>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
+		"comment": ""
+	},
+	"<generic-script-specific>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
+		"comment": ""
+	},
+	"<generic-voice>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <age>? <gender> <integer>? ]",
+		"comment": ""
+	},
+	"<geometry-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<shape-box> | fill-box | stroke-box | view-box",
+		"comment": ""
+	},
+	"<gradient>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
+		"comment": ""
+	},
+	"<historical-lig-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ historical-ligatures | no-historical-ligatures ]",
+		"comment": ""
+	},
+	"<hue-interpolation-method>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ shorter | longer | increasing | decreasing ] hue",
+		"comment": ""
+	},
+	"<hue>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> | <angle>",
+		"comment": ""
+	},
+	"<id-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<hash-token>",
+		"comment": ""
+	},
+	"<image-1D>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<stripes()>",
+		"comment": ""
+	},
+	"<image-set-option>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"comment": ""
+	},
+	"<image-src>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <url> | <string> ]",
+		"comment": ""
+	},
+	"<image-tags>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ ltr | rtl ]",
+		"comment": ""
+	},
+	"<image>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url> | <gradient>",
+		"comment": ""
+	},
+	"<import-conditions>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+		"comment": ""
+	},
+	"<inflexible-breadth>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]> | min-content | max-content | auto",
+		"comment": ""
+	},
+	"<isolation-mode>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | isolate",
+		"comment": ""
+	},
+	"<keyframe-block>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<keyframe-selector># { <declaration-list> }",
+		"comment": ""
+	},
+	"<keyframe-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "from | to | <percentage [0,100]>",
+		"comment": ""
+	},
+	"<keyframes-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<custom-ident> | <string>",
+		"comment": ""
+	},
+	"<layer-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident> [ '.' <ident> ]*",
+		"comment": ""
+	},
+	"<layout-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> | margin-box",
+		"comment": ""
+	},
+	"<leader-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "dotted | solid | space | <string>",
+		"comment": ""
+	},
+	"<legacy-device-cmyk-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "device-cmyk( <number>#{4} )",
+		"comment": ""
+	},
+	"<legacy-hsl-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"comment": ""
+	},
+	"<legacy-hsla-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"comment": ""
+	},
+	"<legacy-pseudo-element-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "':' [ before | after | first-line | first-letter ]",
+		"comment": ""
+	},
+	"<legacy-rgb-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"comment": ""
+	},
+	"<legacy-rgba-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"comment": ""
+	},
+	"<length-percentage>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <length> | <percentage> ]",
+		"comment": ""
+	},
+	"<line-name-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <line-names> | <name-repeat> ]+",
+		"comment": ""
+	},
+	"<line-names>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'[' <custom-ident>* ']'",
+		"comment": ""
+	},
+	"<line-style>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"comment": ""
+	},
+	"<line-width>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length [0,∞]> | thin | medium | thick",
+		"comment": ""
+	},
+	"<linear-color-hint>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"<linear-color-stop>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color> <length-percentage>?",
+		"comment": ""
+	},
+	"<linear-easing-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "linear( <linear-stop-list> )",
+		"comment": ""
+	},
+	"<linear-gradient-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>",
+		"comment": ""
+	},
+	"<linear-stop-length>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<percentage>{1,2}",
+		"comment": ""
+	},
+	"<linear-stop-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <linear-stop> ]#",
+		"comment": ""
+	},
+	"<linear-stop>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> && <linear-stop-length>?",
+		"comment": ""
+	},
+	"<link-param>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "param( <custom-property-name> <declaration-value>? )",
+		"comment": ""
+	},
+	"<marker-ref>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url>",
+		"comment": ""
+	},
+	"<mask-layer>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>",
+		"comment": ""
+	},
+	"<mask-reference>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <image> | <mask-source>",
+		"comment": ""
+	},
+	"<mask-source>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url>",
+		"comment": ""
+	},
+	"<masking-mode>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "alpha | luminance | match-source",
+		"comment": ""
+	},
+	"<media-and>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "and <media-in-parens>",
+		"comment": ""
+	},
+	"<media-condition-without-or>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
+		"comment": ""
+	},
+	"<media-condition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
+		"comment": ""
+	},
+	"<media-feature>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <mf-plain> | <mf-boolean> | <mf-range> ]",
+		"comment": ""
+	},
+	"<media-in-parens>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>",
+		"comment": ""
+	},
+	"<media-not>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <media-in-parens>",
+		"comment": ""
+	},
+	"<media-or>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "or <media-in-parens>",
+		"comment": ""
+	},
+	"<media-progress()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
+		"comment": ""
+	},
+	"<media-query>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?",
+		"comment": ""
+	},
+	"<media-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident>",
+		"comment": ""
+	},
+	"<mf-boolean>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<mf-name>",
+		"comment": ""
+	},
+	"<mf-comparison>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<mf-lt> | <mf-gt> | <mf-eq>",
+		"comment": ""
+	},
+	"<mf-eq>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'='",
+		"comment": ""
+	},
+	"<mf-gt>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'>' '='?",
+		"comment": ""
+	},
+	"<mf-lt>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'<' '='?",
+		"comment": ""
+	},
+	"<mf-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident>",
+		"comment": ""
+	},
+	"<mf-plain>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<mf-name> : <mf-value>",
+		"comment": ""
+	},
+	"<mf-range>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
+		"comment": ""
+	},
+	"<mf-value>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> | <dimension> | <ident> | <ratio>",
+		"comment": ""
+	},
+	"<mix()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
+		"comment": ""
+	},
+	"<modern-device-cmyk-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"<modern-hsl-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"<modern-hsla-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"<modern-rgb-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"<modern-rgba-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"<mq-boolean>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<integer [0,1]>",
+		"comment": ""
+	},
+	"<name-repeat>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )",
+		"comment": ""
+	},
+	"<namespace-prefix>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident>",
+		"comment": ""
+	},
+	"<ns-prefix>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <ident-token> | '*' ]? '|'",
+		"comment": ""
+	},
+	"<number-optional-number>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> <number>?",
+		"comment": ""
+	},
+	"<numeric-figure-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ lining-nums | oldstyle-nums ]",
+		"comment": ""
+	},
+	"<numeric-fraction-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ diagonal-fractions | stacked-fractions ]",
+		"comment": ""
+	},
+	"<numeric-spacing-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ proportional-nums | tabular-nums ]",
+		"comment": ""
+	},
+	"<offset-path>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ray()> | <url> | <basic-shape>",
+		"comment": ""
+	},
+	"<opentype-tag>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<string>",
+		"comment": ""
+	},
+	"<overflow-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "unsafe | safe",
+		"comment": ""
+	},
+	"<page-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<page-selector>#",
+		"comment": ""
+	},
+	"<page-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <ident-token>? <pseudo-page>* ]!",
+		"comment": ""
+	},
+	"<paint-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> | fill-box | stroke-box",
+		"comment": ""
+	},
+	"<paint>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <image> | <svg-paint>",
+		"comment": ""
+	},
+	"<points>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <number>+ ]#",
+		"comment": ""
+	},
+	"<polar-color-space>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "hsl | hwb | lch | oklch",
+		"comment": ""
+	},
+	"<position-area>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ 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} ]",
+		"comment": ""
+	},
+	"<position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+		"comment": ""
+	},
+	"<predefined-polar-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"comment": ""
+	},
+	"<predefined-rectangular-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+		"comment": ""
+	},
+	"<predefined-rectangular>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "jzazbz | ictcp",
+		"comment": ""
+	},
+	"<predefined-rgb-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+		"comment": ""
+	},
+	"<predefined-rgb>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+		"comment": ""
+	},
+	"<progress()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+		"comment": ""
+	},
+	"<progress>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
+		"comment": ""
+	},
+	"<pseudo-class-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "':' <ident-token> | ':' <function-token> <any-value> ')'",
+		"comment": ""
+	},
+	"<pseudo-compound-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<pseudo-element-selector> <pseudo-class-selector>*",
+		"comment": ""
+	},
+	"<pseudo-element-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
+		"comment": ""
+	},
+	"<pseudo-page>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "':' [ left | right | first | blank ]",
+		"comment": ""
+	},
+	"<pt-class-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ '.' <custom-ident> ]+",
+		"comment": ""
+	},
+	"<pt-name-and-class-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
+		"comment": ""
+	},
+	"<pt-name-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'*' | <custom-ident>",
+		"comment": ""
+	},
+	"<query-in-parens>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+		"comment": ""
+	},
+	"<quote>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "open-quote | close-quote | no-open-quote | no-close-quote",
+		"comment": ""
+	},
+	"<radial-extent>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "closest-corner | closest-side | farthest-corner | farthest-side",
+		"comment": ""
+	},
+	"<radial-gradient-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>",
+		"comment": ""
+	},
+	"<radial-shape>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "circle | ellipse",
+		"comment": ""
+	},
+	"<radial-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
+		"comment": ""
+	},
+	"<random-caching-options>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident> || per-element",
+		"comment": ""
+	},
+	"<ratio>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number [0,∞]> [ / <number [0,∞]> ]?",
+		"comment": ""
+	},
+	"<ray-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
+		"comment": ""
+	},
+	"<rectangular-color-space>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
+		"comment": ""
+	},
+	"<relative-real-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<relative-real-selector>#",
+		"comment": ""
+	},
+	"<relative-real-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<combinator>? <complex-real-selector>",
+		"comment": ""
+	},
+	"<relative-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<relative-selector>#",
+		"comment": ""
+	},
+	"<relative-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<combinator>? <complex-selector>",
+		"comment": ""
+	},
+	"<repeat-style>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
+		"comment": ""
+	},
+	"<repetition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat | space | round | no-repeat",
+		"comment": ""
+	},
+	"<request-url-modifier>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+		"comment": ""
+	},
+	"<reversed-counter-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "reversed( <counter-name> )",
+		"comment": ""
+	},
+	"<rounding-strategy>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "nearest | up | down | to-zero",
+		"comment": ""
+	},
+	"<scroller>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "root | nearest | self",
+		"comment": ""
+	},
+	"<selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<complex-selector-list>",
+		"comment": ""
+	},
+	"<self-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "center | start | end | self-start | self-end | flex-start | flex-end",
+		"comment": ""
+	},
+	"<shadow>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+		"comment": ""
+	},
+	"<shape-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> | margin-box",
+		"comment": ""
+	},
+	"<shape-command>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+		"comment": ""
+	},
+	"<side-or-corner>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ left | right ] || [ top | bottom ]",
+		"comment": ""
+	},
+	"<simple-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<simple-selector>#",
+		"comment": ""
+	},
+	"<simple-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<type-selector> | <subclass-selector>",
+		"comment": ""
+	},
+	"<single-animation-composition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "replace | add | accumulate",
+		"comment": ""
+	},
+	"<single-animation-direction>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | reverse | alternate | alternate-reverse",
+		"comment": ""
+	},
+	"<single-animation-fill-mode>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | forwards | backwards | both",
+		"comment": ""
+	},
+	"<single-animation-iteration-count>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "infinite | <number [0,∞]>",
+		"comment": ""
+	},
+	"<single-animation-play-state>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "running | paused",
+		"comment": ""
+	},
+	"<single-animation-timeline>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
+		"comment": ""
+	},
+	"<single-animation>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
+		"comment": ""
+	},
+	"<single-transition-property>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "all | <custom-ident>",
+		"comment": ""
+	},
+	"<single-transition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
+		"comment": ""
+	},
+	"<source-size-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<source-size>#? , <source-size-value>",
+		"comment": ""
+	},
+	"<source-size-value>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length> | auto",
+		"comment": ""
+	},
+	"<source-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<media-condition> <source-size-value> | auto",
+		"comment": ""
+	},
+	"<spacing-trim>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+		"comment": ""
+	},
+	"<spread-shadow>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+		"comment": ""
+	},
+	"<step-easing-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
+		"comment": ""
+	},
+	"<step-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "jump-start | jump-end | jump-none | jump-both | start | end",
+		"comment": ""
+	},
+	"<style-in-parens>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+		"comment": ""
+	},
+	"<style-query>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
+		"comment": ""
+	},
+	"<subclass-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>",
+		"comment": ""
+	},
+	"<supports-condition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*",
+		"comment": ""
+	},
+	"<supports-decl>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <declaration> )",
+		"comment": ""
+	},
+	"<supports-feature>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<supports-decl>",
+		"comment": ""
+	},
+	"<supports-font-format-fn>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "font-format( <font-format> )",
+		"comment": ""
+	},
+	"<supports-font-tech-fn>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "font-tech( <font-tech> )",
+		"comment": ""
+	},
+	"<supports-in-parens>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <supports-condition> ) | <supports-feature> | <general-enclosed>",
+		"comment": ""
+	},
+	"<supports-selector-fn>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "selector( <complex-selector> )",
+		"comment": ""
+	},
+	"<svg-paint>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "child | child( <integer> )",
+		"comment": ""
+	},
+	"<symbol>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<string> | <image> | <custom-ident>",
+		"comment": ""
+	},
+	"<symbols-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "cyclic | numeric | alphabetic | symbolic | fixed",
+		"comment": ""
+	},
+	"<syntax-combinator>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'|'",
+		"comment": ""
+	},
+	"<syntax-component-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
+		"comment": ""
+	},
+	"<syntax-component>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+		"comment": ""
+	},
+	"<syntax-multiplier>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ '#' | '+' ]",
+		"comment": ""
+	},
+	"<syntax-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+		"comment": ""
+	},
+	"<syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+		"comment": ""
+	},
+	"<system-family-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "caption | icon | menu | message-box | small-caption | status-bar",
+		"comment": ""
+	},
+	"<target-contrast>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<wcag2>",
+		"comment": ""
+	},
+	"<target>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<target-counter()> | <target-counters()> | <target-text()>",
+		"comment": ""
+	},
+	"<text-edge>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+		"comment": ""
+	},
+	"<time-percentage>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <time> | <percentage> ]",
+		"comment": ""
+	},
+	"<toggle()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "toggle( <whole-value># )",
+		"comment": ""
+	},
+	"<track-breadth>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
+		"comment": ""
+	},
+	"<track-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?",
+		"comment": ""
+	},
+	"<track-repeat>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )",
+		"comment": ""
+	},
+	"<track-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
+		"comment": ""
+	},
+	"<transform-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<transform-function>+",
+		"comment": ""
+	},
+	"<transform-mix()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "transform-mix( <progress> , <transform-list> , <transform-list> )",
+		"comment": ""
+	},
+	"<transition-behavior-value>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | allow-discrete",
+		"comment": ""
+	},
+	"<try-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "most-width | most-height | most-block-size | most-inline-size",
+		"comment": ""
+	},
+	"<type-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<wq-name> | <ns-prefix>? '*'",
+		"comment": ""
+	},
+	"<type()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "type( <syntax> )",
+		"comment": ""
+	},
+	"<url>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url()> | <src()>",
+		"comment": ""
+	},
+	"<visual-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "content-box | padding-box | border-box",
+		"comment": ""
+	},
+	"<wcag2>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
+		"comment": ""
+	},
+	"<wq-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ns-prefix>? <ident-token>",
+		"comment": ""
+	},
+	"<xyz-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
+		"comment": ""
+	},
+	"<xyz-space>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "xyz | xyz-d50 | xyz-d65",
+		"comment": ""
+	},
+	"<xyz>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "xyz | xyz-d50 | xyz-d65",
+		"comment": ""
+	},
+	"anchor-size()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
+		"comment": ""
+	},
+	"anchor()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
+		"comment": ""
+	},
+	"attr()": {
+		"type": "modified",
+		"syntax-before": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
+		"syntax-after": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
+		"comment": ""
+	},
+	"calc-size()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "calc-size( <calc-size-basis> , <calc-sum> )",
+		"comment": ""
+	},
+	"clamp()": {
+		"type": "modified",
+		"syntax-before": "clamp( <calc-sum>#{3} )",
+		"syntax-after": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
+		"comment": ""
+	},
+	"color-layers()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "color-layers( [ <blend-mode> , ]? <color># )",
+		"comment": ""
+	},
+	"color-mix()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
+		"comment": ""
+	},
+	"color()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"conic-gradient()": {
+		"type": "modified",
+		"syntax-before": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-after": "conic-gradient( [ <conic-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"content()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "content( [ text | before | after | first-letter | marker ]? )",
+		"comment": ""
+	},
+	"contrast-color()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
+		"comment": ""
+	},
+	"cross-fade()": {
+		"type": "modified",
+		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
+		"syntax-after": "cross-fade( <cf-image># )",
+		"comment": ""
+	},
+	"device-cmyk()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
+		"comment": ""
+	},
+	"dynamic-range-limit-mix()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+		"comment": ""
+	},
+	"element()": {
+		"type": "modified",
+		"syntax-before": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
+		"syntax-after": "element( <id-selector> )",
+		"comment": ""
+	},
+	"env()": {
+		"type": "modified",
+		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
+		"syntax-after": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
+		"comment": ""
+	},
+	"filter()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "filter( [ <image> | <string> ] , <filter-value-list> )",
+		"comment": ""
+	},
+	"hsl()": {
+		"type": "modified",
+		"syntax-before": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-after": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
+		"comment": ""
+	},
+	"hsla()": {
+		"type": "modified",
+		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+		"comment": ""
+	},
+	"hwb()": {
+		"type": "modified",
+		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"light-dark()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "light-dark( <color> , <color> )",
+		"comment": ""
+	},
+	"linear-gradient()": {
+		"type": "modified",
+		"syntax-before": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"linear()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "linear( <linear-stop-list> )",
+		"comment": ""
+	},
+	"media()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
+		"comment": ""
+	},
+	"oklab()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"oklch()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"palette-mix()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
+		"comment": ""
+	},
+	"radial-gradient()": {
+		"type": "modified",
+		"syntax-before": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-after": "radial-gradient( [ <radial-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"random-item()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
+		"comment": ""
+	},
+	"random()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
+		"comment": ""
+	},
+	"ray()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
+		"comment": ""
+	},
+	"repeating-conic-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-after": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"repeating-linear-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-after": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"repeating-radial-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-after": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"rgb()": {
+		"type": "modified",
+		"syntax-before": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"syntax-after": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
+		"comment": ""
+	},
+	"rgba()": {
+		"type": "modified",
+		"syntax-before": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
+		"comment": ""
+	},
+	"round()": {
+		"type": "modified",
+		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
+		"syntax-after": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
+		"comment": ""
+	},
+	"running()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "running( <custom-ident> )",
+		"comment": ""
+	},
+	"scroll()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
+		"comment": ""
+	},
+	"shape()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+		"comment": ""
+	},
+	"src()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "src( <string> <url-modifier>* )",
+		"comment": ""
+	},
+	"string()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "string( <custom-ident> , [ first | start | last | first-except ]? )",
+		"comment": ""
+	},
+	"stripes()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "stripes( <color-stripe># )",
+		"comment": ""
+	},
+	"supports()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "supports( <declaration> )",
+		"comment": ""
+	},
+	"symbols()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+		"comment": ""
+	},
+	"url()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
+		"comment": ""
+	},
+	"view()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "view( [ <axis> || <'view-timeline-inset'> ]? )",
+		"comment": ""
+	}
+}
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/csstree-properties.json
new file mode 100644
index 0000000000..41e21f3f25
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/csstree-properties.json
@@ -0,0 +1,1814 @@
+{
+	"--*": {
+		"syntax": "<declaration-value>"
+	},
+	"-ms-accelerator": {
+		"syntax": "false | true"
+	},
+	"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> ]"
+	},
+	"align-self": {
+		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
+	},
+	"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"
+	},
+	"animation": {
+		"syntax": "<single-animation>#"
+	},
+	"animation-composition": {
+		"syntax": "<single-animation-composition>#"
+	},
+	"animation-delay": {
+		"syntax": "<time>#"
+	},
+	"animation-direction": {
+		"syntax": "<single-animation-direction>#"
+	},
+	"animation-duration": {
+		"syntax": "<time>#"
+	},
+	"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-timeline": {
+		"syntax": "<single-animation-timeline>#"
+	},
+	"animation-timing-function": {
+		"syntax": "<easing-function>#"
+	},
+	"appearance": {
+		"syntax": "none | auto | textfield | menulist-button | <compat-auto>"
+	},
+	"-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"
+	},
+	"-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"
+	},
+	"aspect-ratio": {
+		"syntax": "auto | <ratio>"
+	},
+	"azimuth": {
+		"syntax": "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards"
+	},
+	"backdrop-filter": {
+		"syntax": "none | <filter-function-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>#"
+	},
+	"-moz-background-clip": {
+		"syntax": "padding | border"
+	},
+	"-webkit-background-clip": {
+		"syntax": "[ <box> | border | padding | content | text ]#"
+	},
+	"background-color": {
+		"syntax": "<color>"
+	},
+	"background-image": {
+		"syntax": "<bg-image>#"
+	},
+	"background-origin": {
+		"syntax": "<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>"
+	},
+	"behavior": {
+		"syntax": "<url>+"
+	},
+	"-moz-binding": {
+		"syntax": "<url> | none"
+	},
+	"block-overflow": {
+		"syntax": "clip | ellipsis | <string>"
+	},
+	"-ms-block-progression": {
+		"syntax": "tb | rl | bt | lr"
+	},
+	"block-size": {
+		"syntax": "<'width'>"
+	},
+	"border": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"-webkit-border-before": {
+		"syntax": "<'border-width'> || <'border-style'> || <color>"
+	},
+	"-webkit-border-before-color": {
+		"syntax": "<color>"
+	},
+	"-webkit-border-before-style": {
+		"syntax": "<'border-style'>"
+	},
+	"-webkit-border-before-width": {
+		"syntax": "<'border-width'>"
+	},
+	"border-block": {
+		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
+	},
+	"border-block-color": {
+		"syntax": "<'border-top-color'>{1,2}"
+	},
+	"border-block-end": {
+		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
+	},
+	"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-width'> || <'border-top-style'> || <color>"
+	},
+	"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'>"
+	},
+	"border-block-width": {
+		"syntax": "<'border-top-width'>"
+	},
+	"border-bottom": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-bottom-color": {
+		"syntax": "<'border-top-color'>"
+	},
+	"-moz-border-bottom-colors": {
+		"syntax": "<color>+ | none"
+	},
+	"border-bottom-left-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-bottom-right-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-bottom-style": {
+		"syntax": "<line-style>"
+	},
+	"border-bottom-width": {
+		"syntax": "<line-width>"
+	},
+	"border-collapse": {
+		"syntax": "collapse | separate"
+	},
+	"border-color": {
+		"syntax": "<color>{1,4}"
+	},
+	"border-end-end-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-end-start-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"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> | <number> ]{1,4}"
+	},
+	"border-image-repeat": {
+		"syntax": "[ stretch | repeat | round | space ]{1,2}"
+	},
+	"border-image-slice": {
+		"syntax": "<number-percentage>{1,4} && fill?"
+	},
+	"border-image-source": {
+		"syntax": "none | <image>"
+	},
+	"border-image-width": {
+		"syntax": "[ <length-percentage> | <number> | auto ]{1,4}"
+	},
+	"border-inline": {
+		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
+	},
+	"border-inline-color": {
+		"syntax": "<'border-top-color'>{1,2}"
+	},
+	"border-inline-end": {
+		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
+	},
+	"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-width'> || <'border-top-style'> || <color>"
+	},
+	"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'>"
+	},
+	"border-inline-width": {
+		"syntax": "<'border-top-width'>"
+	},
+	"border-left": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-left-color": {
+		"syntax": "<color>"
+	},
+	"-moz-border-left-colors": {
+		"syntax": "<color>+ | none"
+	},
+	"border-left-style": {
+		"syntax": "<line-style>"
+	},
+	"border-left-width": {
+		"syntax": "<line-width>"
+	},
+	"border-radius": {
+		"syntax": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?"
+	},
+	"-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'>"
+	},
+	"border-right": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-right-color": {
+		"syntax": "<color>"
+	},
+	"-moz-border-right-colors": {
+		"syntax": "<color>+ | none"
+	},
+	"border-right-style": {
+		"syntax": "<line-style>"
+	},
+	"border-right-width": {
+		"syntax": "<line-width>"
+	},
+	"border-spacing": {
+		"syntax": "<length> <length>?"
+	},
+	"border-start-end-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-start-start-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-style": {
+		"syntax": "<line-style>{1,4}"
+	},
+	"border-top": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-top-color": {
+		"syntax": "<color>"
+	},
+	"-moz-border-top-colors": {
+		"syntax": "<color>+ | none"
+	},
+	"border-top-left-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-top-right-radius": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"border-top-style": {
+		"syntax": "<line-style>"
+	},
+	"border-top-width": {
+		"syntax": "<line-width>"
+	},
+	"border-width": {
+		"syntax": "<line-width>{1,4}"
+	},
+	"bottom": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"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"
+	},
+	"-webkit-box-reflect": {
+		"syntax": "[ above | below | right | left ]? <length>? <image>?"
+	},
+	"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 | block-start | block-end | inline-start | inline-end"
+	},
+	"caret": {
+		"syntax": "<'caret-color'> || <'caret-shape'>"
+	},
+	"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-scheme": {
+		"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?"
+	},
+	"-webkit-column-break-after": {
+		"syntax": "always | auto | avoid"
+	},
+	"-webkit-column-break-before": {
+		"syntax": "always | auto | avoid"
+	},
+	"-webkit-column-break-inside": {
+		"syntax": "always | auto | avoid"
+	},
+	"column-count": {
+		"syntax": "<integer> | auto"
+	},
+	"column-fill": {
+		"syntax": "auto | balance | balance-all"
+	},
+	"column-gap": {
+		"syntax": "normal | <length-percentage>"
+	},
+	"column-rule": {
+		"syntax": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>"
+	},
+	"column-rule-color": {
+		"syntax": "<color>"
+	},
+	"column-rule-style": {
+		"syntax": "<'border-style'>"
+	},
+	"column-rule-width": {
+		"syntax": "<'border-width'>"
+	},
+	"column-span": {
+		"syntax": "none | all"
+	},
+	"column-width": {
+		"syntax": "<length> | auto"
+	},
+	"columns": {
+		"syntax": "<'column-width'> || <'column-count'>"
+	},
+	"contain": {
+		"syntax": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]"
+	},
+	"contain-intrinsic-block-size": {
+		"syntax": "none | <length> | auto <length>"
+	},
+	"contain-intrinsic-height": {
+		"syntax": "none | <length> | auto <length>"
+	},
+	"contain-intrinsic-inline-size": {
+		"syntax": "none | <length> | auto <length>"
+	},
+	"contain-intrinsic-size": {
+		"syntax": "[ none | <length> | auto <length> ]{1,2}"
+	},
+	"contain-intrinsic-width": {
+		"syntax": "none | <length> | auto <length>"
+	},
+	"content": {
+		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?"
+	},
+	"content-visibility": {
+		"syntax": "visible | auto | hidden"
+	},
+	"-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"
+	},
+	"-moz-context-properties": {
+		"syntax": "none | [ fill | fill-opacity | stroke | stroke-opacity ]#"
+	},
+	"-moz-control-character-visibility": {
+		"syntax": "visible | hidden"
+	},
+	"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"
+	},
+	"cue": {
+		"syntax": "<'cue-before'> <'cue-after'>?"
+	},
+	"cue-after": {
+		"syntax": "<url> <decibel>? | none"
+	},
+	"cue-before": {
+		"syntax": "<url> <decibel>? | none"
+	},
+	"cursor": {
+		"syntax": "[ [ <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 ] ]"
+	},
+	"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"
+	},
+	"empty-cells": {
+		"syntax": "show | hide"
+	},
+	"fill": {
+		"syntax": "<paint>"
+	},
+	"fill-opacity": {
+		"syntax": "<number-zero-one>"
+	},
+	"fill-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"filter": {
+		"syntax": "none | <filter-function-list> | <-ms-filter-function-list>"
+	},
+	"-ms-filter": {
+		"syntax": "<string>"
+	},
+	"flex": {
+		"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"
+	},
+	"-ms-flex-align": {
+		"syntax": "start | end | center | baseline | stretch"
+	},
+	"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>"
+	},
+	"-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-order": {
+		"syntax": "<integer>"
+	},
+	"-ms-flex-pack": {
+		"syntax": "start | end | center | justify | distribute"
+	},
+	"-ms-flex-positive": {
+		"syntax": "<'flex-grow'>"
+	},
+	"-ms-flex-preferred-size": {
+		"syntax": "<'flex-basis'>"
+	},
+	"flex-shrink": {
+		"syntax": "<number>"
+	},
+	"flex-wrap": {
+		"syntax": "nowrap | wrap | wrap-reverse"
+	},
+	"float": {
+		"syntax": "left | right | none | inline-start | inline-end"
+	},
+	"-moz-float-edge": {
+		"syntax": "border-box | content-box | margin-box | padding-box"
+	},
+	"-ms-flow-from": {
+		"syntax": "[ none | <custom-ident> ]#"
+	},
+	"-ms-flow-into": {
+		"syntax": "[ none | <custom-ident> ]#"
+	},
+	"font": {
+		"syntax": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar"
+	},
+	"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-size": {
+		"syntax": "<absolute-size> | <relative-size> | <length-percentage>"
+	},
+	"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>"
+	},
+	"-webkit-font-smoothing": {
+		"syntax": "auto | none | antialiased | subpixel-antialiased"
+	},
+	"font-stretch": {
+		"syntax": "<font-stretch-absolute>"
+	},
+	"font-style": {
+		"syntax": "normal | italic | oblique <angle>?"
+	},
+	"font-synthesis": {
+		"syntax": "none | [ weight || style || small-caps ]"
+	},
+	"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-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"
+	},
+	"-moz-force-broken-image-icon": {
+		"syntax": "0 | 1"
+	},
+	"forced-color-adjust": {
+		"syntax": "auto | none"
+	},
+	"gap": {
+		"syntax": "<'row-gap'> <'column-gap'>?"
+	},
+	"glyph-orientation-horizontal": {
+		"syntax": "<angle>"
+	},
+	"glyph-orientation-vertical": {
+		"syntax": "<angle>"
+	},
+	"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> ]?"
+	},
+	"-ms-grid-column-align": {
+		"syntax": "start | end | center | stretch"
+	},
+	"grid-column-end": {
+		"syntax": "<grid-line>"
+	},
+	"grid-column-gap": {
+		"syntax": "<length-percentage>"
+	},
+	"grid-column-start": {
+		"syntax": "<grid-line>"
+	},
+	"-ms-grid-columns": {
+		"syntax": "none | <track-list> | <auto-track-list>"
+	},
+	"grid-gap": {
+		"syntax": "<'grid-row-gap'> <'grid-column-gap'>?"
+	},
+	"grid-row": {
+		"syntax": "<grid-line> [ / <grid-line> ]?"
+	},
+	"-ms-grid-row-align": {
+		"syntax": "start | end | center | stretch"
+	},
+	"grid-row-end": {
+		"syntax": "<grid-line>"
+	},
+	"grid-row-gap": {
+		"syntax": "<length-percentage>"
+	},
+	"grid-row-start": {
+		"syntax": "<grid-line>"
+	},
+	"-ms-grid-rows": {
+		"syntax": "none | <track-list> | <auto-track-list>"
+	},
+	"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> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
+	},
+	"-ms-high-contrast-adjust": {
+		"syntax": "auto | none"
+	},
+	"hyphenate-character": {
+		"syntax": "auto | <string>"
+	},
+	"-ms-hyphenate-limit-chars": {
+		"syntax": "auto | <integer>{1,3}"
+	},
+	"-ms-hyphenate-limit-last": {
+		"syntax": "none | always | column | page | spread"
+	},
+	"-ms-hyphenate-limit-lines": {
+		"syntax": "no-limit | <integer>"
+	},
+	"-ms-hyphenate-limit-zone": {
+		"syntax": "<percentage> | <length>"
+	},
+	"hyphens": {
+		"syntax": "none | manual | auto"
+	},
+	"image-orientation": {
+		"syntax": "from-image | <angle> | [ <angle>? flip ]"
+	},
+	"-moz-image-region": {
+		"syntax": "<shape> | auto"
+	},
+	"image-rendering": {
+		"syntax": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>"
+	},
+	"image-resolution": {
+		"syntax": "[ from-image || <resolution> ] && snap?"
+	},
+	"-ms-ime-align": {
+		"syntax": "auto | after"
+	},
+	"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'>"
+	},
+	"input-security": {
+		"syntax": "auto | none"
+	},
+	"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'>"
+	},
+	"-ms-interpolation-mode": {
+		"syntax": "nearest-neighbor | bicubic"
+	},
+	"isolation": {
+		"syntax": "auto | isolate"
+	},
+	"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 ]"
+	},
+	"justify-self": {
+		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]"
+	},
+	"justify-tracks": {
+		"syntax": "[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#"
+	},
+	"kerning": {
+		"syntax": "auto | <svg-length>"
+	},
+	"left": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"letter-spacing": {
+		"syntax": "normal | <length-percentage>"
+	},
+	"line-break": {
+		"syntax": "auto | loose | normal | strict | anywhere"
+	},
+	"line-clamp": {
+		"syntax": "none | <integer>"
+	},
+	"-webkit-line-clamp": {
+		"syntax": "none | <integer>"
+	},
+	"line-height": {
+		"syntax": "normal | <number> | <length> | <percentage>"
+	},
+	"line-height-step": {
+		"syntax": "<length>"
+	},
+	"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": "[ <length> | <percentage> | auto ]{1,4}"
+	},
+	"margin-block": {
+		"syntax": "<'margin-left'>{1,2}"
+	},
+	"margin-block-end": {
+		"syntax": "<'margin-left'>"
+	},
+	"margin-block-start": {
+		"syntax": "<'margin-left'>"
+	},
+	"margin-bottom": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"margin-inline": {
+		"syntax": "<'margin-left'>{1,2}"
+	},
+	"margin-inline-end": {
+		"syntax": "<'margin-left'>"
+	},
+	"margin-inline-start": {
+		"syntax": "<'margin-left'>"
+	},
+	"margin-left": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"margin-right": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"margin-top": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"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>#"
+	},
+	"-webkit-mask": {
+		"syntax": "[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#"
+	},
+	"-webkit-mask-attachment": {
+		"syntax": "<attachment>#"
+	},
+	"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}"
+	},
+	"-webkit-mask-box-image": {
+		"syntax": "[ <url> | <gradient> | none ] [ <length-percentage>{4} <-webkit-mask-box-repeat>{2} ]?"
+	},
+	"mask-clip": {
+		"syntax": "[ <geometry-box> | no-clip ]#"
+	},
+	"-webkit-mask-clip": {
+		"syntax": "[ <box> | border | padding | content | text ]#"
+	},
+	"mask-composite": {
+		"syntax": "<compositing-operator>#"
+	},
+	"-webkit-mask-composite": {
+		"syntax": "<composite-style>#"
+	},
+	"mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"-webkit-mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"mask-mode": {
+		"syntax": "<masking-mode>#"
+	},
+	"mask-origin": {
+		"syntax": "<geometry-box>#"
+	},
+	"-webkit-mask-origin": {
+		"syntax": "[ <box> | border | padding | content ]#"
+	},
+	"mask-position": {
+		"syntax": "<position>#"
+	},
+	"-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 ]#"
+	},
+	"mask-repeat": {
+		"syntax": "<repeat-style>#"
+	},
+	"-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"
+	},
+	"mask-size": {
+		"syntax": "<bg-size>#"
+	},
+	"-webkit-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> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
+	},
+	"max-inline-size": {
+		"syntax": "<'max-width'>"
+	},
+	"max-lines": {
+		"syntax": "none | <integer>"
+	},
+	"max-width": {
+		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>"
+	},
+	"min-block-size": {
+		"syntax": "<'min-width'>"
+	},
+	"min-height": {
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
+	},
+	"min-inline-size": {
+		"syntax": "<'min-width'>"
+	},
+	"min-width": {
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>"
+	},
+	"mix-blend-mode": {
+		"syntax": "<blend-mode> | plus-lighter"
+	},
+	"object-fit": {
+		"syntax": "fill | contain | cover | none | scale-down"
+	},
+	"object-position": {
+		"syntax": "<position>"
+	},
+	"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 | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]"
+	},
+	"offset-position": {
+		"syntax": "auto | <position>"
+	},
+	"offset-rotate": {
+		"syntax": "[ auto | reverse ] || <angle>"
+	},
+	"opacity": {
+		"syntax": "<alpha-value>"
+	},
+	"order": {
+		"syntax": "<integer>"
+	},
+	"-moz-orient": {
+		"syntax": "inline | block | horizontal | vertical"
+	},
+	"orphans": {
+		"syntax": "<integer>"
+	},
+	"-moz-osx-font-smoothing": {
+		"syntax": "auto | grayscale"
+	},
+	"outline": {
+		"syntax": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]"
+	},
+	"outline-color": {
+		"syntax": "<color> | invert"
+	},
+	"outline-offset": {
+		"syntax": "<length>"
+	},
+	"-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>"
+	},
+	"outline-style": {
+		"syntax": "auto | <'border-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"
+	},
+	"overflow-clip-box": {
+		"syntax": "padding-box | content-box"
+	},
+	"overflow-clip-margin": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-inline": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"-webkit-overflow-scrolling": {
+		"syntax": "auto | touch"
+	},
+	"-ms-overflow-style": {
+		"syntax": "auto | none | scrollbar | -ms-autohiding-scrollbar"
+	},
+	"overflow-wrap": {
+		"syntax": "normal | break-word | anywhere"
+	},
+	"overflow-x": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-y": {
+		"syntax": "visible | hidden | clip | scroll | 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": "[ <length> | <percentage> ]{1,4}"
+	},
+	"padding-block": {
+		"syntax": "<'padding-left'>{1,2}"
+	},
+	"padding-block-end": {
+		"syntax": "<'padding-left'>"
+	},
+	"padding-block-start": {
+		"syntax": "<'padding-left'>"
+	},
+	"padding-bottom": {
+		"syntax": "<length> | <percentage>"
+	},
+	"padding-inline": {
+		"syntax": "<'padding-left'>{1,2}"
+	},
+	"padding-inline-end": {
+		"syntax": "<'padding-left'>"
+	},
+	"padding-inline-start": {
+		"syntax": "<'padding-left'>"
+	},
+	"padding-left": {
+		"syntax": "<length> | <percentage>"
+	},
+	"padding-right": {
+		"syntax": "<length> | <percentage>"
+	},
+	"padding-top": {
+		"syntax": "<length> | <percentage>"
+	},
+	"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 ]"
+	},
+	"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"
+	},
+	"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"
+	},
+	"print-color-adjust": {
+		"syntax": "economy | exact"
+	},
+	"-webkit-print-color-adjust": {
+		"syntax": "economy | exact"
+	},
+	"quotes": {
+		"syntax": "none | auto | [ <string> <string> ]+"
+	},
+	"resize": {
+		"syntax": "none | both | horizontal | vertical | block | inline"
+	},
+	"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"
+	},
+	"right": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"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-position": {
+		"syntax": "[ alternate || [ over | under ] ] | inter-character"
+	},
+	"scale": {
+		"syntax": "none | <number>{1,3}"
+	},
+	"scroll-behavior": {
+		"syntax": "auto | smooth"
+	},
+	"-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>"
+	},
+	"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": "<length>"
+	},
+	"scroll-margin-inline": {
+		"syntax": "<length>{1,2}"
+	},
+	"scroll-margin-inline-end": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-inline-start": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-left": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-right": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-top": {
+		"syntax": "<length>"
+	},
+	"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>"
+	},
+	"-ms-scroll-rails": {
+		"syntax": "none | railed"
+	},
+	"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> )"
+	},
+	"-ms-scroll-snap-points-x": {
+		"syntax": "snapInterval( <length-percentage> , <length-percentage> ) | snapList( <length-percentage># )"
+	},
+	"scroll-snap-points-y": {
+		"syntax": "none | repeat( <length-percentage> )"
+	},
+	"-ms-scroll-snap-points-y": {
+		"syntax": "snapInterval( <length-percentage> , <length-percentage> ) | snapList( <length-percentage># )"
+	},
+	"scroll-snap-stop": {
+		"syntax": "normal | always"
+	},
+	"scroll-snap-type": {
+		"syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?"
+	},
+	"-ms-scroll-snap-type": {
+		"syntax": "none | proximity | mandatory"
+	},
+	"scroll-snap-type-x": {
+		"syntax": "none | mandatory | proximity"
+	},
+	"scroll-snap-type-y": {
+		"syntax": "none | mandatory | proximity"
+	},
+	"-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'>"
+	},
+	"scroll-timeline": {
+		"syntax": "<scroll-timeline-name> || <scroll-timeline-axis>"
+	},
+	"scroll-timeline-axis": {
+		"syntax": "block | inline | vertical | horizontal"
+	},
+	"scroll-timeline-name": {
+		"syntax": "none | <custom-ident>"
+	},
+	"-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>"
+	},
+	"scrollbar-color": {
+		"syntax": "auto | <color>{2}"
+	},
+	"-ms-scrollbar-darkshadow-color": {
+		"syntax": "<color>"
+	},
+	"-ms-scrollbar-face-color": {
+		"syntax": "<color>"
+	},
+	"scrollbar-gutter": {
+		"syntax": "auto | stable && both-edges?"
+	},
+	"-ms-scrollbar-highlight-color": {
+		"syntax": "<color>"
+	},
+	"-ms-scrollbar-shadow-color": {
+		"syntax": "<color>"
+	},
+	"-ms-scrollbar-track-color": {
+		"syntax": "<color>"
+	},
+	"scrollbar-width": {
+		"syntax": "auto | thin | none"
+	},
+	"shape-image-threshold": {
+		"syntax": "<alpha-value>"
+	},
+	"shape-margin": {
+		"syntax": "<length-percentage>"
+	},
+	"shape-outside": {
+		"syntax": "none | [ <shape-box> || <basic-shape> ] | <image>"
+	},
+	"shape-rendering": {
+		"syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision"
+	},
+	"speak": {
+		"syntax": "auto | none | normal"
+	},
+	"speak-as": {
+		"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
+	},
+	"src": {
+		"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
+	},
+	"-moz-stack-sizing": {
+		"syntax": "ignore | stretch-to-fit"
+	},
+	"stroke": {
+		"syntax": "<paint>"
+	},
+	"stroke-dasharray": {
+		"syntax": "none | [ <svg-length>+ ]#"
+	},
+	"stroke-dashoffset": {
+		"syntax": "<svg-length>"
+	},
+	"stroke-linecap": {
+		"syntax": "butt | round | square"
+	},
+	"stroke-linejoin": {
+		"syntax": "miter | round | bevel"
+	},
+	"stroke-miterlimit": {
+		"syntax": "<number-one-or-greater>"
+	},
+	"stroke-opacity": {
+		"syntax": "<number-zero-one>"
+	},
+	"stroke-width": {
+		"syntax": "<svg-length>"
+	},
+	"tab-size": {
+		"syntax": "<integer> | <length>"
+	},
+	"table-layout": {
+		"syntax": "auto | fixed"
+	},
+	"-webkit-tap-highlight-color": {
+		"syntax": "<color>"
+	},
+	"text-align": {
+		"syntax": "start | end | left | right | center | justify | match-parent"
+	},
+	"text-align-last": {
+		"syntax": "auto | start | end | left | right | center | justify"
+	},
+	"text-anchor": {
+		"syntax": "start | middle | end"
+	},
+	"-ms-text-autospace": {
+		"syntax": "none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space"
+	},
+	"-moz-text-blink": {
+		"syntax": "none | blink"
+	},
+	"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-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": "[ over | under ] && [ right | left ]"
+	},
+	"text-emphasis-style": {
+		"syntax": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>"
+	},
+	"-webkit-text-fill-color": {
+		"syntax": "<color>"
+	},
+	"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"
+	},
+	"-webkit-text-security": {
+		"syntax": "none | circle | disc | square"
+	},
+	"text-shadow": {
+		"syntax": "none | <shadow-t>#"
+	},
+	"text-size-adjust": {
+		"syntax": "none | auto | <percentage>"
+	},
+	"-webkit-text-stroke": {
+		"syntax": "<length> || <color>"
+	},
+	"-webkit-text-stroke-color": {
+		"syntax": "<color>"
+	},
+	"-webkit-text-stroke-width": {
+		"syntax": "<length>"
+	},
+	"text-transform": {
+		"syntax": "none | capitalize | uppercase | lowercase | full-width | full-size-kana"
+	},
+	"text-underline-offset": {
+		"syntax": "auto | <length> | <percentage>"
+	},
+	"text-underline-position": {
+		"syntax": "auto | from-font | [ under || [ left | right ] ]"
+	},
+	"top": {
+		"syntax": "<length> | <percentage> | auto"
+	},
+	"touch-action": {
+		"syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation"
+	},
+	"-webkit-touch-callout": {
+		"syntax": "default | none"
+	},
+	"-ms-touch-select": {
+		"syntax": "grippers | none"
+	},
+	"transform": {
+		"syntax": "none | <transform-list>"
+	},
+	"transform-box": {
+		"syntax": "content-box | border-box | fill-box | stroke-box | view-box"
+	},
+	"transform-origin": {
+		"syntax": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?"
+	},
+	"transform-style": {
+		"syntax": "flat | preserve-3d"
+	},
+	"transition": {
+		"syntax": "<single-transition>#"
+	},
+	"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>? ]?"
+	},
+	"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"
+	},
+	"unicode-range": {
+		"syntax": "<urange>#"
+	},
+	"-webkit-user-drag": {
+		"syntax": "none | element | auto"
+	},
+	"-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"
+	},
+	"-webkit-user-modify": {
+		"syntax": "read-only | read-write | read-write-plaintext-only"
+	},
+	"user-select": {
+		"syntax": "auto | text | none | contain | all"
+	},
+	"-moz-user-select": {
+		"syntax": "none | text | all | -moz-none"
+	},
+	"-ms-user-select": {
+		"syntax": "none | element | text"
+	},
+	"-webkit-user-select": {
+		"syntax": "auto | none | text | all"
+	},
+	"vertical-align": {
+		"syntax": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>"
+	},
+	"visibility": {
+		"syntax": "visible | hidden | collapse"
+	},
+	"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": {
+		"syntax": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces"
+	},
+	"widows": {
+		"syntax": "<integer>"
+	},
+	"width": {
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content"
+	},
+	"will-change": {
+		"syntax": "auto | <animateable-feature>#"
+	},
+	"-moz-window-dragging": {
+		"syntax": "drag | no-drag"
+	},
+	"-moz-window-shadow": {
+		"syntax": "default | menu | tooltip | sheet | none"
+	},
+	"word-break": {
+		"syntax": "normal | break-all | keep-all | break-word"
+	},
+	"word-spacing": {
+		"syntax": "normal | <length>"
+	},
+	"word-wrap": {
+		"syntax": "normal | break-word"
+	},
+	"-ms-wrap-flow": {
+		"syntax": "auto | both | start | end | maximum | clear"
+	},
+	"-ms-wrap-margin": {
+		"syntax": "<length>"
+	},
+	"-ms-wrap-through": {
+		"syntax": "wrap | none"
+	},
+	"writing-mode": {
+		"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>"
+	},
+	"z-index": {
+		"syntax": "auto | <integer>"
+	},
+	"zoom": {
+		"syntax": "normal | reset | <number> | <percentage>"
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/csstree-types.json
new file mode 100644
index 0000000000..f59dfd8a4b
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/csstree-types.json
@@ -0,0 +1,1019 @@
+{
+	"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> )"
+	},
+	"age": {
+		"syntax": "child | young | old"
+	},
+	"alpha-value": {
+		"syntax": "<number> | <percentage>"
+	},
+	"angle-percentage": {
+		"syntax": "<angle> | <percentage>"
+	},
+	"angular-color-hint": {
+		"syntax": "<angle-percentage>"
+	},
+	"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>"
+	},
+	"asin()": {
+		"syntax": "asin( <calc-sum> )"
+	},
+	"atan()": {
+		"syntax": "atan( <calc-sum> )"
+	},
+	"atan2()": {
+		"syntax": "atan2( <calc-sum> , <calc-sum> )"
+	},
+	"attachment": {
+		"syntax": "scroll | fixed | local"
+	},
+	"attr-fallback": {
+		"syntax": "<any-value>"
+	},
+	"attr-matcher": {
+		"syntax": "[ '~' | '|' | '^' | '$' | '*' ]? '='"
+	},
+	"attr-modifier": {
+		"syntax": "i | s"
+	},
+	"attr-name": {
+		"syntax": "<wq-name>"
+	},
+	"attr()": {
+		"syntax": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )"
+	},
+	"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> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"
+	},
+	"axis": {
+		"syntax": "block | inline | vertical | horizontal"
+	},
+	"baseline-position": {
+		"syntax": "[ first | last ]? baseline"
+	},
+	"basic-shape": {
+		"syntax": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
+	},
+	"bg-clip": {
+		"syntax": "<box> | border | text"
+	},
+	"bg-image": {
+		"syntax": "none | <image>"
+	},
+	"bg-layer": {
+		"syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+	},
+	"bg-position": {
+		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
+	},
+	"bg-size": {
+		"syntax": "[ <length-percentage> | 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> )"
+	},
+	"bottom": {
+		"syntax": "<length> | auto"
+	},
+	"box": {
+		"syntax": "border-box | padding-box | content-box"
+	},
+	"brightness()": {
+		"syntax": "brightness( <number-percentage> )"
+	},
+	"calc-constant": {
+		"syntax": "e | pi | infinity | -infinity | NaN"
+	},
+	"calc-product": {
+		"syntax": "<calc-value> [ '*' <calc-value> | '/' <number> ]*"
+	},
+	"calc-sum": {
+		"syntax": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
+	},
+	"calc-value": {
+		"syntax": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )"
+	},
+	"calc()": {
+		"syntax": "calc( <calc-sum> )"
+	},
+	"cf-final-image": {
+		"syntax": "<image> | <color>"
+	},
+	"cf-mixing-image": {
+		"syntax": "<percentage>? && <image>"
+	},
+	"circle()": {
+		"syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )"
+	},
+	"clamp()": {
+		"syntax": "clamp( <calc-sum>#{3} )"
+	},
+	"class-selector": {
+		"syntax": "'.' <ident-token>"
+	},
+	"clip-source": {
+		"syntax": "<url>"
+	},
+	"color": {
+		"syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>"
+	},
+	"-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"
+	},
+	"color-stop": {
+		"syntax": "<color-stop-length> | <color-stop-angle>"
+	},
+	"color-stop-angle": {
+		"syntax": "<angle-percentage>{1,2}"
+	},
+	"color-stop-length": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"color-stop-list": {
+		"syntax": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>"
+	},
+	"combinator": {
+		"syntax": "'>' | '+' | '~' | [ '||' ]"
+	},
+	"common-lig-values": {
+		"syntax": "[ common-ligatures | no-common-ligatures ]"
+	},
+	"compat-auto": {
+		"syntax": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button"
+	},
+	"complex-selector": {
+		"syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
+	},
+	"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>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!"
+	},
+	"compound-selector-list": {
+		"syntax": "<compound-selector>#"
+	},
+	"conic-gradient()": {
+		"syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )"
+	},
+	"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> ] )"
+	},
+	"cos()": {
+		"syntax": "cos( <calc-sum> )"
+	},
+	"counter": {
+		"syntax": "<counter()> | <counters()>"
+	},
+	"counter-name": {
+		"syntax": "<custom-ident>"
+	},
+	"counter-style": {
+		"syntax": "<counter-style-name> | symbols( )"
+	},
+	"counter-style-name": {
+		"syntax": "<custom-ident>"
+	},
+	"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-timing-function": {
+		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
+	},
+	"declaration": {
+		"syntax": "<ident-token> : <declaration-value>? [ '!' important ]?"
+	},
+	"declaration-list": {
+		"syntax": "[ <declaration>? ';' ]* <declaration>?"
+	},
+	"deprecated-system-color": {
+		"syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | 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 ]"
+	},
+	"-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"
+	},
+	"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( <length>{2,3} <color>? )"
+	},
+	"easing-function": {
+		"syntax": "linear | <cubic-bezier-timing-function> | <step-timing-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( [ <shape-radius>{2} ]? [ at <position> ]? )"
+	},
+	"ending-shape": {
+		"syntax": "circle | ellipse"
+	},
+	"env()": {
+		"syntax": "env( <custom-ident> , <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>"
+	},
+	"fill-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"-ms-filter": {
+		"syntax": "<string>"
+	},
+	"filter-function": {
+		"syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"
+	},
+	"-ms-filter-function": {
+		"syntax": "<-ms-filter-function-progid> | <-ms-filter-function-legacy>"
+	},
+	"-ms-filter-function-legacy": {
+		"syntax": "<ident-token> | <function-token> <any-value>? )"
+	},
+	"filter-function-list": {
+		"syntax": "[ <filter-function> | <url> ]+"
+	},
+	"-ms-filter-function-list": {
+		"syntax": "<-ms-filter-function>+"
+	},
+	"-ms-filter-function-progid": {
+		"syntax": "'progid:' [ <ident-token> '.' ]* [ <ident-token> | <function-token> <any-value>? ) ]"
+	},
+	"final-bg-layer": {
+		"syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+	},
+	"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> )"
+	},
+	"-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"
+	},
+	"font-stretch-absolute": {
+		"syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>"
+	},
+	"font-variant-css21": {
+		"syntax": "[ normal | small-caps ]"
+	},
+	"font-weight-absolute": {
+		"syntax": "normal | bold | <number [1,1000]>"
+	},
+	"frequency-percentage": {
+		"syntax": "<frequency> | <percentage>"
+	},
+	"gender": {
+		"syntax": "male | female | neutral"
+	},
+	"general-enclosed": {
+		"syntax": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )"
+	},
+	"generic-family": {
+		"syntax": "serif | sans-serif | cursive | fantasy | monospace | -apple-system"
+	},
+	"generic-name": {
+		"syntax": "serif | sans-serif | cursive | fantasy | monospace"
+	},
+	"generic-voice": {
+		"syntax": "[ <age>? <gender> <integer>? ]"
+	},
+	"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>"
+	},
+	"-legacy-gradient": {
+		"syntax": "<-webkit-gradient()> | <-legacy-linear-gradient> | <-legacy-repeating-linear-gradient> | <-legacy-radial-gradient> | <-legacy-repeating-radial-gradient>"
+	},
+	"-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-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> ]* )"
+	},
+	"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> , <percentage> , <percentage> , <alpha-value>? )"
+	},
+	"hsla()": {
+		"syntax": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )"
+	},
+	"hue": {
+		"syntax": "<number> | <angle>"
+	},
+	"hue-rotate()": {
+		"syntax": "hue-rotate( <angle> )"
+	},
+	"hwb()": {
+		"syntax": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"hypot()": {
+		"syntax": "hypot( <calc-sum># )"
+	},
+	"image": {
+		"syntax": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>"
+	},
+	"-non-standard-image-rendering": {
+		"syntax": "optimize-contrast | -moz-crisp-edges | -o-crisp-edges | -webkit-optimize-contrast"
+	},
+	"image-set-option": {
+		"syntax": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]"
+	},
+	"image-set()": {
+		"syntax": "image-set( <image-set-option># )"
+	},
+	"image-src": {
+		"syntax": "<url> | <string>"
+	},
+	"image-tags": {
+		"syntax": "ltr | rtl"
+	},
+	"image()": {
+		"syntax": "image( <image-tags>? [ <image-src>? , <color>? ]! )"
+	},
+	"inflexible-breadth": {
+		"syntax": "<length-percentage> | min-content | max-content | auto"
+	},
+	"inset()": {
+		"syntax": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
+	},
+	"invert()": {
+		"syntax": "invert( <number-percentage> )"
+	},
+	"keyframe-block": {
+		"syntax": "<keyframe-selector># { <declaration-list> }"
+	},
+	"keyframe-block-list": {
+		"syntax": "<keyframe-block>+"
+	},
+	"keyframe-selector": {
+		"syntax": "from | to | <percentage>"
+	},
+	"keyframes-name": {
+		"syntax": "<custom-ident> | <string>"
+	},
+	"lab()": {
+		"syntax": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"layer-name": {
+		"syntax": "<ident> [ '.' <ident> ]*"
+	},
+	"layer()": {
+		"syntax": "layer( <layer-name> )"
+	},
+	"lch()": {
+		"syntax": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"leader-type": {
+		"syntax": "dotted | solid | space | <string>"
+	},
+	"leader()": {
+		"syntax": "leader( <leader-type> )"
+	},
+	"left": {
+		"syntax": "<length> | auto"
+	},
+	"length-percentage": {
+		"syntax": "<length> | <percentage>"
+	},
+	"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-color-hint": {
+		"syntax": "<length-percentage>"
+	},
+	"linear-color-stop": {
+		"syntax": "<color> <color-stop-length>?"
+	},
+	"-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-linear-gradient-arguments": {
+		"syntax": "[ <angle> | <side-or-corner> ]? , <color-stop-list>"
+	},
+	"linear-gradient()": {
+		"syntax": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
+	},
+	"log()": {
+		"syntax": "log( <calc-sum> , <calc-sum>? )"
+	},
+	"-webkit-mask-box-repeat": {
+		"syntax": "repeat | stretch | round"
+	},
+	"-webkit-mask-clip-style": {
+		"syntax": "border | border-box | padding | padding-box | content | content-box | text"
+	},
+	"mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"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> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <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> )"
+	},
+	"name-repeat": {
+		"syntax": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )"
+	},
+	"named-color": {
+		"syntax": "transparent | 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 | <-non-standard-color>"
+	},
+	"namespace-prefix": {
+		"syntax": "<ident>"
+	},
+	"ns-prefix": {
+		"syntax": "[ <ident-token> | '*' ]? '|'"
+	},
+	"nth": {
+		"syntax": "<an-plus-b> | even | odd"
+	},
+	"number-one-or-greater": {
+		"syntax": "<number [1,∞]>"
+	},
+	"number-percentage": {
+		"syntax": "<number> | <percentage>"
+	},
+	"number-zero-one": {
+		"syntax": "<number [0,1]>"
+	},
+	"numeric-figure-values": {
+		"syntax": "[ lining-nums | oldstyle-nums ]"
+	},
+	"numeric-fraction-values": {
+		"syntax": "[ diagonal-fractions | stacked-fractions ]"
+	},
+	"numeric-spacing-values": {
+		"syntax": "[ proportional-nums | tabular-nums ]"
+	},
+	"opacity()": {
+		"syntax": "opacity( [ <number-percentage> ] )"
+	},
+	"outline-radius": {
+		"syntax": "<length> | <percentage>"
+	},
+	"-non-standard-overflow": {
+		"syntax": "-moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
+	},
+	"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>? )"
+	},
+	"path()": {
+		"syntax": "path( [ <fill-rule> , ]? <string> )"
+	},
+	"perspective()": {
+		"syntax": "perspective( [ <length [0,∞]> | none ] )"
+	},
+	"polygon()": {
+		"syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
+	},
+	"position": {
+		"syntax": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
+	},
+	"pow()": {
+		"syntax": "pow( <calc-sum> , <calc-sum> )"
+	},
+	"pseudo-class-selector": {
+		"syntax": "':' <ident-token> | ':' <function-token> <any-value> ')'"
+	},
+	"pseudo-element-selector": {
+		"syntax": "':' <pseudo-class-selector>"
+	},
+	"pseudo-page": {
+		"syntax": ": [ left | right | first | blank ]"
+	},
+	"quote": {
+		"syntax": "open-quote | close-quote | no-open-quote | no-close-quote"
+	},
+	"-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-radial-gradient-arguments": {
+		"syntax": "[ <position> , ]? [ [ [ <-legacy-radial-gradient-shape> || <-legacy-radial-gradient-size> ] | [ <length> | <percentage> ]{2} ] , ]? <color-stop-list>"
+	},
+	"-legacy-radial-gradient-shape": {
+		"syntax": "circle | ellipse"
+	},
+	"-legacy-radial-gradient-size": {
+		"syntax": "closest-side | closest-corner | farthest-side | farthest-corner | contain | cover"
+	},
+	"radial-gradient()": {
+		"syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
+	},
+	"ratio": {
+		"syntax": "<number [0,∞]> [ / <number [0,∞]> ]?"
+	},
+	"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( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )"
+	},
+	"-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> )"
+	},
+	"repeating-linear-gradient()": {
+		"syntax": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
+	},
+	"-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> )"
+	},
+	"repeating-radial-gradient()": {
+		"syntax": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
+	},
+	"reversed-counter-name": {
+		"syntax": "reversed( <counter-name> )"
+	},
+	"rgb()": {
+		"syntax": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
+	},
+	"rgba()": {
+		"syntax": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
+	},
+	"right": {
+		"syntax": "<length> | auto"
+	},
+	"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> ] )"
+	},
+	"scroll-timeline-axis": {
+		"syntax": "block | inline | vertical | horizontal"
+	},
+	"scroll-timeline-name": {
+		"syntax": "none | <custom-ident>"
+	},
+	"scroller": {
+		"syntax": "root | nearest"
+	},
+	"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": "<box> | margin-box"
+	},
+	"shape-radius": {
+		"syntax": "<length-percentage> | closest-side | farthest-side"
+	},
+	"side-or-corner": {
+		"syntax": "[ left | right ] || [ top | bottom ]"
+	},
+	"sign()": {
+		"syntax": "sign( <calc-sum> )"
+	},
+	"sin()": {
+		"syntax": "sin( <calc-sum> )"
+	},
+	"single-animation": {
+		"syntax": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
+	},
+	"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 | <timeline-name> | scroll( <axis>? <scroller>? )"
+	},
+	"single-transition": {
+		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>"
+	},
+	"single-transition-property": {
+		"syntax": "all | <custom-ident>"
+	},
+	"size": {
+		"syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
+	},
+	"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-timing-function": {
+		"syntax": "step-start | step-end | steps( <integer> [, <step-position> ]? )"
+	},
+	"subclass-selector": {
+		"syntax": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>"
+	},
+	"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> )"
+	},
+	"svg-length": {
+		"syntax": "<percentage> | <length> | <number>"
+	},
+	"svg-writing-mode": {
+		"syntax": "lr-tb | rl-tb | tb-rl | lr | rl | tb"
+	},
+	"symbol": {
+		"syntax": "<string> | <image> | <custom-ident>"
+	},
+	"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 ]? )"
+	},
+	"time-percentage": {
+		"syntax": "<time> | <percentage>"
+	},
+	"timeline-name": {
+		"syntax": "<custom-ident> | <string>"
+	},
+	"top": {
+		"syntax": "<length> | auto"
+	},
+	"track-breadth": {
+		"syntax": "<length-percentage> | <flex> | min-content | max-content | auto"
+	},
+	"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>+"
+	},
+	"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> )"
+	},
+	"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>? '*'"
+	},
+	"url": {
+		"syntax": "url( <string> <url-modifier>* ) | <url-token>"
+	},
+	"url-modifier": {
+		"syntax": "<ident> | <function-token> <any-value> )"
+	},
+	"var()": {
+		"syntax": "var( <custom-property-name> , <declaration-value>? )"
+	},
+	"viewport-length": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"visual-box": {
+		"syntax": "content-box | padding-box | border-box"
+	},
+	"-non-standard-width": {
+		"syntax": "fill-available | min-intrinsic | intrinsic | -moz-available | -moz-fit-content | -moz-min-content | -moz-max-content | -webkit-min-content | -webkit-max-content"
+	},
+	"wq-name": {
+		"syntax": "<ns-prefix>? <ident-token>"
+	},
+	"x": {
+		"syntax": "<number>"
+	},
+	"y": {
+		"syntax": "<number>"
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
new file mode 100644
index 0000000000..cf4fe5621a
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -0,0 +1,2522 @@
+{
+	"align-items": {
+		"type": "modified",
+		"syntax-before": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
+		"syntax-after": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center",
+		"comment": ""
+	},
+	"align-self": {
+		"type": "modified",
+		"syntax-before": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
+		"syntax-after": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
+		"comment": ""
+	},
+	"alignment-baseline": {
+		"type": "modified",
+		"syntax-before": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical",
+		"syntax-after": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
+		"comment": ""
+	},
+	"anchor-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <dashed-ident>#",
+		"comment": ""
+	},
+	"anchor-scope": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | all | <dashed-ident>#",
+		"comment": ""
+	},
+	"animation-duration": {
+		"type": "modified",
+		"syntax-before": "<time>#",
+		"syntax-after": "<time [0s,∞]>#",
+		"comment": ""
+	},
+	"animation-range": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
+		"comment": ""
+	},
+	"animation-range-end": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+		"comment": ""
+	},
+	"animation-range-start": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+		"comment": ""
+	},
+	"appearance": {
+		"type": "modified",
+		"syntax-before": "none | auto | textfield | menulist-button | <compat-auto>",
+		"syntax-after": "none | auto | <compat-auto> | <compat-special>",
+		"comment": ""
+	},
+	"aspect-ratio": {
+		"type": "modified",
+		"syntax-before": "auto | <ratio>",
+		"syntax-after": "auto || <ratio>",
+		"comment": ""
+	},
+	"backdrop-filter": {
+		"type": "modified",
+		"syntax-before": "none | <filter-function-list>",
+		"syntax-after": "none | <filter-value-list>",
+		"comment": ""
+	},
+	"background": {
+		"type": "modified",
+		"syntax-before": "[ <bg-layer> , ]* <final-bg-layer>",
+		"syntax-after": "<bg-layer>#? , <final-bg-layer>",
+		"comment": ""
+	},
+	"background-blend-mode": {
+		"type": "modified",
+		"syntax-before": "<blend-mode>#",
+		"syntax-after": "<mix-blend-mode>#",
+		"comment": ""
+	},
+	"background-clip": {
+		"type": "modified",
+		"syntax-before": "<bg-clip>#",
+		"syntax-after": "<visual-box>#",
+		"comment": ""
+	},
+	"background-origin": {
+		"type": "modified",
+		"syntax-before": "<box>#",
+		"syntax-after": "<visual-box>#",
+		"comment": ""
+	},
+	"background-position-block": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"comment": ""
+	},
+	"background-position-inline": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"comment": ""
+	},
+	"background-repeat-block": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repetition>#",
+		"comment": ""
+	},
+	"background-repeat-inline": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repetition>#",
+		"comment": ""
+	},
+	"background-repeat-x": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repetition>#",
+		"comment": ""
+	},
+	"background-repeat-y": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repetition>#",
+		"comment": ""
+	},
+	"background-tbd": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bg-layer>#",
+		"comment": ""
+	},
+	"baseline-shift": {
+		"type": "modified",
+		"syntax-before": "baseline | sub | super | <svg-length>",
+		"syntax-after": "<length-percentage> | sub | super | top | center | bottom",
+		"comment": ""
+	},
+	"baseline-source": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | first | last",
+		"comment": ""
+	},
+	"block-ellipsis": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | auto | <string>",
+		"comment": ""
+	},
+	"block-size": {
+		"type": "modified",
+		"syntax-before": "<'width'>",
+		"syntax-after": "<'width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"block-step": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
+		"comment": ""
+	},
+	"block-step-align": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | center | start | end",
+		"comment": ""
+	},
+	"block-step-insert": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "margin | padding",
+		"comment": ""
+	},
+	"block-step-round": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "up | down | nearest",
+		"comment": ""
+	},
+	"block-step-size": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <length [0,∞]>",
+		"comment": ""
+	},
+	"bookmark-label": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<content-list>",
+		"comment": ""
+	},
+	"bookmark-level": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <integer [1,∞]>",
+		"comment": ""
+	},
+	"bookmark-state": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "open | closed",
+		"comment": ""
+	},
+	"border-block": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<'border-block-start'>",
+		"comment": ""
+	},
+	"border-block-end": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-block-end-color": {
+		"type": "modified",
+		"syntax-before": "<'border-top-color'>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-block-end-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-block-end-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<line-style>",
+		"comment": ""
+	},
+	"border-block-end-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"border-block-start": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-block-start-color": {
+		"type": "modified",
+		"syntax-before": "<'border-top-color'>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-block-start-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-block-start-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<line-style>",
+		"comment": ""
+	},
+	"border-block-start-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"border-block-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<'border-top-style'>{1,2}",
+		"comment": ""
+	},
+	"border-block-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<'border-top-width'>{1,2}",
+		"comment": ""
+	},
+	"border-bottom-color": {
+		"type": "modified",
+		"syntax-before": "<'border-top-color'>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-bottom-left-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-bottom-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-bottom-right-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-boundary": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | parent | display",
+		"comment": ""
+	},
+	"border-clip": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-bottom": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-left": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-right": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-top": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-collapse": {
+		"type": "modified",
+		"syntax-before": "collapse | separate",
+		"syntax-after": "separate | collapse",
+		"comment": ""
+	},
+	"border-color": {
+		"type": "modified",
+		"syntax-before": "<color>{1,4}",
+		"syntax-after": "[ <color> | <image-1D> ]{1,4}",
+		"comment": ""
+	},
+	"border-end-end-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-end-start-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-image-outset": {
+		"type": "modified",
+		"syntax-before": "[ <length> | <number> ]{1,4}",
+		"syntax-after": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
+		"comment": ""
+	},
+	"border-image-slice": {
+		"type": "modified",
+		"syntax-before": "<number-percentage>{1,4} && fill?",
+		"syntax-after": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
+		"comment": ""
+	},
+	"border-image-width": {
+		"type": "modified",
+		"syntax-before": "[ <length-percentage> | <number> | auto ]{1,4}",
+		"syntax-after": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
+		"comment": ""
+	},
+	"border-inline": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<'border-block-start'>",
+		"comment": ""
+	},
+	"border-inline-end": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-inline-end-color": {
+		"type": "modified",
+		"syntax-before": "<'border-top-color'>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-inline-end-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-inline-end-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<line-style>",
+		"comment": ""
+	},
+	"border-inline-end-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"border-inline-start": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-after": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-inline-start-color": {
+		"type": "modified",
+		"syntax-before": "<'border-top-color'>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-inline-start-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-inline-start-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<line-style>",
+		"comment": ""
+	},
+	"border-inline-start-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"border-inline-style": {
+		"type": "modified",
+		"syntax-before": "<'border-top-style'>",
+		"syntax-after": "<'border-top-style'>{1,2}",
+		"comment": ""
+	},
+	"border-inline-width": {
+		"type": "modified",
+		"syntax-before": "<'border-top-width'>",
+		"syntax-after": "<'border-top-width'>{1,2}",
+		"comment": ""
+	},
+	"border-left-color": {
+		"type": "modified",
+		"syntax-before": "<color>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-left-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-limit": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"border-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
+		"syntax-after": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+		"comment": ""
+	},
+	"border-right-color": {
+		"type": "modified",
+		"syntax-before": "<color>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-right-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-spacing": {
+		"type": "modified",
+		"syntax-before": "<length> <length>?",
+		"syntax-after": "<length>{1,2}",
+		"comment": ""
+	},
+	"border-start-end-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-start-start-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-top-color": {
+		"type": "modified",
+		"syntax-before": "<color>",
+		"syntax-after": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-top-left-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-top-radius": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-top-right-radius": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>{1,2}",
+		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"bottom": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"box-shadow": {
+		"type": "modified",
+		"syntax-before": "none | <shadow>#",
+		"syntax-after": "<spread-shadow>#",
+		"comment": ""
+	},
+	"box-shadow-blur": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length [0,∞]>#",
+		"comment": ""
+	},
+	"box-shadow-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>#",
+		"comment": ""
+	},
+	"box-shadow-offset": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ none | <length>{2} ]#",
+		"comment": ""
+	},
+	"box-shadow-position": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ outset | inset ]#",
+		"comment": ""
+	},
+	"box-shadow-spread": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length>#",
+		"comment": ""
+	},
+	"box-snap": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | block-start | block-end | center | baseline | last-baseline",
+		"comment": ""
+	},
+	"caption-side": {
+		"type": "modified",
+		"syntax-before": "top | bottom | block-start | block-end | inline-start | inline-end",
+		"syntax-after": "top | bottom",
+		"comment": ""
+	},
+	"caret": {
+		"type": "modified",
+		"syntax-before": "<'caret-color'> || <'caret-shape'>",
+		"syntax-after": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
+		"comment": ""
+	},
+	"caret-animation": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | manual",
+		"comment": ""
+	},
+	"clear": {
+		"type": "modified",
+		"syntax-before": "none | left | right | both | inline-start | inline-end",
+		"syntax-after": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
+		"comment": ""
+	},
+	"clip": {
+		"type": "modified",
+		"syntax-before": "<shape> | auto",
+		"syntax-after": "<rect()> | auto",
+		"comment": ""
+	},
+	"color-adjust": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'print-color-adjust'>",
+		"comment": ""
+	},
+	"color-interpolation": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | sRGB | linearRGB",
+		"comment": ""
+	},
+	"color-interpolation-filters": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | sRGB | linearRGB",
+		"comment": ""
+	},
+	"column-count": {
+		"type": "modified",
+		"syntax-before": "<integer> | auto",
+		"syntax-after": "auto | <integer [1,∞]>",
+		"comment": ""
+	},
+	"column-gap": {
+		"type": "modified",
+		"syntax-before": "normal | <length-percentage>",
+		"syntax-after": "normal | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"column-rule-style": {
+		"type": "modified",
+		"syntax-before": "<'border-style'>",
+		"syntax-after": "<line-style>",
+		"comment": ""
+	},
+	"column-rule-width": {
+		"type": "modified",
+		"syntax-before": "<'border-width'>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"column-width": {
+		"type": "modified",
+		"syntax-before": "<length> | auto",
+		"syntax-after": "<length> | auto | min-content | max-content | fit-content( <length-percentage> )",
+		"comment": ""
+	},
+	"contain": {
+		"type": "modified",
+		"syntax-before": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
+		"syntax-after": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
+		"comment": ""
+	},
+	"contain-intrinsic-block-size": {
+		"type": "modified",
+		"syntax-before": "none | <length> | auto <length>",
+		"syntax-after": "auto? [ none | <length> ]",
+		"comment": ""
+	},
+	"contain-intrinsic-height": {
+		"type": "modified",
+		"syntax-before": "none | <length> | auto <length>",
+		"syntax-after": "auto? [ none | <length> ]",
+		"comment": ""
+	},
+	"contain-intrinsic-inline-size": {
+		"type": "modified",
+		"syntax-before": "none | <length> | auto <length>",
+		"syntax-after": "auto? [ none | <length> ]",
+		"comment": ""
+	},
+	"contain-intrinsic-size": {
+		"type": "modified",
+		"syntax-before": "[ none | <length> | auto <length> ]{1,2}",
+		"syntax-after": "[ auto? [ none | <length> ] ]{1,2}",
+		"comment": ""
+	},
+	"contain-intrinsic-width": {
+		"type": "modified",
+		"syntax-before": "none | <length> | auto <length>",
+		"syntax-after": "auto? [ none | <length> ]",
+		"comment": ""
+	},
+	"container": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'container-name'> [ / <'container-type'> ]?",
+		"comment": ""
+	},
+	"container-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <custom-ident>+",
+		"comment": ""
+	},
+	"container-type": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | size | inline-size",
+		"comment": ""
+	},
+	"content": {
+		"type": "modified",
+		"syntax-before": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
+		"syntax-after": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]? | <element()>",
+		"comment": ""
+	},
+	"continue": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "overflow | paginate | fragments",
+		"comment": ""
+	},
+	"copy-into": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
+		"comment": ""
+	},
+	"corner-shape": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ round | angle ]{1,4}",
+		"comment": ""
+	},
+	"corners": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'corner-shape'> || <'border-radius'>",
+		"comment": ""
+	},
+	"cue-after": {
+		"type": "modified",
+		"syntax-before": "<url> <decibel>? | none",
+		"syntax-after": "<uri> <decibel>? | none",
+		"comment": ""
+	},
+	"cue-before": {
+		"type": "modified",
+		"syntax-before": "<url> <decibel>? | none",
+		"syntax-after": "<uri> <decibel>? | none",
+		"comment": ""
+	},
+	"cursor": {
+		"type": "modified",
+		"syntax-before": "[ [ <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 ] ]",
+		"syntax-after": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
+		"comment": ""
+	},
+	"cx": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"cy": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"d": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <string>",
+		"comment": ""
+	},
+	"display": {
+		"type": "modified",
+		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
+		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | <display-outside> || [ <display-inside> | math ]",
+		"comment": ""
+	},
+	"dominant-baseline": {
+		"type": "modified",
+		"syntax-before": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
+		"syntax-after": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
+		"comment": ""
+	},
+	"dynamic-range-limit": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "standard | high | constrained-high",
+		"comment": ""
+	},
+	"field-sizing": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "fixed | content",
+		"comment": ""
+	},
+	"fill-break": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "bounding-box | slice | clone",
+		"comment": ""
+	},
+	"fill-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>",
+		"comment": ""
+	},
+	"fill-image": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<paint>#",
+		"comment": ""
+	},
+	"fill-opacity": {
+		"type": "modified",
+		"syntax-before": "<number-zero-one>",
+		"syntax-after": "<'opacity'>",
+		"comment": ""
+	},
+	"fill-origin": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"comment": ""
+	},
+	"fill-position": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<position>#",
+		"comment": ""
+	},
+	"fill-repeat": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repeat-style>#",
+		"comment": ""
+	},
+	"fill-size": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bg-size>#",
+		"comment": ""
+	},
+	"filter": {
+		"type": "modified",
+		"syntax-before": "none | <filter-function-list> | <-ms-filter-function-list>",
+		"syntax-after": "none | <filter-value-list>",
+		"comment": ""
+	},
+	"flex-grow": {
+		"type": "modified",
+		"syntax-before": "<number>",
+		"syntax-after": "<number [0,∞]>",
+		"comment": ""
+	},
+	"flex-shrink": {
+		"type": "modified",
+		"syntax-before": "<number>",
+		"syntax-after": "<number [0,∞]>",
+		"comment": ""
+	},
+	"float": {
+		"type": "modified",
+		"syntax-before": "left | right | none | inline-start | inline-end",
+		"syntax-after": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none",
+		"comment": ""
+	},
+	"float-defer": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<integer> | last | none",
+		"comment": ""
+	},
+	"float-offset": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length> | <percentage>",
+		"comment": ""
+	},
+	"float-reference": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "inline | column | region | page",
+		"comment": ""
+	},
+	"flood-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>",
+		"comment": ""
+	},
+	"flood-opacity": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'opacity'>",
+		"comment": ""
+	},
+	"flow-from": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident> | none",
+		"comment": ""
+	},
+	"flow-into": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <ident> [ element | content ]?",
+		"comment": ""
+	},
+	"font": {
+		"type": "modified",
+		"syntax-before": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
+		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
+		"comment": ""
+	},
+	"font-palette": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | light | dark | <palette-identifier> | <palette-mix()>",
+		"comment": ""
+	},
+	"font-size": {
+		"type": "modified",
+		"syntax-before": "<absolute-size> | <relative-size> | <length-percentage>",
+		"syntax-after": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
+		"comment": ""
+	},
+	"font-size-adjust": {
+		"type": "modified",
+		"syntax-before": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
+		"syntax-after": "none | <number [0,∞]>",
+		"comment": ""
+	},
+	"font-style": {
+		"type": "modified",
+		"syntax-before": "normal | italic | oblique <angle>?",
+		"syntax-after": "normal | italic | oblique <angle [-90deg,90deg]>?",
+		"comment": ""
+	},
+	"font-synthesis": {
+		"type": "modified",
+		"syntax-before": "none | [ weight || style || small-caps ]",
+		"syntax-after": "none | [ weight || style || small-caps || position ]",
+		"comment": ""
+	},
+	"font-synthesis-position": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none",
+		"comment": ""
+	},
+	"font-synthesis-small-caps": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none",
+		"comment": ""
+	},
+	"font-synthesis-style": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none",
+		"comment": ""
+	},
+	"font-synthesis-weight": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none",
+		"comment": ""
+	},
+	"font-variant": {
+		"type": "modified",
+		"syntax-before": "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 ]",
+		"syntax-after": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
+		"comment": ""
+	},
+	"font-variant-emoji": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | text | emoji | unicode",
+		"comment": ""
+	},
+	"font-variation-settings": {
+		"type": "modified",
+		"syntax-before": "normal | [ <string> <number> ]#",
+		"syntax-after": "normal | [ <opentype-tag> <number> ]#",
+		"comment": ""
+	},
+	"font-width": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+		"comment": ""
+	},
+	"footnote-display": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "block | inline | compact",
+		"comment": ""
+	},
+	"footnote-policy": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | line | block",
+		"comment": ""
+	},
+	"forced-color-adjust": {
+		"type": "modified",
+		"syntax-before": "auto | none",
+		"syntax-after": "auto | none | preserve-parent-color",
+		"comment": ""
+	},
+	"glyph-orientation-vertical": {
+		"type": "modified",
+		"syntax-before": "<angle>",
+		"syntax-after": "auto | 0deg | 90deg | 0 | 90",
+		"comment": ""
+	},
+	"height": {
+		"type": "modified",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"hyphenate-limit-chars": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ auto | <integer> ]{1,3}",
+		"comment": ""
+	},
+	"hyphenate-limit-last": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | always | column | page | spread",
+		"comment": ""
+	},
+	"hyphenate-limit-lines": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "no-limit | <integer>",
+		"comment": ""
+	},
+	"hyphenate-limit-zone": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"image-orientation": {
+		"type": "modified",
+		"syntax-before": "from-image | <angle> | [ <angle>? flip ]",
+		"syntax-after": "from-image | none | [ <angle> || flip ]",
+		"comment": ""
+	},
+	"image-rendering": {
+		"type": "modified",
+		"syntax-before": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>",
+		"syntax-after": "auto | smooth | high-quality | pixelated | crisp-edges",
+		"comment": ""
+	},
+	"initial-letter": {
+		"type": "modified",
+		"syntax-before": "normal | [ <number> <integer>? ]",
+		"syntax-after": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
+		"comment": ""
+	},
+	"initial-letter-align": {
+		"type": "modified",
+		"syntax-before": "[ auto | alphabetic | hanging | ideographic ]",
+		"syntax-after": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
+		"comment": ""
+	},
+	"initial-letter-wrap": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | first | all | grid | <length-percentage>",
+		"comment": ""
+	},
+	"inline-size": {
+		"type": "modified",
+		"syntax-before": "<'width'>",
+		"syntax-after": "<'width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"inline-sizing": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | stretch",
+		"comment": ""
+	},
+	"inset-block-end": {
+		"type": "modified",
+		"syntax-before": "<'top'>",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"inset-block-start": {
+		"type": "modified",
+		"syntax-before": "<'top'>",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"inset-inline-end": {
+		"type": "modified",
+		"syntax-before": "<'top'>",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"inset-inline-start": {
+		"type": "modified",
+		"syntax-before": "<'top'>",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"interpolate-size": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "numeric-only | allow-keywords",
+		"comment": ""
+	},
+	"isolation": {
+		"type": "modified",
+		"syntax-before": "auto | isolate",
+		"syntax-after": "<isolation-mode>",
+		"comment": ""
+	},
+	"justify-items": {
+		"type": "modified",
+		"syntax-before": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
+		"syntax-after": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
+		"comment": ""
+	},
+	"justify-self": {
+		"type": "modified",
+		"syntax-before": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
+		"syntax-after": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
+		"comment": ""
+	},
+	"left": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"letter-spacing": {
+		"type": "modified",
+		"syntax-before": "normal | <length-percentage>",
+		"syntax-after": "normal | <length>",
+		"comment": ""
+	},
+	"lighting-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>",
+		"comment": ""
+	},
+	"line-clamp": {
+		"type": "modified",
+		"syntax-before": "none | <integer>",
+		"syntax-after": "none | <integer [1,∞]> || <'block-ellipsis'>",
+		"comment": ""
+	},
+	"-webkit-line-clamp": {
+		"type": "modified",
+		"syntax-before": "none | <integer>",
+		"syntax-after": "none | <integer [1,∞]>",
+		"comment": ""
+	},
+	"line-fit-edge": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "leading | <text-edge>",
+		"comment": ""
+	},
+	"line-grid": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "match-parent | create",
+		"comment": ""
+	},
+	"line-height": {
+		"type": "modified",
+		"syntax-before": "normal | <number> | <length> | <percentage>",
+		"syntax-after": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"line-height-step": {
+		"type": "modified",
+		"syntax-before": "<length>",
+		"syntax-after": "<length [0,∞]>",
+		"comment": ""
+	},
+	"line-padding": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length>",
+		"comment": ""
+	},
+	"line-snap": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | baseline | contain",
+		"comment": ""
+	},
+	"link-parameters": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <link-param>+",
+		"comment": ""
+	},
+	"list-style": {
+		"type": "modified",
+		"syntax-before": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
+		"syntax-after": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
+		"comment": ""
+	},
+	"margin": {
+		"type": "modified",
+		"syntax-before": "[ <length> | <percentage> | auto ]{1,4}",
+		"syntax-after": "<'margin-top'>{1,4}",
+		"comment": ""
+	},
+	"margin-block": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>{1,2}",
+		"syntax-after": "<'margin-top'>{1,2}",
+		"comment": ""
+	},
+	"margin-block-end": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>",
+		"syntax-after": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-block-start": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>",
+		"syntax-after": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-bottom": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"margin-break": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | keep | discard",
+		"comment": ""
+	},
+	"margin-inline": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>{1,2}",
+		"syntax-after": "<'margin-top'>{1,2}",
+		"comment": ""
+	},
+	"margin-inline-end": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>",
+		"syntax-after": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-inline-start": {
+		"type": "modified",
+		"syntax-before": "<'margin-left'>",
+		"syntax-after": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-left": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"margin-right": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"margin-top": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"margin-trim": {
+		"type": "modified",
+		"syntax-before": "none | in-flow | all",
+		"syntax-after": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
+		"comment": ""
+	},
+	"marker": {
+		"type": "modified",
+		"syntax-before": "none | <url>",
+		"syntax-after": "none | <marker-ref>",
+		"comment": ""
+	},
+	"marker-end": {
+		"type": "modified",
+		"syntax-before": "none | <url>",
+		"syntax-after": "none | <marker-ref>",
+		"comment": ""
+	},
+	"marker-mid": {
+		"type": "modified",
+		"syntax-before": "none | <url>",
+		"syntax-after": "none | <marker-ref>",
+		"comment": ""
+	},
+	"marker-side": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "match-self | match-parent",
+		"comment": ""
+	},
+	"marker-start": {
+		"type": "modified",
+		"syntax-before": "none | <url>",
+		"syntax-after": "none | <marker-ref>",
+		"comment": ""
+	},
+	"mask-border-slice": {
+		"type": "modified",
+		"syntax-before": "<number-percentage>{1,4} fill?",
+		"syntax-after": "[ <number> | <percentage> ]{1,4} fill?",
+		"comment": ""
+	},
+	"mask-clip": {
+		"type": "modified",
+		"syntax-before": "[ <geometry-box> | no-clip ]#",
+		"syntax-after": "[ <coord-box> | no-clip ]#",
+		"comment": ""
+	},
+	"mask-origin": {
+		"type": "modified",
+		"syntax-before": "<geometry-box>#",
+		"syntax-after": "<coord-box>#",
+		"comment": ""
+	},
+	"max-block-size": {
+		"type": "modified",
+		"syntax-before": "<'max-width'>",
+		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"max-height": {
+		"type": "modified",
+		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"max-inline-size": {
+		"type": "modified",
+		"syntax-before": "<'max-width'>",
+		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"max-lines": {
+		"type": "modified",
+		"syntax-before": "none | <integer>",
+		"syntax-after": "none | <integer [1,∞]>",
+		"comment": ""
+	},
+	"max-width": {
+		"type": "modified",
+		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"min-block-size": {
+		"type": "modified",
+		"syntax-before": "<'min-width'>",
+		"syntax-after": "<'min-width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"min-height": {
+		"type": "modified",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"min-inline-size": {
+		"type": "modified",
+		"syntax-before": "<'min-width'>",
+		"syntax-after": "<'min-width'> | stretch | fit-content | contain",
+		"comment": ""
+	},
+	"min-intrinsic-sizing": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "legacy | zero-if-scroll || zero-if-extrinsic",
+		"comment": ""
+	},
+	"min-width": {
+		"type": "modified",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"mix-blend-mode": {
+		"type": "modified",
+		"syntax-before": "<blend-mode> | plus-lighter",
+		"syntax-after": "<blend-mode> | plus-darker | plus-lighter",
+		"comment": ""
+	},
+	"nav-down": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"nav-left": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"nav-right": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"nav-up": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"object-view-box": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <basic-shape-rect>",
+		"comment": ""
+	},
+	"offset-path": {
+		"type": "modified",
+		"syntax-before": "none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]",
+		"syntax-after": "none | <offset-path> || <coord-box>",
+		"comment": ""
+	},
+	"offset-position": {
+		"type": "modified",
+		"syntax-before": "auto | <position>",
+		"syntax-after": "normal | auto | <position>",
+		"comment": ""
+	},
+	"opacity": {
+		"type": "modified",
+		"syntax-before": "<alpha-value>",
+		"syntax-after": "<opacity-value>",
+		"comment": ""
+	},
+	"orphans": {
+		"type": "modified",
+		"syntax-before": "<integer>",
+		"syntax-after": "<integer [1,∞]>",
+		"comment": ""
+	},
+	"outline": {
+		"type": "modified",
+		"syntax-before": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]",
+		"syntax-after": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]",
+		"comment": ""
+	},
+	"outline-color": {
+		"type": "modified",
+		"syntax-before": "<color> | invert",
+		"syntax-after": "auto | [ <color> | <image-1D> ]",
+		"comment": ""
+	},
+	"outline-style": {
+		"type": "modified",
+		"syntax-before": "auto | <'border-style'>",
+		"syntax-after": "auto | <outline-line-style>",
+		"comment": ""
+	},
+	"overflow": {
+		"type": "modified",
+		"syntax-before": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>",
+		"syntax-after": "<'overflow-block'>{1,2}",
+		"comment": ""
+	},
+	"overflow-clip-margin-block": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-block-end": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-block-start": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-bottom": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-inline": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-inline-end": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-inline-start": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-left": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-right": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-top": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overlay": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | auto",
+		"comment": ""
+	},
+	"padding": {
+		"type": "modified",
+		"syntax-before": "[ <length> | <percentage> ]{1,4}",
+		"syntax-after": "<'padding-top'>{1,4}",
+		"comment": ""
+	},
+	"padding-block": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>{1,2}",
+		"syntax-after": "<'padding-top'>{1,2}",
+		"comment": ""
+	},
+	"padding-block-end": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>",
+		"syntax-after": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-block-start": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>",
+		"syntax-after": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-bottom": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"padding-inline": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>{1,2}",
+		"syntax-after": "<'padding-top'>{1,2}",
+		"comment": ""
+	},
+	"padding-inline-end": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>",
+		"syntax-after": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-inline-start": {
+		"type": "modified",
+		"syntax-before": "<'padding-left'>",
+		"syntax-after": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-left": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"padding-right": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"padding-top": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"page": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <custom-ident>",
+		"comment": ""
+	},
+	"page-break-after": {
+		"type": "modified",
+		"syntax-before": "auto | always | avoid | left | right | recto | verso",
+		"syntax-after": "auto | always | avoid | left | right | inherit",
+		"comment": ""
+	},
+	"page-break-before": {
+		"type": "modified",
+		"syntax-before": "auto | always | avoid | left | right | recto | verso",
+		"syntax-after": "auto | always | avoid | left | right | inherit",
+		"comment": ""
+	},
+	"page-break-inside": {
+		"type": "modified",
+		"syntax-before": "auto | avoid",
+		"syntax-after": "avoid | auto | inherit",
+		"comment": ""
+	},
+	"pause-after": {
+		"type": "modified",
+		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"comment": ""
+	},
+	"pause-before": {
+		"type": "modified",
+		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"comment": ""
+	},
+	"perspective": {
+		"type": "modified",
+		"syntax-before": "none | <length>",
+		"syntax-after": "none | <length [0,∞]>",
+		"comment": ""
+	},
+	"pointer-events": {
+		"type": "modified",
+		"syntax-before": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
+		"syntax-after": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
+		"comment": ""
+	},
+	"position": {
+		"type": "modified",
+		"syntax-before": "static | relative | absolute | sticky | fixed | -webkit-sticky",
+		"syntax-after": "static | relative | absolute | sticky | fixed",
+		"comment": ""
+	},
+	"position-anchor": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <anchor-element>",
+		"comment": ""
+	},
+	"position-area": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <position-area>",
+		"comment": ""
+	},
+	"position-try": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'position-try-order'>? <'position-try-fallbacks'>",
+		"comment": ""
+	},
+	"position-try-fallbacks": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
+		"comment": ""
+	},
+	"position-try-order": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | <try-size>",
+		"comment": ""
+	},
+	"position-visibility": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "always | [ anchors-valid || anchors-visible || no-overflow ]",
+		"comment": ""
+	},
+	"quotes": {
+		"type": "modified",
+		"syntax-before": "none | auto | [ <string> <string> ]+",
+		"syntax-after": "auto | none | match-parent | [ <string> <string> ]+",
+		"comment": ""
+	},
+	"r": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"reading-flow": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
+		"comment": ""
+	},
+	"region-fragment": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | break",
+		"comment": ""
+	},
+	"rest-after": {
+		"type": "modified",
+		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"comment": ""
+	},
+	"rest-before": {
+		"type": "modified",
+		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"comment": ""
+	},
+	"right": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"row-gap": {
+		"type": "modified",
+		"syntax-before": "normal | <length-percentage>",
+		"syntax-after": "normal | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"ruby-merge": {
+		"type": "modified",
+		"syntax-before": "separate | collapse | auto",
+		"syntax-after": "separate | merge | auto",
+		"comment": ""
+	},
+	"ruby-overhang": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none",
+		"comment": ""
+	},
+	"rx": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"ry": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"scale": {
+		"type": "modified",
+		"syntax-before": "none | <number>{1,3}",
+		"syntax-after": "none | [ <number> | <percentage> ]{1,3}",
+		"comment": ""
+	},
+	"scroll-marker-group": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | before | after",
+		"comment": ""
+	},
+	"scroll-padding": {
+		"type": "modified",
+		"syntax-before": "[ auto | <length-percentage> ]{1,4}",
+		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,4}",
+		"comment": ""
+	},
+	"scroll-padding-block": {
+		"type": "modified",
+		"syntax-before": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"comment": ""
+	},
+	"scroll-padding-block-end": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-block-start": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-bottom": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-inline": {
+		"type": "modified",
+		"syntax-before": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"comment": ""
+	},
+	"scroll-padding-inline-end": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-inline-start": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-left": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-right": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-top": {
+		"type": "modified",
+		"syntax-before": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-start-target": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ none | auto ]",
+		"comment": ""
+	},
+	"scroll-timeline": {
+		"type": "modified",
+		"syntax-before": "<scroll-timeline-name> || <scroll-timeline-axis>",
+		"syntax-after": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
+		"comment": ""
+	},
+	"scroll-timeline-axis": {
+		"type": "modified",
+		"syntax-before": "block | inline | vertical | horizontal",
+		"syntax-after": "[ block | inline | x | y ]#",
+		"comment": ""
+	},
+	"scroll-timeline-name": {
+		"type": "modified",
+		"syntax-before": "none | <custom-ident>",
+		"syntax-after": "[ none | <dashed-ident> ]#",
+		"comment": ""
+	},
+	"shape-image-threshold": {
+		"type": "modified",
+		"syntax-before": "<alpha-value>",
+		"syntax-after": "<opacity-value>",
+		"comment": ""
+	},
+	"shape-inside": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
+		"comment": ""
+	},
+	"shape-margin": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"shape-outside": {
+		"type": "modified",
+		"syntax-before": "none | [ <shape-box> || <basic-shape> ] | <image>",
+		"syntax-after": "none | [ <basic-shape> || <shape-box> ] | <image>",
+		"comment": ""
+	},
+	"shape-padding": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"shape-subtract": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ <basic-shape> | <uri> ]+",
+		"comment": ""
+	},
+	"spatial-navigation-action": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | focus | scroll",
+		"comment": ""
+	},
+	"spatial-navigation-contain": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | contain",
+		"comment": ""
+	},
+	"spatial-navigation-function": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | grid",
+		"comment": ""
+	},
+	"speak": {
+		"type": "modified",
+		"syntax-before": "auto | none | normal",
+		"syntax-after": "auto | never | always",
+		"comment": ""
+	},
+	"string-set": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ <custom-ident> <string>+ ]#",
+		"comment": ""
+	},
+	"stroke-align": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "center | inset | outset",
+		"comment": ""
+	},
+	"stroke-alignment": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "center | inner | outer",
+		"comment": ""
+	},
+	"stroke-break": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "bounding-box | slice | clone",
+		"comment": ""
+	},
+	"stroke-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>#",
+		"comment": ""
+	},
+	"stroke-dash-corner": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <length>",
+		"comment": ""
+	},
+	"stroke-dash-justify": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ stretch | compress ] || [ dashes || gaps ]",
+		"comment": ""
+	},
+	"stroke-dashadjust": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ stretch | compress ] [ dashes | gaps ]?",
+		"comment": ""
+	},
+	"stroke-dasharray": {
+		"type": "modified",
+		"syntax-before": "none | [ <svg-length>+ ]#",
+		"syntax-after": "none | [ <length-percentage> | <number> ]+#",
+		"comment": ""
+	},
+	"stroke-dashcorner": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <length>",
+		"comment": ""
+	},
+	"stroke-dashoffset": {
+		"type": "modified",
+		"syntax-before": "<svg-length>",
+		"syntax-after": "<length-percentage> | <number>",
+		"comment": ""
+	},
+	"stroke-image": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<paint>#",
+		"comment": ""
+	},
+	"stroke-linejoin": {
+		"type": "modified",
+		"syntax-before": "miter | round | bevel",
+		"syntax-after": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
+		"comment": ""
+	},
+	"stroke-miterlimit": {
+		"type": "modified",
+		"syntax-before": "<number-one-or-greater>",
+		"syntax-after": "<number>",
+		"comment": ""
+	},
+	"stroke-opacity": {
+		"type": "modified",
+		"syntax-before": "<number-zero-one>",
+		"syntax-after": "<'opacity'>",
+		"comment": ""
+	},
+	"stroke-origin": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"comment": ""
+	},
+	"stroke-position": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<position>#",
+		"comment": ""
+	},
+	"stroke-repeat": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<repeat-style>#",
+		"comment": ""
+	},
+	"stroke-size": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bg-size>#",
+		"comment": ""
+	},
+	"stroke-width": {
+		"type": "modified",
+		"syntax-before": "<svg-length>",
+		"syntax-after": "[ <length-percentage> | <number> ]#",
+		"comment": ""
+	},
+	"tab-size": {
+		"type": "modified",
+		"syntax-before": "<integer> | <length>",
+		"syntax-after": "<number [0,∞]> | <length [0,∞]>",
+		"comment": ""
+	},
+	"text-align": {
+		"type": "modified",
+		"syntax-before": "start | end | left | right | center | justify | match-parent",
+		"syntax-after": "start | end | left | right | center | justify | match-parent | justify-all",
+		"comment": ""
+	},
+	"text-align-all": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "start | end | left | right | center | justify | match-parent",
+		"comment": ""
+	},
+	"text-align-last": {
+		"type": "modified",
+		"syntax-before": "auto | start | end | left | right | center | justify",
+		"syntax-after": "auto | start | end | left | right | center | justify | match-parent",
+		"comment": ""
+	},
+	"text-autospace": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | <autospace> | auto",
+		"comment": ""
+	},
+	"text-box": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | <'text-box-trim'> || <'text-box-edge'>",
+		"comment": ""
+	},
+	"text-box-edge": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | <text-edge>",
+		"comment": ""
+	},
+	"text-box-trim": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | trim-start | trim-end | trim-both",
+		"comment": ""
+	},
+	"text-combine-upright": {
+		"type": "modified",
+		"syntax-before": "none | all | [ digits <integer>? ]",
+		"syntax-after": "none | all | [ digits <integer [2,4]>? ]",
+		"comment": ""
+	},
+	"text-decoration": {
+		"type": "modified",
+		"syntax-before": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
+		"syntax-after": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>",
+		"comment": ""
+	},
+	"text-decoration-line": {
+		"type": "modified",
+		"syntax-before": "none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error",
+		"syntax-after": "none | [ underline || overline || line-through || blink ]",
+		"comment": ""
+	},
+	"text-decoration-skip": {
+		"type": "modified",
+		"syntax-before": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
+		"syntax-after": "none | auto",
+		"comment": ""
+	},
+	"text-decoration-skip-box": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | all",
+		"comment": ""
+	},
+	"text-decoration-skip-ink": {
+		"type": "modified",
+		"syntax-before": "auto | all | none",
+		"syntax-after": "auto | none | all",
+		"comment": ""
+	},
+	"text-decoration-skip-self": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
+		"comment": ""
+	},
+	"text-decoration-skip-spaces": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | all | [ start || end ]",
+		"comment": ""
+	},
+	"text-decoration-thickness": {
+		"type": "modified",
+		"syntax-before": "auto | from-font | <length> | <percentage>",
+		"syntax-after": "auto | from-font | <length-percentage>",
+		"comment": ""
+	},
+	"text-decoration-trim": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length>{1,2} | auto",
+		"comment": ""
+	},
+	"text-emphasis-position": {
+		"type": "modified",
+		"syntax-before": "[ over | under ] && [ right | left ]",
+		"syntax-after": "[ over | under ] && [ right | left ]?",
+		"comment": ""
+	},
+	"text-emphasis-skip": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "spaces || punctuation || symbols || narrow",
+		"comment": ""
+	},
+	"text-group-align": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | start | end | left | right | center",
+		"comment": ""
+	},
+	"text-indent": {
+		"type": "modified",
+		"syntax-before": "<length-percentage> && hanging? && each-line?",
+		"syntax-after": "[ <length-percentage> ] && hanging? && each-line?",
+		"comment": ""
+	},
+	"text-justify": {
+		"type": "modified",
+		"syntax-before": "auto | inter-character | inter-word | none",
+		"syntax-after": "auto | none | inter-word | inter-character",
+		"comment": ""
+	},
+	"text-overflow": {
+		"type": "modified",
+		"syntax-before": "[ clip | ellipsis | <string> ]{1,2}",
+		"syntax-after": "clip | ellipsis",
+		"comment": ""
+	},
+	"text-shadow": {
+		"type": "modified",
+		"syntax-before": "none | <shadow-t>#",
+		"syntax-after": "none | [ <color>? && <length>{2,3} ]#",
+		"comment": ""
+	},
+	"text-size-adjust": {
+		"type": "modified",
+		"syntax-before": "none | auto | <percentage>",
+		"syntax-after": "auto | none | <percentage [0,∞]>",
+		"comment": ""
+	},
+	"text-spacing": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | auto | <spacing-trim> || <autospace>",
+		"comment": ""
+	},
+	"text-spacing-trim": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<spacing-trim> | auto",
+		"comment": ""
+	},
+	"-webkit-text-stroke": {
+		"type": "modified",
+		"syntax-before": "<length> || <color>",
+		"syntax-after": "<line-width> || <color>",
+		"comment": ""
+	},
+	"-webkit-text-stroke-width": {
+		"type": "modified",
+		"syntax-before": "<length>",
+		"syntax-after": "<line-width>",
+		"comment": ""
+	},
+	"text-transform": {
+		"type": "modified",
+		"syntax-before": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
+		"syntax-after": "none | capitalize | uppercase | lowercase | full-width | full-size-kana | math-auto",
+		"comment": ""
+	},
+	"text-underline-offset": {
+		"type": "modified",
+		"syntax-before": "auto | <length> | <percentage>",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"text-underline-position": {
+		"type": "modified",
+		"syntax-before": "auto | from-font | [ under || [ left | right ] ]",
+		"syntax-after": "auto | [ under || [ left | right ] ]",
+		"comment": ""
+	},
+	"text-wrap": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'text-wrap-mode'> || <'text-wrap-style'>",
+		"comment": ""
+	},
+	"text-wrap-mode": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "wrap | nowrap",
+		"comment": ""
+	},
+	"text-wrap-style": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | balance | stable | pretty",
+		"comment": ""
+	},
+	"timeline-scope": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | all | <dashed-ident>#",
+		"comment": ""
+	},
+	"top": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage> | auto",
+		"syntax-after": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"transform-origin": {
+		"type": "modified",
+		"syntax-before": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
+		"syntax-after": "[ 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>?",
+		"comment": ""
+	},
+	"transition-behavior": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<transition-behavior-value>#",
+		"comment": ""
+	},
+	"transition-duration": {
+		"type": "modified",
+		"syntax-before": "<time>#",
+		"syntax-after": "<time [0s,∞]>#",
+		"comment": ""
+	},
+	"unicode-bidi": {
+		"type": "modified",
+		"syntax-before": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext",
+		"syntax-after": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
+		"comment": ""
+	},
+	"vector-effect": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position",
+		"comment": ""
+	},
+	"vertical-align": {
+		"type": "modified",
+		"syntax-before": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
+		"syntax-after": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
+		"comment": ""
+	},
+	"view-timeline": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
+		"comment": ""
+	},
+	"view-timeline-axis": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ block | inline | x | y ]#",
+		"comment": ""
+	},
+	"view-timeline-inset": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ auto | <length-percentage> ]{1,2} ]#",
+		"comment": ""
+	},
+	"view-timeline-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ none | <dashed-ident> ]#",
+		"comment": ""
+	},
+	"view-transition-class": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <custom-ident>+",
+		"comment": ""
+	},
+	"view-transition-group": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | contain | nearest | <custom-ident>",
+		"comment": ""
+	},
+	"view-transition-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <custom-ident>",
+		"comment": ""
+	},
+	"voice-duration": {
+		"type": "modified",
+		"syntax-before": "auto | <time>",
+		"syntax-after": "auto | <time [0s,∞]>",
+		"comment": ""
+	},
+	"voice-pitch": {
+		"type": "modified",
+		"syntax-before": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-after": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"comment": ""
+	},
+	"voice-range": {
+		"type": "modified",
+		"syntax-before": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-after": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"comment": ""
+	},
+	"voice-rate": {
+		"type": "modified",
+		"syntax-before": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>",
+		"syntax-after": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
+		"comment": ""
+	},
+	"white-space": {
+		"type": "modified",
+		"syntax-before": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces",
+		"syntax-after": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line",
+		"comment": ""
+	},
+	"white-space-collapse": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces",
+		"comment": ""
+	},
+	"white-space-trim": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | discard-before || discard-after || discard-inner",
+		"comment": ""
+	},
+	"widows": {
+		"type": "modified",
+		"syntax-before": "<integer>",
+		"syntax-after": "<integer [1,∞]>",
+		"comment": ""
+	},
+	"width": {
+		"type": "modified",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"comment": ""
+	},
+	"word-break": {
+		"type": "modified",
+		"syntax-before": "normal | break-all | keep-all | break-word",
+		"syntax-after": "normal | keep-all | break-all | break-word",
+		"comment": ""
+	},
+	"word-space-transform": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | [ space | ideographic-space ] && auto-phrase?",
+		"comment": ""
+	},
+	"word-wrap": {
+		"type": "modified",
+		"syntax-before": "normal | break-word",
+		"syntax-after": "normal | break-word | anywhere",
+		"comment": ""
+	},
+	"wrap-after": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"comment": ""
+	},
+	"wrap-before": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"comment": ""
+	},
+	"wrap-flow": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | both | start | end | minimum | maximum | clear",
+		"comment": ""
+	},
+	"wrap-inside": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | avoid",
+		"comment": ""
+	},
+	"wrap-through": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "wrap | none",
+		"comment": ""
+	},
+	"writing-mode": {
+		"type": "modified",
+		"syntax-before": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
+		"syntax-after": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
+		"comment": ""
+	},
+	"x": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"y": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"z-index": {
+		"type": "modified",
+		"syntax-before": "auto | <integer>",
+		"syntax-after": "auto | <integer> | inherit",
+		"comment": ""
+	},
+	"zoom": {
+		"type": "modified",
+		"syntax-before": "normal | reset | <number> | <percentage>",
+		"syntax-after": "<number [0,∞]> || <percentage [0,∞]>",
+		"comment": ""
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
new file mode 100644
index 0000000000..4a765b9ae5
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -0,0 +1,2150 @@
+{
+	"<anchor-element>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident>",
+		"comment": ""
+	},
+	"<anchor-side>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
+		"comment": ""
+	},
+	"<anchor-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "width | height | block | inline | self-block | self-inline",
+		"comment": ""
+	},
+	"<angle-percentage>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <angle> | <percentage> ]",
+		"comment": ""
+	},
+	"<angular-color-hint>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<angle-percentage>",
+		"comment": ""
+	},
+	"<angular-color-stop-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+		"comment": ""
+	},
+	"<angular-color-stop>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color> <color-stop-angle>?",
+		"comment": ""
+	},
+	"<animateable-feature>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "scroll-position | contents | <custom-ident>",
+		"comment": ""
+	},
+	"<attachment>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "scroll | fixed | local",
+		"comment": ""
+	},
+	"<attr-matcher>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ '~' | '|' | '^' | '$' | '*' ]? '='",
+		"comment": ""
+	},
+	"<attr-modifier>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "i | s",
+		"comment": ""
+	},
+	"<attr-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <ident-token> '|' ]? <ident-token>",
+		"comment": ""
+	},
+	"<attr-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
+		"comment": ""
+	},
+	"<attribute-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'",
+		"comment": ""
+	},
+	"<auto-repeat>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
+		"comment": ""
+	},
+	"<auto-track-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?",
+		"comment": ""
+	},
+	"<autospace>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
+		"comment": ""
+	},
+	"<axis>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "block | inline | x | y",
+		"comment": ""
+	},
+	"<baseline-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ first | last ]? && baseline",
+		"comment": ""
+	},
+	"<basic-shape-rect>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<inset()> | <rect()> | <xywh()>",
+		"comment": ""
+	},
+	"<bg-clip>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> | border-area | text",
+		"comment": ""
+	},
+	"<bg-image>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<image> | none",
+		"comment": ""
+	},
+	"<bg-layer>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
+		"comment": ""
+	},
+	"<bg-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
+		"comment": ""
+	},
+	"<bg-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
+		"comment": ""
+	},
+	"<blend-mode>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity",
+		"comment": ""
+	},
+	"<bool-and>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "and <bool-in-parens>",
+		"comment": ""
+	},
+	"<bool-in-parens>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <boolean> ) | <bool-test> | <general-enclosed>",
+		"comment": ""
+	},
+	"<bool-not>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <bool-in-parens>",
+		"comment": ""
+	},
+	"<bool-or>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "or <bool-in-parens>",
+		"comment": ""
+	},
+	"<boolean-without-or>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bool-not> | <bool-in-parens> <bool-and>*",
+		"comment": ""
+	},
+	"<boolean>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"comment": ""
+	},
+	"<calc-keyword>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "e | pi | infinity | -infinity | NaN",
+		"comment": ""
+	},
+	"<calc-mix()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+		"comment": ""
+	},
+	"<calc-product>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
+		"comment": ""
+	},
+	"<calc-size-basis>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
+		"comment": ""
+	},
+	"<calc-sum>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*",
+		"comment": ""
+	},
+	"<calc-value>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
+		"comment": ""
+	},
+	"<cf-image>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <image> | <color> ] && <percentage [0,100]>?",
+		"comment": ""
+	},
+	"<class-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'.' <ident-token>",
+		"comment": ""
+	},
+	"<clip-source>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url>",
+		"comment": ""
+	},
+	"<cmyk-component>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> | <percentage> | none",
+		"comment": ""
+	},
+	"<color-base>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<hex-color> | <color-function> | <named-color> | transparent",
+		"comment": ""
+	},
+	"<color-font-tech>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
+		"comment": ""
+	},
+	"<color-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
+		"comment": ""
+	},
+	"<color-interpolation-method>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]",
+		"comment": ""
+	},
+	"<color-space>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<rectangular-color-space> | <polar-color-space>",
+		"comment": ""
+	},
+	"<color-stop-angle>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<angle-percentage>{1,2}",
+		"comment": ""
+	},
+	"<color-stop-length>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>{1,2}",
+		"comment": ""
+	},
+	"<color-stop-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
+		"comment": ""
+	},
+	"<color-stop>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color-stop-length> | <color-stop-angle>",
+		"comment": ""
+	},
+	"<color-stripe>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color> && [ <length-percentage> | <flex> ]?",
+		"comment": ""
+	},
+	"<color>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color-base> | currentColor | <system-color>",
+		"comment": ""
+	},
+	"<colorspace-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
+		"comment": ""
+	},
+	"<combinator>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'>' | '+' | '~' | [ '|' '|' ]",
+		"comment": ""
+	},
+	"<common-lig-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ common-ligatures | no-common-ligatures ]",
+		"comment": ""
+	},
+	"<complex-real-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<complex-real-selector>#",
+		"comment": ""
+	},
+	"<complex-real-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<compound-selector> [ <combinator>? <compound-selector> ]*",
+		"comment": ""
+	},
+	"<complex-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<complex-selector>#",
+		"comment": ""
+	},
+	"<complex-selector-unit>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
+		"comment": ""
+	},
+	"<complex-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
+		"comment": ""
+	},
+	"<composite-mode>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
+		"comment": ""
+	},
+	"<compositing-operator>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "add | subtract | intersect | exclude",
+		"comment": ""
+	},
+	"<compound-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<compound-selector>#",
+		"comment": ""
+	},
+	"<compound-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <type-selector>? <subclass-selector>* ]!",
+		"comment": ""
+	},
+	"<conic-gradient-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
+		"comment": ""
+	},
+	"<container-condition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <container-name> ]? <container-query>",
+		"comment": ""
+	},
+	"<container-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<custom-ident>",
+		"comment": ""
+	},
+	"<container-progress()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+		"comment": ""
+	},
+	"<container-query>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+		"comment": ""
+	},
+	"<content-distribution>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "space-between | space-around | space-evenly | stretch",
+		"comment": ""
+	},
+	"<content-level>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "element | content | text | <attr()> | <counter>",
+		"comment": ""
+	},
+	"<content-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
+		"comment": ""
+	},
+	"<content-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "center | start | end | flex-start | flex-end",
+		"comment": ""
+	},
+	"<contextual-alt-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ contextual | no-contextual ]",
+		"comment": ""
+	},
+	"<coord-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<paint-box> | view-box",
+		"comment": ""
+	},
+	"<counter-style>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<counter-style-name> | <symbols()>",
+		"comment": ""
+	},
+	"<counter>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<counter()> | <counters()>",
+		"comment": ""
+	},
+	"<css-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<syntax-component> | <type()>",
+		"comment": ""
+	},
+	"<cubic-bezier-easing-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"comment": ""
+	},
+	"<custom-arg>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "$ <ident-token> ;",
+		"comment": ""
+	},
+	"<custom-color-space>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident>",
+		"comment": ""
+	},
+	"<custom-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"comment": ""
+	},
+	"<custom-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+		"comment": ""
+	},
+	"<dasharray>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
+		"comment": ""
+	},
+	"<discretionary-lig-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ discretionary-ligatures | no-discretionary-ligatures ]",
+		"comment": ""
+	},
+	"<display-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "contents | none",
+		"comment": ""
+	},
+	"<display-inside>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "flow | flow-root | table | flex | grid | ruby",
+		"comment": ""
+	},
+	"<display-internal>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "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",
+		"comment": ""
+	},
+	"<display-legacy>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "inline-block | inline-table | inline-flex | inline-grid",
+		"comment": ""
+	},
+	"<display-listitem>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<display-outside>? && [ flow | flow-root ]? && list-item",
+		"comment": ""
+	},
+	"<display-outside>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "block | inline | run-in",
+		"comment": ""
+	},
+	"<easing-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
+		"comment": ""
+	},
+	"<east-asian-variant-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]",
+		"comment": ""
+	},
+	"<east-asian-width-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ full-width | proportional-width ]",
+		"comment": ""
+	},
+	"<explicit-track-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <line-names>? <track-size> ]+ <line-names>?",
+		"comment": ""
+	},
+	"<family-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<string> | <custom-ident>+",
+		"comment": ""
+	},
+	"<feature-value-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident>",
+		"comment": ""
+	},
+	"<filter-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
+		"comment": ""
+	},
+	"<filter-value-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <filter-function> | <url> ]+",
+		"comment": ""
+	},
+	"<final-bg-layer>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
+		"comment": ""
+	},
+	"<first-valid()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "first-valid( <declaration-value># )",
+		"comment": ""
+	},
+	"<fixed-breadth>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"<fixed-repeat>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
+		"comment": ""
+	},
+	"<fixed-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )",
+		"comment": ""
+	},
+	"<font-features-tech>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ features-opentype | features-aat | features-graphite ]",
+		"comment": ""
+	},
+	"<font-format>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
+		"comment": ""
+	},
+	"<font-src>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
+		"comment": ""
+	},
+	"<font-tech>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+		"comment": ""
+	},
+	"<font-variant-css2>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ normal | small-caps ]",
+		"comment": ""
+	},
+	"<font-weight-absolute>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ normal | bold | <number [1,1000]> ]",
+		"comment": ""
+	},
+	"<font-width-css3>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
+		"comment": ""
+	},
+	"<frequency-percentage>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <frequency> | <percentage> ]",
+		"comment": ""
+	},
+	"<function-dependency-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<function-parameter>#",
+		"comment": ""
+	},
+	"<function-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident>",
+		"comment": ""
+	},
+	"<function-parameter-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<function-parameter>#",
+		"comment": ""
+	},
+	"<function-parameter>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"comment": ""
+	},
+	"<general-enclosed>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
+		"comment": ""
+	},
+	"<generic-complete>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
+		"comment": ""
+	},
+	"<generic-family>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
+		"comment": ""
+	},
+	"<generic-incomplete>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
+		"comment": ""
+	},
+	"<generic-script-specific>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
+		"comment": ""
+	},
+	"<generic-voice>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <age>? <gender> <integer>? ]",
+		"comment": ""
+	},
+	"<geometry-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<shape-box> | fill-box | stroke-box | view-box",
+		"comment": ""
+	},
+	"<gradient>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
+		"comment": ""
+	},
+	"<historical-lig-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ historical-ligatures | no-historical-ligatures ]",
+		"comment": ""
+	},
+	"<hue-interpolation-method>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ shorter | longer | increasing | decreasing ] hue",
+		"comment": ""
+	},
+	"<hue>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> | <angle>",
+		"comment": ""
+	},
+	"<id-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<hash-token>",
+		"comment": ""
+	},
+	"<image-1D>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<stripes()>",
+		"comment": ""
+	},
+	"<image-set-option>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"comment": ""
+	},
+	"<image-src>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <url> | <string> ]",
+		"comment": ""
+	},
+	"<image-tags>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ ltr | rtl ]",
+		"comment": ""
+	},
+	"<image>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url> | <gradient>",
+		"comment": ""
+	},
+	"<import-conditions>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+		"comment": ""
+	},
+	"<inflexible-breadth>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]> | min-content | max-content | auto",
+		"comment": ""
+	},
+	"<isolation-mode>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | isolate",
+		"comment": ""
+	},
+	"<keyframe-block>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<keyframe-selector># { <declaration-list> }",
+		"comment": ""
+	},
+	"<keyframe-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "from | to | <percentage [0,100]>",
+		"comment": ""
+	},
+	"<keyframes-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<custom-ident> | <string>",
+		"comment": ""
+	},
+	"<layer-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident> [ '.' <ident> ]*",
+		"comment": ""
+	},
+	"<layout-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> | margin-box",
+		"comment": ""
+	},
+	"<leader-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "dotted | solid | space | <string>",
+		"comment": ""
+	},
+	"<legacy-device-cmyk-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "device-cmyk( <number>#{4} )",
+		"comment": ""
+	},
+	"<legacy-hsl-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"comment": ""
+	},
+	"<legacy-hsla-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"comment": ""
+	},
+	"<legacy-pseudo-element-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "':' [ before | after | first-line | first-letter ]",
+		"comment": ""
+	},
+	"<legacy-rgb-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"comment": ""
+	},
+	"<legacy-rgba-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"comment": ""
+	},
+	"<length-percentage>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <length> | <percentage> ]",
+		"comment": ""
+	},
+	"<line-name-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <line-names> | <name-repeat> ]+",
+		"comment": ""
+	},
+	"<line-names>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'[' <custom-ident>* ']'",
+		"comment": ""
+	},
+	"<line-style>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"comment": ""
+	},
+	"<line-width>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length [0,∞]> | thin | medium | thick",
+		"comment": ""
+	},
+	"<linear-color-hint>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"<linear-color-stop>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color> <length-percentage>?",
+		"comment": ""
+	},
+	"<linear-easing-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "linear( <linear-stop-list> )",
+		"comment": ""
+	},
+	"<linear-gradient-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>",
+		"comment": ""
+	},
+	"<linear-stop-length>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<percentage>{1,2}",
+		"comment": ""
+	},
+	"<linear-stop-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <linear-stop> ]#",
+		"comment": ""
+	},
+	"<linear-stop>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> && <linear-stop-length>?",
+		"comment": ""
+	},
+	"<link-param>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "param( <custom-property-name> <declaration-value>? )",
+		"comment": ""
+	},
+	"<marker-ref>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url>",
+		"comment": ""
+	},
+	"<mask-layer>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>",
+		"comment": ""
+	},
+	"<mask-reference>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <image> | <mask-source>",
+		"comment": ""
+	},
+	"<mask-source>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url>",
+		"comment": ""
+	},
+	"<masking-mode>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "alpha | luminance | match-source",
+		"comment": ""
+	},
+	"<media-and>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "and <media-in-parens>",
+		"comment": ""
+	},
+	"<media-condition-without-or>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
+		"comment": ""
+	},
+	"<media-condition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
+		"comment": ""
+	},
+	"<media-feature>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <mf-plain> | <mf-boolean> | <mf-range> ]",
+		"comment": ""
+	},
+	"<media-in-parens>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>",
+		"comment": ""
+	},
+	"<media-not>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <media-in-parens>",
+		"comment": ""
+	},
+	"<media-or>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "or <media-in-parens>",
+		"comment": ""
+	},
+	"<media-progress()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
+		"comment": ""
+	},
+	"<media-query>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?",
+		"comment": ""
+	},
+	"<media-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident>",
+		"comment": ""
+	},
+	"<mf-boolean>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<mf-name>",
+		"comment": ""
+	},
+	"<mf-comparison>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<mf-lt> | <mf-gt> | <mf-eq>",
+		"comment": ""
+	},
+	"<mf-eq>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'='",
+		"comment": ""
+	},
+	"<mf-gt>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'>' '='?",
+		"comment": ""
+	},
+	"<mf-lt>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'<' '='?",
+		"comment": ""
+	},
+	"<mf-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident>",
+		"comment": ""
+	},
+	"<mf-plain>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<mf-name> : <mf-value>",
+		"comment": ""
+	},
+	"<mf-range>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
+		"comment": ""
+	},
+	"<mf-value>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> | <dimension> | <ident> | <ratio>",
+		"comment": ""
+	},
+	"<mix()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
+		"comment": ""
+	},
+	"<modern-device-cmyk-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"<modern-hsl-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"<modern-hsla-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"<modern-rgb-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"<modern-rgba-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"<mq-boolean>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<integer [0,1]>",
+		"comment": ""
+	},
+	"<name-repeat>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )",
+		"comment": ""
+	},
+	"<namespace-prefix>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ident>",
+		"comment": ""
+	},
+	"<ns-prefix>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <ident-token> | '*' ]? '|'",
+		"comment": ""
+	},
+	"<number-optional-number>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> <number>?",
+		"comment": ""
+	},
+	"<numeric-figure-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ lining-nums | oldstyle-nums ]",
+		"comment": ""
+	},
+	"<numeric-fraction-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ diagonal-fractions | stacked-fractions ]",
+		"comment": ""
+	},
+	"<numeric-spacing-values>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ proportional-nums | tabular-nums ]",
+		"comment": ""
+	},
+	"<offset-path>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ray()> | <url> | <basic-shape>",
+		"comment": ""
+	},
+	"<opentype-tag>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<string>",
+		"comment": ""
+	},
+	"<overflow-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "unsafe | safe",
+		"comment": ""
+	},
+	"<page-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<page-selector>#",
+		"comment": ""
+	},
+	"<page-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <ident-token>? <pseudo-page>* ]!",
+		"comment": ""
+	},
+	"<paint-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> | fill-box | stroke-box",
+		"comment": ""
+	},
+	"<paint>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <image> | <svg-paint>",
+		"comment": ""
+	},
+	"<points>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <number>+ ]#",
+		"comment": ""
+	},
+	"<polar-color-space>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "hsl | hwb | lch | oklch",
+		"comment": ""
+	},
+	"<position-area>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ 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} ]",
+		"comment": ""
+	},
+	"<position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+		"comment": ""
+	},
+	"<predefined-polar-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"comment": ""
+	},
+	"<predefined-rectangular-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+		"comment": ""
+	},
+	"<predefined-rectangular>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "jzazbz | ictcp",
+		"comment": ""
+	},
+	"<predefined-rgb-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+		"comment": ""
+	},
+	"<predefined-rgb>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+		"comment": ""
+	},
+	"<progress()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+		"comment": ""
+	},
+	"<progress>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
+		"comment": ""
+	},
+	"<pseudo-class-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "':' <ident-token> | ':' <function-token> <any-value> ')'",
+		"comment": ""
+	},
+	"<pseudo-compound-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<pseudo-element-selector> <pseudo-class-selector>*",
+		"comment": ""
+	},
+	"<pseudo-element-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
+		"comment": ""
+	},
+	"<pseudo-page>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "':' [ left | right | first | blank ]",
+		"comment": ""
+	},
+	"<pt-class-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ '.' <custom-ident> ]+",
+		"comment": ""
+	},
+	"<pt-name-and-class-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
+		"comment": ""
+	},
+	"<pt-name-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'*' | <custom-ident>",
+		"comment": ""
+	},
+	"<query-in-parens>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+		"comment": ""
+	},
+	"<quote>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "open-quote | close-quote | no-open-quote | no-close-quote",
+		"comment": ""
+	},
+	"<radial-extent>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "closest-corner | closest-side | farthest-corner | farthest-side",
+		"comment": ""
+	},
+	"<radial-gradient-syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>",
+		"comment": ""
+	},
+	"<radial-shape>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "circle | ellipse",
+		"comment": ""
+	},
+	"<radial-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
+		"comment": ""
+	},
+	"<random-caching-options>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident> || per-element",
+		"comment": ""
+	},
+	"<ratio>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number [0,∞]> [ / <number [0,∞]> ]?",
+		"comment": ""
+	},
+	"<ray-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
+		"comment": ""
+	},
+	"<rectangular-color-space>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
+		"comment": ""
+	},
+	"<relative-real-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<relative-real-selector>#",
+		"comment": ""
+	},
+	"<relative-real-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<combinator>? <complex-real-selector>",
+		"comment": ""
+	},
+	"<relative-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<relative-selector>#",
+		"comment": ""
+	},
+	"<relative-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<combinator>? <complex-selector>",
+		"comment": ""
+	},
+	"<repeat-style>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
+		"comment": ""
+	},
+	"<repetition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat | space | round | no-repeat",
+		"comment": ""
+	},
+	"<request-url-modifier>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+		"comment": ""
+	},
+	"<reversed-counter-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "reversed( <counter-name> )",
+		"comment": ""
+	},
+	"<rounding-strategy>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "nearest | up | down | to-zero",
+		"comment": ""
+	},
+	"<scroller>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "root | nearest | self",
+		"comment": ""
+	},
+	"<selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<complex-selector-list>",
+		"comment": ""
+	},
+	"<self-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "center | start | end | self-start | self-end | flex-start | flex-end",
+		"comment": ""
+	},
+	"<shadow>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+		"comment": ""
+	},
+	"<shape-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<visual-box> | margin-box",
+		"comment": ""
+	},
+	"<shape-command>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+		"comment": ""
+	},
+	"<side-or-corner>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ left | right ] || [ top | bottom ]",
+		"comment": ""
+	},
+	"<simple-selector-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<simple-selector>#",
+		"comment": ""
+	},
+	"<simple-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<type-selector> | <subclass-selector>",
+		"comment": ""
+	},
+	"<single-animation-composition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "replace | add | accumulate",
+		"comment": ""
+	},
+	"<single-animation-direction>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | reverse | alternate | alternate-reverse",
+		"comment": ""
+	},
+	"<single-animation-fill-mode>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | forwards | backwards | both",
+		"comment": ""
+	},
+	"<single-animation-iteration-count>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "infinite | <number [0,∞]>",
+		"comment": ""
+	},
+	"<single-animation-play-state>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "running | paused",
+		"comment": ""
+	},
+	"<single-animation-timeline>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
+		"comment": ""
+	},
+	"<single-animation>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
+		"comment": ""
+	},
+	"<single-transition-property>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "all | <custom-ident>",
+		"comment": ""
+	},
+	"<single-transition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
+		"comment": ""
+	},
+	"<source-size-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<source-size>#? , <source-size-value>",
+		"comment": ""
+	},
+	"<source-size-value>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length> | auto",
+		"comment": ""
+	},
+	"<source-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<media-condition> <source-size-value> | auto",
+		"comment": ""
+	},
+	"<spacing-trim>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+		"comment": ""
+	},
+	"<spread-shadow>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+		"comment": ""
+	},
+	"<step-easing-function>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
+		"comment": ""
+	},
+	"<step-position>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "jump-start | jump-end | jump-none | jump-both | start | end",
+		"comment": ""
+	},
+	"<style-in-parens>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+		"comment": ""
+	},
+	"<style-query>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
+		"comment": ""
+	},
+	"<subclass-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>",
+		"comment": ""
+	},
+	"<supports-condition>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*",
+		"comment": ""
+	},
+	"<supports-decl>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <declaration> )",
+		"comment": ""
+	},
+	"<supports-feature>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<supports-decl>",
+		"comment": ""
+	},
+	"<supports-font-format-fn>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "font-format( <font-format> )",
+		"comment": ""
+	},
+	"<supports-font-tech-fn>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "font-tech( <font-tech> )",
+		"comment": ""
+	},
+	"<supports-in-parens>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <supports-condition> ) | <supports-feature> | <general-enclosed>",
+		"comment": ""
+	},
+	"<supports-selector-fn>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "selector( <complex-selector> )",
+		"comment": ""
+	},
+	"<svg-paint>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "child | child( <integer> )",
+		"comment": ""
+	},
+	"<symbol>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<string> | <image> | <custom-ident>",
+		"comment": ""
+	},
+	"<symbols-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "cyclic | numeric | alphabetic | symbolic | fixed",
+		"comment": ""
+	},
+	"<syntax-combinator>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'|'",
+		"comment": ""
+	},
+	"<syntax-component-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
+		"comment": ""
+	},
+	"<syntax-component>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+		"comment": ""
+	},
+	"<syntax-multiplier>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ '#' | '+' ]",
+		"comment": ""
+	},
+	"<syntax-type>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+		"comment": ""
+	},
+	"<syntax>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+		"comment": ""
+	},
+	"<system-family-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "caption | icon | menu | message-box | small-caption | status-bar",
+		"comment": ""
+	},
+	"<target-contrast>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<wcag2>",
+		"comment": ""
+	},
+	"<target>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<target-counter()> | <target-counters()> | <target-text()>",
+		"comment": ""
+	},
+	"<text-edge>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+		"comment": ""
+	},
+	"<time-percentage>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <time> | <percentage> ]",
+		"comment": ""
+	},
+	"<toggle()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "toggle( <whole-value># )",
+		"comment": ""
+	},
+	"<track-breadth>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
+		"comment": ""
+	},
+	"<track-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?",
+		"comment": ""
+	},
+	"<track-repeat>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )",
+		"comment": ""
+	},
+	"<track-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
+		"comment": ""
+	},
+	"<transform-list>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<transform-function>+",
+		"comment": ""
+	},
+	"<transform-mix()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "transform-mix( <progress> , <transform-list> , <transform-list> )",
+		"comment": ""
+	},
+	"<transition-behavior-value>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | allow-discrete",
+		"comment": ""
+	},
+	"<try-size>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "most-width | most-height | most-block-size | most-inline-size",
+		"comment": ""
+	},
+	"<type-selector>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<wq-name> | <ns-prefix>? '*'",
+		"comment": ""
+	},
+	"<type()>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "type( <syntax> )",
+		"comment": ""
+	},
+	"<url>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<url()> | <src()>",
+		"comment": ""
+	},
+	"<visual-box>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "content-box | padding-box | border-box",
+		"comment": ""
+	},
+	"<wcag2>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
+		"comment": ""
+	},
+	"<wq-name>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<ns-prefix>? <ident-token>",
+		"comment": ""
+	},
+	"<xyz-params>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
+		"comment": ""
+	},
+	"<xyz-space>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "xyz | xyz-d50 | xyz-d65",
+		"comment": ""
+	},
+	"<xyz>": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "xyz | xyz-d50 | xyz-d65",
+		"comment": ""
+	},
+	"anchor-size()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
+		"comment": ""
+	},
+	"anchor()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
+		"comment": ""
+	},
+	"attr()": {
+		"type": "modified",
+		"syntax-before": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
+		"syntax-after": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
+		"comment": ""
+	},
+	"calc-size()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "calc-size( <calc-size-basis> , <calc-sum> )",
+		"comment": ""
+	},
+	"clamp()": {
+		"type": "modified",
+		"syntax-before": "clamp( <calc-sum>#{3} )",
+		"syntax-after": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
+		"comment": ""
+	},
+	"color-layers()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "color-layers( [ <blend-mode> , ]? <color># )",
+		"comment": ""
+	},
+	"color-mix()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
+		"comment": ""
+	},
+	"color()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"conic-gradient()": {
+		"type": "modified",
+		"syntax-before": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-after": "conic-gradient( [ <conic-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"content()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "content( [ text | before | after | first-letter | marker ]? )",
+		"comment": ""
+	},
+	"contrast-color()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
+		"comment": ""
+	},
+	"cross-fade()": {
+		"type": "modified",
+		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
+		"syntax-after": "cross-fade( <cf-image># )",
+		"comment": ""
+	},
+	"device-cmyk()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
+		"comment": ""
+	},
+	"dynamic-range-limit-mix()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+		"comment": ""
+	},
+	"element()": {
+		"type": "modified",
+		"syntax-before": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
+		"syntax-after": "element( <id-selector> )",
+		"comment": ""
+	},
+	"env()": {
+		"type": "modified",
+		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
+		"syntax-after": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
+		"comment": ""
+	},
+	"filter()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "filter( [ <image> | <string> ] , <filter-value-list> )",
+		"comment": ""
+	},
+	"hsl()": {
+		"type": "modified",
+		"syntax-before": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-after": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
+		"comment": ""
+	},
+	"hsla()": {
+		"type": "modified",
+		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+		"comment": ""
+	},
+	"hwb()": {
+		"type": "modified",
+		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"light-dark()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "light-dark( <color> , <color> )",
+		"comment": ""
+	},
+	"linear-gradient()": {
+		"type": "modified",
+		"syntax-before": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"linear()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "linear( <linear-stop-list> )",
+		"comment": ""
+	},
+	"media()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
+		"comment": ""
+	},
+	"oklab()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"oklch()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"palette-mix()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
+		"comment": ""
+	},
+	"radial-gradient()": {
+		"type": "modified",
+		"syntax-before": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-after": "radial-gradient( [ <radial-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"random-item()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
+		"comment": ""
+	},
+	"random()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
+		"comment": ""
+	},
+	"ray()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
+		"comment": ""
+	},
+	"repeating-conic-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-after": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"repeating-linear-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-after": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"repeating-radial-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-after": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"rgb()": {
+		"type": "modified",
+		"syntax-before": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"syntax-after": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
+		"comment": ""
+	},
+	"rgba()": {
+		"type": "modified",
+		"syntax-before": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
+		"comment": ""
+	},
+	"round()": {
+		"type": "modified",
+		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
+		"syntax-after": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
+		"comment": ""
+	},
+	"running()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "running( <custom-ident> )",
+		"comment": ""
+	},
+	"scroll()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
+		"comment": ""
+	},
+	"shape()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+		"comment": ""
+	},
+	"src()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "src( <string> <url-modifier>* )",
+		"comment": ""
+	},
+	"string()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "string( <custom-ident> , [ first | start | last | first-except ]? )",
+		"comment": ""
+	},
+	"stripes()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "stripes( <color-stripe># )",
+		"comment": ""
+	},
+	"supports()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "supports( <declaration> )",
+		"comment": ""
+	},
+	"symbols()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+		"comment": ""
+	},
+	"url()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
+		"comment": ""
+	},
+	"view()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "view( [ <axis> || <'view-timeline-inset'> ]? )",
+		"comment": ""
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
new file mode 100644
index 0000000000..f29e8ce7a8
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
@@ -0,0 +1,2369 @@
+{
+	"--*": {
+		"syntax": "<declaration-value>"
+	},
+	"-ms-accelerator": {
+		"syntax": "false | true"
+	},
+	"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": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top"
+	},
+	"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": "<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>#"
+	},
+	"appearance": {
+		"syntax": "none | auto | <compat-auto> | <compat-special>"
+	},
+	"-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"
+	},
+	"-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"
+	},
+	"aspect-ratio": {
+		"syntax": "auto || <ratio>"
+	},
+	"azimuth": {
+		"syntax": "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards"
+	},
+	"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": "<mix-blend-mode>#"
+	},
+	"background-clip": {
+		"syntax": "<visual-box>#"
+	},
+	"-moz-background-clip": {
+		"syntax": "padding | border"
+	},
+	"-webkit-background-clip": {
+		"syntax": "[ <box> | border | padding | content | text ]#"
+	},
+	"background-color": {
+		"syntax": "<color>"
+	},
+	"background-image": {
+		"syntax": "<bg-image>#"
+	},
+	"background-origin": {
+		"syntax": "<visual-box>#"
+	},
+	"background-position": {
+		"syntax": "<bg-position>#"
+	},
+	"background-position-block": {
+		"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
+	},
+	"background-position-inline": {
+		"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
+	},
+	"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-repeat-block": {
+		"syntax": "<repetition>#"
+	},
+	"background-repeat-inline": {
+		"syntax": "<repetition>#"
+	},
+	"background-repeat-x": {
+		"syntax": "<repetition>#"
+	},
+	"background-repeat-y": {
+		"syntax": "<repetition>#"
+	},
+	"background-size": {
+		"syntax": "<bg-size>#"
+	},
+	"background-tbd": {
+		"syntax": "<bg-layer>#"
+	},
+	"baseline-shift": {
+		"syntax": "<length-percentage> | sub | super | top | center | bottom"
+	},
+	"baseline-source": {
+		"syntax": "auto | first | last"
+	},
+	"behavior": {
+		"syntax": "<url>+"
+	},
+	"-moz-binding": {
+		"syntax": "<url> | none"
+	},
+	"block-ellipsis": {
+		"syntax": "none | auto | <string>"
+	},
+	"block-overflow": {
+		"syntax": "clip | ellipsis | <string>"
+	},
+	"-ms-block-progression": {
+		"syntax": "tb | rl | bt | lr"
+	},
+	"block-size": {
+		"syntax": "<'width'> | stretch | fit-content | contain"
+	},
+	"block-step": {
+		"syntax": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>"
+	},
+	"block-step-align": {
+		"syntax": "auto | center | start | end"
+	},
+	"block-step-insert": {
+		"syntax": "margin | padding"
+	},
+	"block-step-round": {
+		"syntax": "up | down | nearest"
+	},
+	"block-step-size": {
+		"syntax": "none | <length [0,∞]>"
+	},
+	"bookmark-label": {
+		"syntax": "<content-list>"
+	},
+	"bookmark-level": {
+		"syntax": "none | <integer [1,∞]>"
+	},
+	"bookmark-state": {
+		"syntax": "open | closed"
+	},
+	"border": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"-webkit-border-before": {
+		"syntax": "<'border-width'> || <'border-style'> || <color>"
+	},
+	"-webkit-border-before-color": {
+		"syntax": "<color>"
+	},
+	"-webkit-border-before-style": {
+		"syntax": "<'border-style'>"
+	},
+	"-webkit-border-before-width": {
+		"syntax": "<'border-width'>"
+	},
+	"border-block": {
+		"syntax": "<'border-block-start'>"
+	},
+	"border-block-color": {
+		"syntax": "<'border-top-color'>{1,2}"
+	},
+	"border-block-end": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-block-end-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-block-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-block-end-style": {
+		"syntax": "<line-style>"
+	},
+	"border-block-end-width": {
+		"syntax": "<line-width>"
+	},
+	"border-block-start": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-block-start-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-block-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-block-start-style": {
+		"syntax": "<line-style>"
+	},
+	"border-block-start-width": {
+		"syntax": "<line-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": "<color> | <image-1D>"
+	},
+	"-moz-border-bottom-colors": {
+		"syntax": "<color>+ | none"
+	},
+	"border-bottom-left-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-bottom-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <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-boundary": {
+		"syntax": "none | parent | display"
+	},
+	"border-clip": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-bottom": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-left": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-right": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-clip-top": {
+		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
+	},
+	"border-collapse": {
+		"syntax": "separate | collapse"
+	},
+	"border-color": {
+		"syntax": "[ <color> | <image-1D> ]{1,4}"
+	},
+	"border-end-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-end-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"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-block-start'>"
+	},
+	"border-inline-color": {
+		"syntax": "<'border-top-color'>{1,2}"
+	},
+	"border-inline-end": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-inline-end-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-inline-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-inline-end-style": {
+		"syntax": "<line-style>"
+	},
+	"border-inline-end-width": {
+		"syntax": "<line-width>"
+	},
+	"border-inline-start": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-inline-start-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"border-inline-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-inline-start-style": {
+		"syntax": "<line-style>"
+	},
+	"border-inline-start-width": {
+		"syntax": "<line-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> | <image-1D>"
+	},
+	"-moz-border-left-colors": {
+		"syntax": "<color>+ | none"
+	},
+	"border-left-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-left-style": {
+		"syntax": "<line-style>"
+	},
+	"border-left-width": {
+		"syntax": "<line-width>"
+	},
+	"border-limit": {
+		"syntax": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>"
+	},
+	"border-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"
+	},
+	"-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'>"
+	},
+	"border-right": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-right-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"-moz-border-right-colors": {
+		"syntax": "<color>+ | none"
+	},
+	"border-right-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
+	},
+	"border-right-style": {
+		"syntax": "<line-style>"
+	},
+	"border-right-width": {
+		"syntax": "<line-width>"
+	},
+	"border-spacing": {
+		"syntax": "<length>{1,2}"
+	},
+	"border-start-end-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-start-start-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-style": {
+		"syntax": "<line-style>{1,4}"
+	},
+	"border-top": {
+		"syntax": "<line-width> || <line-style> || <color>"
+	},
+	"border-top-color": {
+		"syntax": "<color> | <image-1D>"
+	},
+	"-moz-border-top-colors": {
+		"syntax": "<color>+ | none"
+	},
+	"border-top-left-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2}"
+	},
+	"border-top-radius": {
+		"syntax": "<length-percentage [0,∞]>{1,2} [ / <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>"
+	},
+	"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"
+	},
+	"-webkit-box-reflect": {
+		"syntax": "[ above | below | right | left ]? <length>? <image>?"
+	},
+	"box-shadow": {
+		"syntax": "<spread-shadow>#"
+	},
+	"box-shadow-blur": {
+		"syntax": "<length [0,∞]>#"
+	},
+	"box-shadow-color": {
+		"syntax": "<color>#"
+	},
+	"box-shadow-offset": {
+		"syntax": "[ none | <length>{2} ]#"
+	},
+	"box-shadow-position": {
+		"syntax": "[ outset | inset ]#"
+	},
+	"box-shadow-spread": {
+		"syntax": "<length>#"
+	},
+	"box-sizing": {
+		"syntax": "content-box | border-box"
+	},
+	"box-snap": {
+		"syntax": "none | block-start | block-end | center | baseline | last-baseline"
+	},
+	"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": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none"
+	},
+	"clip": {
+		"syntax": "<rect()> | auto"
+	},
+	"clip-path": {
+		"syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none"
+	},
+	"clip-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"color": {
+		"syntax": "<color>"
+	},
+	"color-adjust": {
+		"syntax": "<'print-color-adjust'>"
+	},
+	"color-interpolation": {
+		"syntax": "auto | sRGB | linearRGB"
+	},
+	"color-interpolation-filters": {
+		"syntax": "auto | sRGB | linearRGB"
+	},
+	"color-scheme": {
+		"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?"
+	},
+	"-webkit-column-break-after": {
+		"syntax": "always | auto | avoid"
+	},
+	"-webkit-column-break-before": {
+		"syntax": "always | auto | avoid"
+	},
+	"-webkit-column-break-inside": {
+		"syntax": "always | auto | avoid"
+	},
+	"column-count": {
+		"syntax": "auto | <integer [1,∞]>"
+	},
+	"column-fill": {
+		"syntax": "auto | balance | balance-all"
+	},
+	"column-gap": {
+		"syntax": "normal | <length-percentage [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": "<length> | auto | min-content | max-content | fit-content( <length-percentage> )"
+	},
+	"columns": {
+		"syntax": "<'column-width'> || <'column-count'>"
+	},
+	"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"
+	},
+	"content": {
+		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]? | <element()>"
+	},
+	"content-visibility": {
+		"syntax": "visible | auto | hidden"
+	},
+	"-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"
+	},
+	"-moz-context-properties": {
+		"syntax": "none | [ fill | fill-opacity | stroke | stroke-opacity ]#"
+	},
+	"continue": {
+		"syntax": "overflow | paginate | fragments"
+	},
+	"-moz-control-character-visibility": {
+		"syntax": "visible | hidden"
+	},
+	"copy-into": {
+		"syntax": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?"
+	},
+	"corner-shape": {
+		"syntax": "[ round | angle ]{1,4}"
+	},
+	"corners": {
+		"syntax": "<'corner-shape'> || <'border-radius'>"
+	},
+	"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"
+	},
+	"cue": {
+		"syntax": "<'cue-before'> <'cue-after'>?"
+	},
+	"cue-after": {
+		"syntax": "<uri> <decibel>? | none"
+	},
+	"cue-before": {
+		"syntax": "<uri> <decibel>? | none"
+	},
+	"cursor": {
+		"syntax": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]"
+	},
+	"cx": {
+		"syntax": "<length-percentage>"
+	},
+	"cy": {
+		"syntax": "<length-percentage>"
+	},
+	"d": {
+		"syntax": "none | <string>"
+	},
+	"direction": {
+		"syntax": "ltr | rtl"
+	},
+	"display": {
+		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | <display-outside> || [ <display-inside> | math ]"
+	},
+	"dominant-baseline": {
+		"syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top"
+	},
+	"dynamic-range-limit": {
+		"syntax": "standard | high | constrained-high"
+	},
+	"empty-cells": {
+		"syntax": "show | hide"
+	},
+	"field-sizing": {
+		"syntax": "fixed | content"
+	},
+	"fill": {
+		"syntax": "<paint>"
+	},
+	"fill-break": {
+		"syntax": "bounding-box | slice | clone"
+	},
+	"fill-color": {
+		"syntax": "<color>"
+	},
+	"fill-image": {
+		"syntax": "<paint>#"
+	},
+	"fill-opacity": {
+		"syntax": "<'opacity'>"
+	},
+	"fill-origin": {
+		"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box"
+	},
+	"fill-position": {
+		"syntax": "<position>#"
+	},
+	"fill-repeat": {
+		"syntax": "<repeat-style>#"
+	},
+	"fill-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"fill-size": {
+		"syntax": "<bg-size>#"
+	},
+	"filter": {
+		"syntax": "none | <filter-value-list>"
+	},
+	"-ms-filter": {
+		"syntax": "<string>"
+	},
+	"flex": {
+		"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"
+	},
+	"-ms-flex-align": {
+		"syntax": "start | end | center | baseline | stretch"
+	},
+	"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 [0,∞]>"
+	},
+	"-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-order": {
+		"syntax": "<integer>"
+	},
+	"-ms-flex-pack": {
+		"syntax": "start | end | center | justify | distribute"
+	},
+	"-ms-flex-positive": {
+		"syntax": "<'flex-grow'>"
+	},
+	"-ms-flex-preferred-size": {
+		"syntax": "<'flex-basis'>"
+	},
+	"flex-shrink": {
+		"syntax": "<number [0,∞]>"
+	},
+	"flex-wrap": {
+		"syntax": "nowrap | wrap | wrap-reverse"
+	},
+	"float": {
+		"syntax": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none"
+	},
+	"float-defer": {
+		"syntax": "<integer> | last | none"
+	},
+	"-moz-float-edge": {
+		"syntax": "border-box | content-box | margin-box | padding-box"
+	},
+	"float-offset": {
+		"syntax": "<length> | <percentage>"
+	},
+	"float-reference": {
+		"syntax": "inline | column | region | page"
+	},
+	"flood-color": {
+		"syntax": "<color>"
+	},
+	"flood-opacity": {
+		"syntax": "<'opacity'>"
+	},
+	"flow-from": {
+		"syntax": "<ident> | none"
+	},
+	"-ms-flow-from": {
+		"syntax": "[ none | <custom-ident> ]#"
+	},
+	"flow-into": {
+		"syntax": "none | <ident> [ element | content ]?"
+	},
+	"-ms-flow-into": {
+		"syntax": "[ none | <custom-ident> ]#"
+	},
+	"font": {
+		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>"
+	},
+	"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 | <number [0,∞]>"
+	},
+	"font-smooth": {
+		"syntax": "auto | never | always | <absolute-size> | <length>"
+	},
+	"-webkit-font-smoothing": {
+		"syntax": "auto | none | antialiased | subpixel-antialiased"
+	},
+	"font-stretch": {
+		"syntax": "<font-stretch-absolute>"
+	},
+	"font-style": {
+		"syntax": "normal | italic | oblique <angle [-90deg,90deg]>?"
+	},
+	"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> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]"
+	},
+	"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 | [ <opentype-tag> <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"
+	},
+	"footnote-display": {
+		"syntax": "block | inline | compact"
+	},
+	"footnote-policy": {
+		"syntax": "auto | line | block"
+	},
+	"-moz-force-broken-image-icon": {
+		"syntax": "0 | 1"
+	},
+	"forced-color-adjust": {
+		"syntax": "auto | none | preserve-parent-color"
+	},
+	"gap": {
+		"syntax": "<'row-gap'> <'column-gap'>?"
+	},
+	"glyph-orientation-horizontal": {
+		"syntax": "<angle>"
+	},
+	"glyph-orientation-vertical": {
+		"syntax": "auto | 0deg | 90deg | 0 | 90"
+	},
+	"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> ]?"
+	},
+	"-ms-grid-column-align": {
+		"syntax": "start | end | center | stretch"
+	},
+	"grid-column-end": {
+		"syntax": "<grid-line>"
+	},
+	"grid-column-gap": {
+		"syntax": "<length-percentage>"
+	},
+	"grid-column-start": {
+		"syntax": "<grid-line>"
+	},
+	"-ms-grid-columns": {
+		"syntax": "none | <track-list> | <auto-track-list>"
+	},
+	"grid-gap": {
+		"syntax": "<'grid-row-gap'> <'grid-column-gap'>?"
+	},
+	"grid-row": {
+		"syntax": "<grid-line> [ / <grid-line> ]?"
+	},
+	"-ms-grid-row-align": {
+		"syntax": "start | end | center | stretch"
+	},
+	"grid-row-end": {
+		"syntax": "<grid-line>"
+	},
+	"grid-row-gap": {
+		"syntax": "<length-percentage>"
+	},
+	"grid-row-start": {
+		"syntax": "<grid-line>"
+	},
+	"-ms-grid-rows": {
+		"syntax": "none | <track-list> | <auto-track-list>"
+	},
+	"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( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"-ms-high-contrast-adjust": {
+		"syntax": "auto | none"
+	},
+	"hyphenate-character": {
+		"syntax": "auto | <string>"
+	},
+	"hyphenate-limit-chars": {
+		"syntax": "[ auto | <integer> ]{1,3}"
+	},
+	"-ms-hyphenate-limit-chars": {
+		"syntax": "auto | <integer>{1,3}"
+	},
+	"hyphenate-limit-last": {
+		"syntax": "none | always | column | page | spread"
+	},
+	"-ms-hyphenate-limit-last": {
+		"syntax": "none | always | column | page | spread"
+	},
+	"hyphenate-limit-lines": {
+		"syntax": "no-limit | <integer>"
+	},
+	"-ms-hyphenate-limit-lines": {
+		"syntax": "no-limit | <integer>"
+	},
+	"hyphenate-limit-zone": {
+		"syntax": "<length-percentage>"
+	},
+	"-ms-hyphenate-limit-zone": {
+		"syntax": "<percentage> | <length>"
+	},
+	"hyphens": {
+		"syntax": "none | manual | auto"
+	},
+	"image-orientation": {
+		"syntax": "from-image | none | [ <angle> || flip ]"
+	},
+	"-moz-image-region": {
+		"syntax": "<shape> | auto"
+	},
+	"image-rendering": {
+		"syntax": "auto | smooth | high-quality | pixelated | crisp-edges"
+	},
+	"image-resolution": {
+		"syntax": "[ from-image || <resolution> ] && snap?"
+	},
+	"-ms-ime-align": {
+		"syntax": "auto | after"
+	},
+	"ime-mode": {
+		"syntax": "auto | normal | active | inactive | disabled"
+	},
+	"initial-letter": {
+		"syntax": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?"
+	},
+	"initial-letter-align": {
+		"syntax": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!"
+	},
+	"initial-letter-wrap": {
+		"syntax": "none | first | all | grid | <length-percentage>"
+	},
+	"inline-size": {
+		"syntax": "<'width'> | stretch | fit-content | contain"
+	},
+	"inline-sizing": {
+		"syntax": "normal | stretch"
+	},
+	"input-security": {
+		"syntax": "auto | none"
+	},
+	"inset": {
+		"syntax": "<'top'>{1,4}"
+	},
+	"inset-block": {
+		"syntax": "<'top'>{1,2}"
+	},
+	"inset-block-end": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-block-start": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-inline": {
+		"syntax": "<'top'>{1,2}"
+	},
+	"inset-inline-end": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"inset-inline-start": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"interpolate-size": {
+		"syntax": "numeric-only | allow-keywords"
+	},
+	"-ms-interpolation-mode": {
+		"syntax": "nearest-neighbor | bicubic"
+	},
+	"isolation": {
+		"syntax": "<isolation-mode>"
+	},
+	"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 ] ]#"
+	},
+	"kerning": {
+		"syntax": "auto | <svg-length>"
+	},
+	"left": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"letter-spacing": {
+		"syntax": "normal | <length>"
+	},
+	"lighting-color": {
+		"syntax": "<color>"
+	},
+	"line-break": {
+		"syntax": "auto | loose | normal | strict | anywhere"
+	},
+	"line-clamp": {
+		"syntax": "none | <integer [1,∞]> || <'block-ellipsis'>"
+	},
+	"-webkit-line-clamp": {
+		"syntax": "none | <integer [1,∞]>"
+	},
+	"line-fit-edge": {
+		"syntax": "leading | <text-edge>"
+	},
+	"line-grid": {
+		"syntax": "match-parent | create"
+	},
+	"line-height": {
+		"syntax": "normal | <number [0,∞]> | <length-percentage [0,∞]>"
+	},
+	"line-height-step": {
+		"syntax": "<length [0,∞]>"
+	},
+	"line-padding": {
+		"syntax": "<length>"
+	},
+	"line-snap": {
+		"syntax": "none | baseline | contain"
+	},
+	"link-parameters": {
+		"syntax": "none | <link-param>+"
+	},
+	"list-style": {
+		"syntax": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>"
+	},
+	"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"
+	},
+	"margin-break": {
+		"syntax": "auto | keep | discard"
+	},
+	"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"
+	},
+	"margin-right": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"margin-top": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"margin-trim": {
+		"syntax": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]"
+	},
+	"marker": {
+		"syntax": "none | <marker-ref>"
+	},
+	"marker-end": {
+		"syntax": "none | <marker-ref>"
+	},
+	"marker-mid": {
+		"syntax": "none | <marker-ref>"
+	},
+	"marker-side": {
+		"syntax": "match-self | match-parent"
+	},
+	"marker-start": {
+		"syntax": "none | <marker-ref>"
+	},
+	"mask": {
+		"syntax": "<mask-layer>#"
+	},
+	"-webkit-mask": {
+		"syntax": "[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#"
+	},
+	"-webkit-mask-attachment": {
+		"syntax": "<attachment>#"
+	},
+	"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}"
+	},
+	"-webkit-mask-box-image": {
+		"syntax": "[ <url> | <gradient> | none ] [ <length-percentage>{4} <-webkit-mask-box-repeat>{2} ]?"
+	},
+	"mask-clip": {
+		"syntax": "[ <coord-box> | no-clip ]#"
+	},
+	"-webkit-mask-clip": {
+		"syntax": "[ <box> | border | padding | content | text ]#"
+	},
+	"mask-composite": {
+		"syntax": "<compositing-operator>#"
+	},
+	"-webkit-mask-composite": {
+		"syntax": "<composite-style>#"
+	},
+	"mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"-webkit-mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"mask-mode": {
+		"syntax": "<masking-mode>#"
+	},
+	"mask-origin": {
+		"syntax": "<coord-box>#"
+	},
+	"-webkit-mask-origin": {
+		"syntax": "[ <box> | border | padding | content ]#"
+	},
+	"mask-position": {
+		"syntax": "<position>#"
+	},
+	"-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 ]#"
+	},
+	"mask-repeat": {
+		"syntax": "<repeat-style>#"
+	},
+	"-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"
+	},
+	"mask-size": {
+		"syntax": "<bg-size>#"
+	},
+	"-webkit-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'> | stretch | fit-content | contain"
+	},
+	"max-height": {
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"max-inline-size": {
+		"syntax": "<'max-width'> | stretch | fit-content | contain"
+	},
+	"max-lines": {
+		"syntax": "none | <integer [1,∞]>"
+	},
+	"max-width": {
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"min-block-size": {
+		"syntax": "<'min-width'> | stretch | fit-content | contain"
+	},
+	"min-height": {
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"min-inline-size": {
+		"syntax": "<'min-width'> | stretch | fit-content | contain"
+	},
+	"min-intrinsic-sizing": {
+		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
+	},
+	"min-width": {
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"mix-blend-mode": {
+		"syntax": "<blend-mode> | plus-darker | plus-lighter"
+	},
+	"nav-down": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"nav-left": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"nav-right": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"nav-up": {
+		"syntax": "auto | <id> [ current | root | <target-name> ]?"
+	},
+	"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>"
+	},
+	"-moz-orient": {
+		"syntax": "inline | block | horizontal | vertical"
+	},
+	"orphans": {
+		"syntax": "<integer [1,∞]>"
+	},
+	"-moz-osx-font-smoothing": {
+		"syntax": "auto | grayscale"
+	},
+	"outline": {
+		"syntax": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]"
+	},
+	"outline-color": {
+		"syntax": "auto | [ <color> | <image-1D> ]"
+	},
+	"outline-offset": {
+		"syntax": "<length>"
+	},
+	"-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>"
+	},
+	"outline-style": {
+		"syntax": "auto | <outline-line-style>"
+	},
+	"outline-width": {
+		"syntax": "<line-width>"
+	},
+	"overflow": {
+		"syntax": "<'overflow-block'>{1,2}"
+	},
+	"overflow-anchor": {
+		"syntax": "auto | none"
+	},
+	"overflow-block": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-clip-box": {
+		"syntax": "padding-box | content-box"
+	},
+	"overflow-clip-margin": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-block": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-block-end": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-block-start": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-bottom": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-inline": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-inline-end": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-inline-start": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-left": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-right": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-clip-margin-top": {
+		"syntax": "<visual-box> || <length [0,∞]>"
+	},
+	"overflow-inline": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"-webkit-overflow-scrolling": {
+		"syntax": "auto | touch"
+	},
+	"-ms-overflow-style": {
+		"syntax": "auto | none | scrollbar | -ms-autohiding-scrollbar"
+	},
+	"overflow-wrap": {
+		"syntax": "normal | break-word | anywhere"
+	},
+	"overflow-x": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"overflow-y": {
+		"syntax": "visible | hidden | clip | scroll | auto"
+	},
+	"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 | inherit"
+	},
+	"page-break-before": {
+		"syntax": "auto | always | avoid | left | right | inherit"
+	},
+	"page-break-inside": {
+		"syntax": "avoid | auto | inherit"
+	},
+	"paint-order": {
+		"syntax": "normal | [ fill || stroke || markers ]"
+	},
+	"pause": {
+		"syntax": "<'pause-before'> <'pause-after'>?"
+	},
+	"pause-after": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"pause-before": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"perspective": {
+		"syntax": "none | <length [0,∞]>"
+	},
+	"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 | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none"
+	},
+	"position": {
+		"syntax": "static | relative | absolute | sticky | fixed"
+	},
+	"position-anchor": {
+		"syntax": "auto | <anchor-element>"
+	},
+	"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"
+	},
+	"-webkit-print-color-adjust": {
+		"syntax": "economy | exact"
+	},
+	"quotes": {
+		"syntax": "auto | none | match-parent | [ <string> <string> ]+"
+	},
+	"r": {
+		"syntax": "<length-percentage>"
+	},
+	"reading-flow": {
+		"syntax": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order"
+	},
+	"region-fragment": {
+		"syntax": "auto | break"
+	},
+	"resize": {
+		"syntax": "none | both | horizontal | vertical | block | inline"
+	},
+	"rest": {
+		"syntax": "<'rest-before'> <'rest-after'>?"
+	},
+	"rest-after": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"rest-before": {
+		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
+	},
+	"right": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"rotate": {
+		"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>"
+	},
+	"row-gap": {
+		"syntax": "normal | <length-percentage [0,∞]>"
+	},
+	"ruby-align": {
+		"syntax": "start | center | space-between | space-around"
+	},
+	"ruby-merge": {
+		"syntax": "separate | merge | auto"
+	},
+	"ruby-overhang": {
+		"syntax": "auto | none"
+	},
+	"ruby-position": {
+		"syntax": "[ alternate || [ over | under ] ] | inter-character"
+	},
+	"rx": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"ry": {
+		"syntax": "<length-percentage> | auto"
+	},
+	"scale": {
+		"syntax": "none | [ <number> | <percentage> ]{1,3}"
+	},
+	"scroll-behavior": {
+		"syntax": "auto | smooth"
+	},
+	"-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>"
+	},
+	"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": "<length>"
+	},
+	"scroll-margin-inline": {
+		"syntax": "<length>{1,2}"
+	},
+	"scroll-margin-inline-end": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-inline-start": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-left": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-right": {
+		"syntax": "<length>"
+	},
+	"scroll-margin-top": {
+		"syntax": "<length>"
+	},
+	"scroll-marker-group": {
+		"syntax": "none | before | after"
+	},
+	"scroll-padding": {
+		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,4}"
+	},
+	"scroll-padding-block": {
+		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
+	},
+	"scroll-padding-block-end": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-block-start": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-bottom": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-inline": {
+		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
+	},
+	"scroll-padding-inline-end": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-inline-start": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-left": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-right": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"scroll-padding-top": {
+		"syntax": "auto | <length-percentage [0,∞]>"
+	},
+	"-ms-scroll-rails": {
+		"syntax": "none | railed"
+	},
+	"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> )"
+	},
+	"-ms-scroll-snap-points-x": {
+		"syntax": "snapInterval( <length-percentage> , <length-percentage> ) | snapList( <length-percentage># )"
+	},
+	"scroll-snap-points-y": {
+		"syntax": "none | repeat( <length-percentage> )"
+	},
+	"-ms-scroll-snap-points-y": {
+		"syntax": "snapInterval( <length-percentage> , <length-percentage> ) | snapList( <length-percentage># )"
+	},
+	"scroll-snap-stop": {
+		"syntax": "normal | always"
+	},
+	"scroll-snap-type": {
+		"syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?"
+	},
+	"-ms-scroll-snap-type": {
+		"syntax": "none | proximity | mandatory"
+	},
+	"scroll-snap-type-x": {
+		"syntax": "none | mandatory | proximity"
+	},
+	"scroll-snap-type-y": {
+		"syntax": "none | mandatory | proximity"
+	},
+	"-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'>"
+	},
+	"scroll-start-target": {
+		"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> ]#"
+	},
+	"-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>"
+	},
+	"scrollbar-color": {
+		"syntax": "auto | <color>{2}"
+	},
+	"-ms-scrollbar-darkshadow-color": {
+		"syntax": "<color>"
+	},
+	"-ms-scrollbar-face-color": {
+		"syntax": "<color>"
+	},
+	"scrollbar-gutter": {
+		"syntax": "auto | stable && both-edges?"
+	},
+	"-ms-scrollbar-highlight-color": {
+		"syntax": "<color>"
+	},
+	"-ms-scrollbar-shadow-color": {
+		"syntax": "<color>"
+	},
+	"-ms-scrollbar-track-color": {
+		"syntax": "<color>"
+	},
+	"scrollbar-width": {
+		"syntax": "auto | thin | none"
+	},
+	"shape-image-threshold": {
+		"syntax": "<opacity-value>"
+	},
+	"shape-inside": {
+		"syntax": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display"
+	},
+	"shape-margin": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"shape-outside": {
+		"syntax": "none | [ <basic-shape> || <shape-box> ] | <image>"
+	},
+	"shape-padding": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"shape-rendering": {
+		"syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision"
+	},
+	"shape-subtract": {
+		"syntax": "none | [ <basic-shape> | <uri> ]+"
+	},
+	"spatial-navigation-action": {
+		"syntax": "auto | focus | scroll"
+	},
+	"spatial-navigation-contain": {
+		"syntax": "auto | contain"
+	},
+	"spatial-navigation-function": {
+		"syntax": "normal | grid"
+	},
+	"speak": {
+		"syntax": "auto | never | always"
+	},
+	"speak-as": {
+		"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
+	},
+	"src": {
+		"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
+	},
+	"-moz-stack-sizing": {
+		"syntax": "ignore | stretch-to-fit"
+	},
+	"string-set": {
+		"syntax": "none | [ <custom-ident> <string>+ ]#"
+	},
+	"stroke": {
+		"syntax": "<paint>"
+	},
+	"stroke-align": {
+		"syntax": "center | inset | outset"
+	},
+	"stroke-alignment": {
+		"syntax": "center | inner | outer"
+	},
+	"stroke-break": {
+		"syntax": "bounding-box | slice | clone"
+	},
+	"stroke-color": {
+		"syntax": "<color>#"
+	},
+	"stroke-dash-corner": {
+		"syntax": "none | <length>"
+	},
+	"stroke-dash-justify": {
+		"syntax": "none | [ stretch | compress ] || [ dashes || gaps ]"
+	},
+	"stroke-dashadjust": {
+		"syntax": "none | [ stretch | compress ] [ dashes | gaps ]?"
+	},
+	"stroke-dasharray": {
+		"syntax": "none | [ <length-percentage> | <number> ]+#"
+	},
+	"stroke-dashcorner": {
+		"syntax": "none | <length>"
+	},
+	"stroke-dashoffset": {
+		"syntax": "<length-percentage> | <number>"
+	},
+	"stroke-image": {
+		"syntax": "<paint>#"
+	},
+	"stroke-linecap": {
+		"syntax": "butt | round | square"
+	},
+	"stroke-linejoin": {
+		"syntax": "[ crop | arcs | miter ] || [ bevel | round | fallback ]"
+	},
+	"stroke-miterlimit": {
+		"syntax": "<number>"
+	},
+	"stroke-opacity": {
+		"syntax": "<'opacity'>"
+	},
+	"stroke-origin": {
+		"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box"
+	},
+	"stroke-position": {
+		"syntax": "<position>#"
+	},
+	"stroke-repeat": {
+		"syntax": "<repeat-style>#"
+	},
+	"stroke-size": {
+		"syntax": "<bg-size>#"
+	},
+	"stroke-width": {
+		"syntax": "[ <length-percentage> | <number> ]#"
+	},
+	"tab-size": {
+		"syntax": "<number [0,∞]> | <length [0,∞]>"
+	},
+	"table-layout": {
+		"syntax": "auto | fixed"
+	},
+	"-webkit-tap-highlight-color": {
+		"syntax": "<color>"
+	},
+	"text-align": {
+		"syntax": "start | end | left | right | center | justify | match-parent | justify-all"
+	},
+	"text-align-all": {
+		"syntax": "start | end | left | right | center | justify | match-parent"
+	},
+	"text-align-last": {
+		"syntax": "auto | start | end | left | right | center | justify | match-parent"
+	},
+	"text-anchor": {
+		"syntax": "start | middle | end"
+	},
+	"text-autospace": {
+		"syntax": "normal | <autospace> | auto"
+	},
+	"-ms-text-autospace": {
+		"syntax": "none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space"
+	},
+	"-moz-text-blink": {
+		"syntax": "none | blink"
+	},
+	"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 [2,4]>? ]"
+	},
+	"text-decoration": {
+		"syntax": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>"
+	},
+	"text-decoration-color": {
+		"syntax": "<color>"
+	},
+	"text-decoration-line": {
+		"syntax": "none | [ underline || overline || line-through || blink ]"
+	},
+	"text-decoration-skip": {
+		"syntax": "none | auto"
+	},
+	"text-decoration-skip-box": {
+		"syntax": "none | all"
+	},
+	"text-decoration-skip-ink": {
+		"syntax": "auto | none | all"
+	},
+	"text-decoration-skip-self": {
+		"syntax": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip"
+	},
+	"text-decoration-skip-spaces": {
+		"syntax": "none | all | [ start || end ]"
+	},
+	"text-decoration-style": {
+		"syntax": "solid | double | dotted | dashed | wavy"
+	},
+	"text-decoration-thickness": {
+		"syntax": "auto | from-font | <length-percentage>"
+	},
+	"text-decoration-trim": {
+		"syntax": "<length>{1,2} | auto"
+	},
+	"text-emphasis": {
+		"syntax": "<'text-emphasis-style'> || <'text-emphasis-color'>"
+	},
+	"text-emphasis-color": {
+		"syntax": "<color>"
+	},
+	"text-emphasis-position": {
+		"syntax": "[ over | under ] && [ right | left ]?"
+	},
+	"text-emphasis-skip": {
+		"syntax": "spaces || punctuation || symbols || narrow"
+	},
+	"text-emphasis-style": {
+		"syntax": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>"
+	},
+	"-webkit-text-fill-color": {
+		"syntax": "<color>"
+	},
+	"text-group-align": {
+		"syntax": "none | start | end | left | right | center"
+	},
+	"text-indent": {
+		"syntax": "[ <length-percentage> ] && hanging? && each-line?"
+	},
+	"text-justify": {
+		"syntax": "auto | none | inter-word | inter-character"
+	},
+	"text-orientation": {
+		"syntax": "mixed | upright | sideways"
+	},
+	"text-overflow": {
+		"syntax": "clip | ellipsis"
+	},
+	"text-rendering": {
+		"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision"
+	},
+	"-webkit-text-security": {
+		"syntax": "none | circle | disc | square"
+	},
+	"text-shadow": {
+		"syntax": "none | [ <color>? && <length>{2,3} ]#"
+	},
+	"text-size-adjust": {
+		"syntax": "auto | none | <percentage [0,∞]>"
+	},
+	"text-spacing": {
+		"syntax": "none | auto | <spacing-trim> || <autospace>"
+	},
+	"text-spacing-trim": {
+		"syntax": "<spacing-trim> | auto"
+	},
+	"-webkit-text-stroke": {
+		"syntax": "<line-width> || <color>"
+	},
+	"-webkit-text-stroke-color": {
+		"syntax": "<color>"
+	},
+	"-webkit-text-stroke-width": {
+		"syntax": "<line-width>"
+	},
+	"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 | [ 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 | all | <dashed-ident>#"
+	},
+	"top": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"touch-action": {
+		"syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation"
+	},
+	"-webkit-touch-callout": {
+		"syntax": "default | none"
+	},
+	"-ms-touch-select": {
+		"syntax": "grippers | none"
+	},
+	"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 [0s,∞]>#"
+	},
+	"transition-property": {
+		"syntax": "none | <single-transition-property>#"
+	},
+	"transition-timing-function": {
+		"syntax": "<easing-function>#"
+	},
+	"translate": {
+		"syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?"
+	},
+	"unicode-bidi": {
+		"syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext"
+	},
+	"unicode-range": {
+		"syntax": "<urange>#"
+	},
+	"-webkit-user-drag": {
+		"syntax": "none | element | auto"
+	},
+	"-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"
+	},
+	"-webkit-user-modify": {
+		"syntax": "read-only | read-write | read-write-plaintext-only"
+	},
+	"user-select": {
+		"syntax": "auto | text | none | contain | all"
+	},
+	"-moz-user-select": {
+		"syntax": "none | text | all | -moz-none"
+	},
+	"-ms-user-select": {
+		"syntax": "none | element | text"
+	},
+	"-webkit-user-select": {
+		"syntax": "auto | none | text | all"
+	},
+	"vector-effect": {
+		"syntax": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position"
+	},
+	"vertical-align": {
+		"syntax": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>"
+	},
+	"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-group": {
+		"syntax": "normal | contain | nearest | <custom-ident>"
+	},
+	"view-transition-name": {
+		"syntax": "none | <custom-ident>"
+	},
+	"visibility": {
+		"syntax": "visible | hidden | collapse"
+	},
+	"voice-balance": {
+		"syntax": "<number> | left | center | right | leftwards | rightwards"
+	},
+	"voice-duration": {
+		"syntax": "auto | <time [0s,∞]>"
+	},
+	"voice-family": {
+		"syntax": "[ [ <family-name> | <generic-voice> ] , ]* [ <family-name> | <generic-voice> ] | preserve"
+	},
+	"voice-pitch": {
+		"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
+	},
+	"voice-range": {
+		"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
+	},
+	"voice-rate": {
+		"syntax": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>"
+	},
+	"voice-stress": {
+		"syntax": "normal | strong | moderate | none | reduced"
+	},
+	"voice-volume": {
+		"syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"
+	},
+	"white-space": {
+		"syntax": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line"
+	},
+	"white-space-collapse": {
+		"syntax": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces"
+	},
+	"white-space-trim": {
+		"syntax": "none | discard-before || discard-after || discard-inner"
+	},
+	"widows": {
+		"syntax": "<integer [1,∞]>"
+	},
+	"width": {
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+	},
+	"will-change": {
+		"syntax": "auto | <animateable-feature>#"
+	},
+	"-moz-window-dragging": {
+		"syntax": "drag | no-drag"
+	},
+	"-moz-window-shadow": {
+		"syntax": "default | menu | tooltip | sheet | none"
+	},
+	"word-break": {
+		"syntax": "normal | keep-all | break-all | break-word"
+	},
+	"word-space-transform": {
+		"syntax": "none | [ space | ideographic-space ] && auto-phrase?"
+	},
+	"word-spacing": {
+		"syntax": "normal | <length>"
+	},
+	"word-wrap": {
+		"syntax": "normal | break-word | anywhere"
+	},
+	"wrap-after": {
+		"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex"
+	},
+	"wrap-before": {
+		"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex"
+	},
+	"wrap-flow": {
+		"syntax": "auto | both | start | end | minimum | maximum | clear"
+	},
+	"-ms-wrap-flow": {
+		"syntax": "auto | both | start | end | maximum | clear"
+	},
+	"wrap-inside": {
+		"syntax": "auto | avoid"
+	},
+	"-ms-wrap-margin": {
+		"syntax": "<length>"
+	},
+	"wrap-through": {
+		"syntax": "wrap | none"
+	},
+	"-ms-wrap-through": {
+		"syntax": "wrap | none"
+	},
+	"writing-mode": {
+		"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr"
+	},
+	"x": {
+		"syntax": "<length-percentage>"
+	},
+	"y": {
+		"syntax": "<length-percentage>"
+	},
+	"z-index": {
+		"syntax": "auto | <integer> | inherit"
+	},
+	"zoom": {
+		"syntax": "<number [0,∞]> || <percentage [0,∞]>"
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
new file mode 100644
index 0000000000..0ef9dcbb6e
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -0,0 +1,2042 @@
+{
+	"<anchor-element>": {
+		"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"
+	},
+	"<angle-percentage>": {
+		"syntax": "[ <angle> | <percentage> ]"
+	},
+	"<angular-color-hint>": {
+		"syntax": "<angle-percentage>"
+	},
+	"<angular-color-stop-list>": {
+		"syntax": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?"
+	},
+	"<angular-color-stop>": {
+		"syntax": "<color> <color-stop-angle>?"
+	},
+	"<animateable-feature>": {
+		"syntax": "scroll-position | contents | <custom-ident>"
+	},
+	"<attachment>": {
+		"syntax": "scroll | fixed | local"
+	},
+	"<attr-matcher>": {
+		"syntax": "[ '~' | '|' | '^' | '$' | '*' ]? '='"
+	},
+	"<attr-modifier>": {
+		"syntax": "i | s"
+	},
+	"<attr-name>": {
+		"syntax": "[ <ident-token> '|' ]? <ident-token>"
+	},
+	"<attr-type>": {
+		"syntax": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-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> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"
+	},
+	"<autospace>": {
+		"syntax": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]"
+	},
+	"<axis>": {
+		"syntax": "block | inline | x | y"
+	},
+	"<baseline-position>": {
+		"syntax": "[ first | last ]? && baseline"
+	},
+	"<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": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
+	},
+	"<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"
+	},
+	"<bool-and>": {
+		"syntax": "and <bool-in-parens>"
+	},
+	"<bool-in-parens>": {
+		"syntax": "( <boolean> ) | <bool-test> | <general-enclosed>"
+	},
+	"<bool-not>": {
+		"syntax": "not <bool-in-parens>"
+	},
+	"<bool-or>": {
+		"syntax": "or <bool-in-parens>"
+	},
+	"<boolean-without-or>": {
+		"syntax": "<bool-not> | <bool-in-parens> <bool-and>*"
+	},
+	"<boolean>": {
+		"syntax": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]"
+	},
+	"<calc-keyword>": {
+		"syntax": "e | pi | infinity | -infinity | NaN"
+	},
+	"<calc-mix()>": {
+		"syntax": "calc-mix( <progress> , <calc-sum> , <calc-sum> )"
+	},
+	"<calc-product>": {
+		"syntax": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*"
+	},
+	"<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-keyword> | ( <calc-sum> )"
+	},
+	"<cf-image>": {
+		"syntax": "[ <image> | <color> ] && <percentage [0,100]>?"
+	},
+	"<class-selector>": {
+		"syntax": "'.' <ident-token>"
+	},
+	"<clip-source>": {
+		"syntax": "<url>"
+	},
+	"<cmyk-component>": {
+		"syntax": "<number> | <percentage> | none"
+	},
+	"<color-base>": {
+		"syntax": "<hex-color> | <color-function> | <named-color> | transparent"
+	},
+	"<color-font-tech>": {
+		"syntax": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]"
+	},
+	"<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>? ]"
+	},
+	"<color-space>": {
+		"syntax": "<rectangular-color-space> | <polar-color-space>"
+	},
+	"<color-stop-angle>": {
+		"syntax": "<angle-percentage>{1,2}"
+	},
+	"<color-stop-length>": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"<color-stop-list>": {
+		"syntax": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?"
+	},
+	"<color-stop>": {
+		"syntax": "<color-stop-length> | <color-stop-angle>"
+	},
+	"<color-stripe>": {
+		"syntax": "<color> && [ <length-percentage> | <flex> ]?"
+	},
+	"<color>": {
+		"syntax": "<color-base> | currentColor | <system-color>"
+	},
+	"<colorspace-params>": {
+		"syntax": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]"
+	},
+	"<combinator>": {
+		"syntax": "'>' | '+' | '~' | [ '|' '|' ]"
+	},
+	"<common-lig-values>": {
+		"syntax": "[ common-ligatures | no-common-ligatures ]"
+	},
+	"<complex-real-selector-list>": {
+		"syntax": "<complex-real-selector>#"
+	},
+	"<complex-real-selector>": {
+		"syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
+	},
+	"<complex-selector-list>": {
+		"syntax": "<complex-selector>#"
+	},
+	"<complex-selector-unit>": {
+		"syntax": "[ <compound-selector>? <pseudo-compound-selector>* ]!"
+	},
+	"<complex-selector>": {
+		"syntax": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*"
+	},
+	"<composite-mode>": {
+		"syntax": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter"
+	},
+	"<compositing-operator>": {
+		"syntax": "add | subtract | intersect | exclude"
+	},
+	"<compound-selector-list>": {
+		"syntax": "<compound-selector>#"
+	},
+	"<compound-selector>": {
+		"syntax": "[ <type-selector>? <subclass-selector>* ]!"
+	},
+	"<conic-gradient-syntax>": {
+		"syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>"
+	},
+	"<container-condition>": {
+		"syntax": "[ <container-name> ]? <container-query>"
+	},
+	"<container-name>": {
+		"syntax": "<custom-ident>"
+	},
+	"<container-progress()>": {
+		"syntax": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )"
+	},
+	"<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-level>": {
+		"syntax": "element | content | text | <attr()> | <counter>"
+	},
+	"<content-list>": {
+		"syntax": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+"
+	},
+	"<content-position>": {
+		"syntax": "center | start | end | flex-start | flex-end"
+	},
+	"<contextual-alt-values>": {
+		"syntax": "[ contextual | no-contextual ]"
+	},
+	"<coord-box>": {
+		"syntax": "<paint-box> | view-box"
+	},
+	"<counter-style>": {
+		"syntax": "<counter-style-name> | <symbols()>"
+	},
+	"<counter>": {
+		"syntax": "<counter()> | <counters()>"
+	},
+	"<css-type>": {
+		"syntax": "<syntax-component> | <type()>"
+	},
+	"<cubic-bezier-easing-function>": {
+		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
+	},
+	"<custom-arg>": {
+		"syntax": "$ <ident-token> ;"
+	},
+	"<custom-color-space>": {
+		"syntax": "<dashed-ident>"
+	},
+	"<custom-params>": {
+		"syntax": "<dashed-ident> [ <number> | <percentage> | none ]+"
+	},
+	"<custom-selector>": {
+		"syntax": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;"
+	},
+	"<dasharray>": {
+		"syntax": "[ [ <length-percentage> | <number> ]+ ]#"
+	},
+	"<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-table | inline-flex | inline-grid"
+	},
+	"<display-listitem>": {
+		"syntax": "<display-outside>? && [ flow | flow-root ]? && list-item"
+	},
+	"<display-outside>": {
+		"syntax": "block | inline | run-in"
+	},
+	"<easing-function>": {
+		"syntax": "linear | <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 ]"
+	},
+	"<explicit-track-list>": {
+		"syntax": "[ <line-names>? <track-size> ]+ <line-names>?"
+	},
+	"<family-name>": {
+		"syntax": "<string> | <custom-ident>+"
+	},
+	"<feature-value-name>": {
+		"syntax": "<ident>"
+	},
+	"<filter-function>": {
+		"syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>"
+	},
+	"<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'>"
+	},
+	"<first-valid()>": {
+		"syntax": "first-valid( <declaration-value># )"
+	},
+	"<fixed-breadth>": {
+		"syntax": "<length-percentage [0,∞]>"
+	},
+	"<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-features-tech>": {
+		"syntax": "[ features-opentype | features-aat | features-graphite ]"
+	},
+	"<font-format>": {
+		"syntax": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]"
+	},
+	"<font-src>": {
+		"syntax": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )"
+	},
+	"<font-tech>": {
+		"syntax": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]"
+	},
+	"<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 ]"
+	},
+	"<frequency-percentage>": {
+		"syntax": "[ <frequency> | <percentage> ]"
+	},
+	"<function-dependency-list>": {
+		"syntax": "<function-parameter>#"
+	},
+	"<function-name>": {
+		"syntax": "<dashed-ident>"
+	},
+	"<function-parameter-list>": {
+		"syntax": "<function-parameter>#"
+	},
+	"<function-parameter>": {
+		"syntax": "<custom-property-name> <css-type>? [ : <declaration-value> ]?"
+	},
+	"<general-enclosed>": {
+		"syntax": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
+	},
+	"<generic-complete>": {
+		"syntax": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace"
+	},
+	"<generic-family>": {
+		"syntax": "<generic-script-specific> | <generic-complete> | <generic-incomplete>"
+	},
+	"<generic-incomplete>": {
+		"syntax": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded"
+	},
+	"<generic-script-specific>": {
+		"syntax": "generic( kai ) | generic( fangsong ) | generic( nastaliq )"
+	},
+	"<generic-voice>": {
+		"syntax": "[ <age>? <gender> <integer>? ]"
+	},
+	"<geometry-box>": {
+		"syntax": "<shape-box> | fill-box | stroke-box | view-box"
+	},
+	"<gradient>": {
+		"syntax": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>"
+	},
+	"<historical-lig-values>": {
+		"syntax": "[ historical-ligatures | no-historical-ligatures ]"
+	},
+	"<hue-interpolation-method>": {
+		"syntax": "[ shorter | longer | increasing | decreasing ] hue"
+	},
+	"<hue>": {
+		"syntax": "<number> | <angle>"
+	},
+	"<id-selector>": {
+		"syntax": "<hash-token>"
+	},
+	"<image-1D>": {
+		"syntax": "<stripes()>"
+	},
+	"<image-set-option>": {
+		"syntax": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?"
+	},
+	"<image-src>": {
+		"syntax": "[ <url> | <string> ]"
+	},
+	"<image-tags>": {
+		"syntax": "[ ltr | rtl ]"
+	},
+	"<image>": {
+		"syntax": "<url> | <gradient>"
+	},
+	"<import-conditions>": {
+		"syntax": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?"
+	},
+	"<inflexible-breadth>": {
+		"syntax": "<length-percentage [0,∞]> | min-content | max-content | auto"
+	},
+	"<isolation-mode>": {
+		"syntax": "auto | isolate"
+	},
+	"<keyframe-block>": {
+		"syntax": "<keyframe-selector># { <declaration-list> }"
+	},
+	"<keyframe-selector>": {
+		"syntax": "from | to | <percentage [0,100]>"
+	},
+	"<keyframes-name>": {
+		"syntax": "<custom-ident> | <string>"
+	},
+	"<layer-name>": {
+		"syntax": "<ident> [ '.' <ident> ]*"
+	},
+	"<layout-box>": {
+		"syntax": "<visual-box> | margin-box"
+	},
+	"<leader-type>": {
+		"syntax": "dotted | solid | space | <string>"
+	},
+	"<legacy-device-cmyk-syntax>": {
+		"syntax": "device-cmyk( <number>#{4} )"
+	},
+	"<legacy-hsl-syntax>": {
+		"syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )"
+	},
+	"<legacy-hsla-syntax>": {
+		"syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )"
+	},
+	"<legacy-pseudo-element-selector>": {
+		"syntax": "':' [ before | after | first-line | first-letter ]"
+	},
+	"<legacy-rgb-syntax>": {
+		"syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
+	},
+	"<legacy-rgba-syntax>": {
+		"syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
+	},
+	"<length-percentage>": {
+		"syntax": "[ <length> | <percentage> ]"
+	},
+	"<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 [0,∞]> | thin | medium | thick"
+	},
+	"<linear-color-hint>": {
+		"syntax": "<length-percentage>"
+	},
+	"<linear-color-stop>": {
+		"syntax": "<color> <length-percentage>?"
+	},
+	"<linear-easing-function>": {
+		"syntax": "linear( <linear-stop-list> )"
+	},
+	"<linear-gradient-syntax>": {
+		"syntax": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>"
+	},
+	"<linear-stop-length>": {
+		"syntax": "<percentage>{1,2}"
+	},
+	"<linear-stop-list>": {
+		"syntax": "[ <linear-stop> ]#"
+	},
+	"<linear-stop>": {
+		"syntax": "<number> && <linear-stop-length>?"
+	},
+	"<link-param>": {
+		"syntax": "param( <custom-property-name> <declaration-value>? )"
+	},
+	"<marker-ref>": {
+		"syntax": "<url>"
+	},
+	"<mask-layer>": {
+		"syntax": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"
+	},
+	"<mask-reference>": {
+		"syntax": "none | <image> | <mask-source>"
+	},
+	"<mask-source>": {
+		"syntax": "<url>"
+	},
+	"<masking-mode>": {
+		"syntax": "alpha | luminance | match-source"
+	},
+	"<media-and>": {
+		"syntax": "and <media-in-parens>"
+	},
+	"<media-condition-without-or>": {
+		"syntax": "<media-not> | <media-in-parens> <media-and>*"
+	},
+	"<media-condition>": {
+		"syntax": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]"
+	},
+	"<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": "or <media-in-parens>"
+	},
+	"<media-progress()>": {
+		"syntax": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )"
+	},
+	"<media-query>": {
+		"syntax": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?"
+	},
+	"<media-type>": {
+		"syntax": "<ident>"
+	},
+	"<mf-boolean>": {
+		"syntax": "<mf-name>"
+	},
+	"<mf-comparison>": {
+		"syntax": "<mf-lt> | <mf-gt> | <mf-eq>"
+	},
+	"<mf-eq>": {
+		"syntax": "'='"
+	},
+	"<mf-gt>": {
+		"syntax": "'>' '='?"
+	},
+	"<mf-lt>": {
+		"syntax": "'<' '='?"
+	},
+	"<mf-name>": {
+		"syntax": "<ident>"
+	},
+	"<mf-plain>": {
+		"syntax": "<mf-name> : <mf-value>"
+	},
+	"<mf-range>": {
+		"syntax": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>"
+	},
+	"<mf-value>": {
+		"syntax": "<number> | <dimension> | <ident> | <ratio>"
+	},
+	"<mix()>": {
+		"syntax": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )"
+	},
+	"<modern-device-cmyk-syntax>": {
+		"syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )"
+	},
+	"<modern-hsl-syntax>": {
+		"syntax": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"<modern-hsla-syntax>": {
+		"syntax": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"<modern-rgb-syntax>": {
+		"syntax": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
+	},
+	"<modern-rgba-syntax>": {
+		"syntax": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
+	},
+	"<mq-boolean>": {
+		"syntax": "<integer [0,1]>"
+	},
+	"<name-repeat>": {
+		"syntax": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )"
+	},
+	"<namespace-prefix>": {
+		"syntax": "<ident>"
+	},
+	"<ns-prefix>": {
+		"syntax": "[ <ident-token> | '*' ]? '|'"
+	},
+	"<number-optional-number>": {
+		"syntax": "<number> <number>?"
+	},
+	"<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>"
+	},
+	"<opentype-tag>": {
+		"syntax": "<string>"
+	},
+	"<overflow-position>": {
+		"syntax": "unsafe | safe"
+	},
+	"<page-selector-list>": {
+		"syntax": "<page-selector>#"
+	},
+	"<page-selector>": {
+		"syntax": "[ <ident-token>? <pseudo-page>* ]!"
+	},
+	"<paint-box>": {
+		"syntax": "<visual-box> | fill-box | stroke-box"
+	},
+	"<paint>": {
+		"syntax": "none | <image> | <svg-paint>"
+	},
+	"<points>": {
+		"syntax": "[ <number>+ ]#"
+	},
+	"<polar-color-space>": {
+		"syntax": "hsl | hwb | lch | oklch"
+	},
+	"<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} ]"
+	},
+	"<position>": {
+		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
+	},
+	"<predefined-polar-params>": {
+		"syntax": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]"
+	},
+	"<predefined-rectangular-params>": {
+		"syntax": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}"
+	},
+	"<predefined-rectangular>": {
+		"syntax": "jzazbz | ictcp"
+	},
+	"<predefined-rgb-params>": {
+		"syntax": "<predefined-rgb> [ <number> | <percentage> | none ]{3}"
+	},
+	"<predefined-rgb>": {
+		"syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear"
+	},
+	"<progress()>": {
+		"syntax": "progress( <calc-sum> from <calc-sum> to <calc-sum> )"
+	},
+	"<progress>": {
+		"syntax": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>"
+	},
+	"<pseudo-class-selector>": {
+		"syntax": "':' <ident-token> | ':' <function-token> <any-value> ')'"
+	},
+	"<pseudo-compound-selector>": {
+		"syntax": "<pseudo-element-selector> <pseudo-class-selector>*"
+	},
+	"<pseudo-element-selector>": {
+		"syntax": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>"
+	},
+	"<pseudo-page>": {
+		"syntax": "':' [ left | right | first | blank ]"
+	},
+	"<pt-class-selector>": {
+		"syntax": "[ '.' <custom-ident> ]+"
+	},
+	"<pt-name-and-class-selector>": {
+		"syntax": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>"
+	},
+	"<pt-name-selector>": {
+		"syntax": "'*' | <custom-ident>"
+	},
+	"<query-in-parens>": {
+		"syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-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>": {
+		"syntax": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>"
+	},
+	"<radial-shape>": {
+		"syntax": "circle | ellipse"
+	},
+	"<radial-size>": {
+		"syntax": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}"
+	},
+	"<random-caching-options>": {
+		"syntax": "<dashed-ident> || per-element"
+	},
+	"<ratio>": {
+		"syntax": "<number [0,∞]> [ / <number [0,∞]> ]?"
+	},
+	"<ray-size>": {
+		"syntax": "closest-side | closest-corner | farthest-side | farthest-corner | sides"
+	},
+	"<rectangular-color-space>": {
+		"syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"
+	},
+	"<relative-real-selector-list>": {
+		"syntax": "<relative-real-selector>#"
+	},
+	"<relative-real-selector>": {
+		"syntax": "<combinator>? <complex-real-selector>"
+	},
+	"<relative-selector-list>": {
+		"syntax": "<relative-selector>#"
+	},
+	"<relative-selector>": {
+		"syntax": "<combinator>? <complex-selector>"
+	},
+	"<repeat-style>": {
+		"syntax": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}"
+	},
+	"<repetition>": {
+		"syntax": "repeat | space | round | no-repeat"
+	},
+	"<request-url-modifier>": {
+		"syntax": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>"
+	},
+	"<reversed-counter-name>": {
+		"syntax": "reversed( <counter-name> )"
+	},
+	"<rounding-strategy>": {
+		"syntax": "nearest | up | down | to-zero"
+	},
+	"<scroller>": {
+		"syntax": "root | nearest | self"
+	},
+	"<selector-list>": {
+		"syntax": "<complex-selector-list>"
+	},
+	"<self-position>": {
+		"syntax": "center | start | end | self-start | self-end | flex-start | flex-end"
+	},
+	"<shadow>": {
+		"syntax": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?"
+	},
+	"<shape-box>": {
+		"syntax": "<visual-box> | margin-box"
+	},
+	"<shape-command>": {
+		"syntax": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close"
+	},
+	"<side-or-corner>": {
+		"syntax": "[ left | right ] || [ top | bottom ]"
+	},
+	"<simple-selector-list>": {
+		"syntax": "<simple-selector>#"
+	},
+	"<simple-selector>": {
+		"syntax": "<type-selector> | <subclass-selector>"
+	},
+	"<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 [0,∞]>"
+	},
+	"<single-animation-play-state>": {
+		"syntax": "running | paused"
+	},
+	"<single-animation-timeline>": {
+		"syntax": "auto | none | <dashed-ident> | <scroll()> | <view()>"
+	},
+	"<single-animation>": {
+		"syntax": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
+	},
+	"<single-transition-property>": {
+		"syntax": "all | <custom-ident>"
+	},
+	"<single-transition>": {
+		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>"
+	},
+	"<source-size-list>": {
+		"syntax": "<source-size>#? , <source-size-value>"
+	},
+	"<source-size-value>": {
+		"syntax": "<length> | auto"
+	},
+	"<source-size>": {
+		"syntax": "<media-condition> <source-size-value> | auto"
+	},
+	"<spacing-trim>": {
+		"syntax": "space-all | normal | space-first | trim-start | trim-both | trim-all"
+	},
+	"<spread-shadow>": {
+		"syntax": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?"
+	},
+	"<step-easing-function>": {
+		"syntax": "step-start | step-end | steps( <integer> , <step-position>? )"
+	},
+	"<step-position>": {
+		"syntax": "jump-start | jump-end | jump-none | jump-both | start | end"
+	},
+	"<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>"
+	},
+	"<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-font-format-fn>": {
+		"syntax": "font-format( <font-format> )"
+	},
+	"<supports-font-tech-fn>": {
+		"syntax": "font-tech( <font-tech> )"
+	},
+	"<supports-in-parens>": {
+		"syntax": "( <supports-condition> ) | <supports-feature> | <general-enclosed>"
+	},
+	"<supports-selector-fn>": {
+		"syntax": "selector( <complex-selector> )"
+	},
+	"<svg-paint>": {
+		"syntax": "child | child( <integer> )"
+	},
+	"<symbol>": {
+		"syntax": "<string> | <image> | <custom-ident>"
+	},
+	"<symbols-type>": {
+		"syntax": "cyclic | numeric | alphabetic | symbolic | fixed"
+	},
+	"<syntax-combinator>": {
+		"syntax": "'|'"
+	},
+	"<syntax-component-name>": {
+		"syntax": "'<' <syntax-type> '>' | <custom-ident>"
+	},
+	"<syntax-component>": {
+		"syntax": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'"
+	},
+	"<syntax-multiplier>": {
+		"syntax": "[ '#' | '+' ]"
+	},
+	"<syntax-type>": {
+		"syntax": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function"
+	},
+	"<syntax>": {
+		"syntax": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+"
+	},
+	"<system-family-name>": {
+		"syntax": "caption | icon | menu | message-box | small-caption | status-bar"
+	},
+	"<target-contrast>": {
+		"syntax": "<wcag2>"
+	},
+	"<target>": {
+		"syntax": "<target-counter()> | <target-counters()> | <target-text()>"
+	},
+	"<text-edge>": {
+		"syntax": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?"
+	},
+	"<time-percentage>": {
+		"syntax": "[ <time> | <percentage> ]"
+	},
+	"<toggle()>": {
+		"syntax": "toggle( <whole-value># )"
+	},
+	"<track-breadth>": {
+		"syntax": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto"
+	},
+	"<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 [0,∞]> )"
+	},
+	"<transform-list>": {
+		"syntax": "<transform-function>+"
+	},
+	"<transform-mix()>": {
+		"syntax": "transform-mix( <progress> , <transform-list> , <transform-list> )"
+	},
+	"<transition-behavior-value>": {
+		"syntax": "normal | allow-discrete"
+	},
+	"<try-size>": {
+		"syntax": "most-width | most-height | most-block-size | most-inline-size"
+	},
+	"<type-selector>": {
+		"syntax": "<wq-name> | <ns-prefix>? '*'"
+	},
+	"<type()>": {
+		"syntax": "type( <syntax> )"
+	},
+	"<url>": {
+		"syntax": "<url()> | <src()>"
+	},
+	"<visual-box>": {
+		"syntax": "content-box | padding-box | border-box"
+	},
+	"<wcag2>": {
+		"syntax": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )"
+	},
+	"<wq-name>": {
+		"syntax": "<ns-prefix>? <ident-token>"
+	},
+	"<xyz-params>": {
+		"syntax": "<xyz> [ <number> | <percentage> | none ]{3}"
+	},
+	"<xyz-space>": {
+		"syntax": "xyz | xyz-d50 | xyz-d65"
+	},
+	"<xyz>": {
+		"syntax": "xyz | xyz-d50 | xyz-d65"
+	},
+	"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> )"
+	},
+	"age": {
+		"syntax": "child | young | old"
+	},
+	"alpha-value": {
+		"syntax": "<number> | <percentage>"
+	},
+	"anchor-size()": {
+		"syntax": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )"
+	},
+	"anchor()": {
+		"syntax": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )"
+	},
+	"angle-percentage": {
+		"syntax": "<angle> | <percentage>"
+	},
+	"angular-color-hint": {
+		"syntax": "<angle-percentage>"
+	},
+	"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>"
+	},
+	"asin()": {
+		"syntax": "asin( <calc-sum> )"
+	},
+	"atan()": {
+		"syntax": "atan( <calc-sum> )"
+	},
+	"atan2()": {
+		"syntax": "atan2( <calc-sum> , <calc-sum> )"
+	},
+	"attachment": {
+		"syntax": "scroll | fixed | local"
+	},
+	"attr-fallback": {
+		"syntax": "<any-value>"
+	},
+	"attr-matcher": {
+		"syntax": "[ '~' | '|' | '^' | '$' | '*' ]? '='"
+	},
+	"attr-modifier": {
+		"syntax": "i | s"
+	},
+	"attr-name": {
+		"syntax": "<wq-name>"
+	},
+	"attr()": {
+		"syntax": "attr( <attr-name> <attr-type>? , <declaration-value>? )"
+	},
+	"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> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"
+	},
+	"axis": {
+		"syntax": "block | inline | vertical | horizontal"
+	},
+	"baseline-position": {
+		"syntax": "[ first | last ]? baseline"
+	},
+	"basic-shape": {
+		"syntax": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
+	},
+	"bg-clip": {
+		"syntax": "<box> | border | text"
+	},
+	"bg-image": {
+		"syntax": "none | <image>"
+	},
+	"bg-layer": {
+		"syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+	},
+	"bg-position": {
+		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
+	},
+	"bg-size": {
+		"syntax": "[ <length-percentage> | 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> )"
+	},
+	"bottom": {
+		"syntax": "<length> | auto"
+	},
+	"box": {
+		"syntax": "border-box | padding-box | content-box"
+	},
+	"brightness()": {
+		"syntax": "brightness( <number-percentage> )"
+	},
+	"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-sum": {
+		"syntax": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
+	},
+	"calc-value": {
+		"syntax": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )"
+	},
+	"calc()": {
+		"syntax": "calc( <calc-sum> )"
+	},
+	"cf-final-image": {
+		"syntax": "<image> | <color>"
+	},
+	"cf-mixing-image": {
+		"syntax": "<percentage>? && <image>"
+	},
+	"circle()": {
+		"syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )"
+	},
+	"clamp()": {
+		"syntax": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )"
+	},
+	"class-selector": {
+		"syntax": "'.' <ident-token>"
+	},
+	"clip-source": {
+		"syntax": "<url>"
+	},
+	"color": {
+		"syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>"
+	},
+	"-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"
+	},
+	"color-layers()": {
+		"syntax": "color-layers( [ <blend-mode> , ]? <color># )"
+	},
+	"color-mix()": {
+		"syntax": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )"
+	},
+	"color-stop": {
+		"syntax": "<color-stop-length> | <color-stop-angle>"
+	},
+	"color-stop-angle": {
+		"syntax": "<angle-percentage>{1,2}"
+	},
+	"color-stop-length": {
+		"syntax": "<length-percentage>{1,2}"
+	},
+	"color-stop-list": {
+		"syntax": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>"
+	},
+	"color()": {
+		"syntax": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"
+	},
+	"combinator": {
+		"syntax": "'>' | '+' | '~' | [ '||' ]"
+	},
+	"common-lig-values": {
+		"syntax": "[ common-ligatures | no-common-ligatures ]"
+	},
+	"compat-auto": {
+		"syntax": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button"
+	},
+	"complex-selector": {
+		"syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
+	},
+	"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>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!"
+	},
+	"compound-selector-list": {
+		"syntax": "<compound-selector>#"
+	},
+	"conic-gradient()": {
+		"syntax": "conic-gradient( [ <conic-gradient-syntax> ] )"
+	},
+	"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>"
+	},
+	"content()": {
+		"syntax": "content( [ text | before | after | first-letter | marker ]? )"
+	},
+	"contextual-alt-values": {
+		"syntax": "[ contextual | no-contextual ]"
+	},
+	"contrast-color()": {
+		"syntax": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )"
+	},
+	"contrast()": {
+		"syntax": "contrast( [ <number-percentage> ] )"
+	},
+	"cos()": {
+		"syntax": "cos( <calc-sum> )"
+	},
+	"counter": {
+		"syntax": "<counter()> | <counters()>"
+	},
+	"counter-name": {
+		"syntax": "<custom-ident>"
+	},
+	"counter-style": {
+		"syntax": "<counter-style-name> | symbols( )"
+	},
+	"counter-style-name": {
+		"syntax": "<custom-ident>"
+	},
+	"counter()": {
+		"syntax": "counter( <counter-name> , <counter-style>? )"
+	},
+	"counters()": {
+		"syntax": "counters( <counter-name> , <string> , <counter-style>? )"
+	},
+	"cross-fade()": {
+		"syntax": "cross-fade( <cf-image># )"
+	},
+	"cubic-bezier-timing-function": {
+		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
+	},
+	"declaration": {
+		"syntax": "<ident-token> : <declaration-value>? [ '!' important ]?"
+	},
+	"declaration-list": {
+		"syntax": "[ <declaration>? ';' ]* <declaration>?"
+	},
+	"deprecated-system-color": {
+		"syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText"
+	},
+	"device-cmyk()": {
+		"syntax": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>"
+	},
+	"discretionary-lig-values": {
+		"syntax": "[ discretionary-ligatures | no-discretionary-ligatures ]"
+	},
+	"-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"
+	},
+	"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( <length>{2,3} <color>? )"
+	},
+	"dynamic-range-limit-mix()": {
+		"syntax": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )"
+	},
+	"easing-function": {
+		"syntax": "linear | <cubic-bezier-timing-function> | <step-timing-function>"
+	},
+	"east-asian-variant-values": {
+		"syntax": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]"
+	},
+	"east-asian-width-values": {
+		"syntax": "[ full-width | proportional-width ]"
+	},
+	"element()": {
+		"syntax": "element( <id-selector> )"
+	},
+	"ellipse()": {
+		"syntax": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )"
+	},
+	"ending-shape": {
+		"syntax": "circle | ellipse"
+	},
+	"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>"
+	},
+	"fill-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"-ms-filter": {
+		"syntax": "<string>"
+	},
+	"filter-function": {
+		"syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"
+	},
+	"-ms-filter-function": {
+		"syntax": "<-ms-filter-function-progid> | <-ms-filter-function-legacy>"
+	},
+	"-ms-filter-function-legacy": {
+		"syntax": "<ident-token> | <function-token> <any-value>? )"
+	},
+	"filter-function-list": {
+		"syntax": "[ <filter-function> | <url> ]+"
+	},
+	"-ms-filter-function-list": {
+		"syntax": "<-ms-filter-function>+"
+	},
+	"-ms-filter-function-progid": {
+		"syntax": "'progid:' [ <ident-token> '.' ]* [ <ident-token> | <function-token> <any-value>? ) ]"
+	},
+	"filter()": {
+		"syntax": "filter( [ <image> | <string> ] , <filter-value-list> )"
+	},
+	"final-bg-layer": {
+		"syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+	},
+	"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> )"
+	},
+	"-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"
+	},
+	"font-stretch-absolute": {
+		"syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>"
+	},
+	"font-variant-css21": {
+		"syntax": "[ normal | small-caps ]"
+	},
+	"font-weight-absolute": {
+		"syntax": "normal | bold | <number [1,1000]>"
+	},
+	"frequency-percentage": {
+		"syntax": "<frequency> | <percentage>"
+	},
+	"gender": {
+		"syntax": "male | female | neutral"
+	},
+	"general-enclosed": {
+		"syntax": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )"
+	},
+	"generic-family": {
+		"syntax": "serif | sans-serif | cursive | fantasy | monospace | -apple-system"
+	},
+	"generic-name": {
+		"syntax": "serif | sans-serif | cursive | fantasy | monospace"
+	},
+	"generic-voice": {
+		"syntax": "[ <age>? <gender> <integer>? ]"
+	},
+	"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>"
+	},
+	"-legacy-gradient": {
+		"syntax": "<-webkit-gradient()> | <-legacy-linear-gradient> | <-legacy-repeating-linear-gradient> | <-legacy-radial-gradient> | <-legacy-repeating-radial-gradient>"
+	},
+	"-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-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> ]* )"
+	},
+	"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": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]"
+	},
+	"hsla()": {
+		"syntax": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]"
+	},
+	"hue": {
+		"syntax": "<number> | <angle>"
+	},
+	"hue-rotate()": {
+		"syntax": "hue-rotate( <angle> )"
+	},
+	"hwb()": {
+		"syntax": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"hypot()": {
+		"syntax": "hypot( <calc-sum># )"
+	},
+	"image": {
+		"syntax": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>"
+	},
+	"-non-standard-image-rendering": {
+		"syntax": "optimize-contrast | -moz-crisp-edges | -o-crisp-edges | -webkit-optimize-contrast"
+	},
+	"image-set-option": {
+		"syntax": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]"
+	},
+	"image-set()": {
+		"syntax": "image-set( <image-set-option># )"
+	},
+	"image-src": {
+		"syntax": "<url> | <string>"
+	},
+	"image-tags": {
+		"syntax": "ltr | rtl"
+	},
+	"image()": {
+		"syntax": "image( <image-tags>? [ <image-src>? , <color>? ]! )"
+	},
+	"inflexible-breadth": {
+		"syntax": "<length-percentage> | min-content | max-content | auto"
+	},
+	"inset()": {
+		"syntax": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
+	},
+	"invert()": {
+		"syntax": "invert( <number-percentage> )"
+	},
+	"keyframe-block": {
+		"syntax": "<keyframe-selector># { <declaration-list> }"
+	},
+	"keyframe-block-list": {
+		"syntax": "<keyframe-block>+"
+	},
+	"keyframe-selector": {
+		"syntax": "from | to | <percentage>"
+	},
+	"keyframes-name": {
+		"syntax": "<custom-ident> | <string>"
+	},
+	"lab()": {
+		"syntax": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"layer-name": {
+		"syntax": "<ident> [ '.' <ident> ]*"
+	},
+	"layer()": {
+		"syntax": "layer( <layer-name> )"
+	},
+	"lch()": {
+		"syntax": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"leader-type": {
+		"syntax": "dotted | solid | space | <string>"
+	},
+	"leader()": {
+		"syntax": "leader( <leader-type> )"
+	},
+	"left": {
+		"syntax": "<length> | auto"
+	},
+	"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-color-hint": {
+		"syntax": "<length-percentage>"
+	},
+	"linear-color-stop": {
+		"syntax": "<color> <color-stop-length>?"
+	},
+	"-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-linear-gradient-arguments": {
+		"syntax": "[ <angle> | <side-or-corner> ]? , <color-stop-list>"
+	},
+	"linear-gradient()": {
+		"syntax": "linear-gradient( [ <linear-gradient-syntax> ] )"
+	},
+	"linear()": {
+		"syntax": "linear( <linear-stop-list> )"
+	},
+	"log()": {
+		"syntax": "log( <calc-sum> , <calc-sum>? )"
+	},
+	"-webkit-mask-box-repeat": {
+		"syntax": "repeat | stretch | round"
+	},
+	"-webkit-mask-clip-style": {
+		"syntax": "border | border-box | padding | padding-box | content | content-box | text"
+	},
+	"mask-image": {
+		"syntax": "<mask-reference>#"
+	},
+	"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>"
+	},
+	"media()": {
+		"syntax": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
+	},
+	"mf-boolean": {
+		"syntax": "<mf-name>"
+	},
+	"mf-name": {
+		"syntax": "<ident>"
+	},
+	"mf-plain": {
+		"syntax": "<mf-name> : <mf-value>"
+	},
+	"mf-range": {
+		"syntax": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <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> )"
+	},
+	"name-repeat": {
+		"syntax": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )"
+	},
+	"named-color": {
+		"syntax": "transparent | 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 | <-non-standard-color>"
+	},
+	"namespace-prefix": {
+		"syntax": "<ident>"
+	},
+	"ns-prefix": {
+		"syntax": "[ <ident-token> | '*' ]? '|'"
+	},
+	"nth": {
+		"syntax": "<an-plus-b> | even | odd"
+	},
+	"number-one-or-greater": {
+		"syntax": "<number [1,∞]>"
+	},
+	"number-percentage": {
+		"syntax": "<number> | <percentage>"
+	},
+	"number-zero-one": {
+		"syntax": "<number [0,1]>"
+	},
+	"numeric-figure-values": {
+		"syntax": "[ lining-nums | oldstyle-nums ]"
+	},
+	"numeric-fraction-values": {
+		"syntax": "[ diagonal-fractions | stacked-fractions ]"
+	},
+	"numeric-spacing-values": {
+		"syntax": "[ proportional-nums | tabular-nums ]"
+	},
+	"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> ] )"
+	},
+	"outline-radius": {
+		"syntax": "<length> | <percentage>"
+	},
+	"-non-standard-overflow": {
+		"syntax": "-moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
+	},
+	"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>? )"
+	},
+	"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 ] )"
+	},
+	"polygon()": {
+		"syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
+	},
+	"position": {
+		"syntax": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
+	},
+	"pow()": {
+		"syntax": "pow( <calc-sum> , <calc-sum> )"
+	},
+	"pseudo-class-selector": {
+		"syntax": "':' <ident-token> | ':' <function-token> <any-value> ')'"
+	},
+	"pseudo-element-selector": {
+		"syntax": "':' <pseudo-class-selector>"
+	},
+	"pseudo-page": {
+		"syntax": ": [ left | right | first | blank ]"
+	},
+	"quote": {
+		"syntax": "open-quote | close-quote | no-open-quote | no-close-quote"
+	},
+	"-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-radial-gradient-arguments": {
+		"syntax": "[ <position> , ]? [ [ [ <-legacy-radial-gradient-shape> || <-legacy-radial-gradient-size> ] | [ <length> | <percentage> ]{2} ] , ]? <color-stop-list>"
+	},
+	"-legacy-radial-gradient-shape": {
+		"syntax": "circle | ellipse"
+	},
+	"-legacy-radial-gradient-size": {
+		"syntax": "closest-side | closest-corner | farthest-side | farthest-corner | contain | cover"
+	},
+	"radial-gradient()": {
+		"syntax": "radial-gradient( [ <radial-gradient-syntax> ] )"
+	},
+	"random-item()": {
+		"syntax": "random-item( <random-caching-options> , [ <declaration-value>? ]# )"
+	},
+	"random()": {
+		"syntax": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )"
+	},
+	"ratio": {
+		"syntax": "<number [0,∞]> [ / <number [0,∞]> ]?"
+	},
+	"ray()": {
+		"syntax": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )"
+	},
+	"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> ] )"
+	},
+	"-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> )"
+	},
+	"repeating-linear-gradient()": {
+		"syntax": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )"
+	},
+	"-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> )"
+	},
+	"repeating-radial-gradient()": {
+		"syntax": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )"
+	},
+	"reversed-counter-name": {
+		"syntax": "reversed( <counter-name> )"
+	},
+	"rgb()": {
+		"syntax": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]"
+	},
+	"rgba()": {
+		"syntax": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]"
+	},
+	"right": {
+		"syntax": "<length> | auto"
+	},
+	"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"
+	},
+	"running()": {
+		"syntax": "running( <custom-ident> )"
+	},
+	"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-timeline-axis": {
+		"syntax": "block | inline | vertical | horizontal"
+	},
+	"scroll-timeline-name": {
+		"syntax": "none | <custom-ident>"
+	},
+	"scroll()": {
+		"syntax": "scroll( [ <scroller> || <axis> ]? )"
+	},
+	"scroller": {
+		"syntax": "root | nearest"
+	},
+	"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": "<box> | margin-box"
+	},
+	"shape-radius": {
+		"syntax": "<length-percentage> | closest-side | farthest-side"
+	},
+	"shape()": {
+		"syntax": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )"
+	},
+	"side-or-corner": {
+		"syntax": "[ left | right ] || [ top | bottom ]"
+	},
+	"sign()": {
+		"syntax": "sign( <calc-sum> )"
+	},
+	"sin()": {
+		"syntax": "sin( <calc-sum> )"
+	},
+	"single-animation": {
+		"syntax": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
+	},
+	"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 | <timeline-name> | scroll( <axis>? <scroller>? )"
+	},
+	"single-transition": {
+		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>"
+	},
+	"single-transition-property": {
+		"syntax": "all | <custom-ident>"
+	},
+	"size": {
+		"syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
+	},
+	"skew()": {
+		"syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"
+	},
+	"skewX()": {
+		"syntax": "skewX( [ <angle> | <zero> ] )"
+	},
+	"skewY()": {
+		"syntax": "skewY( [ <angle> | <zero> ] )"
+	},
+	"sqrt()": {
+		"syntax": "sqrt( <calc-sum> )"
+	},
+	"src()": {
+		"syntax": "src( <string> <url-modifier>* )"
+	},
+	"step-position": {
+		"syntax": "jump-start | jump-end | jump-none | jump-both | start | end"
+	},
+	"step-timing-function": {
+		"syntax": "step-start | step-end | steps( <integer> [, <step-position> ]? )"
+	},
+	"string()": {
+		"syntax": "string( <custom-ident> , [ first | start | last | first-except ]? )"
+	},
+	"stripes()": {
+		"syntax": "stripes( <color-stripe># )"
+	},
+	"subclass-selector": {
+		"syntax": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>"
+	},
+	"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> )"
+	},
+	"supports()": {
+		"syntax": "supports( <declaration> )"
+	},
+	"svg-length": {
+		"syntax": "<percentage> | <length> | <number>"
+	},
+	"svg-writing-mode": {
+		"syntax": "lr-tb | rl-tb | tb-rl | lr | rl | tb"
+	},
+	"symbol": {
+		"syntax": "<string> | <image> | <custom-ident>"
+	},
+	"symbols()": {
+		"syntax": "symbols( <symbols-type>? [ <string> | <image> ]+ )"
+	},
+	"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 ]? )"
+	},
+	"time-percentage": {
+		"syntax": "<time> | <percentage>"
+	},
+	"timeline-name": {
+		"syntax": "<custom-ident> | <string>"
+	},
+	"top": {
+		"syntax": "<length> | auto"
+	},
+	"track-breadth": {
+		"syntax": "<length-percentage> | <flex> | min-content | max-content | auto"
+	},
+	"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>+"
+	},
+	"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> )"
+	},
+	"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>? '*'"
+	},
+	"url": {
+		"syntax": "url( <string> <url-modifier>* ) | <url-token>"
+	},
+	"url-modifier": {
+		"syntax": "<ident> | <function-token> <any-value> )"
+	},
+	"url()": {
+		"syntax": "url( <string> <url-modifier>* ) | <url-token>"
+	},
+	"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"
+	},
+	"-non-standard-width": {
+		"syntax": "fill-available | min-intrinsic | intrinsic | -moz-available | -moz-fit-content | -moz-min-content | -moz-max-content | -webkit-min-content | -webkit-max-content"
+	},
+	"wq-name": {
+		"syntax": "<ns-prefix>? <ident-token>"
+	},
+	"x": {
+		"syntax": "<number>"
+	},
+	"y": {
+		"syntax": "<number>"
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs
new file mode 100644
index 0000000000..1a32d258f4
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs
@@ -0,0 +1,43 @@
+export function diff_sets(a, b) {
+	const diff = Object(null);
+
+	for (const [name, definition] of Object.entries(a)) {
+		if (!b[name]) {
+			// Note: Currently impossible for items to be removed because we fork the existing syntax and add to it.
+			diff[name] = {
+				type: 'deleted',
+				'syntax-before': definition.syntax,
+				'syntax-after': '',
+				'comment': '',
+			};
+
+			continue;
+		}
+	}
+
+	for (const [name, definition] of Object.entries(b)) {
+		if (!a[name]) {
+			diff[name] = {
+				type: 'added',
+				'syntax-before': '',
+				'syntax-after': definition.syntax,
+				'comment': '',
+			};
+
+			continue;
+		}
+
+		if (a[name].syntax !== b[name].syntax) {
+			diff[name] = {
+				type: 'modified',
+				'syntax-before': a[name].syntax,
+				'syntax-after': b[name].syntax,
+				'comment': '',
+			};
+
+			continue;
+		}
+	}
+
+	return diff;
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs
new file mode 100644
index 0000000000..55ab0c60c9
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs
@@ -0,0 +1,9 @@
+import { lexer } from 'css-tree';
+import { generate_set } from './generate-set.mjs';
+
+export async function generate_csstree_sets() {
+	return {
+		properties: generate_set(lexer.properties),
+		types: generate_set(lexer.types),
+	};
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
new file mode 100644
index 0000000000..236ed00b66
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
@@ -0,0 +1,35 @@
+import { definitionSyntax } from 'css-tree';
+
+export function generate_set(source) {
+	const slice = [];
+
+	for (const [name, definition] of Object.entries(source)) {
+		if (!definition.syntax) {
+			continue;
+		}
+
+		slice.push({
+			property: name.replace(/^-(?:o|moz|ms|webkit|legacy|non-standard)-/i, ''),
+			'vendor-prefix': (name.match(/^-(o|moz|ms|webkit|legacy|non-standard)-/i) ?? [])[1] ?? '',
+			'prefixed-property': name,
+			syntax: definitionSyntax.generate(definition.syntax),
+		});
+	}
+
+	slice.sort((a, b) => {
+		if (a.property === b.property) {
+			return a['vendor-prefix'].localeCompare(b['vendor-prefix']);
+		}
+
+		return a.property.localeCompare(b.property);
+	});
+
+	const set = Object(null);
+	slice.forEach((x) => {
+		set[x['prefixed-property']] = {
+			syntax: x.syntax,
+		};
+	});
+
+	return set;
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
new file mode 100644
index 0000000000..ac149bbc34
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -0,0 +1,61 @@
+import css from '@webref/css';
+import { fork } from 'css-tree';
+import { generate_set } from './generate-set.mjs';
+
+const IGNORED_TYPES = new Set([
+	'<an+b>',
+]);
+
+export async function generate_webref_sets() {
+	const properties = Object(null);
+	const values = Object(null);
+
+	const parsedFiles = await css.listAll();
+	for (const [, data] of Object.entries(parsedFiles)) {
+		for (const property of data.properties) {
+			if (property.value || property.newValues) {
+				properties[property.name] = (property.newValues ? ' | ' + property.newValues : property.value);
+			}
+
+			// if (property.values) {
+			// 	for (const value of property.values) {
+			// 		if (value.type !== 'type') {
+			// 			continue;
+			// 		}
+
+			// 		values[value.name] = value.value;
+			// 	}
+			// }
+		}
+
+		for (const value of data.values) {
+			if (IGNORED_TYPES.has(value.name)) {
+				continue;
+			}
+
+			if (value.value || value.newValues) {
+				values[value.name] = (value.newValues ? ' | ' + value.newValues : value.value);
+			}
+
+			// if (value.values) {
+			// 	for (const child_value of value.values) {
+			// 		if (child_value.type !== 'type') {
+			// 			continue;
+			// 		}
+
+			// 		values[child_value.name] = child_value.value;
+			// 	}
+			// }
+		}
+	}
+
+	const forkedLexer = fork({
+		properties: properties,
+		types: values,
+	}).lexer;
+
+	return {
+		properties: generate_set(forkedLexer.properties),
+		types: generate_set(forkedLexer.types),
+	};
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
new file mode 100644
index 0000000000..a5d3f7b3a8
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -0,0 +1,226 @@
+// TODO:
+// - toposort
+//   - check cycles
+//   - check missing definitions
+// - patches
+//   1. generate csstree syntaxes
+//   2. generate webref syntaxes
+//   3. take a diff
+//   4. for each entry with a difference there should be a matching entry in a `patches.json` file
+//   5. each patch entry needs to match the source of csstree and the source of webref
+//   6. the manually resolved conflict is also stored in the `patches.json` file
+//   This gives us an automated mechanic to detect updates and to ensure that `patches.json` is always as small as needed
+
+import { fork, parse } from 'css-tree';
+
+import { generate_csstree_sets } from './generate-csstree-sets.mjs';
+import { generate_webref_sets } from './generate-webref-sets.mjs';
+import { write_set_files } from './write-set-files.mjs';
+import { diff_sets } from './diff-sets.mjs';
+import { read_patches } from './read-patches.mjs';
+import { write_final_file } from './write-final-file.mjs';
+
+const csstree_sets = await generate_csstree_sets();
+const webref_sets = await generate_webref_sets();
+
+const patches = await read_patches();
+
+const webref_over_csstree_sets = {
+	properties: diff_sets(csstree_sets.properties, webref_sets.properties),
+	types: diff_sets(csstree_sets.types, webref_sets.types),
+};
+
+const SINGULAR = {
+	'types': 'type',
+	'properties': 'property',
+};
+
+let has_missing_patches = false;
+let has_outdated_patches = false;
+let has_missing_patch_tests = false;
+let has_invalid_items = false;
+let has_failing_tests = false;
+
+const property_patches = Object(null);
+const type_patches = Object(null);
+
+{
+	// Properties
+	for (const [name, definition] of Object.entries(webref_over_csstree_sets.properties)) {
+		const patch = patches.webref_over_csstree.properties[name];
+		if (!patch) {
+			console.log(`Missing patch for property '${name}'`);
+			has_missing_patches = true;
+
+			continue;
+		}
+
+		if (
+			patch['syntax-before'] !== definition['syntax-before'] ||
+			patch['syntax-after'] !== definition['syntax-after']
+		) {
+			console.log(`Outdated patch for property '${name}'`);
+			has_outdated_patches = true;
+
+			continue;
+		}
+
+		if (patch.omit) {
+			continue;
+		}
+
+		property_patches[name] = patch['merged'] ?? patch['syntax-after'];
+	}
+
+	// Types
+	for (const [name, definition] of Object.entries(webref_over_csstree_sets.types)) {
+		const patch = patches.webref_over_csstree.types[name];
+		if (!patch) {
+			console.log(`Missing patch for type '${name}'`);
+			has_missing_patches = true;
+
+			continue;
+		}
+
+		if (
+			patch['syntax-before'] !== definition['syntax-before'] ||
+			patch['syntax-after'] !== definition['syntax-after']
+		) {
+			console.log(`Outdated patch for type '${name}'`);
+			has_outdated_patches = true;
+
+			continue;
+		}
+
+		if (patch.omit) {
+			continue;
+		}
+
+		type_patches[name] = patch['merged'] ?? patch['syntax-after'];
+	}
+
+	const forkedLexer = fork({
+		properties: property_patches,
+		types: type_patches,
+	}).lexer;
+
+	const invalid = forkedLexer.validate();
+	if (invalid) {
+		for (const [kind, items] of Object.entries(invalid)) {
+			items.forEach((item) => {
+				console.log(`Unexpected invalid ${SINGULAR[kind]} '${item}'`);
+			});
+		}
+	}
+
+	// Properties
+	for (const [name] of Object.entries(webref_over_csstree_sets.properties)) {
+		const patch = patches.webref_over_csstree.properties[name];
+		if (!patch) {
+			continue;
+		}
+
+		if (patch.omit) {
+			continue;
+		}
+
+		if (!patch.tests) {
+			has_missing_patch_tests = true;
+			continue;
+		}
+
+		for (const test of (patch.tests.passing ?? [])) {
+			const csstree_value_node = parse(test.value, { context: 'value' });
+			const result = forkedLexer.matchProperty(name, csstree_value_node);
+			if (result.error) {
+				console.log(`Expected no error for '${name}: ${test.value}'`);
+			}
+		}
+
+
+		for (const test of (patch.tests.failing ?? [])) {
+			const csstree_value_node = parse(test.value, { context: 'value' });
+			const result = forkedLexer.matchProperty(name, csstree_value_node);
+			if (!result.error) {
+				console.log(`Expected an error for '${name}: ${test.value}'`);
+			}
+		}
+	}
+
+	// Types
+	for (const [name] of Object.entries(webref_over_csstree_sets.types)) {
+		const patch = patches.webref_over_csstree.types[name];
+		if (!patch) {
+			continue;
+		}
+
+		if (patch.omit) {
+			continue;
+		}
+
+		if (!patch.tests) {
+			has_missing_patch_tests = true;
+			continue;
+		}
+
+		for (const test of (patch.tests.passing ?? [])) {
+			const csstree_value_node = parse(test.value, { context: 'value' });
+			const result = forkedLexer.matchProperty(test.property, csstree_value_node);
+			if (result.error) {
+				console.log(`Expected no error for '${test.property}: ${test.value}'`);
+			}
+		}
+
+
+		for (const test of (patch.tests.failing ?? [])) {
+			const csstree_value_node = parse(test.value, { context: 'value' });
+			const result = forkedLexer.matchProperty(test.property, csstree_value_node);
+			if (!result.error) {
+				console.log(`Expected an error for '${test.property}: ${test.value}'`);
+			}
+		}
+	}
+}
+
+await write_set_files({
+	csstree: csstree_sets,
+	webref: webref_sets,
+	webref_over_csstree: webref_over_csstree_sets,
+});
+
+await write_final_file({
+	next: {
+		properties: property_patches,
+		types: type_patches,
+	},
+});
+
+{
+	if (has_missing_patches || has_outdated_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {
+		console.log('-------------------');
+	}
+
+	if (has_missing_patches) {
+		console.warn('Not all patches have been merged');
+	}
+
+	if (has_outdated_patches) {
+		console.warn('Not all patches have been updated');
+	}
+
+	if (has_missing_patch_tests) {
+		console.warn('Not all patches have test coverage');
+	}
+
+	if (has_invalid_items) {
+		console.warn('Not all types or properties are valid');
+	}
+
+	if (has_failing_tests) {
+		console.warn('Not all tests passed');
+	}
+
+	if (has_missing_patches || has_outdated_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {
+		process.exit(1);
+	}
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/read-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/read-patches.mjs
new file mode 100644
index 0000000000..7bf07f506c
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/read-patches.mjs
@@ -0,0 +1,11 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+export async function read_patches() {
+	return {
+		webref_over_csstree: {
+			properties: JSON.parse(await fs.readFile(path.join('patches', 'webref-over-csstree-properties.json'))),
+			types: JSON.parse(await fs.readFile(path.join('patches', 'webref-over-csstree-types.json'))),
+		},
+	};
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-final-file.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-final-file.mjs
new file mode 100644
index 0000000000..0c8e341002
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-final-file.mjs
@@ -0,0 +1,10 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+export async function write_final_file(data) {
+	await fs.writeFile(
+		path.join('dist', 'index.json'),
+		JSON.stringify(data, null, '\t'),
+		'utf-8',
+	);
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs
new file mode 100644
index 0000000000..7dd0f00c6e
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs
@@ -0,0 +1,46 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+export async function write_set_files(sets) {
+	{
+		await fs.writeFile(
+			path.join('raw-data', 'csstree-properties.json'),
+			JSON.stringify(sets.csstree.properties, null, '\t'),
+			'utf-8',
+		);
+
+		await fs.writeFile(
+			path.join('raw-data', 'csstree-types.json'),
+			JSON.stringify(sets.csstree.types, null, '\t'),
+			'utf-8',
+		);
+	}
+
+	{
+		await fs.writeFile(
+			path.join('raw-data', 'webref-properties.json'),
+			JSON.stringify(sets.webref.properties, null, '\t'),
+			'utf-8',
+		);
+
+		await fs.writeFile(
+			path.join('raw-data', 'webref-types.json'),
+			JSON.stringify(sets.webref.types, null, '\t'),
+			'utf-8',
+		);
+	}
+
+	{
+		await fs.writeFile(
+			path.join('raw-data', 'webref-over-csstree-properties.json'),
+			JSON.stringify(sets.webref_over_csstree.properties, null, '\t'),
+			'utf-8',
+		);
+
+		await fs.writeFile(
+			path.join('raw-data', 'webref-over-csstree-types.json'),
+			JSON.stringify(sets.webref_over_csstree.types, null, '\t'),
+			'utf-8',
+		);
+	}
+}

From cc64314775c44ccfd4a8534625a13449277c9691 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Mon, 26 Aug 2024 09:40:10 +0200
Subject: [PATCH 04/66] wip

---
 .../dist/index.json                           |  544 +++---
 .../patches/webref-over-csstree-types.json    | 1654 ++++++-----------
 .../raw-data/webref-over-csstree-types.json   | 1652 ++++++----------
 .../raw-data/webref-types.json                | 1568 ++++++----------
 .../scripts/generate-webref-sets.mjs          |   38 +-
 .../scripts/index.mjs                         |    5 +
 .../scripts/trim-lt-gt.mjs                    |    7 +
 7 files changed, 2010 insertions(+), 3458 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/trim-lt-gt.mjs

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 8964b2f446..cc175c139c 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -423,363 +423,285 @@
 			"zoom": "<number [0,∞]> || <percentage [0,∞]>"
 		},
 		"types": {
-			"<anchor-side>": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
-			"<anchor-size>": "width | height | block | inline | self-block | self-inline",
-			"<angle-percentage>": "[ <angle> | <percentage> ]",
-			"<angular-color-hint>": "<angle-percentage>",
-			"<angular-color-stop-list>": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
-			"<angular-color-stop>": "<color> <color-stop-angle>?",
-			"<animateable-feature>": "scroll-position | contents | <custom-ident>",
-			"<attachment>": "scroll | fixed | local",
-			"<attr-matcher>": "[ '~' | '|' | '^' | '$' | '*' ]? '='",
-			"<attr-modifier>": "i | s",
-			"<attr-name>": "[ <ident-token> '|' ]? <ident-token>",
-			"<attr-type>": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
-			"<attribute-selector>": "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'",
-			"<auto-repeat>": "repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
-			"<auto-track-list>": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?",
-			"<autospace>": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
-			"<axis>": "block | inline | x | y",
-			"<baseline-position>": "[ first | last ]? && baseline",
-			"<basic-shape-rect>": "<inset()> | <rect()> | <xywh()>",
-			"<bg-clip>": "<visual-box> | border-area | text",
-			"<bg-image>": "<image> | none",
-			"<bg-layer>": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
-			"<bg-position>": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
-			"<bg-size>": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
-			"<blend-mode>": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity",
-			"<bool-and>": "and <bool-in-parens>",
-			"<bool-in-parens>": "( <boolean> ) | <bool-test> | <general-enclosed>",
-			"<bool-not>": "not <bool-in-parens>",
-			"<bool-or>": "or <bool-in-parens>",
-			"<boolean-without-or>": "<bool-not> | <bool-in-parens> <bool-and>*",
-			"<boolean>": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
-			"<calc-keyword>": "e | pi | infinity | -infinity | NaN",
-			"<calc-mix()>": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
-			"<calc-product>": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
-			"<calc-size-basis>": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
-			"<calc-sum>": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*",
-			"<calc-value>": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
-			"<cf-image>": "[ <image> | <color> ] && <percentage [0,100]>?",
-			"<class-selector>": "'.' <ident-token>",
-			"<clip-source>": "<url>",
-			"<cmyk-component>": "<number> | <percentage> | none",
-			"<color-base>": "<hex-color> | <color-function> | <named-color> | transparent",
-			"<color-font-tech>": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
-			"<color-function>": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
-			"<color-interpolation-method>": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]",
-			"<color-space>": "<rectangular-color-space> | <polar-color-space>",
-			"<color-stop-angle>": "<angle-percentage>{1,2}",
-			"<color-stop-length>": "<length-percentage>{1,2}",
-			"<color-stop-list>": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
-			"<color-stop>": "<color-stop-length> | <color-stop-angle>",
-			"<color-stripe>": "<color> && [ <length-percentage> | <flex> ]?",
-			"<color>": "<color-base> | currentColor | <system-color>",
-			"<colorspace-params>": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
-			"<combinator>": "'>' | '+' | '~' | [ '|' '|' ]",
-			"<common-lig-values>": "[ common-ligatures | no-common-ligatures ]",
-			"<complex-real-selector-list>": "<complex-real-selector>#",
-			"<complex-real-selector>": "<compound-selector> [ <combinator>? <compound-selector> ]*",
-			"<complex-selector-list>": "<complex-selector>#",
-			"<complex-selector-unit>": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
-			"<complex-selector>": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
-			"<composite-mode>": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
-			"<compositing-operator>": "add | subtract | intersect | exclude",
-			"<compound-selector-list>": "<compound-selector>#",
-			"<compound-selector>": "[ <type-selector>? <subclass-selector>* ]!",
-			"<conic-gradient-syntax>": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
-			"<container-condition>": "[ <container-name> ]? <container-query>",
-			"<container-name>": "<custom-ident>",
-			"<container-progress()>": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
-			"<container-query>": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
-			"<content-distribution>": "space-between | space-around | space-evenly | stretch",
-			"<content-level>": "element | content | text | <attr()> | <counter>",
-			"<content-list>": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
-			"<content-position>": "center | start | end | flex-start | flex-end",
-			"<contextual-alt-values>": "[ contextual | no-contextual ]",
-			"<coord-box>": "<paint-box> | view-box",
-			"<counter-style>": "<counter-style-name> | <symbols()>",
-			"<counter>": "<counter()> | <counters()>",
-			"<css-type>": "<syntax-component> | <type()>",
-			"<cubic-bezier-easing-function>": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
-			"<custom-arg>": "$ <ident-token> ;",
-			"<custom-color-space>": "<dashed-ident>",
-			"<custom-params>": "<dashed-ident> [ <number> | <percentage> | none ]+",
-			"<custom-selector>": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
-			"<dasharray>": "[ [ <length-percentage> | <number> ]+ ]#",
-			"<discretionary-lig-values>": "[ discretionary-ligatures | no-discretionary-ligatures ]",
-			"<display-box>": "contents | none",
-			"<display-inside>": "flow | flow-root | table | flex | grid | ruby",
-			"<display-internal>": "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>": "inline-block | inline-table | inline-flex | inline-grid",
-			"<display-listitem>": "<display-outside>? && [ flow | flow-root ]? && list-item",
-			"<display-outside>": "block | inline | run-in",
-			"<easing-function>": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
-			"<east-asian-variant-values>": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]",
-			"<east-asian-width-values>": "[ full-width | proportional-width ]",
-			"<explicit-track-list>": "[ <line-names>? <track-size> ]+ <line-names>?",
-			"<family-name>": "<string> | <custom-ident>+",
-			"<feature-value-name>": "<ident>",
-			"<filter-function>": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
-			"<filter-value-list>": "[ <filter-function> | <url> ]+",
-			"<final-bg-layer>": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
-			"<first-valid()>": "first-valid( <declaration-value># )",
-			"<fixed-breadth>": "<length-percentage [0,∞]>",
-			"<fixed-repeat>": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
-			"<fixed-size>": "<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )",
-			"<font-features-tech>": "[ features-opentype | features-aat | features-graphite ]",
-			"<font-format>": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
-			"<font-src>": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
-			"<font-tech>": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
-			"<font-variant-css2>": "[ normal | small-caps ]",
-			"<font-weight-absolute>": "[ normal | bold | <number [1,1000]> ]",
-			"<font-width-css3>": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
-			"<frequency-percentage>": "[ <frequency> | <percentage> ]",
-			"<function-dependency-list>": "<function-parameter>#",
-			"<function-name>": "<dashed-ident>",
-			"<function-parameter-list>": "<function-parameter>#",
-			"<function-parameter>": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
-			"<general-enclosed>": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
-			"<generic-complete>": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
-			"<generic-family>": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
-			"<generic-incomplete>": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
-			"<generic-script-specific>": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
-			"<generic-voice>": "[ <age>? <gender> <integer>? ]",
-			"<geometry-box>": "<shape-box> | fill-box | stroke-box | view-box",
-			"<gradient>": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
-			"<historical-lig-values>": "[ historical-ligatures | no-historical-ligatures ]",
-			"<hue-interpolation-method>": "[ shorter | longer | increasing | decreasing ] hue",
-			"<hue>": "<number> | <angle>",
-			"<id-selector>": "<hash-token>",
-			"<image-1D>": "<stripes()>",
-			"<image-set-option>": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
-			"<image-src>": "[ <url> | <string> ]",
-			"<image-tags>": "[ ltr | rtl ]",
-			"<image>": "<url> | <gradient>",
-			"<import-conditions>": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
-			"<inflexible-breadth>": "<length-percentage [0,∞]> | min-content | max-content | auto",
-			"<isolation-mode>": "auto | isolate",
-			"<keyframe-block>": "<keyframe-selector># { <declaration-list> }",
-			"<keyframe-selector>": "from | to | <percentage [0,100]>",
-			"<keyframes-name>": "<custom-ident> | <string>",
-			"<layer-name>": "<ident> [ '.' <ident> ]*",
-			"<layout-box>": "<visual-box> | margin-box",
-			"<leader-type>": "dotted | solid | space | <string>",
-			"<legacy-device-cmyk-syntax>": "device-cmyk( <number>#{4} )",
-			"<legacy-hsl-syntax>": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-			"<legacy-hsla-syntax>": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-			"<legacy-pseudo-element-selector>": "':' [ before | after | first-line | first-letter ]",
-			"<legacy-rgb-syntax>": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
-			"<legacy-rgba-syntax>": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
-			"<length-percentage>": "[ <length> | <percentage> ]",
-			"<line-name-list>": "[ <line-names> | <name-repeat> ]+",
-			"<line-names>": "'[' <custom-ident>* ']'",
-			"<line-style>": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
-			"<line-width>": "<length [0,∞]> | thin | medium | thick",
-			"<linear-color-hint>": "<length-percentage>",
-			"<linear-color-stop>": "<color> <length-percentage>?",
-			"<linear-easing-function>": "linear( <linear-stop-list> )",
-			"<linear-gradient-syntax>": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>",
-			"<linear-stop-length>": "<percentage>{1,2}",
-			"<linear-stop-list>": "[ <linear-stop> ]#",
-			"<linear-stop>": "<number> && <linear-stop-length>?",
-			"<link-param>": "param( <custom-property-name> <declaration-value>? )",
-			"<marker-ref>": "<url>",
-			"<mask-layer>": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>",
-			"<mask-reference>": "none | <image> | <mask-source>",
-			"<mask-source>": "<url>",
-			"<masking-mode>": "alpha | luminance | match-source",
-			"<media-and>": "and <media-in-parens>",
-			"<media-condition-without-or>": "<media-not> | <media-in-parens> <media-and>*",
-			"<media-condition>": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
-			"<media-feature>": "[ <mf-plain> | <mf-boolean> | <mf-range> ]",
-			"<media-in-parens>": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>",
-			"<media-not>": "not <media-in-parens>",
-			"<media-or>": "or <media-in-parens>",
-			"<media-progress()>": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
-			"<media-query>": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?",
-			"<media-type>": "<ident>",
-			"<mf-boolean>": "<mf-name>",
-			"<mf-comparison>": "<mf-lt> | <mf-gt> | <mf-eq>",
-			"<mf-eq>": "'='",
-			"<mf-gt>": "'>' '='?",
-			"<mf-lt>": "'<' '='?",
-			"<mf-name>": "<ident>",
-			"<mf-plain>": "<mf-name> : <mf-value>",
-			"<mf-range>": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
-			"<mf-value>": "<number> | <dimension> | <ident> | <ratio>",
-			"<mix()>": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
-			"<modern-device-cmyk-syntax>": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
-			"<modern-hsl-syntax>": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"<modern-hsla-syntax>": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"<modern-rgb-syntax>": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-			"<modern-rgba-syntax>": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-			"<mq-boolean>": "<integer [0,1]>",
-			"<name-repeat>": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )",
-			"<namespace-prefix>": "<ident>",
-			"<ns-prefix>": "[ <ident-token> | '*' ]? '|'",
-			"<number-optional-number>": "<number> <number>?",
-			"<numeric-figure-values>": "[ lining-nums | oldstyle-nums ]",
-			"<numeric-fraction-values>": "[ diagonal-fractions | stacked-fractions ]",
-			"<numeric-spacing-values>": "[ proportional-nums | tabular-nums ]",
-			"<offset-path>": "<ray()> | <url> | <basic-shape>",
-			"<opentype-tag>": "<string>",
-			"<overflow-position>": "unsafe | safe",
-			"<page-selector-list>": "<page-selector>#",
-			"<page-selector>": "[ <ident-token>? <pseudo-page>* ]!",
-			"<paint-box>": "<visual-box> | fill-box | stroke-box",
-			"<paint>": "none | <image> | <svg-paint>",
-			"<points>": "[ <number>+ ]#",
-			"<polar-color-space>": "hsl | hwb | lch | oklch",
-			"<position-area>": "[ [ 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} ]",
-			"<position>": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
-			"<predefined-polar-params>": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
-			"<predefined-rectangular-params>": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
-			"<predefined-rectangular>": "jzazbz | ictcp",
-			"<predefined-rgb-params>": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
-			"<predefined-rgb>": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
-			"<progress()>": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
-			"<progress>": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
-			"<pseudo-class-selector>": "':' <ident-token> | ':' <function-token> <any-value> ')'",
-			"<pseudo-compound-selector>": "<pseudo-element-selector> <pseudo-class-selector>*",
-			"<pseudo-element-selector>": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
-			"<pseudo-page>": "':' [ left | right | first | blank ]",
-			"<pt-class-selector>": "[ '.' <custom-ident> ]+",
-			"<pt-name-and-class-selector>": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
-			"<pt-name-selector>": "'*' | <custom-ident>",
-			"<query-in-parens>": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
-			"<quote>": "open-quote | close-quote | no-open-quote | no-close-quote",
-			"<radial-extent>": "closest-corner | closest-side | farthest-corner | farthest-side",
-			"<radial-gradient-syntax>": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>",
-			"<radial-shape>": "circle | ellipse",
-			"<radial-size>": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
-			"<random-caching-options>": "<dashed-ident> || per-element",
-			"<ratio>": "<number [0,∞]> [ / <number [0,∞]> ]?",
-			"<ray-size>": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
-			"<rectangular-color-space>": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
-			"<relative-real-selector-list>": "<relative-real-selector>#",
-			"<relative-real-selector>": "<combinator>? <complex-real-selector>",
-			"<relative-selector-list>": "<relative-selector>#",
-			"<relative-selector>": "<combinator>? <complex-selector>",
-			"<repeat-style>": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
-			"<repetition>": "repeat | space | round | no-repeat",
-			"<request-url-modifier>": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
-			"<reversed-counter-name>": "reversed( <counter-name> )",
-			"<rounding-strategy>": "nearest | up | down | to-zero",
-			"<scroller>": "root | nearest | self",
-			"<selector-list>": "<complex-selector-list>",
-			"<self-position>": "center | start | end | self-start | self-end | flex-start | flex-end",
-			"<shadow>": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
-			"<shape-box>": "<visual-box> | margin-box",
-			"<shape-command>": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
-			"<side-or-corner>": "[ left | right ] || [ top | bottom ]",
-			"<simple-selector-list>": "<simple-selector>#",
-			"<simple-selector>": "<type-selector> | <subclass-selector>",
-			"<single-animation-composition>": "replace | add | accumulate",
-			"<single-animation-direction>": "normal | reverse | alternate | alternate-reverse",
-			"<single-animation-fill-mode>": "none | forwards | backwards | both",
-			"<single-animation-iteration-count>": "infinite | <number [0,∞]>",
-			"<single-animation-play-state>": "running | paused",
-			"<single-animation-timeline>": "auto | none | <dashed-ident> | <scroll()> | <view()>",
-			"<single-animation>": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
-			"<single-transition-property>": "all | <custom-ident>",
-			"<single-transition>": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
-			"<source-size-list>": "<source-size>#? , <source-size-value>",
-			"<source-size-value>": "<length> | auto",
-			"<source-size>": "<media-condition> <source-size-value> | auto",
-			"<spacing-trim>": "space-all | normal | space-first | trim-start | trim-both | trim-all",
-			"<spread-shadow>": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
-			"<step-easing-function>": "step-start | step-end | steps( <integer> , <step-position>? )",
-			"<step-position>": "jump-start | jump-end | jump-none | jump-both | start | end",
-			"<style-in-parens>": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
-			"<style-query>": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
-			"<subclass-selector>": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>",
-			"<supports-condition>": "not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*",
-			"<supports-decl>": "( <declaration> )",
-			"<supports-feature>": "<supports-decl>",
-			"<supports-font-format-fn>": "font-format( <font-format> )",
-			"<supports-font-tech-fn>": "font-tech( <font-tech> )",
-			"<supports-in-parens>": "( <supports-condition> ) | <supports-feature> | <general-enclosed>",
-			"<supports-selector-fn>": "selector( <complex-selector> )",
-			"<svg-paint>": "child | child( <integer> )",
-			"<symbol>": "<string> | <image> | <custom-ident>",
-			"<symbols-type>": "cyclic | numeric | alphabetic | symbolic | fixed",
-			"<syntax-combinator>": "'|'",
-			"<syntax-component-name>": "'<' <syntax-type> '>' | <custom-ident>",
-			"<syntax-component>": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
-			"<syntax-multiplier>": "[ '#' | '+' ]",
-			"<syntax-type>": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
-			"<syntax>": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
-			"<system-family-name>": "caption | icon | menu | message-box | small-caption | status-bar",
-			"<target-contrast>": "<wcag2>",
-			"<target>": "<target-counter()> | <target-counters()> | <target-text()>",
-			"<text-edge>": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
-			"<time-percentage>": "[ <time> | <percentage> ]",
-			"<toggle()>": "toggle( <whole-value># )",
-			"<track-breadth>": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
-			"<track-list>": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?",
-			"<track-repeat>": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )",
-			"<track-size>": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
-			"<transform-list>": "<transform-function>+",
-			"<transform-mix()>": "transform-mix( <progress> , <transform-list> , <transform-list> )",
-			"<transition-behavior-value>": "normal | allow-discrete",
-			"<try-size>": "most-width | most-height | most-block-size | most-inline-size",
-			"<type-selector>": "<wq-name> | <ns-prefix>? '*'",
-			"<type()>": "type( <syntax> )",
-			"<url>": "<url()> | <src()>",
-			"<visual-box>": "content-box | padding-box | border-box",
-			"<wcag2>": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
-			"<wq-name>": "<ns-prefix>? <ident-token>",
-			"<xyz-params>": "<xyz> [ <number> | <percentage> | none ]{3}",
-			"<xyz-space>": "xyz | xyz-d50 | xyz-d65",
-			"<xyz>": "xyz | xyz-d50 | xyz-d65",
+			"anchor-element": "<dashed-ident>",
+			"anchor-side": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
+			"anchor-size": "width | height | block | inline | self-block | self-inline",
 			"anchor-size()": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
 			"anchor()": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
+			"angle-percentage": "[ <angle> | <percentage> ]",
+			"angular-color-stop": "<color> <color-stop-angle>?",
+			"angular-color-stop-list": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+			"arc-command": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
+			"arc-size": "large | small",
+			"arc-sweep": "cw | ccw",
+			"attr-name": "[ <ident-token> '|' ]? <ident-token>",
+			"attr-type": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
 			"attr()": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
+			"autospace": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
+			"axis": "block | inline | x | y",
+			"baseline-position": "[ first | last ]? && baseline",
+			"basic-shape-rect": "<inset()> | <rect()> | <xywh()>",
+			"bg-clip": "<visual-box> | border-area | text",
+			"bg-image": "<image> | none",
+			"bg-layer": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
+			"bg-size": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
+			"bool-and": "and <bool-in-parens>",
+			"bool-in-parens": "( <boolean> ) | <bool-test> | <general-enclosed>",
+			"bool-not": "not <bool-in-parens>",
+			"bool-or": "or <bool-in-parens>",
+			"boolean": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+			"boolean-without-or": "<bool-not> | <bool-in-parens> <bool-and>*",
+			"by-to": "by | to",
+			"calc-keyword": "e | pi | infinity | -infinity | NaN",
+			"calc-mix()": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+			"calc-product": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
+			"calc-size-basis": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
 			"calc-size()": "calc-size( <calc-size-basis> , <calc-sum> )",
+			"calc-value": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
+			"cf-image": "[ <image> | <color> ] && <percentage [0,100]>?",
 			"clamp()": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
+			"cmyk-component": "<number> | <percentage> | none",
+			"color": "<color-base> | currentColor | <system-color>",
+			"color-base": "<hex-color> | <color-function> | <named-color> | transparent",
+			"color-font-tech": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
+			"color-function": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
+			"color-interpolation-method": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]",
 			"color-layers()": "color-layers( [ <blend-mode> , ]? <color># )",
 			"color-mix()": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
+			"color-space": "<rectangular-color-space> | <polar-color-space>",
+			"color-stop-list": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
+			"color-stripe": "<color> && [ <length-percentage> | <flex> ]?",
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
+			"combinator": "'>' | '+' | '~' | [ '|' '|' ]",
+			"compat-auto": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
+			"compat-special": "textfield | menulist-button",
+			"complex-real-selector": "<compound-selector> [ <combinator>? <compound-selector> ]*",
+			"complex-real-selector-list": "<complex-real-selector>#",
+			"complex-selector": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
+			"complex-selector-unit": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
+			"composite-mode": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
+			"compound-selector": "[ <type-selector>? <subclass-selector>* ]!",
+			"conic-gradient-syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 			"conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
+			"container-condition": "[ <container-name> ]? <container-query>",
+			"container-name": "<custom-ident>",
+			"container-progress()": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+			"container-query": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+			"content-level": "element | content | text | <attr()> | <counter>",
+			"content-list": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
 			"content()": "content( [ text | before | after | first-letter | marker ]? )",
 			"contrast-color()": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
+			"coord-box": "<paint-box> | view-box",
+			"coordinate-pair": "<length-percentage>{2}",
+			"counter-style": "<counter-style-name> | <symbols()>",
 			"cross-fade()": "cross-fade( <cf-image># )",
+			"crossorigin-modifier": "crossorigin( anonymous | use-credentials )",
+			"css-type": "<syntax-component> | <type()>",
+			"cubic-bezier-easing-function": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+			"curve-command": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
+			"custom-arg": "$ <ident-token> ;",
+			"custom-color-space": "<dashed-ident>",
+			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
+			"custom-selector": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+			"dasharray": "[ [ <length-percentage> | <number> ]+ ]#",
 			"device-cmyk()": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
+			"display-legacy": "inline-block | inline-table | inline-flex | inline-grid",
 			"dynamic-range-limit-mix()": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+			"easing-function": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
 			"element()": "element( <id-selector> )",
 			"env()": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
+			"feature-value-name": "<ident>",
+			"filter-function": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
+			"filter-value-list": "[ <filter-function> | <url> ]+",
 			"filter()": "filter( [ <image> | <string> ] , <filter-value-list> )",
+			"final-bg-layer": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
+			"first-valid()": "first-valid( <declaration-value># )",
+			"fixed-breadth": "<length-percentage [0,∞]>",
+			"font-features-tech": "[ features-opentype | features-aat | features-graphite ]",
+			"font-format": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
+			"font-src": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
+			"font-tech": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+			"font-variant-css2": "[ normal | small-caps ]",
+			"font-weight-absolute": "[ normal | bold | <number [1,1000]> ]",
+			"font-width-css3": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
+			"frequency-percentage": "[ <frequency> | <percentage> ]",
+			"function-dependency-list": "<function-parameter>#",
+			"function-name": "<dashed-ident>",
+			"function-parameter": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+			"function-parameter-list": "<function-parameter>#",
+			"general-enclosed": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
+			"generic-complete": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
+			"generic-family": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
+			"generic-incomplete": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
+			"generic-script-specific": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
+			"gradient": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
+			"grid-line": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+			"hue-interpolation-method": "[ shorter | longer | increasing | decreasing ] hue",
+			"hv-line-command": "[ hline | vline ] <by-to> <length-percentage>",
 			"hwb()": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"image": "<url> | <gradient>",
+			"image-1D": "<stripes()>",
+			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+			"image-src": "[ <url> | <string> ]",
+			"image-tags": "[ ltr | rtl ]",
+			"import-conditions": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+			"inflexible-breadth": "<length-percentage [0,∞]> | min-content | max-content | auto",
+			"integrity-modifier": "integrity( <string> )",
+			"isolation-mode": "auto | isolate",
+			"keyframe-selector": "from | to | <percentage [0,100]>",
+			"layout-box": "<visual-box> | margin-box",
+			"legacy-device-cmyk-syntax": "device-cmyk( <number>#{4} )",
+			"legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+			"legacy-pseudo-element-selector": "':' [ before | after | first-line | first-letter ]",
+			"legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+			"legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+			"length-percentage": "[ <length> | <percentage> ]",
 			"light-dark()": "light-dark( <color> , <color> )",
+			"line-command": "line <by-to> <coordinate-pair>",
+			"line-width": "<length [0,∞]> | thin | medium | thick",
+			"linear-color-stop": "<color> <length-percentage>?",
+			"linear-easing-function": "linear( <linear-stop-list> )",
+			"linear-gradient-syntax": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>",
 			"linear-gradient()": "linear-gradient( [ <linear-gradient-syntax> ] )",
+			"linear-stop": "<number> && <linear-stop-length>?",
+			"linear-stop-length": "<percentage>{1,2}",
+			"linear-stop-list": "[ <linear-stop> ]#",
 			"linear()": "linear( <linear-stop-list> )",
+			"link-param": "param( <custom-property-name> <declaration-value>? )",
+			"marker-ref": "<url>",
+			"media-and": "and <media-in-parens>",
+			"media-condition": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
+			"media-condition-without-or": "<media-not> | <media-in-parens> <media-and>*",
+			"media-feature": "[ <mf-plain> | <mf-boolean> | <mf-range> ]",
+			"media-in-parens": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>",
+			"media-or": "or <media-in-parens>",
+			"media-progress()": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
 			"media()": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
+			"mf-comparison": "<mf-lt> | <mf-gt> | <mf-eq>",
+			"mf-eq": "'='",
+			"mf-gt": "'>' '='?",
+			"mf-lt": "'<' '='?",
+			"mf-range": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
+			"mix()": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
+			"modern-device-cmyk-syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
+			"modern-hsl-syntax": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"modern-hsla-syntax": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"modern-rgb-syntax": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+			"modern-rgba-syntax": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+			"move-command": "move <by-to> <coordinate-pair>",
+			"mq-boolean": "<integer [0,1]>",
+			"number-optional-number": "<number> <number>?",
+			"offset-path": "<ray()> | <url> | <basic-shape>",
 			"oklab()": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"oklch()": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"opacity-value": "<number> | <percentage>",
+			"opentype-tag": "<string>",
+			"page-selector": "[ <ident-token>? <pseudo-page>* ]!",
+			"page-selector-list": "<page-selector>#",
+			"paint": "none | <image> | <svg-paint>",
+			"paint-box": "<visual-box> | fill-box | stroke-box",
 			"palette-mix()": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
+			"points": "[ <number>+ ]#",
+			"polar-color-space": "hsl | hwb | lch | oklch",
+			"position": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+			"position-area": "[ [ 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} ]",
+			"predefined-polar-params": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+			"predefined-rectangular": "jzazbz | ictcp",
+			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+			"predefined-rgb-params": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+			"progress": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
+			"progress()": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+			"pseudo-compound-selector": "<pseudo-element-selector> <pseudo-class-selector>*",
+			"pseudo-element-selector": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
+			"pseudo-page": "':' [ left | right | first | blank ]",
+			"pt-class-selector": "[ '.' <custom-ident> ]+",
+			"pt-name-and-class-selector": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
+			"pt-name-selector": "'*' | <custom-ident>",
+			"query-in-parens": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+			"radial-extent": "closest-corner | closest-side | farthest-corner | farthest-side",
+			"radial-gradient-syntax": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>",
 			"radial-gradient()": "radial-gradient( [ <radial-gradient-syntax> ] )",
+			"radial-shape": "circle | ellipse",
+			"radial-size": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
+			"random-caching-options": "<dashed-ident> || per-element",
 			"random-item()": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
 			"random()": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
+			"ray-size": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
 			"ray()": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
+			"rectangular-color-space": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
+			"referrerpolicy-modifier": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
+			"relative-real-selector": "<combinator>? <complex-real-selector>",
+			"relative-real-selector-list": "<relative-real-selector>#",
 			"repeating-conic-gradient()": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
 			"repeating-linear-gradient()": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
 			"repeating-radial-gradient()": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
+			"repetition": "repeat | space | round | no-repeat",
+			"request-url-modifier": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
 			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 			"round()": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
 			"running()": "running( <custom-ident> )",
 			"scroll()": "scroll( [ <scroller> || <axis> ]? )",
+			"scroller": "root | nearest | self",
+			"selector-list": "<complex-selector-list>",
+			"shadow": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+			"shape-box": "<visual-box> | margin-box",
+			"shape-command": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
 			"shape()": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+			"simple-selector": "<type-selector> | <subclass-selector>",
+			"simple-selector-list": "<simple-selector>#",
+			"single-animation": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
+			"single-animation-iteration-count": "infinite | <number [0,∞]>",
+			"single-animation-timeline": "auto | none | <dashed-ident> | <scroll()> | <view()>",
+			"smooth-command": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
+			"source-size": "<media-condition> <source-size-value> | auto",
+			"source-size-list": "<source-size>#? , <source-size-value>",
+			"source-size-value": "<length> | auto",
+			"spacing-trim": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+			"spread-shadow": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
 			"src()": "src( <string> <url-modifier>* )",
+			"step-easing-function": "step-start | step-end | steps( <integer> , <step-position>? )",
 			"string()": "string( <custom-ident> , [ first | start | last | first-except ]? )",
 			"stripes()": "stripes( <color-stripe># )",
+			"style-in-parens": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+			"style-query": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
+			"supports-feature": "<supports-decl>",
+			"supports-font-format-fn": "font-format( <font-format> )",
+			"supports-font-tech-fn": "font-tech( <font-tech> )",
 			"supports()": "supports( <declaration> )",
+			"svg-paint": "child | child( <integer> )",
+			"symbols-type": "cyclic | numeric | alphabetic | symbolic | fixed",
 			"symbols()": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+			"syntax": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+			"syntax-combinator": "'|'",
+			"syntax-component": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+			"syntax-component-name": "'<' <syntax-type> '>' | <custom-ident>",
+			"syntax-multiplier": "[ '#' | '+' ]",
+			"syntax-type": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+			"system-family-name": "caption | icon | menu | message-box | small-caption | status-bar",
+			"target-contrast": "<wcag2>",
+			"text-edge": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+			"time-percentage": "[ <time> | <percentage> ]",
+			"toggle()": "toggle( <whole-value># )",
+			"track-breadth": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
+			"track-size": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
+			"transform-mix()": "transform-mix( <progress> , <transform-list> , <transform-list> )",
+			"transition-behavior-value": "normal | allow-discrete",
+			"try-size": "most-width | most-height | most-block-size | most-inline-size",
+			"try-tactic": "flip-block || flip-inline || flip-start",
+			"type()": "type( <syntax> )",
+			"url": "<url()> | <src()>",
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
-			"view()": "view( [ <axis> || <'view-timeline-inset'> ]? )"
+			"view()": "view( [ <axis> || <'view-timeline-inset'> ]? )",
+			"wcag2": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
+			"xyz": "xyz | xyz-d50 | xyz-d65",
+			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
+			"xyz-space": "xyz | xyz-d50 | xyz-d65"
 		}
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index e93e5a66d1..4820b6932b 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1,2152 +1,1676 @@
 {
-	"<anchor-element>": {
+	"anchor-element": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident>",
-		"merged": "<custom-property-name>",
-		"omit": true,
 		"comment": ""
 	},
-	"<anchor-side>": {
+	"anchor-side": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
 		"comment": ""
 	},
-	"<anchor-size>": {
+	"anchor-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "width | height | block | inline | self-block | self-inline",
 		"comment": ""
 	},
-	"<angle-percentage>": {
+	"anchor-size()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ <angle> | <percentage> ]",
+		"syntax-after": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
 		"comment": ""
 	},
-	"<angular-color-hint>": {
+	"anchor()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<angle-percentage>",
+		"syntax-after": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
 		"comment": ""
 	},
-	"<angular-color-stop-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+	"angle-percentage": {
+		"type": "modified",
+		"syntax-before": "<angle> | <percentage>",
+		"syntax-after": "[ <angle> | <percentage> ]",
 		"comment": ""
 	},
-	"<angular-color-stop>": {
-		"type": "added",
-		"syntax-before": "",
+	"angular-color-stop": {
+		"type": "modified",
+		"syntax-before": "<color> && <color-stop-angle>?",
 		"syntax-after": "<color> <color-stop-angle>?",
 		"comment": ""
 	},
-	"<animateable-feature>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "scroll-position | contents | <custom-ident>",
+	"angular-color-stop-list": {
+		"type": "modified",
+		"syntax-before": "[ <angular-color-stop> [, <angular-color-hint> ]? ]# , <angular-color-stop>",
+		"syntax-after": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
 		"comment": ""
 	},
-	"<attachment>": {
+	"arc-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "scroll | fixed | local",
+		"syntax-after": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
 		"comment": ""
 	},
-	"<attr-matcher>": {
+	"arc-size": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ '~' | '|' | '^' | '$' | '*' ]? '='",
+		"syntax-after": "large | small",
 		"comment": ""
 	},
-	"<attr-modifier>": {
+	"arc-sweep": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "i | s",
+		"syntax-after": "cw | ccw",
 		"comment": ""
 	},
-	"<attr-name>": {
-		"type": "added",
-		"syntax-before": "",
+	"attr-name": {
+		"type": "modified",
+		"syntax-before": "<wq-name>",
 		"syntax-after": "[ <ident-token> '|' ]? <ident-token>",
 		"comment": ""
 	},
-	"<attr-type>": {
+	"attr-type": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
 		"comment": ""
 	},
-	"<attribute-selector>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'",
-		"comment": ""
-	},
-	"<auto-repeat>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
-		"comment": ""
-	},
-	"<auto-track-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?",
+	"attr()": {
+		"type": "modified",
+		"syntax-before": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
+		"syntax-after": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
 		"comment": ""
 	},
-	"<autospace>": {
+	"autospace": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
 		"comment": ""
 	},
-	"<axis>": {
-		"type": "added",
-		"syntax-before": "",
+	"axis": {
+		"type": "modified",
+		"syntax-before": "block | inline | vertical | horizontal",
 		"syntax-after": "block | inline | x | y",
 		"comment": ""
 	},
-	"<baseline-position>": {
-		"type": "added",
-		"syntax-before": "",
+	"baseline-position": {
+		"type": "modified",
+		"syntax-before": "[ first | last ]? baseline",
 		"syntax-after": "[ first | last ]? && baseline",
 		"comment": ""
 	},
-	"<basic-shape-rect>": {
+	"basic-shape-rect": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<inset()> | <rect()> | <xywh()>",
 		"comment": ""
 	},
-	"<bg-clip>": {
-		"type": "added",
-		"syntax-before": "",
+	"bg-clip": {
+		"type": "modified",
+		"syntax-before": "<box> | border | text",
 		"syntax-after": "<visual-box> | border-area | text",
 		"comment": ""
 	},
-	"<bg-image>": {
-		"type": "added",
-		"syntax-before": "",
+	"bg-image": {
+		"type": "modified",
+		"syntax-before": "none | <image>",
 		"syntax-after": "<image> | none",
 		"comment": ""
 	},
-	"<bg-layer>": {
-		"type": "added",
-		"syntax-before": "",
+	"bg-layer": {
+		"type": "modified",
+		"syntax-before": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
 		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
 		"comment": ""
 	},
-	"<bg-position>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
-		"comment": ""
-	},
-	"<bg-size>": {
-		"type": "added",
-		"syntax-before": "",
+	"bg-size": {
+		"type": "modified",
+		"syntax-before": "[ <length-percentage> | auto ]{1,2} | cover | contain",
 		"syntax-after": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
 		"comment": ""
 	},
-	"<blend-mode>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity",
-		"comment": ""
-	},
-	"<bool-and>": {
+	"bool-and": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "and <bool-in-parens>",
 		"comment": ""
 	},
-	"<bool-in-parens>": {
+	"bool-in-parens": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "( <boolean> ) | <bool-test> | <general-enclosed>",
 		"comment": ""
 	},
-	"<bool-not>": {
+	"bool-not": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "not <bool-in-parens>",
 		"comment": ""
 	},
-	"<bool-or>": {
+	"bool-or": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "or <bool-in-parens>",
 		"comment": ""
 	},
-	"<boolean-without-or>": {
+	"boolean": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"comment": ""
+	},
+	"boolean-without-or": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<bool-not> | <bool-in-parens> <bool-and>*",
 		"comment": ""
 	},
-	"<boolean>": {
+	"by-to": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"syntax-after": "by | to",
 		"comment": ""
 	},
-	"<calc-keyword>": {
+	"calc-keyword": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "e | pi | infinity | -infinity | NaN",
 		"comment": ""
 	},
-	"<calc-mix()>": {
+	"calc-mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
 		"comment": ""
 	},
-	"<calc-product>": {
-		"type": "added",
-		"syntax-before": "",
+	"calc-product": {
+		"type": "modified",
+		"syntax-before": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
 		"syntax-after": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
 		"comment": ""
 	},
-	"<calc-size-basis>": {
+	"calc-size-basis": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
 		"comment": ""
 	},
-	"<calc-sum>": {
+	"calc-size()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*",
+		"syntax-after": "calc-size( <calc-size-basis> , <calc-sum> )",
 		"comment": ""
 	},
-	"<calc-value>": {
-		"type": "added",
-		"syntax-before": "",
+	"calc-value": {
+		"type": "modified",
+		"syntax-before": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
 		"syntax-after": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
 		"comment": ""
 	},
-	"<cf-image>": {
+	"cf-image": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <image> | <color> ] && <percentage [0,100]>?",
 		"comment": ""
 	},
-	"<class-selector>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'.' <ident-token>",
+	"clamp()": {
+		"type": "modified",
+		"syntax-before": "clamp( <calc-sum>#{3} )",
+		"syntax-after": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
 		"comment": ""
 	},
-	"<clip-source>": {
+	"cmyk-component": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<url>",
+		"syntax-after": "<number> | <percentage> | none",
 		"comment": ""
 	},
-	"<cmyk-component>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> | <percentage> | none",
+	"color": {
+		"type": "modified",
+		"syntax-before": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>",
+		"syntax-after": "<color-base> | currentColor | <system-color>",
 		"comment": ""
 	},
-	"<color-base>": {
+	"color-base": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<hex-color> | <color-function> | <named-color> | transparent",
 		"comment": ""
 	},
-	"<color-font-tech>": {
+	"color-font-tech": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
 		"comment": ""
 	},
-	"<color-function>": {
+	"color-function": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
 		"comment": ""
 	},
-	"<color-interpolation-method>": {
+	"color-interpolation-method": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]",
 		"comment": ""
 	},
-	"<color-space>": {
+	"color-layers()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<rectangular-color-space> | <polar-color-space>",
+		"syntax-after": "color-layers( [ <blend-mode> , ]? <color># )",
 		"comment": ""
 	},
-	"<color-stop-angle>": {
+	"color-mix()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<angle-percentage>{1,2}",
+		"syntax-after": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
 		"comment": ""
 	},
-	"<color-stop-length>": {
+	"color-space": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<length-percentage>{1,2}",
+		"syntax-after": "<rectangular-color-space> | <polar-color-space>",
 		"comment": ""
 	},
-	"<color-stop-list>": {
-		"type": "added",
-		"syntax-before": "",
+	"color-stop-list": {
+		"type": "modified",
+		"syntax-before": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
 		"syntax-after": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
 		"comment": ""
 	},
-	"<color-stop>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color-stop-length> | <color-stop-angle>",
-		"comment": ""
-	},
-	"<color-stripe>": {
+	"color-stripe": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<color> && [ <length-percentage> | <flex> ]?",
 		"comment": ""
 	},
-	"<color>": {
+	"color()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<color-base> | currentColor | <system-color>",
+		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<colorspace-params>": {
+	"colorspace-params": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 		"comment": ""
 	},
-	"<combinator>": {
-		"type": "added",
-		"syntax-before": "",
+	"combinator": {
+		"type": "modified",
+		"syntax-before": "'>' | '+' | '~' | [ '||' ]",
 		"syntax-after": "'>' | '+' | '~' | [ '|' '|' ]",
 		"comment": ""
 	},
-	"<common-lig-values>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ common-ligatures | no-common-ligatures ]",
+	"compat-auto": {
+		"type": "modified",
+		"syntax-before": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
+		"syntax-after": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
 		"comment": ""
 	},
-	"<complex-real-selector-list>": {
+	"compat-special": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<complex-real-selector>#",
+		"syntax-after": "textfield | menulist-button",
 		"comment": ""
 	},
-	"<complex-real-selector>": {
+	"complex-real-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<compound-selector> [ <combinator>? <compound-selector> ]*",
 		"comment": ""
 	},
-	"<complex-selector-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<complex-selector>#",
-		"comment": ""
-	},
-	"<complex-selector-unit>": {
+	"complex-real-selector-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
+		"syntax-after": "<complex-real-selector>#",
 		"comment": ""
 	},
-	"<complex-selector>": {
-		"type": "added",
-		"syntax-before": "",
+	"complex-selector": {
+		"type": "modified",
+		"syntax-before": "<compound-selector> [ <combinator>? <compound-selector> ]*",
 		"syntax-after": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
 		"comment": ""
 	},
-	"<composite-mode>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
-		"comment": ""
-	},
-	"<compositing-operator>": {
+	"complex-selector-unit": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "add | subtract | intersect | exclude",
+		"syntax-after": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
 		"comment": ""
 	},
-	"<compound-selector-list>": {
+	"composite-mode": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<compound-selector>#",
+		"syntax-after": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
 		"comment": ""
 	},
-	"<compound-selector>": {
-		"type": "added",
-		"syntax-before": "",
+	"compound-selector": {
+		"type": "modified",
+		"syntax-before": "[ <type-selector>? <subclass-selector>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!",
 		"syntax-after": "[ <type-selector>? <subclass-selector>* ]!",
 		"comment": ""
 	},
-	"<conic-gradient-syntax>": {
+	"conic-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 		"comment": ""
 	},
-	"<container-condition>": {
+	"conic-gradient()": {
+		"type": "modified",
+		"syntax-before": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-after": "conic-gradient( [ <conic-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"container-condition": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <container-name> ]? <container-query>",
 		"comment": ""
 	},
-	"<container-name>": {
+	"container-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<custom-ident>",
 		"comment": ""
 	},
-	"<container-progress()>": {
+	"container-progress()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
 		"comment": ""
 	},
-	"<container-query>": {
+	"container-query": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 		"comment": ""
 	},
-	"<content-distribution>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "space-between | space-around | space-evenly | stretch",
-		"comment": ""
-	},
-	"<content-level>": {
+	"content-level": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "element | content | text | <attr()> | <counter>",
 		"comment": ""
 	},
-	"<content-list>": {
-		"type": "added",
-		"syntax-before": "",
+	"content-list": {
+		"type": "modified",
+		"syntax-before": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
 		"syntax-after": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
 		"comment": ""
 	},
-	"<content-position>": {
+	"content()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "center | start | end | flex-start | flex-end",
+		"syntax-after": "content( [ text | before | after | first-letter | marker ]? )",
 		"comment": ""
 	},
-	"<contextual-alt-values>": {
+	"contrast-color()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ contextual | no-contextual ]",
+		"syntax-after": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
 		"comment": ""
 	},
-	"<coord-box>": {
+	"coord-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<paint-box> | view-box",
 		"comment": ""
 	},
-	"<counter-style>": {
+	"coordinate-pair": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<counter-style-name> | <symbols()>",
+		"syntax-after": "<length-percentage>{2}",
 		"comment": ""
 	},
-	"<counter>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<counter()> | <counters()>",
+	"counter-style": {
+		"type": "modified",
+		"syntax-before": "<counter-style-name> | symbols( )",
+		"syntax-after": "<counter-style-name> | <symbols()>",
 		"comment": ""
 	},
-	"<css-type>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<syntax-component> | <type()>",
+	"cross-fade()": {
+		"type": "modified",
+		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
+		"syntax-after": "cross-fade( <cf-image># )",
 		"comment": ""
 	},
-	"<cubic-bezier-easing-function>": {
+	"crossorigin-modifier": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"syntax-after": "crossorigin( anonymous | use-credentials )",
 		"comment": ""
 	},
-	"<custom-arg>": {
+	"css-type": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "$ <ident-token> ;",
+		"syntax-after": "<syntax-component> | <type()>",
 		"comment": ""
 	},
-	"<custom-color-space>": {
+	"cubic-bezier-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<dashed-ident>",
+		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
 		"comment": ""
 	},
-	"<custom-params>": {
+	"curve-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"syntax-after": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
 		"comment": ""
 	},
-	"<custom-selector>": {
+	"custom-arg": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+		"syntax-after": "$ <ident-token> ;",
 		"comment": ""
 	},
-	"<dasharray>": {
+	"custom-color-space": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
+		"syntax-after": "<dashed-ident>",
 		"comment": ""
 	},
-	"<discretionary-lig-values>": {
+	"custom-params": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ discretionary-ligatures | no-discretionary-ligatures ]",
+		"syntax-after": "<dashed-ident> [ <number> | <percentage> | none ]+",
 		"comment": ""
 	},
-	"<display-box>": {
+	"custom-selector": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "contents | none",
+		"syntax-after": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
 		"comment": ""
 	},
-	"<display-inside>": {
+	"dasharray": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "flow | flow-root | table | flex | grid | ruby",
+		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
 		"comment": ""
 	},
-	"<display-internal>": {
+	"device-cmyk()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "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",
+		"syntax-after": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
 		"comment": ""
 	},
-	"<display-legacy>": {
-		"type": "added",
-		"syntax-before": "",
+	"display-legacy": {
+		"type": "modified",
+		"syntax-before": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
 		"syntax-after": "inline-block | inline-table | inline-flex | inline-grid",
 		"comment": ""
 	},
-	"<display-listitem>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<display-outside>? && [ flow | flow-root ]? && list-item",
-		"comment": ""
-	},
-	"<display-outside>": {
+	"dynamic-range-limit-mix()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "block | inline | run-in",
+		"syntax-after": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
 		"comment": ""
 	},
-	"<easing-function>": {
-		"type": "added",
-		"syntax-before": "",
+	"easing-function": {
+		"type": "modified",
+		"syntax-before": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
 		"syntax-after": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
 		"comment": ""
 	},
-	"<east-asian-variant-values>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]",
-		"comment": ""
-	},
-	"<east-asian-width-values>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ full-width | proportional-width ]",
-		"comment": ""
-	},
-	"<explicit-track-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <line-names>? <track-size> ]+ <line-names>?",
+	"element()": {
+		"type": "modified",
+		"syntax-before": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
+		"syntax-after": "element( <id-selector> )",
 		"comment": ""
 	},
-	"<family-name>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<string> | <custom-ident>+",
+	"env()": {
+		"type": "modified",
+		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
+		"syntax-after": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
 		"comment": ""
 	},
-	"<feature-value-name>": {
-		"type": "added",
-		"syntax-before": "",
+	"feature-value-name": {
+		"type": "modified",
+		"syntax-before": "<custom-ident>",
 		"syntax-after": "<ident>",
 		"comment": ""
 	},
-	"<filter-function>": {
-		"type": "added",
-		"syntax-before": "",
+	"filter-function": {
+		"type": "modified",
+		"syntax-before": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
 		"syntax-after": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
 		"comment": ""
 	},
-	"<filter-value-list>": {
+	"filter-value-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <filter-function> | <url> ]+",
 		"comment": ""
 	},
-	"<final-bg-layer>": {
+	"filter()": {
 		"type": "added",
 		"syntax-before": "",
+		"syntax-after": "filter( [ <image> | <string> ] , <filter-value-list> )",
+		"comment": ""
+	},
+	"final-bg-layer": {
+		"type": "modified",
+		"syntax-before": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
 		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
 		"comment": ""
 	},
-	"<first-valid()>": {
+	"first-valid()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "first-valid( <declaration-value># )",
 		"comment": ""
 	},
-	"<fixed-breadth>": {
-		"type": "added",
-		"syntax-before": "",
+	"fixed-breadth": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>",
 		"syntax-after": "<length-percentage [0,∞]>",
 		"comment": ""
 	},
-	"<fixed-repeat>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
-		"comment": ""
-	},
-	"<fixed-size>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )",
-		"comment": ""
-	},
-	"<font-features-tech>": {
+	"font-features-tech": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ features-opentype | features-aat | features-graphite ]",
 		"comment": ""
 	},
-	"<font-format>": {
+	"font-format": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
 		"comment": ""
 	},
-	"<font-src>": {
+	"font-src": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
 		"comment": ""
 	},
-	"<font-tech>": {
+	"font-tech": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
 		"comment": ""
 	},
-	"<font-variant-css2>": {
+	"font-variant-css2": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ normal | small-caps ]",
 		"comment": ""
 	},
-	"<font-weight-absolute>": {
-		"type": "added",
-		"syntax-before": "",
+	"font-weight-absolute": {
+		"type": "modified",
+		"syntax-before": "normal | bold | <number [1,1000]>",
 		"syntax-after": "[ normal | bold | <number [1,1000]> ]",
 		"comment": ""
 	},
-	"<font-width-css3>": {
+	"font-width-css3": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
 		"comment": ""
 	},
-	"<frequency-percentage>": {
-		"type": "added",
-		"syntax-before": "",
+	"frequency-percentage": {
+		"type": "modified",
+		"syntax-before": "<frequency> | <percentage>",
 		"syntax-after": "[ <frequency> | <percentage> ]",
 		"comment": ""
 	},
-	"<function-dependency-list>": {
+	"function-dependency-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<function-parameter>#",
 		"comment": ""
 	},
-	"<function-name>": {
+	"function-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident>",
 		"comment": ""
 	},
-	"<function-parameter-list>": {
+	"function-parameter": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<function-parameter>#",
+		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
 		"comment": ""
 	},
-	"<function-parameter>": {
+	"function-parameter-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"syntax-after": "<function-parameter>#",
 		"comment": ""
 	},
-	"<general-enclosed>": {
-		"type": "added",
-		"syntax-before": "",
+	"general-enclosed": {
+		"type": "modified",
+		"syntax-before": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )",
 		"syntax-after": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
 		"comment": ""
 	},
-	"<generic-complete>": {
+	"generic-complete": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
 		"comment": ""
 	},
-	"<generic-family>": {
-		"type": "added",
-		"syntax-before": "",
+	"generic-family": {
+		"type": "modified",
+		"syntax-before": "serif | sans-serif | cursive | fantasy | monospace | -apple-system",
 		"syntax-after": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
 		"comment": ""
 	},
-	"<generic-incomplete>": {
+	"generic-incomplete": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
 		"comment": ""
 	},
-	"<generic-script-specific>": {
+	"generic-script-specific": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
 		"comment": ""
 	},
-	"<generic-voice>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <age>? <gender> <integer>? ]",
-		"comment": ""
-	},
-	"<geometry-box>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<shape-box> | fill-box | stroke-box | view-box",
+	"gradient": {
+		"type": "modified",
+		"syntax-before": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
+		"syntax-after": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
 		"comment": ""
 	},
-	"<gradient>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
+	"grid-line": {
+		"type": "modified",
+		"syntax-before": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]",
+		"syntax-after": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
 		"comment": ""
 	},
-	"<historical-lig-values>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ historical-ligatures | no-historical-ligatures ]",
+	"hsl()": {
+		"type": "modified",
+		"syntax-before": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-after": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
+		"comment": ""
+	},
+	"hsla()": {
+		"type": "modified",
+		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 		"comment": ""
 	},
-	"<hue-interpolation-method>": {
+	"hue-interpolation-method": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ shorter | longer | increasing | decreasing ] hue",
 		"comment": ""
 	},
-	"<hue>": {
+	"hv-line-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<number> | <angle>",
+		"syntax-after": "[ hline | vline ] <by-to> <length-percentage>",
 		"comment": ""
 	},
-	"<id-selector>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<hash-token>",
+	"hwb()": {
+		"type": "modified",
+		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"image": {
+		"type": "modified",
+		"syntax-before": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
+		"syntax-after": "<url> | <gradient>",
 		"comment": ""
 	},
-	"<image-1D>": {
+	"image-1D": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<stripes()>",
 		"comment": ""
 	},
-	"<image-set-option>": {
-		"type": "added",
-		"syntax-before": "",
+	"image-set-option": {
+		"type": "modified",
+		"syntax-before": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
 		"syntax-after": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 		"comment": ""
 	},
-	"<image-src>": {
-		"type": "added",
-		"syntax-before": "",
+	"image-src": {
+		"type": "modified",
+		"syntax-before": "<url> | <string>",
 		"syntax-after": "[ <url> | <string> ]",
 		"comment": ""
 	},
-	"<image-tags>": {
-		"type": "added",
-		"syntax-before": "",
+	"image-tags": {
+		"type": "modified",
+		"syntax-before": "ltr | rtl",
 		"syntax-after": "[ ltr | rtl ]",
 		"comment": ""
 	},
-	"<image>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<url> | <gradient>",
-		"comment": ""
-	},
-	"<import-conditions>": {
+	"import-conditions": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
 		"comment": ""
 	},
-	"<inflexible-breadth>": {
-		"type": "added",
-		"syntax-before": "",
+	"inflexible-breadth": {
+		"type": "modified",
+		"syntax-before": "<length-percentage> | min-content | max-content | auto",
 		"syntax-after": "<length-percentage [0,∞]> | min-content | max-content | auto",
 		"comment": ""
 	},
-	"<isolation-mode>": {
+	"integrity-modifier": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "auto | isolate",
+		"syntax-after": "integrity( <string> )",
 		"comment": ""
 	},
-	"<keyframe-block>": {
+	"isolation-mode": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<keyframe-selector># { <declaration-list> }",
+		"syntax-after": "auto | isolate",
 		"comment": ""
 	},
-	"<keyframe-selector>": {
-		"type": "added",
-		"syntax-before": "",
+	"keyframe-selector": {
+		"type": "modified",
+		"syntax-before": "from | to | <percentage>",
 		"syntax-after": "from | to | <percentage [0,100]>",
 		"comment": ""
 	},
-	"<keyframes-name>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<custom-ident> | <string>",
-		"comment": ""
-	},
-	"<layer-name>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<ident> [ '.' <ident> ]*",
-		"comment": ""
-	},
-	"<layout-box>": {
+	"layout-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> | margin-box",
 		"comment": ""
 	},
-	"<leader-type>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "dotted | solid | space | <string>",
-		"comment": ""
-	},
-	"<legacy-device-cmyk-syntax>": {
+	"legacy-device-cmyk-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "device-cmyk( <number>#{4} )",
 		"comment": ""
 	},
-	"<legacy-hsl-syntax>": {
+	"legacy-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": ""
 	},
-	"<legacy-hsla-syntax>": {
+	"legacy-hsla-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": ""
 	},
-	"<legacy-pseudo-element-selector>": {
+	"legacy-pseudo-element-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "':' [ before | after | first-line | first-letter ]",
 		"comment": ""
 	},
-	"<legacy-rgb-syntax>": {
+	"legacy-rgb-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"comment": ""
 	},
-	"<legacy-rgba-syntax>": {
+	"legacy-rgba-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"comment": ""
 	},
-	"<length-percentage>": {
-		"type": "added",
-		"syntax-before": "",
+	"length-percentage": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "[ <length> | <percentage> ]",
 		"comment": ""
 	},
-	"<line-name-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <line-names> | <name-repeat> ]+",
-		"comment": ""
-	},
-	"<line-names>": {
+	"light-dark()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "'[' <custom-ident>* ']'",
+		"syntax-after": "light-dark( <color> , <color> )",
 		"comment": ""
 	},
-	"<line-style>": {
+	"line-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"syntax-after": "line <by-to> <coordinate-pair>",
 		"comment": ""
 	},
-	"<line-width>": {
-		"type": "added",
-		"syntax-before": "",
+	"line-width": {
+		"type": "modified",
+		"syntax-before": "<length> | thin | medium | thick",
 		"syntax-after": "<length [0,∞]> | thin | medium | thick",
 		"comment": ""
 	},
-	"<linear-color-hint>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage>",
-		"comment": ""
-	},
-	"<linear-color-stop>": {
-		"type": "added",
-		"syntax-before": "",
+	"linear-color-stop": {
+		"type": "modified",
+		"syntax-before": "<color> <color-stop-length>?",
 		"syntax-after": "<color> <length-percentage>?",
 		"comment": ""
 	},
-	"<linear-easing-function>": {
+	"linear-easing-function": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "linear( <linear-stop-list> )",
 		"comment": ""
 	},
-	"<linear-gradient-syntax>": {
+	"linear-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>",
 		"comment": ""
 	},
-	"<linear-stop-length>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<percentage>{1,2}",
-		"comment": ""
-	},
-	"<linear-stop-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <linear-stop> ]#",
+	"linear-gradient()": {
+		"type": "modified",
+		"syntax-before": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": ""
 	},
-	"<linear-stop>": {
+	"linear-stop": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<number> && <linear-stop-length>?",
 		"comment": ""
 	},
-	"<link-param>": {
+	"linear-stop-length": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "param( <custom-property-name> <declaration-value>? )",
+		"syntax-after": "<percentage>{1,2}",
 		"comment": ""
 	},
-	"<marker-ref>": {
+	"linear-stop-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<url>",
+		"syntax-after": "[ <linear-stop> ]#",
 		"comment": ""
 	},
-	"<mask-layer>": {
+	"linear()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>",
+		"syntax-after": "linear( <linear-stop-list> )",
 		"comment": ""
 	},
-	"<mask-reference>": {
+	"link-param": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "none | <image> | <mask-source>",
+		"syntax-after": "param( <custom-property-name> <declaration-value>? )",
 		"comment": ""
 	},
-	"<mask-source>": {
+	"marker-ref": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<url>",
 		"comment": ""
 	},
-	"<masking-mode>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "alpha | luminance | match-source",
-		"comment": ""
-	},
-	"<media-and>": {
-		"type": "added",
-		"syntax-before": "",
+	"media-and": {
+		"type": "modified",
+		"syntax-before": "<media-in-parens> [ and <media-in-parens> ]+",
 		"syntax-after": "and <media-in-parens>",
 		"comment": ""
 	},
-	"<media-condition-without-or>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
+	"media-condition": {
+		"type": "modified",
+		"syntax-before": "<media-not> | <media-and> | <media-or> | <media-in-parens>",
+		"syntax-after": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
 		"comment": ""
 	},
-	"<media-condition>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
+	"media-condition-without-or": {
+		"type": "modified",
+		"syntax-before": "<media-not> | <media-and> | <media-in-parens>",
+		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
 		"comment": ""
 	},
-	"<media-feature>": {
-		"type": "added",
-		"syntax-before": "",
+	"media-feature": {
+		"type": "modified",
+		"syntax-before": "( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
 		"syntax-after": "[ <mf-plain> | <mf-boolean> | <mf-range> ]",
 		"comment": ""
 	},
-	"<media-in-parens>": {
-		"type": "added",
-		"syntax-before": "",
+	"media-in-parens": {
+		"type": "modified",
+		"syntax-before": "( <media-condition> ) | <media-feature> | <general-enclosed>",
 		"syntax-after": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>",
 		"comment": ""
 	},
-	"<media-not>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "not <media-in-parens>",
-		"comment": ""
-	},
-	"<media-or>": {
-		"type": "added",
-		"syntax-before": "",
+	"media-or": {
+		"type": "modified",
+		"syntax-before": "<media-in-parens> [ or <media-in-parens> ]+",
 		"syntax-after": "or <media-in-parens>",
 		"comment": ""
 	},
-	"<media-progress()>": {
+	"media-progress()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
 		"comment": ""
 	},
-	"<media-query>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?",
-		"comment": ""
-	},
-	"<media-type>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<ident>",
-		"comment": ""
-	},
-	"<mf-boolean>": {
+	"media()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<mf-name>",
+		"syntax-after": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
 		"comment": ""
 	},
-	"<mf-comparison>": {
+	"mf-comparison": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<mf-lt> | <mf-gt> | <mf-eq>",
 		"comment": ""
 	},
-	"<mf-eq>": {
+	"mf-eq": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'='",
 		"comment": ""
 	},
-	"<mf-gt>": {
+	"mf-gt": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'>' '='?",
 		"comment": ""
 	},
-	"<mf-lt>": {
+	"mf-lt": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'<' '='?",
 		"comment": ""
 	},
-	"<mf-name>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<ident>",
-		"comment": ""
-	},
-	"<mf-plain>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<mf-name> : <mf-value>",
-		"comment": ""
-	},
-	"<mf-range>": {
-		"type": "added",
-		"syntax-before": "",
+	"mf-range": {
+		"type": "modified",
+		"syntax-before": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>",
 		"syntax-after": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
 		"comment": ""
 	},
-	"<mf-value>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> | <dimension> | <ident> | <ratio>",
-		"comment": ""
-	},
-	"<mix()>": {
+	"mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
 		"comment": ""
 	},
-	"<modern-device-cmyk-syntax>": {
+	"modern-device-cmyk-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<modern-hsl-syntax>": {
+	"modern-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<modern-hsla-syntax>": {
+	"modern-hsla-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<modern-rgb-syntax>": {
+	"modern-rgb-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<modern-rgba-syntax>": {
+	"modern-rgba-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<mq-boolean>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<integer [0,1]>",
-		"comment": ""
-	},
-	"<name-repeat>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )",
-		"comment": ""
-	},
-	"<namespace-prefix>": {
+	"move-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<ident>",
+		"syntax-after": "move <by-to> <coordinate-pair>",
 		"comment": ""
 	},
-	"<ns-prefix>": {
+	"mq-boolean": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ <ident-token> | '*' ]? '|'",
+		"syntax-after": "<integer [0,1]>",
 		"comment": ""
 	},
-	"<number-optional-number>": {
+	"number-optional-number": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<number> <number>?",
 		"comment": ""
 	},
-	"<numeric-figure-values>": {
+	"offset-path": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ lining-nums | oldstyle-nums ]",
+		"syntax-after": "<ray()> | <url> | <basic-shape>",
 		"comment": ""
 	},
-	"<numeric-fraction-values>": {
+	"oklab()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ diagonal-fractions | stacked-fractions ]",
+		"syntax-after": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<numeric-spacing-values>": {
+	"oklch()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ proportional-nums | tabular-nums ]",
+		"syntax-after": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<offset-path>": {
+	"opacity-value": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<ray()> | <url> | <basic-shape>",
+		"syntax-after": "<number> | <percentage>",
 		"comment": ""
 	},
-	"<opentype-tag>": {
+	"opentype-tag": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<string>",
 		"comment": ""
 	},
-	"<overflow-position>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "unsafe | safe",
+	"page-selector": {
+		"type": "modified",
+		"syntax-before": "<pseudo-page>+ | <ident> <pseudo-page>*",
+		"syntax-after": "[ <ident-token>? <pseudo-page>* ]!",
 		"comment": ""
 	},
-	"<page-selector-list>": {
-		"type": "added",
-		"syntax-before": "",
+	"page-selector-list": {
+		"type": "modified",
+		"syntax-before": "[ <page-selector># ]?",
 		"syntax-after": "<page-selector>#",
 		"comment": ""
 	},
-	"<page-selector>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <ident-token>? <pseudo-page>* ]!",
+	"paint": {
+		"type": "modified",
+		"syntax-before": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
+		"syntax-after": "none | <image> | <svg-paint>",
 		"comment": ""
 	},
-	"<paint-box>": {
+	"paint-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> | fill-box | stroke-box",
 		"comment": ""
 	},
-	"<paint>": {
+	"palette-mix()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "none | <image> | <svg-paint>",
+		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
 		"comment": ""
 	},
-	"<points>": {
+	"points": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <number>+ ]#",
 		"comment": ""
 	},
-	"<polar-color-space>": {
+	"polar-color-space": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsl | hwb | lch | oklch",
 		"comment": ""
 	},
-	"<position-area>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ 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} ]",
-		"comment": ""
-	},
-	"<position>": {
-		"type": "added",
-		"syntax-before": "",
+	"position": {
+		"type": "modified",
+		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"comment": ""
 	},
-	"<predefined-polar-params>": {
+	"position-area": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"syntax-after": "[ [ 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} ]",
 		"comment": ""
 	},
-	"<predefined-rectangular-params>": {
+	"predefined-polar-params": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+		"syntax-after": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 		"comment": ""
 	},
-	"<predefined-rectangular>": {
+	"predefined-rectangular": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "jzazbz | ictcp",
 		"comment": ""
 	},
-	"<predefined-rgb-params>": {
+	"predefined-rectangular-params": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+		"syntax-after": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	},
-	"<predefined-rgb>": {
+	"predefined-rgb": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 		"comment": ""
 	},
-	"<progress()>": {
+	"predefined-rgb-params": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+		"syntax-after": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	},
-	"<progress>": {
+	"progress": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
 		"comment": ""
 	},
-	"<pseudo-class-selector>": {
+	"progress()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "':' <ident-token> | ':' <function-token> <any-value> ')'",
+		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
 		"comment": ""
 	},
-	"<pseudo-compound-selector>": {
+	"pseudo-compound-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<pseudo-element-selector> <pseudo-class-selector>*",
 		"comment": ""
 	},
-	"<pseudo-element-selector>": {
-		"type": "added",
-		"syntax-before": "",
+	"pseudo-element-selector": {
+		"type": "modified",
+		"syntax-before": "':' <pseudo-class-selector>",
 		"syntax-after": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
 		"comment": ""
 	},
-	"<pseudo-page>": {
-		"type": "added",
-		"syntax-before": "",
+	"pseudo-page": {
+		"type": "modified",
+		"syntax-before": ": [ left | right | first | blank ]",
 		"syntax-after": "':' [ left | right | first | blank ]",
 		"comment": ""
 	},
-	"<pt-class-selector>": {
+	"pt-class-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ '.' <custom-ident> ]+",
 		"comment": ""
 	},
-	"<pt-name-and-class-selector>": {
+	"pt-name-and-class-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
 		"comment": ""
 	},
-	"<pt-name-selector>": {
+	"pt-name-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'*' | <custom-ident>",
 		"comment": ""
 	},
-	"<query-in-parens>": {
+	"query-in-parens": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
 		"comment": ""
 	},
-	"<quote>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "open-quote | close-quote | no-open-quote | no-close-quote",
-		"comment": ""
-	},
-	"<radial-extent>": {
+	"radial-extent": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "closest-corner | closest-side | farthest-corner | farthest-side",
 		"comment": ""
 	},
-	"<radial-gradient-syntax>": {
+	"radial-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>",
 		"comment": ""
 	},
-	"<radial-shape>": {
+	"radial-gradient()": {
+		"type": "modified",
+		"syntax-before": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-after": "radial-gradient( [ <radial-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"radial-shape": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "circle | ellipse",
 		"comment": ""
 	},
-	"<radial-size>": {
+	"radial-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
 		"comment": ""
 	},
-	"<random-caching-options>": {
+	"random-caching-options": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident> || per-element",
 		"comment": ""
 	},
-	"<ratio>": {
+	"random-item()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<number [0,∞]> [ / <number [0,∞]> ]?",
+		"syntax-after": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
 		"comment": ""
 	},
-	"<ray-size>": {
+	"random()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
+		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
 		"comment": ""
 	},
-	"<rectangular-color-space>": {
+	"ray-size": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
+		"syntax-after": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
 		"comment": ""
 	},
-	"<relative-real-selector-list>": {
+	"ray()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<relative-real-selector>#",
+		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
 		"comment": ""
 	},
-	"<relative-real-selector>": {
+	"rectangular-color-space": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<combinator>? <complex-real-selector>",
+		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
 		"comment": ""
 	},
-	"<relative-selector-list>": {
+	"referrerpolicy-modifier": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<relative-selector>#",
+		"syntax-after": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
 		"comment": ""
 	},
-	"<relative-selector>": {
+	"relative-real-selector": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<combinator>? <complex-selector>",
+		"syntax-after": "<combinator>? <complex-real-selector>",
 		"comment": ""
 	},
-	"<repeat-style>": {
+	"relative-real-selector-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
+		"syntax-after": "<relative-real-selector>#",
 		"comment": ""
 	},
-	"<repetition>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat | space | round | no-repeat",
+	"repeating-conic-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-after": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
 		"comment": ""
 	},
-	"<request-url-modifier>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+	"repeating-linear-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-after": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": ""
 	},
-	"<reversed-counter-name>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "reversed( <counter-name> )",
+	"repeating-radial-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-after": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
 		"comment": ""
 	},
-	"<rounding-strategy>": {
+	"repetition": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "nearest | up | down | to-zero",
+		"syntax-after": "repeat | space | round | no-repeat",
 		"comment": ""
 	},
-	"<scroller>": {
+	"request-url-modifier": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "root | nearest | self",
+		"syntax-after": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
 		"comment": ""
 	},
-	"<selector-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<complex-selector-list>",
-		"comment": ""
-	},
-	"<self-position>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "center | start | end | self-start | self-end | flex-start | flex-end",
+	"rgb()": {
+		"type": "modified",
+		"syntax-before": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"syntax-after": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 		"comment": ""
 	},
-	"<shadow>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+	"rgba()": {
+		"type": "modified",
+		"syntax-before": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 		"comment": ""
 	},
-	"<shape-box>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> | margin-box",
+	"round()": {
+		"type": "modified",
+		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
+		"syntax-after": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
 		"comment": ""
 	},
-	"<shape-command>": {
+	"running()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+		"syntax-after": "running( <custom-ident> )",
 		"comment": ""
 	},
-	"<side-or-corner>": {
+	"scroll()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ left | right ] || [ top | bottom ]",
+		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
 		"comment": ""
 	},
-	"<simple-selector-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<simple-selector>#",
+	"scroller": {
+		"type": "modified",
+		"syntax-before": "root | nearest",
+		"syntax-after": "root | nearest | self",
 		"comment": ""
 	},
-	"<simple-selector>": {
+	"selector-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<type-selector> | <subclass-selector>",
+		"syntax-after": "<complex-selector-list>",
 		"comment": ""
 	},
-	"<single-animation-composition>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "replace | add | accumulate",
+	"shadow": {
+		"type": "modified",
+		"syntax-before": "inset? && <length>{2,4} && <color>?",
+		"syntax-after": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
 		"comment": ""
 	},
-	"<single-animation-direction>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | reverse | alternate | alternate-reverse",
+	"shape-box": {
+		"type": "modified",
+		"syntax-before": "<box> | margin-box",
+		"syntax-after": "<visual-box> | margin-box",
 		"comment": ""
 	},
-	"<single-animation-fill-mode>": {
+	"shape-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "none | forwards | backwards | both",
+		"syntax-after": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
 		"comment": ""
 	},
-	"<single-animation-iteration-count>": {
+	"shape()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "infinite | <number [0,∞]>",
+		"syntax-after": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
 		"comment": ""
 	},
-	"<single-animation-play-state>": {
+	"simple-selector": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "running | paused",
+		"syntax-after": "<type-selector> | <subclass-selector>",
 		"comment": ""
 	},
-	"<single-animation-timeline>": {
+	"simple-selector-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
+		"syntax-after": "<simple-selector>#",
 		"comment": ""
 	},
-	"<single-animation>": {
-		"type": "added",
-		"syntax-before": "",
+	"single-animation": {
+		"type": "modified",
+		"syntax-before": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
 		"syntax-after": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
 		"comment": ""
 	},
-	"<single-transition-property>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "all | <custom-ident>",
+	"single-animation-iteration-count": {
+		"type": "modified",
+		"syntax-before": "infinite | <number>",
+		"syntax-after": "infinite | <number [0,∞]>",
 		"comment": ""
 	},
-	"<single-transition>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
+	"single-animation-timeline": {
+		"type": "modified",
+		"syntax-before": "auto | none | <timeline-name> | scroll( <axis>? <scroller>? )",
+		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
 		"comment": ""
 	},
-	"<source-size-list>": {
+	"smooth-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<source-size>#? , <source-size-value>",
+		"syntax-after": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
 		"comment": ""
 	},
-	"<source-size-value>": {
+	"source-size": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<length> | auto",
+		"syntax-after": "<media-condition> <source-size-value> | auto",
 		"comment": ""
 	},
-	"<source-size>": {
+	"source-size-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<media-condition> <source-size-value> | auto",
+		"syntax-after": "<source-size>#? , <source-size-value>",
 		"comment": ""
 	},
-	"<spacing-trim>": {
+	"source-size-value": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+		"syntax-after": "<length> | auto",
 		"comment": ""
 	},
-	"<spread-shadow>": {
+	"spacing-trim": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+		"syntax-after": "space-all | normal | space-first | trim-start | trim-both | trim-all",
 		"comment": ""
 	},
-	"<step-easing-function>": {
+	"spread-shadow": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
+		"syntax-after": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
 		"comment": ""
 	},
-	"<step-position>": {
+	"src()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "jump-start | jump-end | jump-none | jump-both | start | end",
+		"syntax-after": "src( <string> <url-modifier>* )",
 		"comment": ""
 	},
-	"<style-in-parens>": {
+	"step-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
 		"comment": ""
 	},
-	"<style-query>": {
+	"string()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
+		"syntax-after": "string( <custom-ident> , [ first | start | last | first-except ]? )",
 		"comment": ""
 	},
-	"<subclass-selector>": {
+	"stripes()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>",
+		"syntax-after": "stripes( <color-stripe># )",
 		"comment": ""
 	},
-	"<supports-condition>": {
+	"style-in-parens": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*",
+		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
 		"comment": ""
 	},
-	"<supports-decl>": {
+	"style-query": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "( <declaration> )",
+		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
 		"comment": ""
 	},
-	"<supports-feature>": {
-		"type": "added",
-		"syntax-before": "",
+	"supports-feature": {
+		"type": "modified",
+		"syntax-before": "<supports-decl> | <supports-selector-fn>",
 		"syntax-after": "<supports-decl>",
 		"comment": ""
 	},
-	"<supports-font-format-fn>": {
+	"supports-font-format-fn": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "font-format( <font-format> )",
 		"comment": ""
 	},
-	"<supports-font-tech-fn>": {
+	"supports-font-tech-fn": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "font-tech( <font-tech> )",
 		"comment": ""
 	},
-	"<supports-in-parens>": {
+	"supports()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "( <supports-condition> ) | <supports-feature> | <general-enclosed>",
+		"syntax-after": "supports( <declaration> )",
 		"comment": ""
 	},
-	"<supports-selector-fn>": {
+	"svg-paint": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "selector( <complex-selector> )",
+		"syntax-after": "child | child( <integer> )",
 		"comment": ""
 	},
-	"<svg-paint>": {
+	"symbols-type": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "child | child( <integer> )",
+		"syntax-after": "cyclic | numeric | alphabetic | symbolic | fixed",
 		"comment": ""
 	},
-	"<symbol>": {
+	"symbols()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<string> | <image> | <custom-ident>",
+		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
 		"comment": ""
 	},
-	"<symbols-type>": {
+	"syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "cyclic | numeric | alphabetic | symbolic | fixed",
+		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
 		"comment": ""
 	},
-	"<syntax-combinator>": {
+	"syntax-combinator": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'|'",
 		"comment": ""
 	},
-	"<syntax-component-name>": {
+	"syntax-component": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
+		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
 		"comment": ""
 	},
-	"<syntax-component>": {
+	"syntax-component-name": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
 		"comment": ""
 	},
-	"<syntax-multiplier>": {
+	"syntax-multiplier": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ '#' | '+' ]",
 		"comment": ""
 	},
-	"<syntax-type>": {
+	"syntax-type": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
 		"comment": ""
 	},
-	"<syntax>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
-		"comment": ""
-	},
-	"<system-family-name>": {
+	"system-family-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "caption | icon | menu | message-box | small-caption | status-bar",
 		"comment": ""
 	},
-	"<target-contrast>": {
+	"target-contrast": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<wcag2>",
 		"comment": ""
 	},
-	"<target>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<target-counter()> | <target-counters()> | <target-text()>",
-		"comment": ""
-	},
-	"<text-edge>": {
+	"text-edge": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
 		"comment": ""
 	},
-	"<time-percentage>": {
-		"type": "added",
-		"syntax-before": "",
+	"time-percentage": {
+		"type": "modified",
+		"syntax-before": "<time> | <percentage>",
 		"syntax-after": "[ <time> | <percentage> ]",
 		"comment": ""
 	},
-	"<toggle()>": {
+	"toggle()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "toggle( <whole-value># )",
 		"comment": ""
 	},
-	"<track-breadth>": {
-		"type": "added",
-		"syntax-before": "",
+	"track-breadth": {
+		"type": "modified",
+		"syntax-before": "<length-percentage> | <flex> | min-content | max-content | auto",
 		"syntax-after": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
 		"comment": ""
 	},
-	"<track-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?",
-		"comment": ""
-	},
-	"<track-repeat>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )",
-		"comment": ""
-	},
-	"<track-size>": {
-		"type": "added",
-		"syntax-before": "",
+	"track-size": {
+		"type": "modified",
+		"syntax-before": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )",
 		"syntax-after": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
 		"comment": ""
 	},
-	"<transform-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<transform-function>+",
-		"comment": ""
-	},
-	"<transform-mix()>": {
+	"transform-mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "transform-mix( <progress> , <transform-list> , <transform-list> )",
 		"comment": ""
 	},
-	"<transition-behavior-value>": {
+	"transition-behavior-value": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | allow-discrete",
 		"comment": ""
 	},
-	"<try-size>": {
+	"try-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "most-width | most-height | most-block-size | most-inline-size",
 		"comment": ""
 	},
-	"<type-selector>": {
+	"try-tactic": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<wq-name> | <ns-prefix>? '*'",
+		"syntax-after": "flip-block || flip-inline || flip-start",
 		"comment": ""
 	},
-	"<type()>": {
+	"type()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "type( <syntax> )",
 		"comment": ""
 	},
-	"<url>": {
-		"type": "added",
-		"syntax-before": "",
+	"url": {
+		"type": "modified",
+		"syntax-before": "url( <string> <url-modifier>* ) | <url-token>",
 		"syntax-after": "<url()> | <src()>",
 		"comment": ""
 	},
-	"<visual-box>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "content-box | padding-box | border-box",
-		"comment": ""
-	},
-	"<wcag2>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
-		"comment": ""
-	},
-	"<wq-name>": {
+	"url()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<ns-prefix>? <ident-token>",
+		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
 		"comment": ""
 	},
-	"<xyz-params>": {
+	"view()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
+		"syntax-after": "view( [ <axis> || <'view-timeline-inset'> ]? )",
 		"comment": ""
 	},
-	"<xyz-space>": {
+	"wcag2": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "xyz | xyz-d50 | xyz-d65",
+		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 		"comment": ""
 	},
-	"<xyz>": {
+	"xyz": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "xyz | xyz-d50 | xyz-d65",
 		"comment": ""
 	},
-	"anchor-size()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
-		"comment": ""
-	},
-	"anchor()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
-		"comment": ""
-	},
-	"attr()": {
-		"type": "modified",
-		"syntax-before": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
-		"syntax-after": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
-		"comment": ""
-	},
-	"calc-size()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "calc-size( <calc-size-basis> , <calc-sum> )",
-		"comment": ""
-	},
-	"clamp()": {
-		"type": "modified",
-		"syntax-before": "clamp( <calc-sum>#{3} )",
-		"syntax-after": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
-		"comment": ""
-	},
-	"color-layers()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "color-layers( [ <blend-mode> , ]? <color># )",
-		"comment": ""
-	},
-	"color-mix()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
-		"comment": ""
-	},
-	"color()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
-	},
-	"conic-gradient()": {
-		"type": "modified",
-		"syntax-before": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
-		"syntax-after": "conic-gradient( [ <conic-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"content()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "content( [ text | before | after | first-letter | marker ]? )",
-		"comment": ""
-	},
-	"contrast-color()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
-		"comment": ""
-	},
-	"cross-fade()": {
-		"type": "modified",
-		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
-		"syntax-after": "cross-fade( <cf-image># )",
-		"comment": ""
-	},
-	"device-cmyk()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
-		"comment": ""
-	},
-	"dynamic-range-limit-mix()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
-		"comment": ""
-	},
-	"element()": {
-		"type": "modified",
-		"syntax-before": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
-		"syntax-after": "element( <id-selector> )",
-		"comment": ""
-	},
-	"env()": {
-		"type": "modified",
-		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
-		"syntax-after": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
-		"comment": ""
-	},
-	"filter()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "filter( [ <image> | <string> ] , <filter-value-list> )",
-		"comment": ""
-	},
-	"hsl()": {
-		"type": "modified",
-		"syntax-before": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"syntax-after": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
-		"comment": ""
-	},
-	"hsla()": {
-		"type": "modified",
-		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
-		"comment": ""
-	},
-	"hwb()": {
-		"type": "modified",
-		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
-	},
-	"light-dark()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "light-dark( <color> , <color> )",
-		"comment": ""
-	},
-	"linear-gradient()": {
-		"type": "modified",
-		"syntax-before": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
-		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"linear()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "linear( <linear-stop-list> )",
-		"comment": ""
-	},
-	"media()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
-		"comment": ""
-	},
-	"oklab()": {
+	"xyz-params": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
-	},
-	"oklch()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
-	},
-	"palette-mix()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
-		"comment": ""
-	},
-	"radial-gradient()": {
-		"type": "modified",
-		"syntax-before": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
-		"syntax-after": "radial-gradient( [ <radial-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"random-item()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
-		"comment": ""
-	},
-	"random()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
-		"comment": ""
-	},
-	"ray()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
-		"comment": ""
-	},
-	"repeating-conic-gradient()": {
-		"type": "modified",
-		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
-		"syntax-after": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"repeating-linear-gradient()": {
-		"type": "modified",
-		"syntax-before": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
-		"syntax-after": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"repeating-radial-gradient()": {
-		"type": "modified",
-		"syntax-before": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
-		"syntax-after": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"rgb()": {
-		"type": "modified",
-		"syntax-before": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
-		"syntax-after": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
-		"comment": ""
-	},
-	"rgba()": {
-		"type": "modified",
-		"syntax-before": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
-		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
-		"comment": ""
-	},
-	"round()": {
-		"type": "modified",
-		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
-		"syntax-after": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
-		"comment": ""
-	},
-	"running()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "running( <custom-ident> )",
-		"comment": ""
-	},
-	"scroll()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
-		"comment": ""
-	},
-	"shape()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
-		"comment": ""
-	},
-	"src()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "src( <string> <url-modifier>* )",
-		"comment": ""
-	},
-	"string()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "string( <custom-ident> , [ first | start | last | first-except ]? )",
-		"comment": ""
-	},
-	"stripes()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "stripes( <color-stripe># )",
-		"comment": ""
-	},
-	"supports()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "supports( <declaration> )",
-		"comment": ""
-	},
-	"symbols()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
-		"comment": ""
-	},
-	"url()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
+		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	},
-	"view()": {
+	"xyz-space": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "view( [ <axis> || <'view-timeline-inset'> ]? )",
+		"syntax-after": "xyz | xyz-d50 | xyz-d65",
 		"comment": ""
 	}
 }
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 4a765b9ae5..04d09e6da7 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -1,2150 +1,1676 @@
 {
-	"<anchor-element>": {
+	"anchor-element": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident>",
 		"comment": ""
 	},
-	"<anchor-side>": {
+	"anchor-side": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
 		"comment": ""
 	},
-	"<anchor-size>": {
+	"anchor-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "width | height | block | inline | self-block | self-inline",
 		"comment": ""
 	},
-	"<angle-percentage>": {
+	"anchor-size()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ <angle> | <percentage> ]",
+		"syntax-after": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
 		"comment": ""
 	},
-	"<angular-color-hint>": {
+	"anchor()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<angle-percentage>",
+		"syntax-after": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
 		"comment": ""
 	},
-	"<angular-color-stop-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+	"angle-percentage": {
+		"type": "modified",
+		"syntax-before": "<angle> | <percentage>",
+		"syntax-after": "[ <angle> | <percentage> ]",
 		"comment": ""
 	},
-	"<angular-color-stop>": {
-		"type": "added",
-		"syntax-before": "",
+	"angular-color-stop": {
+		"type": "modified",
+		"syntax-before": "<color> && <color-stop-angle>?",
 		"syntax-after": "<color> <color-stop-angle>?",
 		"comment": ""
 	},
-	"<animateable-feature>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "scroll-position | contents | <custom-ident>",
+	"angular-color-stop-list": {
+		"type": "modified",
+		"syntax-before": "[ <angular-color-stop> [, <angular-color-hint> ]? ]# , <angular-color-stop>",
+		"syntax-after": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
 		"comment": ""
 	},
-	"<attachment>": {
+	"arc-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "scroll | fixed | local",
+		"syntax-after": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
 		"comment": ""
 	},
-	"<attr-matcher>": {
+	"arc-size": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ '~' | '|' | '^' | '$' | '*' ]? '='",
+		"syntax-after": "large | small",
 		"comment": ""
 	},
-	"<attr-modifier>": {
+	"arc-sweep": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "i | s",
+		"syntax-after": "cw | ccw",
 		"comment": ""
 	},
-	"<attr-name>": {
-		"type": "added",
-		"syntax-before": "",
+	"attr-name": {
+		"type": "modified",
+		"syntax-before": "<wq-name>",
 		"syntax-after": "[ <ident-token> '|' ]? <ident-token>",
 		"comment": ""
 	},
-	"<attr-type>": {
+	"attr-type": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
 		"comment": ""
 	},
-	"<attribute-selector>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'",
-		"comment": ""
-	},
-	"<auto-repeat>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
-		"comment": ""
-	},
-	"<auto-track-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?",
+	"attr()": {
+		"type": "modified",
+		"syntax-before": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
+		"syntax-after": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
 		"comment": ""
 	},
-	"<autospace>": {
+	"autospace": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
 		"comment": ""
 	},
-	"<axis>": {
-		"type": "added",
-		"syntax-before": "",
+	"axis": {
+		"type": "modified",
+		"syntax-before": "block | inline | vertical | horizontal",
 		"syntax-after": "block | inline | x | y",
 		"comment": ""
 	},
-	"<baseline-position>": {
-		"type": "added",
-		"syntax-before": "",
+	"baseline-position": {
+		"type": "modified",
+		"syntax-before": "[ first | last ]? baseline",
 		"syntax-after": "[ first | last ]? && baseline",
 		"comment": ""
 	},
-	"<basic-shape-rect>": {
+	"basic-shape-rect": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<inset()> | <rect()> | <xywh()>",
 		"comment": ""
 	},
-	"<bg-clip>": {
-		"type": "added",
-		"syntax-before": "",
+	"bg-clip": {
+		"type": "modified",
+		"syntax-before": "<box> | border | text",
 		"syntax-after": "<visual-box> | border-area | text",
 		"comment": ""
 	},
-	"<bg-image>": {
-		"type": "added",
-		"syntax-before": "",
+	"bg-image": {
+		"type": "modified",
+		"syntax-before": "none | <image>",
 		"syntax-after": "<image> | none",
 		"comment": ""
 	},
-	"<bg-layer>": {
-		"type": "added",
-		"syntax-before": "",
+	"bg-layer": {
+		"type": "modified",
+		"syntax-before": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
 		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
 		"comment": ""
 	},
-	"<bg-position>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
-		"comment": ""
-	},
-	"<bg-size>": {
-		"type": "added",
-		"syntax-before": "",
+	"bg-size": {
+		"type": "modified",
+		"syntax-before": "[ <length-percentage> | auto ]{1,2} | cover | contain",
 		"syntax-after": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
 		"comment": ""
 	},
-	"<blend-mode>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity",
-		"comment": ""
-	},
-	"<bool-and>": {
+	"bool-and": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "and <bool-in-parens>",
 		"comment": ""
 	},
-	"<bool-in-parens>": {
+	"bool-in-parens": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "( <boolean> ) | <bool-test> | <general-enclosed>",
 		"comment": ""
 	},
-	"<bool-not>": {
+	"bool-not": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "not <bool-in-parens>",
 		"comment": ""
 	},
-	"<bool-or>": {
+	"bool-or": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "or <bool-in-parens>",
 		"comment": ""
 	},
-	"<boolean-without-or>": {
+	"boolean": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"comment": ""
+	},
+	"boolean-without-or": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<bool-not> | <bool-in-parens> <bool-and>*",
 		"comment": ""
 	},
-	"<boolean>": {
+	"by-to": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"syntax-after": "by | to",
 		"comment": ""
 	},
-	"<calc-keyword>": {
+	"calc-keyword": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "e | pi | infinity | -infinity | NaN",
 		"comment": ""
 	},
-	"<calc-mix()>": {
+	"calc-mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
 		"comment": ""
 	},
-	"<calc-product>": {
-		"type": "added",
-		"syntax-before": "",
+	"calc-product": {
+		"type": "modified",
+		"syntax-before": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
 		"syntax-after": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
 		"comment": ""
 	},
-	"<calc-size-basis>": {
+	"calc-size-basis": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
 		"comment": ""
 	},
-	"<calc-sum>": {
+	"calc-size()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*",
+		"syntax-after": "calc-size( <calc-size-basis> , <calc-sum> )",
 		"comment": ""
 	},
-	"<calc-value>": {
-		"type": "added",
-		"syntax-before": "",
+	"calc-value": {
+		"type": "modified",
+		"syntax-before": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
 		"syntax-after": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
 		"comment": ""
 	},
-	"<cf-image>": {
+	"cf-image": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <image> | <color> ] && <percentage [0,100]>?",
 		"comment": ""
 	},
-	"<class-selector>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'.' <ident-token>",
+	"clamp()": {
+		"type": "modified",
+		"syntax-before": "clamp( <calc-sum>#{3} )",
+		"syntax-after": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
 		"comment": ""
 	},
-	"<clip-source>": {
+	"cmyk-component": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<url>",
+		"syntax-after": "<number> | <percentage> | none",
 		"comment": ""
 	},
-	"<cmyk-component>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> | <percentage> | none",
+	"color": {
+		"type": "modified",
+		"syntax-before": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>",
+		"syntax-after": "<color-base> | currentColor | <system-color>",
 		"comment": ""
 	},
-	"<color-base>": {
+	"color-base": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<hex-color> | <color-function> | <named-color> | transparent",
 		"comment": ""
 	},
-	"<color-font-tech>": {
+	"color-font-tech": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
 		"comment": ""
 	},
-	"<color-function>": {
+	"color-function": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
 		"comment": ""
 	},
-	"<color-interpolation-method>": {
+	"color-interpolation-method": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]",
 		"comment": ""
 	},
-	"<color-space>": {
+	"color-layers()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<rectangular-color-space> | <polar-color-space>",
+		"syntax-after": "color-layers( [ <blend-mode> , ]? <color># )",
 		"comment": ""
 	},
-	"<color-stop-angle>": {
+	"color-mix()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<angle-percentage>{1,2}",
+		"syntax-after": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
 		"comment": ""
 	},
-	"<color-stop-length>": {
+	"color-space": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<length-percentage>{1,2}",
+		"syntax-after": "<rectangular-color-space> | <polar-color-space>",
 		"comment": ""
 	},
-	"<color-stop-list>": {
-		"type": "added",
-		"syntax-before": "",
+	"color-stop-list": {
+		"type": "modified",
+		"syntax-before": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
 		"syntax-after": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
 		"comment": ""
 	},
-	"<color-stop>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color-stop-length> | <color-stop-angle>",
-		"comment": ""
-	},
-	"<color-stripe>": {
+	"color-stripe": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<color> && [ <length-percentage> | <flex> ]?",
 		"comment": ""
 	},
-	"<color>": {
+	"color()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<color-base> | currentColor | <system-color>",
+		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<colorspace-params>": {
+	"colorspace-params": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 		"comment": ""
 	},
-	"<combinator>": {
-		"type": "added",
-		"syntax-before": "",
+	"combinator": {
+		"type": "modified",
+		"syntax-before": "'>' | '+' | '~' | [ '||' ]",
 		"syntax-after": "'>' | '+' | '~' | [ '|' '|' ]",
 		"comment": ""
 	},
-	"<common-lig-values>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ common-ligatures | no-common-ligatures ]",
+	"compat-auto": {
+		"type": "modified",
+		"syntax-before": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
+		"syntax-after": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
 		"comment": ""
 	},
-	"<complex-real-selector-list>": {
+	"compat-special": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<complex-real-selector>#",
+		"syntax-after": "textfield | menulist-button",
 		"comment": ""
 	},
-	"<complex-real-selector>": {
+	"complex-real-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<compound-selector> [ <combinator>? <compound-selector> ]*",
 		"comment": ""
 	},
-	"<complex-selector-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<complex-selector>#",
-		"comment": ""
-	},
-	"<complex-selector-unit>": {
+	"complex-real-selector-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
+		"syntax-after": "<complex-real-selector>#",
 		"comment": ""
 	},
-	"<complex-selector>": {
-		"type": "added",
-		"syntax-before": "",
+	"complex-selector": {
+		"type": "modified",
+		"syntax-before": "<compound-selector> [ <combinator>? <compound-selector> ]*",
 		"syntax-after": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
 		"comment": ""
 	},
-	"<composite-mode>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
-		"comment": ""
-	},
-	"<compositing-operator>": {
+	"complex-selector-unit": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "add | subtract | intersect | exclude",
+		"syntax-after": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
 		"comment": ""
 	},
-	"<compound-selector-list>": {
+	"composite-mode": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<compound-selector>#",
+		"syntax-after": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
 		"comment": ""
 	},
-	"<compound-selector>": {
-		"type": "added",
-		"syntax-before": "",
+	"compound-selector": {
+		"type": "modified",
+		"syntax-before": "[ <type-selector>? <subclass-selector>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!",
 		"syntax-after": "[ <type-selector>? <subclass-selector>* ]!",
 		"comment": ""
 	},
-	"<conic-gradient-syntax>": {
+	"conic-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 		"comment": ""
 	},
-	"<container-condition>": {
+	"conic-gradient()": {
+		"type": "modified",
+		"syntax-before": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-after": "conic-gradient( [ <conic-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"container-condition": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <container-name> ]? <container-query>",
 		"comment": ""
 	},
-	"<container-name>": {
+	"container-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<custom-ident>",
 		"comment": ""
 	},
-	"<container-progress()>": {
+	"container-progress()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
 		"comment": ""
 	},
-	"<container-query>": {
+	"container-query": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 		"comment": ""
 	},
-	"<content-distribution>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "space-between | space-around | space-evenly | stretch",
-		"comment": ""
-	},
-	"<content-level>": {
+	"content-level": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "element | content | text | <attr()> | <counter>",
 		"comment": ""
 	},
-	"<content-list>": {
-		"type": "added",
-		"syntax-before": "",
+	"content-list": {
+		"type": "modified",
+		"syntax-before": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
 		"syntax-after": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
 		"comment": ""
 	},
-	"<content-position>": {
+	"content()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "center | start | end | flex-start | flex-end",
+		"syntax-after": "content( [ text | before | after | first-letter | marker ]? )",
 		"comment": ""
 	},
-	"<contextual-alt-values>": {
+	"contrast-color()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ contextual | no-contextual ]",
+		"syntax-after": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
 		"comment": ""
 	},
-	"<coord-box>": {
+	"coord-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<paint-box> | view-box",
 		"comment": ""
 	},
-	"<counter-style>": {
+	"coordinate-pair": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<counter-style-name> | <symbols()>",
+		"syntax-after": "<length-percentage>{2}",
 		"comment": ""
 	},
-	"<counter>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<counter()> | <counters()>",
+	"counter-style": {
+		"type": "modified",
+		"syntax-before": "<counter-style-name> | symbols( )",
+		"syntax-after": "<counter-style-name> | <symbols()>",
 		"comment": ""
 	},
-	"<css-type>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<syntax-component> | <type()>",
+	"cross-fade()": {
+		"type": "modified",
+		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
+		"syntax-after": "cross-fade( <cf-image># )",
 		"comment": ""
 	},
-	"<cubic-bezier-easing-function>": {
+	"crossorigin-modifier": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"syntax-after": "crossorigin( anonymous | use-credentials )",
 		"comment": ""
 	},
-	"<custom-arg>": {
+	"css-type": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "$ <ident-token> ;",
+		"syntax-after": "<syntax-component> | <type()>",
 		"comment": ""
 	},
-	"<custom-color-space>": {
+	"cubic-bezier-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<dashed-ident>",
+		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
 		"comment": ""
 	},
-	"<custom-params>": {
+	"curve-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"syntax-after": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
 		"comment": ""
 	},
-	"<custom-selector>": {
+	"custom-arg": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+		"syntax-after": "$ <ident-token> ;",
 		"comment": ""
 	},
-	"<dasharray>": {
+	"custom-color-space": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
+		"syntax-after": "<dashed-ident>",
 		"comment": ""
 	},
-	"<discretionary-lig-values>": {
+	"custom-params": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ discretionary-ligatures | no-discretionary-ligatures ]",
+		"syntax-after": "<dashed-ident> [ <number> | <percentage> | none ]+",
 		"comment": ""
 	},
-	"<display-box>": {
+	"custom-selector": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "contents | none",
+		"syntax-after": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
 		"comment": ""
 	},
-	"<display-inside>": {
+	"dasharray": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "flow | flow-root | table | flex | grid | ruby",
+		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
 		"comment": ""
 	},
-	"<display-internal>": {
+	"device-cmyk()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "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",
+		"syntax-after": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
 		"comment": ""
 	},
-	"<display-legacy>": {
-		"type": "added",
-		"syntax-before": "",
+	"display-legacy": {
+		"type": "modified",
+		"syntax-before": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
 		"syntax-after": "inline-block | inline-table | inline-flex | inline-grid",
 		"comment": ""
 	},
-	"<display-listitem>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<display-outside>? && [ flow | flow-root ]? && list-item",
-		"comment": ""
-	},
-	"<display-outside>": {
+	"dynamic-range-limit-mix()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "block | inline | run-in",
+		"syntax-after": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
 		"comment": ""
 	},
-	"<easing-function>": {
-		"type": "added",
-		"syntax-before": "",
+	"easing-function": {
+		"type": "modified",
+		"syntax-before": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
 		"syntax-after": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
 		"comment": ""
 	},
-	"<east-asian-variant-values>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]",
-		"comment": ""
-	},
-	"<east-asian-width-values>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ full-width | proportional-width ]",
-		"comment": ""
-	},
-	"<explicit-track-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <line-names>? <track-size> ]+ <line-names>?",
+	"element()": {
+		"type": "modified",
+		"syntax-before": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
+		"syntax-after": "element( <id-selector> )",
 		"comment": ""
 	},
-	"<family-name>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<string> | <custom-ident>+",
+	"env()": {
+		"type": "modified",
+		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
+		"syntax-after": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
 		"comment": ""
 	},
-	"<feature-value-name>": {
-		"type": "added",
-		"syntax-before": "",
+	"feature-value-name": {
+		"type": "modified",
+		"syntax-before": "<custom-ident>",
 		"syntax-after": "<ident>",
 		"comment": ""
 	},
-	"<filter-function>": {
-		"type": "added",
-		"syntax-before": "",
+	"filter-function": {
+		"type": "modified",
+		"syntax-before": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
 		"syntax-after": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
 		"comment": ""
 	},
-	"<filter-value-list>": {
+	"filter-value-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <filter-function> | <url> ]+",
 		"comment": ""
 	},
-	"<final-bg-layer>": {
+	"filter()": {
 		"type": "added",
 		"syntax-before": "",
+		"syntax-after": "filter( [ <image> | <string> ] , <filter-value-list> )",
+		"comment": ""
+	},
+	"final-bg-layer": {
+		"type": "modified",
+		"syntax-before": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
 		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
 		"comment": ""
 	},
-	"<first-valid()>": {
+	"first-valid()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "first-valid( <declaration-value># )",
 		"comment": ""
 	},
-	"<fixed-breadth>": {
-		"type": "added",
-		"syntax-before": "",
+	"fixed-breadth": {
+		"type": "modified",
+		"syntax-before": "<length-percentage>",
 		"syntax-after": "<length-percentage [0,∞]>",
 		"comment": ""
 	},
-	"<fixed-repeat>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )",
-		"comment": ""
-	},
-	"<fixed-size>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )",
-		"comment": ""
-	},
-	"<font-features-tech>": {
+	"font-features-tech": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ features-opentype | features-aat | features-graphite ]",
 		"comment": ""
 	},
-	"<font-format>": {
+	"font-format": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
 		"comment": ""
 	},
-	"<font-src>": {
+	"font-src": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
 		"comment": ""
 	},
-	"<font-tech>": {
+	"font-tech": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
 		"comment": ""
 	},
-	"<font-variant-css2>": {
+	"font-variant-css2": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ normal | small-caps ]",
 		"comment": ""
 	},
-	"<font-weight-absolute>": {
-		"type": "added",
-		"syntax-before": "",
+	"font-weight-absolute": {
+		"type": "modified",
+		"syntax-before": "normal | bold | <number [1,1000]>",
 		"syntax-after": "[ normal | bold | <number [1,1000]> ]",
 		"comment": ""
 	},
-	"<font-width-css3>": {
+	"font-width-css3": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
 		"comment": ""
 	},
-	"<frequency-percentage>": {
-		"type": "added",
-		"syntax-before": "",
+	"frequency-percentage": {
+		"type": "modified",
+		"syntax-before": "<frequency> | <percentage>",
 		"syntax-after": "[ <frequency> | <percentage> ]",
 		"comment": ""
 	},
-	"<function-dependency-list>": {
+	"function-dependency-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<function-parameter>#",
 		"comment": ""
 	},
-	"<function-name>": {
+	"function-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident>",
 		"comment": ""
 	},
-	"<function-parameter-list>": {
+	"function-parameter": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<function-parameter>#",
+		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
 		"comment": ""
 	},
-	"<function-parameter>": {
+	"function-parameter-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"syntax-after": "<function-parameter>#",
 		"comment": ""
 	},
-	"<general-enclosed>": {
-		"type": "added",
-		"syntax-before": "",
+	"general-enclosed": {
+		"type": "modified",
+		"syntax-before": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )",
 		"syntax-after": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
 		"comment": ""
 	},
-	"<generic-complete>": {
+	"generic-complete": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
 		"comment": ""
 	},
-	"<generic-family>": {
-		"type": "added",
-		"syntax-before": "",
+	"generic-family": {
+		"type": "modified",
+		"syntax-before": "serif | sans-serif | cursive | fantasy | monospace | -apple-system",
 		"syntax-after": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
 		"comment": ""
 	},
-	"<generic-incomplete>": {
+	"generic-incomplete": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
 		"comment": ""
 	},
-	"<generic-script-specific>": {
+	"generic-script-specific": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
 		"comment": ""
 	},
-	"<generic-voice>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <age>? <gender> <integer>? ]",
-		"comment": ""
-	},
-	"<geometry-box>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<shape-box> | fill-box | stroke-box | view-box",
+	"gradient": {
+		"type": "modified",
+		"syntax-before": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
+		"syntax-after": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
 		"comment": ""
 	},
-	"<gradient>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
+	"grid-line": {
+		"type": "modified",
+		"syntax-before": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]",
+		"syntax-after": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
 		"comment": ""
 	},
-	"<historical-lig-values>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ historical-ligatures | no-historical-ligatures ]",
+	"hsl()": {
+		"type": "modified",
+		"syntax-before": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-after": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
+		"comment": ""
+	},
+	"hsla()": {
+		"type": "modified",
+		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 		"comment": ""
 	},
-	"<hue-interpolation-method>": {
+	"hue-interpolation-method": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ shorter | longer | increasing | decreasing ] hue",
 		"comment": ""
 	},
-	"<hue>": {
+	"hv-line-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<number> | <angle>",
+		"syntax-after": "[ hline | vline ] <by-to> <length-percentage>",
 		"comment": ""
 	},
-	"<id-selector>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<hash-token>",
+	"hwb()": {
+		"type": "modified",
+		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"image": {
+		"type": "modified",
+		"syntax-before": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
+		"syntax-after": "<url> | <gradient>",
 		"comment": ""
 	},
-	"<image-1D>": {
+	"image-1D": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<stripes()>",
 		"comment": ""
 	},
-	"<image-set-option>": {
-		"type": "added",
-		"syntax-before": "",
+	"image-set-option": {
+		"type": "modified",
+		"syntax-before": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
 		"syntax-after": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 		"comment": ""
 	},
-	"<image-src>": {
-		"type": "added",
-		"syntax-before": "",
+	"image-src": {
+		"type": "modified",
+		"syntax-before": "<url> | <string>",
 		"syntax-after": "[ <url> | <string> ]",
 		"comment": ""
 	},
-	"<image-tags>": {
-		"type": "added",
-		"syntax-before": "",
+	"image-tags": {
+		"type": "modified",
+		"syntax-before": "ltr | rtl",
 		"syntax-after": "[ ltr | rtl ]",
 		"comment": ""
 	},
-	"<image>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<url> | <gradient>",
-		"comment": ""
-	},
-	"<import-conditions>": {
+	"import-conditions": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
 		"comment": ""
 	},
-	"<inflexible-breadth>": {
-		"type": "added",
-		"syntax-before": "",
+	"inflexible-breadth": {
+		"type": "modified",
+		"syntax-before": "<length-percentage> | min-content | max-content | auto",
 		"syntax-after": "<length-percentage [0,∞]> | min-content | max-content | auto",
 		"comment": ""
 	},
-	"<isolation-mode>": {
+	"integrity-modifier": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "auto | isolate",
+		"syntax-after": "integrity( <string> )",
 		"comment": ""
 	},
-	"<keyframe-block>": {
+	"isolation-mode": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<keyframe-selector># { <declaration-list> }",
+		"syntax-after": "auto | isolate",
 		"comment": ""
 	},
-	"<keyframe-selector>": {
-		"type": "added",
-		"syntax-before": "",
+	"keyframe-selector": {
+		"type": "modified",
+		"syntax-before": "from | to | <percentage>",
 		"syntax-after": "from | to | <percentage [0,100]>",
 		"comment": ""
 	},
-	"<keyframes-name>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<custom-ident> | <string>",
-		"comment": ""
-	},
-	"<layer-name>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<ident> [ '.' <ident> ]*",
-		"comment": ""
-	},
-	"<layout-box>": {
+	"layout-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> | margin-box",
 		"comment": ""
 	},
-	"<leader-type>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "dotted | solid | space | <string>",
-		"comment": ""
-	},
-	"<legacy-device-cmyk-syntax>": {
+	"legacy-device-cmyk-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "device-cmyk( <number>#{4} )",
 		"comment": ""
 	},
-	"<legacy-hsl-syntax>": {
+	"legacy-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": ""
 	},
-	"<legacy-hsla-syntax>": {
+	"legacy-hsla-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": ""
 	},
-	"<legacy-pseudo-element-selector>": {
+	"legacy-pseudo-element-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "':' [ before | after | first-line | first-letter ]",
 		"comment": ""
 	},
-	"<legacy-rgb-syntax>": {
+	"legacy-rgb-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"comment": ""
 	},
-	"<legacy-rgba-syntax>": {
+	"legacy-rgba-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"comment": ""
 	},
-	"<length-percentage>": {
-		"type": "added",
-		"syntax-before": "",
+	"length-percentage": {
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "[ <length> | <percentage> ]",
 		"comment": ""
 	},
-	"<line-name-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <line-names> | <name-repeat> ]+",
-		"comment": ""
-	},
-	"<line-names>": {
+	"light-dark()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "'[' <custom-ident>* ']'",
+		"syntax-after": "light-dark( <color> , <color> )",
 		"comment": ""
 	},
-	"<line-style>": {
+	"line-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"syntax-after": "line <by-to> <coordinate-pair>",
 		"comment": ""
 	},
-	"<line-width>": {
-		"type": "added",
-		"syntax-before": "",
+	"line-width": {
+		"type": "modified",
+		"syntax-before": "<length> | thin | medium | thick",
 		"syntax-after": "<length [0,∞]> | thin | medium | thick",
 		"comment": ""
 	},
-	"<linear-color-hint>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage>",
-		"comment": ""
-	},
-	"<linear-color-stop>": {
-		"type": "added",
-		"syntax-before": "",
+	"linear-color-stop": {
+		"type": "modified",
+		"syntax-before": "<color> <color-stop-length>?",
 		"syntax-after": "<color> <length-percentage>?",
 		"comment": ""
 	},
-	"<linear-easing-function>": {
+	"linear-easing-function": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "linear( <linear-stop-list> )",
 		"comment": ""
 	},
-	"<linear-gradient-syntax>": {
+	"linear-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>",
 		"comment": ""
 	},
-	"<linear-stop-length>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<percentage>{1,2}",
-		"comment": ""
-	},
-	"<linear-stop-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <linear-stop> ]#",
+	"linear-gradient()": {
+		"type": "modified",
+		"syntax-before": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": ""
 	},
-	"<linear-stop>": {
+	"linear-stop": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<number> && <linear-stop-length>?",
 		"comment": ""
 	},
-	"<link-param>": {
+	"linear-stop-length": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "param( <custom-property-name> <declaration-value>? )",
+		"syntax-after": "<percentage>{1,2}",
 		"comment": ""
 	},
-	"<marker-ref>": {
+	"linear-stop-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<url>",
+		"syntax-after": "[ <linear-stop> ]#",
 		"comment": ""
 	},
-	"<mask-layer>": {
+	"linear()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>",
+		"syntax-after": "linear( <linear-stop-list> )",
 		"comment": ""
 	},
-	"<mask-reference>": {
+	"link-param": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "none | <image> | <mask-source>",
+		"syntax-after": "param( <custom-property-name> <declaration-value>? )",
 		"comment": ""
 	},
-	"<mask-source>": {
+	"marker-ref": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<url>",
 		"comment": ""
 	},
-	"<masking-mode>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "alpha | luminance | match-source",
-		"comment": ""
-	},
-	"<media-and>": {
-		"type": "added",
-		"syntax-before": "",
+	"media-and": {
+		"type": "modified",
+		"syntax-before": "<media-in-parens> [ and <media-in-parens> ]+",
 		"syntax-after": "and <media-in-parens>",
 		"comment": ""
 	},
-	"<media-condition-without-or>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
+	"media-condition": {
+		"type": "modified",
+		"syntax-before": "<media-not> | <media-and> | <media-or> | <media-in-parens>",
+		"syntax-after": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
 		"comment": ""
 	},
-	"<media-condition>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
+	"media-condition-without-or": {
+		"type": "modified",
+		"syntax-before": "<media-not> | <media-and> | <media-in-parens>",
+		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
 		"comment": ""
 	},
-	"<media-feature>": {
-		"type": "added",
-		"syntax-before": "",
+	"media-feature": {
+		"type": "modified",
+		"syntax-before": "( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
 		"syntax-after": "[ <mf-plain> | <mf-boolean> | <mf-range> ]",
 		"comment": ""
 	},
-	"<media-in-parens>": {
-		"type": "added",
-		"syntax-before": "",
+	"media-in-parens": {
+		"type": "modified",
+		"syntax-before": "( <media-condition> ) | <media-feature> | <general-enclosed>",
 		"syntax-after": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>",
 		"comment": ""
 	},
-	"<media-not>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "not <media-in-parens>",
-		"comment": ""
-	},
-	"<media-or>": {
-		"type": "added",
-		"syntax-before": "",
+	"media-or": {
+		"type": "modified",
+		"syntax-before": "<media-in-parens> [ or <media-in-parens> ]+",
 		"syntax-after": "or <media-in-parens>",
 		"comment": ""
 	},
-	"<media-progress()>": {
+	"media-progress()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
 		"comment": ""
 	},
-	"<media-query>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?",
-		"comment": ""
-	},
-	"<media-type>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<ident>",
-		"comment": ""
-	},
-	"<mf-boolean>": {
+	"media()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<mf-name>",
+		"syntax-after": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
 		"comment": ""
 	},
-	"<mf-comparison>": {
+	"mf-comparison": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<mf-lt> | <mf-gt> | <mf-eq>",
 		"comment": ""
 	},
-	"<mf-eq>": {
+	"mf-eq": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'='",
 		"comment": ""
 	},
-	"<mf-gt>": {
+	"mf-gt": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'>' '='?",
 		"comment": ""
 	},
-	"<mf-lt>": {
+	"mf-lt": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'<' '='?",
 		"comment": ""
 	},
-	"<mf-name>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<ident>",
-		"comment": ""
-	},
-	"<mf-plain>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<mf-name> : <mf-value>",
-		"comment": ""
-	},
-	"<mf-range>": {
-		"type": "added",
-		"syntax-before": "",
+	"mf-range": {
+		"type": "modified",
+		"syntax-before": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>",
 		"syntax-after": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
 		"comment": ""
 	},
-	"<mf-value>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> | <dimension> | <ident> | <ratio>",
-		"comment": ""
-	},
-	"<mix()>": {
+	"mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
 		"comment": ""
 	},
-	"<modern-device-cmyk-syntax>": {
+	"modern-device-cmyk-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<modern-hsl-syntax>": {
+	"modern-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<modern-hsla-syntax>": {
+	"modern-hsla-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<modern-rgb-syntax>": {
+	"modern-rgb-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<modern-rgba-syntax>": {
+	"modern-rgba-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<mq-boolean>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<integer [0,1]>",
-		"comment": ""
-	},
-	"<name-repeat>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )",
-		"comment": ""
-	},
-	"<namespace-prefix>": {
+	"move-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<ident>",
+		"syntax-after": "move <by-to> <coordinate-pair>",
 		"comment": ""
 	},
-	"<ns-prefix>": {
+	"mq-boolean": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ <ident-token> | '*' ]? '|'",
+		"syntax-after": "<integer [0,1]>",
 		"comment": ""
 	},
-	"<number-optional-number>": {
+	"number-optional-number": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<number> <number>?",
 		"comment": ""
 	},
-	"<numeric-figure-values>": {
+	"offset-path": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ lining-nums | oldstyle-nums ]",
+		"syntax-after": "<ray()> | <url> | <basic-shape>",
 		"comment": ""
 	},
-	"<numeric-fraction-values>": {
+	"oklab()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ diagonal-fractions | stacked-fractions ]",
+		"syntax-after": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<numeric-spacing-values>": {
+	"oklch()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ proportional-nums | tabular-nums ]",
+		"syntax-after": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
-	"<offset-path>": {
+	"opacity-value": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<ray()> | <url> | <basic-shape>",
+		"syntax-after": "<number> | <percentage>",
 		"comment": ""
 	},
-	"<opentype-tag>": {
+	"opentype-tag": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<string>",
 		"comment": ""
 	},
-	"<overflow-position>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "unsafe | safe",
+	"page-selector": {
+		"type": "modified",
+		"syntax-before": "<pseudo-page>+ | <ident> <pseudo-page>*",
+		"syntax-after": "[ <ident-token>? <pseudo-page>* ]!",
 		"comment": ""
 	},
-	"<page-selector-list>": {
-		"type": "added",
-		"syntax-before": "",
+	"page-selector-list": {
+		"type": "modified",
+		"syntax-before": "[ <page-selector># ]?",
 		"syntax-after": "<page-selector>#",
 		"comment": ""
 	},
-	"<page-selector>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <ident-token>? <pseudo-page>* ]!",
+	"paint": {
+		"type": "modified",
+		"syntax-before": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
+		"syntax-after": "none | <image> | <svg-paint>",
 		"comment": ""
 	},
-	"<paint-box>": {
+	"paint-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> | fill-box | stroke-box",
 		"comment": ""
 	},
-	"<paint>": {
+	"palette-mix()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "none | <image> | <svg-paint>",
+		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
 		"comment": ""
 	},
-	"<points>": {
+	"points": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <number>+ ]#",
 		"comment": ""
 	},
-	"<polar-color-space>": {
+	"polar-color-space": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsl | hwb | lch | oklch",
 		"comment": ""
 	},
-	"<position-area>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ 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} ]",
-		"comment": ""
-	},
-	"<position>": {
-		"type": "added",
-		"syntax-before": "",
+	"position": {
+		"type": "modified",
+		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"comment": ""
 	},
-	"<predefined-polar-params>": {
+	"position-area": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"syntax-after": "[ [ 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} ]",
 		"comment": ""
 	},
-	"<predefined-rectangular-params>": {
+	"predefined-polar-params": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+		"syntax-after": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 		"comment": ""
 	},
-	"<predefined-rectangular>": {
+	"predefined-rectangular": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "jzazbz | ictcp",
 		"comment": ""
 	},
-	"<predefined-rgb-params>": {
+	"predefined-rectangular-params": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+		"syntax-after": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	},
-	"<predefined-rgb>": {
+	"predefined-rgb": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 		"comment": ""
 	},
-	"<progress()>": {
+	"predefined-rgb-params": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+		"syntax-after": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	},
-	"<progress>": {
+	"progress": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
 		"comment": ""
 	},
-	"<pseudo-class-selector>": {
+	"progress()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "':' <ident-token> | ':' <function-token> <any-value> ')'",
+		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
 		"comment": ""
 	},
-	"<pseudo-compound-selector>": {
+	"pseudo-compound-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<pseudo-element-selector> <pseudo-class-selector>*",
 		"comment": ""
 	},
-	"<pseudo-element-selector>": {
-		"type": "added",
-		"syntax-before": "",
+	"pseudo-element-selector": {
+		"type": "modified",
+		"syntax-before": "':' <pseudo-class-selector>",
 		"syntax-after": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
 		"comment": ""
 	},
-	"<pseudo-page>": {
-		"type": "added",
-		"syntax-before": "",
+	"pseudo-page": {
+		"type": "modified",
+		"syntax-before": ": [ left | right | first | blank ]",
 		"syntax-after": "':' [ left | right | first | blank ]",
 		"comment": ""
 	},
-	"<pt-class-selector>": {
+	"pt-class-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ '.' <custom-ident> ]+",
 		"comment": ""
 	},
-	"<pt-name-and-class-selector>": {
+	"pt-name-and-class-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
 		"comment": ""
 	},
-	"<pt-name-selector>": {
+	"pt-name-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'*' | <custom-ident>",
 		"comment": ""
 	},
-	"<query-in-parens>": {
+	"query-in-parens": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
 		"comment": ""
 	},
-	"<quote>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "open-quote | close-quote | no-open-quote | no-close-quote",
-		"comment": ""
-	},
-	"<radial-extent>": {
+	"radial-extent": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "closest-corner | closest-side | farthest-corner | farthest-side",
 		"comment": ""
 	},
-	"<radial-gradient-syntax>": {
+	"radial-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>",
 		"comment": ""
 	},
-	"<radial-shape>": {
+	"radial-gradient()": {
+		"type": "modified",
+		"syntax-before": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-after": "radial-gradient( [ <radial-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"radial-shape": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "circle | ellipse",
 		"comment": ""
 	},
-	"<radial-size>": {
+	"radial-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
 		"comment": ""
 	},
-	"<random-caching-options>": {
+	"random-caching-options": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident> || per-element",
 		"comment": ""
 	},
-	"<ratio>": {
+	"random-item()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<number [0,∞]> [ / <number [0,∞]> ]?",
+		"syntax-after": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
 		"comment": ""
 	},
-	"<ray-size>": {
+	"random()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
+		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
 		"comment": ""
 	},
-	"<rectangular-color-space>": {
+	"ray-size": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
+		"syntax-after": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
 		"comment": ""
 	},
-	"<relative-real-selector-list>": {
+	"ray()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<relative-real-selector>#",
+		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
 		"comment": ""
 	},
-	"<relative-real-selector>": {
+	"rectangular-color-space": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<combinator>? <complex-real-selector>",
+		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
 		"comment": ""
 	},
-	"<relative-selector-list>": {
+	"referrerpolicy-modifier": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<relative-selector>#",
+		"syntax-after": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
 		"comment": ""
 	},
-	"<relative-selector>": {
+	"relative-real-selector": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<combinator>? <complex-selector>",
+		"syntax-after": "<combinator>? <complex-real-selector>",
 		"comment": ""
 	},
-	"<repeat-style>": {
+	"relative-real-selector-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
+		"syntax-after": "<relative-real-selector>#",
 		"comment": ""
 	},
-	"<repetition>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat | space | round | no-repeat",
+	"repeating-conic-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-after": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
 		"comment": ""
 	},
-	"<request-url-modifier>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+	"repeating-linear-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-after": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": ""
 	},
-	"<reversed-counter-name>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "reversed( <counter-name> )",
+	"repeating-radial-gradient()": {
+		"type": "modified",
+		"syntax-before": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-after": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
 		"comment": ""
 	},
-	"<rounding-strategy>": {
+	"repetition": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "nearest | up | down | to-zero",
+		"syntax-after": "repeat | space | round | no-repeat",
 		"comment": ""
 	},
-	"<scroller>": {
+	"request-url-modifier": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "root | nearest | self",
+		"syntax-after": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
 		"comment": ""
 	},
-	"<selector-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<complex-selector-list>",
-		"comment": ""
-	},
-	"<self-position>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "center | start | end | self-start | self-end | flex-start | flex-end",
+	"rgb()": {
+		"type": "modified",
+		"syntax-before": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"syntax-after": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 		"comment": ""
 	},
-	"<shadow>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+	"rgba()": {
+		"type": "modified",
+		"syntax-before": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 		"comment": ""
 	},
-	"<shape-box>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> | margin-box",
+	"round()": {
+		"type": "modified",
+		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
+		"syntax-after": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
 		"comment": ""
 	},
-	"<shape-command>": {
+	"running()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+		"syntax-after": "running( <custom-ident> )",
 		"comment": ""
 	},
-	"<side-or-corner>": {
+	"scroll()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ left | right ] || [ top | bottom ]",
+		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
 		"comment": ""
 	},
-	"<simple-selector-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<simple-selector>#",
+	"scroller": {
+		"type": "modified",
+		"syntax-before": "root | nearest",
+		"syntax-after": "root | nearest | self",
 		"comment": ""
 	},
-	"<simple-selector>": {
+	"selector-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<type-selector> | <subclass-selector>",
+		"syntax-after": "<complex-selector-list>",
 		"comment": ""
 	},
-	"<single-animation-composition>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "replace | add | accumulate",
+	"shadow": {
+		"type": "modified",
+		"syntax-before": "inset? && <length>{2,4} && <color>?",
+		"syntax-after": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
 		"comment": ""
 	},
-	"<single-animation-direction>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | reverse | alternate | alternate-reverse",
+	"shape-box": {
+		"type": "modified",
+		"syntax-before": "<box> | margin-box",
+		"syntax-after": "<visual-box> | margin-box",
 		"comment": ""
 	},
-	"<single-animation-fill-mode>": {
+	"shape-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "none | forwards | backwards | both",
+		"syntax-after": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
 		"comment": ""
 	},
-	"<single-animation-iteration-count>": {
+	"shape()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "infinite | <number [0,∞]>",
+		"syntax-after": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
 		"comment": ""
 	},
-	"<single-animation-play-state>": {
+	"simple-selector": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "running | paused",
+		"syntax-after": "<type-selector> | <subclass-selector>",
 		"comment": ""
 	},
-	"<single-animation-timeline>": {
+	"simple-selector-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
+		"syntax-after": "<simple-selector>#",
 		"comment": ""
 	},
-	"<single-animation>": {
-		"type": "added",
-		"syntax-before": "",
+	"single-animation": {
+		"type": "modified",
+		"syntax-before": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
 		"syntax-after": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
 		"comment": ""
 	},
-	"<single-transition-property>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "all | <custom-ident>",
+	"single-animation-iteration-count": {
+		"type": "modified",
+		"syntax-before": "infinite | <number>",
+		"syntax-after": "infinite | <number [0,∞]>",
 		"comment": ""
 	},
-	"<single-transition>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
+	"single-animation-timeline": {
+		"type": "modified",
+		"syntax-before": "auto | none | <timeline-name> | scroll( <axis>? <scroller>? )",
+		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
 		"comment": ""
 	},
-	"<source-size-list>": {
+	"smooth-command": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<source-size>#? , <source-size-value>",
+		"syntax-after": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
 		"comment": ""
 	},
-	"<source-size-value>": {
+	"source-size": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<length> | auto",
+		"syntax-after": "<media-condition> <source-size-value> | auto",
 		"comment": ""
 	},
-	"<source-size>": {
+	"source-size-list": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<media-condition> <source-size-value> | auto",
+		"syntax-after": "<source-size>#? , <source-size-value>",
 		"comment": ""
 	},
-	"<spacing-trim>": {
+	"source-size-value": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+		"syntax-after": "<length> | auto",
 		"comment": ""
 	},
-	"<spread-shadow>": {
+	"spacing-trim": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+		"syntax-after": "space-all | normal | space-first | trim-start | trim-both | trim-all",
 		"comment": ""
 	},
-	"<step-easing-function>": {
+	"spread-shadow": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
+		"syntax-after": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
 		"comment": ""
 	},
-	"<step-position>": {
+	"src()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "jump-start | jump-end | jump-none | jump-both | start | end",
+		"syntax-after": "src( <string> <url-modifier>* )",
 		"comment": ""
 	},
-	"<style-in-parens>": {
+	"step-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
 		"comment": ""
 	},
-	"<style-query>": {
+	"string()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
+		"syntax-after": "string( <custom-ident> , [ first | start | last | first-except ]? )",
 		"comment": ""
 	},
-	"<subclass-selector>": {
+	"stripes()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>",
+		"syntax-after": "stripes( <color-stripe># )",
 		"comment": ""
 	},
-	"<supports-condition>": {
+	"style-in-parens": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*",
+		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
 		"comment": ""
 	},
-	"<supports-decl>": {
+	"style-query": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "( <declaration> )",
+		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
 		"comment": ""
 	},
-	"<supports-feature>": {
-		"type": "added",
-		"syntax-before": "",
+	"supports-feature": {
+		"type": "modified",
+		"syntax-before": "<supports-decl> | <supports-selector-fn>",
 		"syntax-after": "<supports-decl>",
 		"comment": ""
 	},
-	"<supports-font-format-fn>": {
+	"supports-font-format-fn": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "font-format( <font-format> )",
 		"comment": ""
 	},
-	"<supports-font-tech-fn>": {
+	"supports-font-tech-fn": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "font-tech( <font-tech> )",
 		"comment": ""
 	},
-	"<supports-in-parens>": {
+	"supports()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "( <supports-condition> ) | <supports-feature> | <general-enclosed>",
+		"syntax-after": "supports( <declaration> )",
 		"comment": ""
 	},
-	"<supports-selector-fn>": {
+	"svg-paint": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "selector( <complex-selector> )",
+		"syntax-after": "child | child( <integer> )",
 		"comment": ""
 	},
-	"<svg-paint>": {
+	"symbols-type": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "child | child( <integer> )",
+		"syntax-after": "cyclic | numeric | alphabetic | symbolic | fixed",
 		"comment": ""
 	},
-	"<symbol>": {
+	"symbols()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<string> | <image> | <custom-ident>",
+		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
 		"comment": ""
 	},
-	"<symbols-type>": {
+	"syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "cyclic | numeric | alphabetic | symbolic | fixed",
+		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
 		"comment": ""
 	},
-	"<syntax-combinator>": {
+	"syntax-combinator": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'|'",
 		"comment": ""
 	},
-	"<syntax-component-name>": {
+	"syntax-component": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
+		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
 		"comment": ""
 	},
-	"<syntax-component>": {
+	"syntax-component-name": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
 		"comment": ""
 	},
-	"<syntax-multiplier>": {
+	"syntax-multiplier": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ '#' | '+' ]",
 		"comment": ""
 	},
-	"<syntax-type>": {
+	"syntax-type": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
 		"comment": ""
 	},
-	"<syntax>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
-		"comment": ""
-	},
-	"<system-family-name>": {
+	"system-family-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "caption | icon | menu | message-box | small-caption | status-bar",
 		"comment": ""
 	},
-	"<target-contrast>": {
+	"target-contrast": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<wcag2>",
 		"comment": ""
 	},
-	"<target>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<target-counter()> | <target-counters()> | <target-text()>",
-		"comment": ""
-	},
-	"<text-edge>": {
+	"text-edge": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
 		"comment": ""
 	},
-	"<time-percentage>": {
-		"type": "added",
-		"syntax-before": "",
+	"time-percentage": {
+		"type": "modified",
+		"syntax-before": "<time> | <percentage>",
 		"syntax-after": "[ <time> | <percentage> ]",
 		"comment": ""
 	},
-	"<toggle()>": {
+	"toggle()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "toggle( <whole-value># )",
 		"comment": ""
 	},
-	"<track-breadth>": {
-		"type": "added",
-		"syntax-before": "",
+	"track-breadth": {
+		"type": "modified",
+		"syntax-before": "<length-percentage> | <flex> | min-content | max-content | auto",
 		"syntax-after": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
 		"comment": ""
 	},
-	"<track-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?",
-		"comment": ""
-	},
-	"<track-repeat>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )",
-		"comment": ""
-	},
-	"<track-size>": {
-		"type": "added",
-		"syntax-before": "",
+	"track-size": {
+		"type": "modified",
+		"syntax-before": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )",
 		"syntax-after": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
 		"comment": ""
 	},
-	"<transform-list>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<transform-function>+",
-		"comment": ""
-	},
-	"<transform-mix()>": {
+	"transform-mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "transform-mix( <progress> , <transform-list> , <transform-list> )",
 		"comment": ""
 	},
-	"<transition-behavior-value>": {
+	"transition-behavior-value": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | allow-discrete",
 		"comment": ""
 	},
-	"<try-size>": {
+	"try-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "most-width | most-height | most-block-size | most-inline-size",
 		"comment": ""
 	},
-	"<type-selector>": {
+	"try-tactic": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<wq-name> | <ns-prefix>? '*'",
+		"syntax-after": "flip-block || flip-inline || flip-start",
 		"comment": ""
 	},
-	"<type()>": {
+	"type()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "type( <syntax> )",
 		"comment": ""
 	},
-	"<url>": {
-		"type": "added",
-		"syntax-before": "",
+	"url": {
+		"type": "modified",
+		"syntax-before": "url( <string> <url-modifier>* ) | <url-token>",
 		"syntax-after": "<url()> | <src()>",
 		"comment": ""
 	},
-	"<visual-box>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "content-box | padding-box | border-box",
-		"comment": ""
-	},
-	"<wcag2>": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
-		"comment": ""
-	},
-	"<wq-name>": {
+	"url()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<ns-prefix>? <ident-token>",
+		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
 		"comment": ""
 	},
-	"<xyz-params>": {
+	"view()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
+		"syntax-after": "view( [ <axis> || <'view-timeline-inset'> ]? )",
 		"comment": ""
 	},
-	"<xyz-space>": {
+	"wcag2": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "xyz | xyz-d50 | xyz-d65",
+		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 		"comment": ""
 	},
-	"<xyz>": {
+	"xyz": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "xyz | xyz-d50 | xyz-d65",
 		"comment": ""
 	},
-	"anchor-size()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
-		"comment": ""
-	},
-	"anchor()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
-		"comment": ""
-	},
-	"attr()": {
-		"type": "modified",
-		"syntax-before": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
-		"syntax-after": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
-		"comment": ""
-	},
-	"calc-size()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "calc-size( <calc-size-basis> , <calc-sum> )",
-		"comment": ""
-	},
-	"clamp()": {
-		"type": "modified",
-		"syntax-before": "clamp( <calc-sum>#{3} )",
-		"syntax-after": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
-		"comment": ""
-	},
-	"color-layers()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "color-layers( [ <blend-mode> , ]? <color># )",
-		"comment": ""
-	},
-	"color-mix()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
-		"comment": ""
-	},
-	"color()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
-	},
-	"conic-gradient()": {
-		"type": "modified",
-		"syntax-before": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
-		"syntax-after": "conic-gradient( [ <conic-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"content()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "content( [ text | before | after | first-letter | marker ]? )",
-		"comment": ""
-	},
-	"contrast-color()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
-		"comment": ""
-	},
-	"cross-fade()": {
-		"type": "modified",
-		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
-		"syntax-after": "cross-fade( <cf-image># )",
-		"comment": ""
-	},
-	"device-cmyk()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
-		"comment": ""
-	},
-	"dynamic-range-limit-mix()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
-		"comment": ""
-	},
-	"element()": {
-		"type": "modified",
-		"syntax-before": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
-		"syntax-after": "element( <id-selector> )",
-		"comment": ""
-	},
-	"env()": {
-		"type": "modified",
-		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
-		"syntax-after": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
-		"comment": ""
-	},
-	"filter()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "filter( [ <image> | <string> ] , <filter-value-list> )",
-		"comment": ""
-	},
-	"hsl()": {
-		"type": "modified",
-		"syntax-before": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"syntax-after": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
-		"comment": ""
-	},
-	"hsla()": {
-		"type": "modified",
-		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
-		"comment": ""
-	},
-	"hwb()": {
-		"type": "modified",
-		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
-	},
-	"light-dark()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "light-dark( <color> , <color> )",
-		"comment": ""
-	},
-	"linear-gradient()": {
-		"type": "modified",
-		"syntax-before": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
-		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"linear()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "linear( <linear-stop-list> )",
-		"comment": ""
-	},
-	"media()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
-		"comment": ""
-	},
-	"oklab()": {
+	"xyz-params": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
-	},
-	"oklch()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
-	},
-	"palette-mix()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
-		"comment": ""
-	},
-	"radial-gradient()": {
-		"type": "modified",
-		"syntax-before": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
-		"syntax-after": "radial-gradient( [ <radial-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"random-item()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
-		"comment": ""
-	},
-	"random()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
-		"comment": ""
-	},
-	"ray()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
-		"comment": ""
-	},
-	"repeating-conic-gradient()": {
-		"type": "modified",
-		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
-		"syntax-after": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"repeating-linear-gradient()": {
-		"type": "modified",
-		"syntax-before": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
-		"syntax-after": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"repeating-radial-gradient()": {
-		"type": "modified",
-		"syntax-before": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
-		"syntax-after": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
-		"comment": ""
-	},
-	"rgb()": {
-		"type": "modified",
-		"syntax-before": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
-		"syntax-after": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
-		"comment": ""
-	},
-	"rgba()": {
-		"type": "modified",
-		"syntax-before": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
-		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
-		"comment": ""
-	},
-	"round()": {
-		"type": "modified",
-		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
-		"syntax-after": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
-		"comment": ""
-	},
-	"running()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "running( <custom-ident> )",
-		"comment": ""
-	},
-	"scroll()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
-		"comment": ""
-	},
-	"shape()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
-		"comment": ""
-	},
-	"src()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "src( <string> <url-modifier>* )",
-		"comment": ""
-	},
-	"string()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "string( <custom-ident> , [ first | start | last | first-except ]? )",
-		"comment": ""
-	},
-	"stripes()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "stripes( <color-stripe># )",
-		"comment": ""
-	},
-	"supports()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "supports( <declaration> )",
-		"comment": ""
-	},
-	"symbols()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
-		"comment": ""
-	},
-	"url()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
+		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	},
-	"view()": {
+	"xyz-space": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "view( [ <axis> || <'view-timeline-inset'> ]? )",
+		"syntax-after": "xyz | xyz-d50 | xyz-d65",
 		"comment": ""
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index 0ef9dcbb6e..150aabe478 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -1,937 +1,4 @@
 {
-	"<anchor-element>": {
-		"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"
-	},
-	"<angle-percentage>": {
-		"syntax": "[ <angle> | <percentage> ]"
-	},
-	"<angular-color-hint>": {
-		"syntax": "<angle-percentage>"
-	},
-	"<angular-color-stop-list>": {
-		"syntax": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?"
-	},
-	"<angular-color-stop>": {
-		"syntax": "<color> <color-stop-angle>?"
-	},
-	"<animateable-feature>": {
-		"syntax": "scroll-position | contents | <custom-ident>"
-	},
-	"<attachment>": {
-		"syntax": "scroll | fixed | local"
-	},
-	"<attr-matcher>": {
-		"syntax": "[ '~' | '|' | '^' | '$' | '*' ]? '='"
-	},
-	"<attr-modifier>": {
-		"syntax": "i | s"
-	},
-	"<attr-name>": {
-		"syntax": "[ <ident-token> '|' ]? <ident-token>"
-	},
-	"<attr-type>": {
-		"syntax": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-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> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"
-	},
-	"<autospace>": {
-		"syntax": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]"
-	},
-	"<axis>": {
-		"syntax": "block | inline | x | y"
-	},
-	"<baseline-position>": {
-		"syntax": "[ first | last ]? && baseline"
-	},
-	"<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": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
-	},
-	"<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"
-	},
-	"<bool-and>": {
-		"syntax": "and <bool-in-parens>"
-	},
-	"<bool-in-parens>": {
-		"syntax": "( <boolean> ) | <bool-test> | <general-enclosed>"
-	},
-	"<bool-not>": {
-		"syntax": "not <bool-in-parens>"
-	},
-	"<bool-or>": {
-		"syntax": "or <bool-in-parens>"
-	},
-	"<boolean-without-or>": {
-		"syntax": "<bool-not> | <bool-in-parens> <bool-and>*"
-	},
-	"<boolean>": {
-		"syntax": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]"
-	},
-	"<calc-keyword>": {
-		"syntax": "e | pi | infinity | -infinity | NaN"
-	},
-	"<calc-mix()>": {
-		"syntax": "calc-mix( <progress> , <calc-sum> , <calc-sum> )"
-	},
-	"<calc-product>": {
-		"syntax": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*"
-	},
-	"<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-keyword> | ( <calc-sum> )"
-	},
-	"<cf-image>": {
-		"syntax": "[ <image> | <color> ] && <percentage [0,100]>?"
-	},
-	"<class-selector>": {
-		"syntax": "'.' <ident-token>"
-	},
-	"<clip-source>": {
-		"syntax": "<url>"
-	},
-	"<cmyk-component>": {
-		"syntax": "<number> | <percentage> | none"
-	},
-	"<color-base>": {
-		"syntax": "<hex-color> | <color-function> | <named-color> | transparent"
-	},
-	"<color-font-tech>": {
-		"syntax": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]"
-	},
-	"<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>? ]"
-	},
-	"<color-space>": {
-		"syntax": "<rectangular-color-space> | <polar-color-space>"
-	},
-	"<color-stop-angle>": {
-		"syntax": "<angle-percentage>{1,2}"
-	},
-	"<color-stop-length>": {
-		"syntax": "<length-percentage>{1,2}"
-	},
-	"<color-stop-list>": {
-		"syntax": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?"
-	},
-	"<color-stop>": {
-		"syntax": "<color-stop-length> | <color-stop-angle>"
-	},
-	"<color-stripe>": {
-		"syntax": "<color> && [ <length-percentage> | <flex> ]?"
-	},
-	"<color>": {
-		"syntax": "<color-base> | currentColor | <system-color>"
-	},
-	"<colorspace-params>": {
-		"syntax": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]"
-	},
-	"<combinator>": {
-		"syntax": "'>' | '+' | '~' | [ '|' '|' ]"
-	},
-	"<common-lig-values>": {
-		"syntax": "[ common-ligatures | no-common-ligatures ]"
-	},
-	"<complex-real-selector-list>": {
-		"syntax": "<complex-real-selector>#"
-	},
-	"<complex-real-selector>": {
-		"syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
-	},
-	"<complex-selector-list>": {
-		"syntax": "<complex-selector>#"
-	},
-	"<complex-selector-unit>": {
-		"syntax": "[ <compound-selector>? <pseudo-compound-selector>* ]!"
-	},
-	"<complex-selector>": {
-		"syntax": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*"
-	},
-	"<composite-mode>": {
-		"syntax": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter"
-	},
-	"<compositing-operator>": {
-		"syntax": "add | subtract | intersect | exclude"
-	},
-	"<compound-selector-list>": {
-		"syntax": "<compound-selector>#"
-	},
-	"<compound-selector>": {
-		"syntax": "[ <type-selector>? <subclass-selector>* ]!"
-	},
-	"<conic-gradient-syntax>": {
-		"syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>"
-	},
-	"<container-condition>": {
-		"syntax": "[ <container-name> ]? <container-query>"
-	},
-	"<container-name>": {
-		"syntax": "<custom-ident>"
-	},
-	"<container-progress()>": {
-		"syntax": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )"
-	},
-	"<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-level>": {
-		"syntax": "element | content | text | <attr()> | <counter>"
-	},
-	"<content-list>": {
-		"syntax": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+"
-	},
-	"<content-position>": {
-		"syntax": "center | start | end | flex-start | flex-end"
-	},
-	"<contextual-alt-values>": {
-		"syntax": "[ contextual | no-contextual ]"
-	},
-	"<coord-box>": {
-		"syntax": "<paint-box> | view-box"
-	},
-	"<counter-style>": {
-		"syntax": "<counter-style-name> | <symbols()>"
-	},
-	"<counter>": {
-		"syntax": "<counter()> | <counters()>"
-	},
-	"<css-type>": {
-		"syntax": "<syntax-component> | <type()>"
-	},
-	"<cubic-bezier-easing-function>": {
-		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
-	},
-	"<custom-arg>": {
-		"syntax": "$ <ident-token> ;"
-	},
-	"<custom-color-space>": {
-		"syntax": "<dashed-ident>"
-	},
-	"<custom-params>": {
-		"syntax": "<dashed-ident> [ <number> | <percentage> | none ]+"
-	},
-	"<custom-selector>": {
-		"syntax": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;"
-	},
-	"<dasharray>": {
-		"syntax": "[ [ <length-percentage> | <number> ]+ ]#"
-	},
-	"<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-table | inline-flex | inline-grid"
-	},
-	"<display-listitem>": {
-		"syntax": "<display-outside>? && [ flow | flow-root ]? && list-item"
-	},
-	"<display-outside>": {
-		"syntax": "block | inline | run-in"
-	},
-	"<easing-function>": {
-		"syntax": "linear | <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 ]"
-	},
-	"<explicit-track-list>": {
-		"syntax": "[ <line-names>? <track-size> ]+ <line-names>?"
-	},
-	"<family-name>": {
-		"syntax": "<string> | <custom-ident>+"
-	},
-	"<feature-value-name>": {
-		"syntax": "<ident>"
-	},
-	"<filter-function>": {
-		"syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>"
-	},
-	"<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'>"
-	},
-	"<first-valid()>": {
-		"syntax": "first-valid( <declaration-value># )"
-	},
-	"<fixed-breadth>": {
-		"syntax": "<length-percentage [0,∞]>"
-	},
-	"<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-features-tech>": {
-		"syntax": "[ features-opentype | features-aat | features-graphite ]"
-	},
-	"<font-format>": {
-		"syntax": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]"
-	},
-	"<font-src>": {
-		"syntax": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )"
-	},
-	"<font-tech>": {
-		"syntax": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]"
-	},
-	"<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 ]"
-	},
-	"<frequency-percentage>": {
-		"syntax": "[ <frequency> | <percentage> ]"
-	},
-	"<function-dependency-list>": {
-		"syntax": "<function-parameter>#"
-	},
-	"<function-name>": {
-		"syntax": "<dashed-ident>"
-	},
-	"<function-parameter-list>": {
-		"syntax": "<function-parameter>#"
-	},
-	"<function-parameter>": {
-		"syntax": "<custom-property-name> <css-type>? [ : <declaration-value> ]?"
-	},
-	"<general-enclosed>": {
-		"syntax": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
-	},
-	"<generic-complete>": {
-		"syntax": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace"
-	},
-	"<generic-family>": {
-		"syntax": "<generic-script-specific> | <generic-complete> | <generic-incomplete>"
-	},
-	"<generic-incomplete>": {
-		"syntax": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded"
-	},
-	"<generic-script-specific>": {
-		"syntax": "generic( kai ) | generic( fangsong ) | generic( nastaliq )"
-	},
-	"<generic-voice>": {
-		"syntax": "[ <age>? <gender> <integer>? ]"
-	},
-	"<geometry-box>": {
-		"syntax": "<shape-box> | fill-box | stroke-box | view-box"
-	},
-	"<gradient>": {
-		"syntax": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>"
-	},
-	"<historical-lig-values>": {
-		"syntax": "[ historical-ligatures | no-historical-ligatures ]"
-	},
-	"<hue-interpolation-method>": {
-		"syntax": "[ shorter | longer | increasing | decreasing ] hue"
-	},
-	"<hue>": {
-		"syntax": "<number> | <angle>"
-	},
-	"<id-selector>": {
-		"syntax": "<hash-token>"
-	},
-	"<image-1D>": {
-		"syntax": "<stripes()>"
-	},
-	"<image-set-option>": {
-		"syntax": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?"
-	},
-	"<image-src>": {
-		"syntax": "[ <url> | <string> ]"
-	},
-	"<image-tags>": {
-		"syntax": "[ ltr | rtl ]"
-	},
-	"<image>": {
-		"syntax": "<url> | <gradient>"
-	},
-	"<import-conditions>": {
-		"syntax": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?"
-	},
-	"<inflexible-breadth>": {
-		"syntax": "<length-percentage [0,∞]> | min-content | max-content | auto"
-	},
-	"<isolation-mode>": {
-		"syntax": "auto | isolate"
-	},
-	"<keyframe-block>": {
-		"syntax": "<keyframe-selector># { <declaration-list> }"
-	},
-	"<keyframe-selector>": {
-		"syntax": "from | to | <percentage [0,100]>"
-	},
-	"<keyframes-name>": {
-		"syntax": "<custom-ident> | <string>"
-	},
-	"<layer-name>": {
-		"syntax": "<ident> [ '.' <ident> ]*"
-	},
-	"<layout-box>": {
-		"syntax": "<visual-box> | margin-box"
-	},
-	"<leader-type>": {
-		"syntax": "dotted | solid | space | <string>"
-	},
-	"<legacy-device-cmyk-syntax>": {
-		"syntax": "device-cmyk( <number>#{4} )"
-	},
-	"<legacy-hsl-syntax>": {
-		"syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )"
-	},
-	"<legacy-hsla-syntax>": {
-		"syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )"
-	},
-	"<legacy-pseudo-element-selector>": {
-		"syntax": "':' [ before | after | first-line | first-letter ]"
-	},
-	"<legacy-rgb-syntax>": {
-		"syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
-	},
-	"<legacy-rgba-syntax>": {
-		"syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
-	},
-	"<length-percentage>": {
-		"syntax": "[ <length> | <percentage> ]"
-	},
-	"<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 [0,∞]> | thin | medium | thick"
-	},
-	"<linear-color-hint>": {
-		"syntax": "<length-percentage>"
-	},
-	"<linear-color-stop>": {
-		"syntax": "<color> <length-percentage>?"
-	},
-	"<linear-easing-function>": {
-		"syntax": "linear( <linear-stop-list> )"
-	},
-	"<linear-gradient-syntax>": {
-		"syntax": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>"
-	},
-	"<linear-stop-length>": {
-		"syntax": "<percentage>{1,2}"
-	},
-	"<linear-stop-list>": {
-		"syntax": "[ <linear-stop> ]#"
-	},
-	"<linear-stop>": {
-		"syntax": "<number> && <linear-stop-length>?"
-	},
-	"<link-param>": {
-		"syntax": "param( <custom-property-name> <declaration-value>? )"
-	},
-	"<marker-ref>": {
-		"syntax": "<url>"
-	},
-	"<mask-layer>": {
-		"syntax": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"
-	},
-	"<mask-reference>": {
-		"syntax": "none | <image> | <mask-source>"
-	},
-	"<mask-source>": {
-		"syntax": "<url>"
-	},
-	"<masking-mode>": {
-		"syntax": "alpha | luminance | match-source"
-	},
-	"<media-and>": {
-		"syntax": "and <media-in-parens>"
-	},
-	"<media-condition-without-or>": {
-		"syntax": "<media-not> | <media-in-parens> <media-and>*"
-	},
-	"<media-condition>": {
-		"syntax": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]"
-	},
-	"<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": "or <media-in-parens>"
-	},
-	"<media-progress()>": {
-		"syntax": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )"
-	},
-	"<media-query>": {
-		"syntax": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?"
-	},
-	"<media-type>": {
-		"syntax": "<ident>"
-	},
-	"<mf-boolean>": {
-		"syntax": "<mf-name>"
-	},
-	"<mf-comparison>": {
-		"syntax": "<mf-lt> | <mf-gt> | <mf-eq>"
-	},
-	"<mf-eq>": {
-		"syntax": "'='"
-	},
-	"<mf-gt>": {
-		"syntax": "'>' '='?"
-	},
-	"<mf-lt>": {
-		"syntax": "'<' '='?"
-	},
-	"<mf-name>": {
-		"syntax": "<ident>"
-	},
-	"<mf-plain>": {
-		"syntax": "<mf-name> : <mf-value>"
-	},
-	"<mf-range>": {
-		"syntax": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>"
-	},
-	"<mf-value>": {
-		"syntax": "<number> | <dimension> | <ident> | <ratio>"
-	},
-	"<mix()>": {
-		"syntax": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )"
-	},
-	"<modern-device-cmyk-syntax>": {
-		"syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )"
-	},
-	"<modern-hsl-syntax>": {
-		"syntax": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
-	},
-	"<modern-hsla-syntax>": {
-		"syntax": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
-	},
-	"<modern-rgb-syntax>": {
-		"syntax": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
-	},
-	"<modern-rgba-syntax>": {
-		"syntax": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
-	},
-	"<mq-boolean>": {
-		"syntax": "<integer [0,1]>"
-	},
-	"<name-repeat>": {
-		"syntax": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )"
-	},
-	"<namespace-prefix>": {
-		"syntax": "<ident>"
-	},
-	"<ns-prefix>": {
-		"syntax": "[ <ident-token> | '*' ]? '|'"
-	},
-	"<number-optional-number>": {
-		"syntax": "<number> <number>?"
-	},
-	"<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>"
-	},
-	"<opentype-tag>": {
-		"syntax": "<string>"
-	},
-	"<overflow-position>": {
-		"syntax": "unsafe | safe"
-	},
-	"<page-selector-list>": {
-		"syntax": "<page-selector>#"
-	},
-	"<page-selector>": {
-		"syntax": "[ <ident-token>? <pseudo-page>* ]!"
-	},
-	"<paint-box>": {
-		"syntax": "<visual-box> | fill-box | stroke-box"
-	},
-	"<paint>": {
-		"syntax": "none | <image> | <svg-paint>"
-	},
-	"<points>": {
-		"syntax": "[ <number>+ ]#"
-	},
-	"<polar-color-space>": {
-		"syntax": "hsl | hwb | lch | oklch"
-	},
-	"<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} ]"
-	},
-	"<position>": {
-		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
-	},
-	"<predefined-polar-params>": {
-		"syntax": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]"
-	},
-	"<predefined-rectangular-params>": {
-		"syntax": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}"
-	},
-	"<predefined-rectangular>": {
-		"syntax": "jzazbz | ictcp"
-	},
-	"<predefined-rgb-params>": {
-		"syntax": "<predefined-rgb> [ <number> | <percentage> | none ]{3}"
-	},
-	"<predefined-rgb>": {
-		"syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear"
-	},
-	"<progress()>": {
-		"syntax": "progress( <calc-sum> from <calc-sum> to <calc-sum> )"
-	},
-	"<progress>": {
-		"syntax": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>"
-	},
-	"<pseudo-class-selector>": {
-		"syntax": "':' <ident-token> | ':' <function-token> <any-value> ')'"
-	},
-	"<pseudo-compound-selector>": {
-		"syntax": "<pseudo-element-selector> <pseudo-class-selector>*"
-	},
-	"<pseudo-element-selector>": {
-		"syntax": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>"
-	},
-	"<pseudo-page>": {
-		"syntax": "':' [ left | right | first | blank ]"
-	},
-	"<pt-class-selector>": {
-		"syntax": "[ '.' <custom-ident> ]+"
-	},
-	"<pt-name-and-class-selector>": {
-		"syntax": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>"
-	},
-	"<pt-name-selector>": {
-		"syntax": "'*' | <custom-ident>"
-	},
-	"<query-in-parens>": {
-		"syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-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>": {
-		"syntax": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>"
-	},
-	"<radial-shape>": {
-		"syntax": "circle | ellipse"
-	},
-	"<radial-size>": {
-		"syntax": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}"
-	},
-	"<random-caching-options>": {
-		"syntax": "<dashed-ident> || per-element"
-	},
-	"<ratio>": {
-		"syntax": "<number [0,∞]> [ / <number [0,∞]> ]?"
-	},
-	"<ray-size>": {
-		"syntax": "closest-side | closest-corner | farthest-side | farthest-corner | sides"
-	},
-	"<rectangular-color-space>": {
-		"syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"
-	},
-	"<relative-real-selector-list>": {
-		"syntax": "<relative-real-selector>#"
-	},
-	"<relative-real-selector>": {
-		"syntax": "<combinator>? <complex-real-selector>"
-	},
-	"<relative-selector-list>": {
-		"syntax": "<relative-selector>#"
-	},
-	"<relative-selector>": {
-		"syntax": "<combinator>? <complex-selector>"
-	},
-	"<repeat-style>": {
-		"syntax": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}"
-	},
-	"<repetition>": {
-		"syntax": "repeat | space | round | no-repeat"
-	},
-	"<request-url-modifier>": {
-		"syntax": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>"
-	},
-	"<reversed-counter-name>": {
-		"syntax": "reversed( <counter-name> )"
-	},
-	"<rounding-strategy>": {
-		"syntax": "nearest | up | down | to-zero"
-	},
-	"<scroller>": {
-		"syntax": "root | nearest | self"
-	},
-	"<selector-list>": {
-		"syntax": "<complex-selector-list>"
-	},
-	"<self-position>": {
-		"syntax": "center | start | end | self-start | self-end | flex-start | flex-end"
-	},
-	"<shadow>": {
-		"syntax": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?"
-	},
-	"<shape-box>": {
-		"syntax": "<visual-box> | margin-box"
-	},
-	"<shape-command>": {
-		"syntax": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close"
-	},
-	"<side-or-corner>": {
-		"syntax": "[ left | right ] || [ top | bottom ]"
-	},
-	"<simple-selector-list>": {
-		"syntax": "<simple-selector>#"
-	},
-	"<simple-selector>": {
-		"syntax": "<type-selector> | <subclass-selector>"
-	},
-	"<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 [0,∞]>"
-	},
-	"<single-animation-play-state>": {
-		"syntax": "running | paused"
-	},
-	"<single-animation-timeline>": {
-		"syntax": "auto | none | <dashed-ident> | <scroll()> | <view()>"
-	},
-	"<single-animation>": {
-		"syntax": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
-	},
-	"<single-transition-property>": {
-		"syntax": "all | <custom-ident>"
-	},
-	"<single-transition>": {
-		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>"
-	},
-	"<source-size-list>": {
-		"syntax": "<source-size>#? , <source-size-value>"
-	},
-	"<source-size-value>": {
-		"syntax": "<length> | auto"
-	},
-	"<source-size>": {
-		"syntax": "<media-condition> <source-size-value> | auto"
-	},
-	"<spacing-trim>": {
-		"syntax": "space-all | normal | space-first | trim-start | trim-both | trim-all"
-	},
-	"<spread-shadow>": {
-		"syntax": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?"
-	},
-	"<step-easing-function>": {
-		"syntax": "step-start | step-end | steps( <integer> , <step-position>? )"
-	},
-	"<step-position>": {
-		"syntax": "jump-start | jump-end | jump-none | jump-both | start | end"
-	},
-	"<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>"
-	},
-	"<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-font-format-fn>": {
-		"syntax": "font-format( <font-format> )"
-	},
-	"<supports-font-tech-fn>": {
-		"syntax": "font-tech( <font-tech> )"
-	},
-	"<supports-in-parens>": {
-		"syntax": "( <supports-condition> ) | <supports-feature> | <general-enclosed>"
-	},
-	"<supports-selector-fn>": {
-		"syntax": "selector( <complex-selector> )"
-	},
-	"<svg-paint>": {
-		"syntax": "child | child( <integer> )"
-	},
-	"<symbol>": {
-		"syntax": "<string> | <image> | <custom-ident>"
-	},
-	"<symbols-type>": {
-		"syntax": "cyclic | numeric | alphabetic | symbolic | fixed"
-	},
-	"<syntax-combinator>": {
-		"syntax": "'|'"
-	},
-	"<syntax-component-name>": {
-		"syntax": "'<' <syntax-type> '>' | <custom-ident>"
-	},
-	"<syntax-component>": {
-		"syntax": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'"
-	},
-	"<syntax-multiplier>": {
-		"syntax": "[ '#' | '+' ]"
-	},
-	"<syntax-type>": {
-		"syntax": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function"
-	},
-	"<syntax>": {
-		"syntax": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+"
-	},
-	"<system-family-name>": {
-		"syntax": "caption | icon | menu | message-box | small-caption | status-bar"
-	},
-	"<target-contrast>": {
-		"syntax": "<wcag2>"
-	},
-	"<target>": {
-		"syntax": "<target-counter()> | <target-counters()> | <target-text()>"
-	},
-	"<text-edge>": {
-		"syntax": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?"
-	},
-	"<time-percentage>": {
-		"syntax": "[ <time> | <percentage> ]"
-	},
-	"<toggle()>": {
-		"syntax": "toggle( <whole-value># )"
-	},
-	"<track-breadth>": {
-		"syntax": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto"
-	},
-	"<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 [0,∞]> )"
-	},
-	"<transform-list>": {
-		"syntax": "<transform-function>+"
-	},
-	"<transform-mix()>": {
-		"syntax": "transform-mix( <progress> , <transform-list> , <transform-list> )"
-	},
-	"<transition-behavior-value>": {
-		"syntax": "normal | allow-discrete"
-	},
-	"<try-size>": {
-		"syntax": "most-width | most-height | most-block-size | most-inline-size"
-	},
-	"<type-selector>": {
-		"syntax": "<wq-name> | <ns-prefix>? '*'"
-	},
-	"<type()>": {
-		"syntax": "type( <syntax> )"
-	},
-	"<url>": {
-		"syntax": "<url()> | <src()>"
-	},
-	"<visual-box>": {
-		"syntax": "content-box | padding-box | border-box"
-	},
-	"<wcag2>": {
-		"syntax": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )"
-	},
-	"<wq-name>": {
-		"syntax": "<ns-prefix>? <ident-token>"
-	},
-	"<xyz-params>": {
-		"syntax": "<xyz> [ <number> | <percentage> | none ]{3}"
-	},
-	"<xyz-space>": {
-		"syntax": "xyz | xyz-d50 | xyz-d65"
-	},
-	"<xyz>": {
-		"syntax": "xyz | xyz-d50 | xyz-d65"
-	},
 	"abs()": {
 		"syntax": "abs( <calc-sum> )"
 	},
@@ -947,6 +14,15 @@
 	"alpha-value": {
 		"syntax": "<number> | <percentage>"
 	},
+	"anchor-element": {
+		"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-element> || <anchor-size> ]? , <length-percentage>? )"
 	},
@@ -954,20 +30,29 @@
 		"syntax": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )"
 	},
 	"angle-percentage": {
-		"syntax": "<angle> | <percentage>"
+		"syntax": "[ <angle> | <percentage> ]"
 	},
 	"angular-color-hint": {
 		"syntax": "<angle-percentage>"
 	},
 	"angular-color-stop": {
-		"syntax": "<color> && <color-stop-angle>?"
+		"syntax": "<color> <color-stop-angle>?"
 	},
 	"angular-color-stop-list": {
-		"syntax": "[ <angular-color-stop> [, <angular-color-hint> ]? ]# , <angular-color-stop>"
+		"syntax": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?"
 	},
 	"animateable-feature": {
 		"syntax": "scroll-position | contents | <custom-ident>"
 	},
+	"arc-command": {
+		"syntax": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]"
+	},
+	"arc-size": {
+		"syntax": "large | small"
+	},
+	"arc-sweep": {
+		"syntax": "cw | ccw"
+	},
 	"asin()": {
 		"syntax": "asin( <calc-sum> )"
 	},
@@ -990,7 +75,10 @@
 		"syntax": "i | s"
 	},
 	"attr-name": {
-		"syntax": "<wq-name>"
+		"syntax": "[ <ident-token> '|' ]? <ident-token>"
+	},
+	"attr-type": {
+		"syntax": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>"
 	},
 	"attr()": {
 		"syntax": "attr( <attr-name> <attr-type>? , <declaration-value>? )"
@@ -1004,29 +92,35 @@
 	"auto-track-list": {
 		"syntax": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"
 	},
+	"autospace": {
+		"syntax": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]"
+	},
 	"axis": {
-		"syntax": "block | inline | vertical | horizontal"
+		"syntax": "block | inline | x | y"
 	},
 	"baseline-position": {
-		"syntax": "[ first | last ]? baseline"
+		"syntax": "[ first | last ]? && baseline"
 	},
 	"basic-shape": {
 		"syntax": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
 	},
+	"basic-shape-rect": {
+		"syntax": "<inset()> | <rect()> | <xywh()>"
+	},
 	"bg-clip": {
-		"syntax": "<box> | border | text"
+		"syntax": "<visual-box> | border-area | text"
 	},
 	"bg-image": {
-		"syntax": "none | <image>"
+		"syntax": "<image> | none"
 	},
 	"bg-layer": {
-		"syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+		"syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
 	},
 	"bg-position": {
 		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
 	},
 	"bg-size": {
-		"syntax": "[ <length-percentage> | auto ]{1,2} | cover | contain"
+		"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"
@@ -1034,6 +128,24 @@
 	"blur()": {
 		"syntax": "blur( <length> )"
 	},
+	"bool-and": {
+		"syntax": "and <bool-in-parens>"
+	},
+	"bool-in-parens": {
+		"syntax": "( <boolean> ) | <bool-test> | <general-enclosed>"
+	},
+	"bool-not": {
+		"syntax": "not <bool-in-parens>"
+	},
+	"bool-or": {
+		"syntax": "or <bool-in-parens>"
+	},
+	"boolean": {
+		"syntax": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]"
+	},
+	"boolean-without-or": {
+		"syntax": "<bool-not> | <bool-in-parens> <bool-and>*"
+	},
 	"bottom": {
 		"syntax": "<length> | auto"
 	},
@@ -1043,11 +155,23 @@
 	"brightness()": {
 		"syntax": "brightness( <number-percentage> )"
 	},
+	"by-to": {
+		"syntax": "by | to"
+	},
 	"calc-constant": {
 		"syntax": "e | pi | infinity | -infinity | NaN"
 	},
+	"calc-keyword": {
+		"syntax": "e | pi | infinity | -infinity | NaN"
+	},
+	"calc-mix()": {
+		"syntax": "calc-mix( <progress> , <calc-sum> , <calc-sum> )"
+	},
 	"calc-product": {
-		"syntax": "<calc-value> [ '*' <calc-value> | '/' <number> ]*"
+		"syntax": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*"
+	},
+	"calc-size-basis": {
+		"syntax": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]"
 	},
 	"calc-size()": {
 		"syntax": "calc-size( <calc-size-basis> , <calc-sum> )"
@@ -1056,7 +180,7 @@
 		"syntax": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
 	},
 	"calc-value": {
-		"syntax": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )"
+		"syntax": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )"
 	},
 	"calc()": {
 		"syntax": "calc( <calc-sum> )"
@@ -1064,6 +188,9 @@
 	"cf-final-image": {
 		"syntax": "<image> | <color>"
 	},
+	"cf-image": {
+		"syntax": "[ <image> | <color> ] && <percentage [0,100]>?"
+	},
 	"cf-mixing-image": {
 		"syntax": "<percentage>? && <image>"
 	},
@@ -1079,18 +206,36 @@
 	"clip-source": {
 		"syntax": "<url>"
 	},
+	"cmyk-component": {
+		"syntax": "<number> | <percentage> | none"
+	},
 	"color": {
-		"syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>"
+		"syntax": "<color-base> | currentColor | <system-color>"
 	},
 	"-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"
 	},
+	"color-base": {
+		"syntax": "<hex-color> | <color-function> | <named-color> | transparent"
+	},
+	"color-font-tech": {
+		"syntax": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]"
+	},
+	"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>? ]"
+	},
 	"color-layers()": {
 		"syntax": "color-layers( [ <blend-mode> , ]? <color># )"
 	},
 	"color-mix()": {
 		"syntax": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )"
 	},
+	"color-space": {
+		"syntax": "<rectangular-color-space> | <polar-color-space>"
+	},
 	"color-stop": {
 		"syntax": "<color-stop-length> | <color-stop-angle>"
 	},
@@ -1101,26 +246,47 @@
 		"syntax": "<length-percentage>{1,2}"
 	},
 	"color-stop-list": {
-		"syntax": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>"
+		"syntax": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?"
+	},
+	"color-stripe": {
+		"syntax": "<color> && [ <length-percentage> | <flex> ]?"
 	},
 	"color()": {
 		"syntax": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"
 	},
+	"colorspace-params": {
+		"syntax": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]"
+	},
 	"combinator": {
-		"syntax": "'>' | '+' | '~' | [ '||' ]"
+		"syntax": "'>' | '+' | '~' | [ '|' '|' ]"
 	},
 	"common-lig-values": {
 		"syntax": "[ common-ligatures | no-common-ligatures ]"
 	},
 	"compat-auto": {
-		"syntax": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button"
+		"syntax": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button"
 	},
-	"complex-selector": {
+	"compat-special": {
+		"syntax": "textfield | menulist-button"
+	},
+	"complex-real-selector": {
 		"syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
 	},
+	"complex-real-selector-list": {
+		"syntax": "<complex-real-selector>#"
+	},
+	"complex-selector": {
+		"syntax": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*"
+	},
 	"complex-selector-list": {
 		"syntax": "<complex-selector>#"
 	},
+	"complex-selector-unit": {
+		"syntax": "[ <compound-selector>? <pseudo-compound-selector>* ]!"
+	},
+	"composite-mode": {
+		"syntax": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter"
+	},
 	"composite-style": {
 		"syntax": "clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor"
 	},
@@ -1128,19 +294,37 @@
 		"syntax": "add | subtract | intersect | exclude"
 	},
 	"compound-selector": {
-		"syntax": "[ <type-selector>? <subclass-selector>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!"
+		"syntax": "[ <type-selector>? <subclass-selector>* ]!"
 	},
 	"compound-selector-list": {
 		"syntax": "<compound-selector>#"
 	},
+	"conic-gradient-syntax": {
+		"syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>"
+	},
 	"conic-gradient()": {
 		"syntax": "conic-gradient( [ <conic-gradient-syntax> ] )"
 	},
+	"container-condition": {
+		"syntax": "[ <container-name> ]? <container-query>"
+	},
+	"container-name": {
+		"syntax": "<custom-ident>"
+	},
+	"container-progress()": {
+		"syntax": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )"
+	},
+	"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-level": {
+		"syntax": "element | content | text | <attr()> | <counter>"
+	},
 	"content-list": {
-		"syntax": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+"
+		"syntax": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+"
 	},
 	"content-position": {
 		"syntax": "center | start | end | flex-start | flex-end"
@@ -1160,6 +344,12 @@
 	"contrast()": {
 		"syntax": "contrast( [ <number-percentage> ] )"
 	},
+	"coord-box": {
+		"syntax": "<paint-box> | view-box"
+	},
+	"coordinate-pair": {
+		"syntax": "<length-percentage>{2}"
+	},
 	"cos()": {
 		"syntax": "cos( <calc-sum> )"
 	},
@@ -1170,7 +360,7 @@
 		"syntax": "<custom-ident>"
 	},
 	"counter-style": {
-		"syntax": "<counter-style-name> | symbols( )"
+		"syntax": "<counter-style-name> | <symbols()>"
 	},
 	"counter-style-name": {
 		"syntax": "<custom-ident>"
@@ -1184,9 +374,36 @@
 	"cross-fade()": {
 		"syntax": "cross-fade( <cf-image># )"
 	},
+	"crossorigin-modifier": {
+		"syntax": "crossorigin( anonymous | use-credentials )"
+	},
+	"css-type": {
+		"syntax": "<syntax-component> | <type()>"
+	},
+	"cubic-bezier-easing-function": {
+		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
+	},
 	"cubic-bezier-timing-function": {
 		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
 	},
+	"curve-command": {
+		"syntax": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]"
+	},
+	"custom-arg": {
+		"syntax": "$ <ident-token> ;"
+	},
+	"custom-color-space": {
+		"syntax": "<dashed-ident>"
+	},
+	"custom-params": {
+		"syntax": "<dashed-ident> [ <number> | <percentage> | none ]+"
+	},
+	"custom-selector": {
+		"syntax": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;"
+	},
+	"dasharray": {
+		"syntax": "[ [ <length-percentage> | <number> ]+ ]#"
+	},
 	"declaration": {
 		"syntax": "<ident-token> : <declaration-value>? [ '!' important ]?"
 	},
@@ -1215,7 +432,7 @@
 		"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"
+		"syntax": "inline-block | inline-table | inline-flex | inline-grid"
 	},
 	"display-listitem": {
 		"syntax": "<display-outside>? && [ flow | flow-root ]? && list-item"
@@ -1230,7 +447,7 @@
 		"syntax": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )"
 	},
 	"easing-function": {
-		"syntax": "linear | <cubic-bezier-timing-function> | <step-timing-function>"
+		"syntax": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"
 	},
 	"east-asian-variant-values": {
 		"syntax": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]"
@@ -1278,7 +495,7 @@
 		"syntax": "<feature-value-declaration>"
 	},
 	"feature-value-name": {
-		"syntax": "<custom-ident>"
+		"syntax": "<ident>"
 	},
 	"fill-rule": {
 		"syntax": "nonzero | evenodd"
@@ -1287,7 +504,7 @@
 		"syntax": "<string>"
 	},
 	"filter-function": {
-		"syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"
+		"syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>"
 	},
 	"-ms-filter-function": {
 		"syntax": "<-ms-filter-function-progid> | <-ms-filter-function-legacy>"
@@ -1304,14 +521,20 @@
 	"-ms-filter-function-progid": {
 		"syntax": "'progid:' [ <ident-token> '.' ]* [ <ident-token> | <function-token> <any-value>? ) ]"
 	},
+	"filter-value-list": {
+		"syntax": "[ <filter-function> | <url> ]+"
+	},
 	"filter()": {
 		"syntax": "filter( [ <image> | <string> ] , <filter-value-list> )"
 	},
 	"final-bg-layer": {
-		"syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+		"syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>"
+	},
+	"first-valid()": {
+		"syntax": "first-valid( <declaration-value># )"
 	},
 	"fixed-breadth": {
-		"syntax": "<length-percentage>"
+		"syntax": "<length-percentage [0,∞]>"
 	},
 	"fixed-repeat": {
 		"syntax": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )"
@@ -1322,30 +545,69 @@
 	"-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"
 	},
-	"font-stretch-absolute": {
-		"syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>"
+	"font-features-tech": {
+		"syntax": "[ features-opentype | features-aat | features-graphite ]"
+	},
+	"font-format": {
+		"syntax": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]"
+	},
+	"font-src": {
+		"syntax": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )"
+	},
+	"font-stretch-absolute": {
+		"syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>"
+	},
+	"font-tech": {
+		"syntax": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]"
+	},
+	"font-variant-css2": {
+		"syntax": "[ normal | small-caps ]"
 	},
 	"font-variant-css21": {
 		"syntax": "[ normal | small-caps ]"
 	},
 	"font-weight-absolute": {
-		"syntax": "normal | bold | <number [1,1000]>"
+		"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 ]"
 	},
 	"frequency-percentage": {
-		"syntax": "<frequency> | <percentage>"
+		"syntax": "[ <frequency> | <percentage> ]"
+	},
+	"function-dependency-list": {
+		"syntax": "<function-parameter>#"
+	},
+	"function-name": {
+		"syntax": "<dashed-ident>"
+	},
+	"function-parameter": {
+		"syntax": "<custom-property-name> <css-type>? [ : <declaration-value> ]?"
+	},
+	"function-parameter-list": {
+		"syntax": "<function-parameter>#"
 	},
 	"gender": {
 		"syntax": "male | female | neutral"
 	},
 	"general-enclosed": {
-		"syntax": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )"
+		"syntax": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
+	},
+	"generic-complete": {
+		"syntax": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace"
 	},
 	"generic-family": {
-		"syntax": "serif | sans-serif | cursive | fantasy | monospace | -apple-system"
+		"syntax": "<generic-script-specific> | <generic-complete> | <generic-incomplete>"
+	},
+	"generic-incomplete": {
+		"syntax": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded"
 	},
 	"generic-name": {
 		"syntax": "serif | sans-serif | cursive | fantasy | monospace"
 	},
+	"generic-script-specific": {
+		"syntax": "generic( kai ) | generic( fangsong ) | generic( nastaliq )"
+	},
 	"generic-voice": {
 		"syntax": "[ <age>? <gender> <integer>? ]"
 	},
@@ -1353,7 +615,7 @@
 		"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>"
+		"syntax": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>"
 	},
 	"-legacy-gradient": {
 		"syntax": "<-webkit-gradient()> | <-legacy-linear-gradient> | <-legacy-repeating-linear-gradient> | <-legacy-radial-gradient> | <-legacy-repeating-radial-gradient>"
@@ -1377,7 +639,7 @@
 		"syntax": "grayscale( <number-percentage> )"
 	},
 	"grid-line": {
-		"syntax": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]"
+		"syntax": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]"
 	},
 	"historical-lig-values": {
 		"syntax": "[ historical-ligatures | no-historical-ligatures ]"
@@ -1391,9 +653,15 @@
 	"hue": {
 		"syntax": "<number> | <angle>"
 	},
+	"hue-interpolation-method": {
+		"syntax": "[ shorter | longer | increasing | decreasing ] hue"
+	},
 	"hue-rotate()": {
 		"syntax": "hue-rotate( <angle> )"
 	},
+	"hv-line-command": {
+		"syntax": "[ hline | vline ] <by-to> <length-percentage>"
+	},
 	"hwb()": {
 		"syntax": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
@@ -1401,35 +669,47 @@
 		"syntax": "hypot( <calc-sum># )"
 	},
 	"image": {
-		"syntax": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>"
+		"syntax": "<url> | <gradient>"
+	},
+	"image-1D": {
+		"syntax": "<stripes()>"
 	},
 	"-non-standard-image-rendering": {
 		"syntax": "optimize-contrast | -moz-crisp-edges | -o-crisp-edges | -webkit-optimize-contrast"
 	},
 	"image-set-option": {
-		"syntax": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]"
+		"syntax": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?"
 	},
 	"image-set()": {
 		"syntax": "image-set( <image-set-option># )"
 	},
 	"image-src": {
-		"syntax": "<url> | <string>"
+		"syntax": "[ <url> | <string> ]"
 	},
 	"image-tags": {
-		"syntax": "ltr | rtl"
+		"syntax": "[ ltr | rtl ]"
 	},
 	"image()": {
 		"syntax": "image( <image-tags>? [ <image-src>? , <color>? ]! )"
 	},
+	"import-conditions": {
+		"syntax": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?"
+	},
 	"inflexible-breadth": {
-		"syntax": "<length-percentage> | min-content | max-content | auto"
+		"syntax": "<length-percentage [0,∞]> | min-content | max-content | auto"
 	},
 	"inset()": {
 		"syntax": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
 	},
+	"integrity-modifier": {
+		"syntax": "integrity( <string> )"
+	},
 	"invert()": {
 		"syntax": "invert( <number-percentage> )"
 	},
+	"isolation-mode": {
+		"syntax": "auto | isolate"
+	},
 	"keyframe-block": {
 		"syntax": "<keyframe-selector># { <declaration-list> }"
 	},
@@ -1437,7 +717,7 @@
 		"syntax": "<keyframe-block>+"
 	},
 	"keyframe-selector": {
-		"syntax": "from | to | <percentage>"
+		"syntax": "from | to | <percentage [0,100]>"
 	},
 	"keyframes-name": {
 		"syntax": "<custom-ident> | <string>"
@@ -1451,6 +731,9 @@
 	"layer()": {
 		"syntax": "layer( <layer-name> )"
 	},
+	"layout-box": {
+		"syntax": "<visual-box> | margin-box"
+	},
 	"lch()": {
 		"syntax": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
@@ -1463,12 +746,33 @@
 	"left": {
 		"syntax": "<length> | auto"
 	},
+	"legacy-device-cmyk-syntax": {
+		"syntax": "device-cmyk( <number>#{4} )"
+	},
+	"legacy-hsl-syntax": {
+		"syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )"
+	},
+	"legacy-hsla-syntax": {
+		"syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )"
+	},
+	"legacy-pseudo-element-selector": {
+		"syntax": "':' [ before | after | first-line | first-letter ]"
+	},
+	"legacy-rgb-syntax": {
+		"syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
+	},
+	"legacy-rgba-syntax": {
+		"syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
+	},
 	"length-percentage": {
-		"syntax": "<length> | <percentage>"
+		"syntax": "[ <length> | <percentage> ]"
 	},
 	"light-dark()": {
 		"syntax": "light-dark( <color> , <color> )"
 	},
+	"line-command": {
+		"syntax": "line <by-to> <coordinate-pair>"
+	},
 	"line-name-list": {
 		"syntax": "[ <line-names> | <name-repeat> ]+"
 	},
@@ -1479,13 +783,16 @@
 		"syntax": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset"
 	},
 	"line-width": {
-		"syntax": "<length> | thin | medium | thick"
+		"syntax": "<length [0,∞]> | thin | medium | thick"
 	},
 	"linear-color-hint": {
 		"syntax": "<length-percentage>"
 	},
 	"linear-color-stop": {
-		"syntax": "<color> <color-stop-length>?"
+		"syntax": "<color> <length-percentage>?"
+	},
+	"linear-easing-function": {
+		"syntax": "linear( <linear-stop-list> )"
 	},
 	"-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> )"
@@ -1493,15 +800,33 @@
 	"-legacy-linear-gradient-arguments": {
 		"syntax": "[ <angle> | <side-or-corner> ]? , <color-stop-list>"
 	},
+	"linear-gradient-syntax": {
+		"syntax": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>"
+	},
 	"linear-gradient()": {
 		"syntax": "linear-gradient( [ <linear-gradient-syntax> ] )"
 	},
+	"linear-stop": {
+		"syntax": "<number> && <linear-stop-length>?"
+	},
+	"linear-stop-length": {
+		"syntax": "<percentage>{1,2}"
+	},
+	"linear-stop-list": {
+		"syntax": "[ <linear-stop> ]#"
+	},
 	"linear()": {
 		"syntax": "linear( <linear-stop-list> )"
 	},
+	"link-param": {
+		"syntax": "param( <custom-property-name> <declaration-value>? )"
+	},
 	"log()": {
 		"syntax": "log( <calc-sum> , <calc-sum>? )"
 	},
+	"marker-ref": {
+		"syntax": "<url>"
+	},
 	"-webkit-mask-box-repeat": {
 		"syntax": "repeat | stretch | round"
 	},
@@ -1536,25 +861,28 @@
 		"syntax": "max( <calc-sum># )"
 	},
 	"media-and": {
-		"syntax": "<media-in-parens> [ and <media-in-parens> ]+"
+		"syntax": "and <media-in-parens>"
 	},
 	"media-condition": {
-		"syntax": "<media-not> | <media-and> | <media-or> | <media-in-parens>"
+		"syntax": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]"
 	},
 	"media-condition-without-or": {
-		"syntax": "<media-not> | <media-and> | <media-in-parens>"
+		"syntax": "<media-not> | <media-in-parens> <media-and>*"
 	},
 	"media-feature": {
-		"syntax": "( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
+		"syntax": "[ <mf-plain> | <mf-boolean> | <mf-range> ]"
 	},
 	"media-in-parens": {
-		"syntax": "( <media-condition> ) | <media-feature> | <general-enclosed>"
+		"syntax": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>"
 	},
 	"media-not": {
 		"syntax": "not <media-in-parens>"
 	},
 	"media-or": {
-		"syntax": "<media-in-parens> [ or <media-in-parens> ]+"
+		"syntax": "or <media-in-parens>"
+	},
+	"media-progress()": {
+		"syntax": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )"
 	},
 	"media-query": {
 		"syntax": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?"
@@ -1571,6 +899,18 @@
 	"mf-boolean": {
 		"syntax": "<mf-name>"
 	},
+	"mf-comparison": {
+		"syntax": "<mf-lt> | <mf-gt> | <mf-eq>"
+	},
+	"mf-eq": {
+		"syntax": "'='"
+	},
+	"mf-gt": {
+		"syntax": "'>' '='?"
+	},
+	"mf-lt": {
+		"syntax": "'<' '='?"
+	},
 	"mf-name": {
 		"syntax": "<ident>"
 	},
@@ -1578,7 +918,7 @@
 		"syntax": "<mf-name> : <mf-value>"
 	},
 	"mf-range": {
-		"syntax": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>"
+		"syntax": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>"
 	},
 	"mf-value": {
 		"syntax": "<number> | <dimension> | <ident> | <ratio>"
@@ -1589,9 +929,33 @@
 	"minmax()": {
 		"syntax": "minmax( [ <length-percentage> | min-content | max-content | auto ] , [ <length-percentage> | <flex> | min-content | max-content | auto ] )"
 	},
+	"mix()": {
+		"syntax": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )"
+	},
 	"mod()": {
 		"syntax": "mod( <calc-sum> , <calc-sum> )"
 	},
+	"modern-device-cmyk-syntax": {
+		"syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )"
+	},
+	"modern-hsl-syntax": {
+		"syntax": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"modern-hsla-syntax": {
+		"syntax": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"modern-rgb-syntax": {
+		"syntax": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
+	},
+	"modern-rgba-syntax": {
+		"syntax": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
+	},
+	"move-command": {
+		"syntax": "move <by-to> <coordinate-pair>"
+	},
+	"mq-boolean": {
+		"syntax": "<integer [0,1]>"
+	},
 	"name-repeat": {
 		"syntax": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )"
 	},
@@ -1610,6 +974,9 @@
 	"number-one-or-greater": {
 		"syntax": "<number [1,∞]>"
 	},
+	"number-optional-number": {
+		"syntax": "<number> <number>?"
+	},
 	"number-percentage": {
 		"syntax": "<number> | <percentage>"
 	},
@@ -1625,15 +992,24 @@
 	"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 ] ]? )"
 	},
 	"oklch()": {
 		"syntax": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
+	"opacity-value": {
+		"syntax": "<number> | <percentage>"
+	},
 	"opacity()": {
 		"syntax": "opacity( [ <number-percentage> ] )"
 	},
+	"opentype-tag": {
+		"syntax": "<string>"
+	},
 	"outline-radius": {
 		"syntax": "<length> | <percentage>"
 	},
@@ -1653,16 +1029,19 @@
 		"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>*"
+		"syntax": "[ <ident-token>? <pseudo-page>* ]!"
 	},
 	"page-selector-list": {
-		"syntax": "[ <page-selector># ]?"
+		"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"
+		"syntax": "none | <image> | <svg-paint>"
+	},
+	"paint-box": {
+		"syntax": "<visual-box> | fill-box | stroke-box"
 	},
 	"paint()": {
 		"syntax": "paint( <ident> , <declaration-value>? )"
@@ -1676,27 +1055,75 @@
 	"perspective()": {
 		"syntax": "perspective( [ <length [0,∞]> | none ] )"
 	},
+	"points": {
+		"syntax": "[ <number>+ ]#"
+	},
+	"polar-color-space": {
+		"syntax": "hsl | hwb | lch | oklch"
+	},
 	"polygon()": {
 		"syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
 	},
 	"position": {
-		"syntax": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
+		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
+	},
+	"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-polar-params": {
+		"syntax": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]"
+	},
+	"predefined-rectangular": {
+		"syntax": "jzazbz | ictcp"
+	},
+	"predefined-rectangular-params": {
+		"syntax": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}"
+	},
+	"predefined-rgb": {
+		"syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear"
+	},
+	"predefined-rgb-params": {
+		"syntax": "<predefined-rgb> [ <number> | <percentage> | none ]{3}"
+	},
+	"progress": {
+		"syntax": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>"
+	},
+	"progress()": {
+		"syntax": "progress( <calc-sum> from <calc-sum> to <calc-sum> )"
+	},
 	"pseudo-class-selector": {
 		"syntax": "':' <ident-token> | ':' <function-token> <any-value> ')'"
 	},
+	"pseudo-compound-selector": {
+		"syntax": "<pseudo-element-selector> <pseudo-class-selector>*"
+	},
 	"pseudo-element-selector": {
-		"syntax": "':' <pseudo-class-selector>"
+		"syntax": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>"
 	},
 	"pseudo-page": {
-		"syntax": ": [ left | right | first | blank ]"
+		"syntax": "':' [ left | right | first | blank ]"
+	},
+	"pt-class-selector": {
+		"syntax": "[ '.' <custom-ident> ]+"
+	},
+	"pt-name-and-class-selector": {
+		"syntax": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>"
+	},
+	"pt-name-selector": {
+		"syntax": "'*' | <custom-ident>"
+	},
+	"query-in-parens": {
+		"syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-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"
+	},
 	"-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> )"
 	},
@@ -1709,9 +1136,21 @@
 	"-legacy-radial-gradient-size": {
 		"syntax": "closest-side | closest-corner | farthest-side | farthest-corner | contain | cover"
 	},
+	"radial-gradient-syntax": {
+		"syntax": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>"
+	},
 	"radial-gradient()": {
 		"syntax": "radial-gradient( [ <radial-gradient-syntax> ] )"
 	},
+	"radial-shape": {
+		"syntax": "circle | ellipse"
+	},
+	"radial-size": {
+		"syntax": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}"
+	},
+	"random-caching-options": {
+		"syntax": "<dashed-ident> || per-element"
+	},
 	"random-item()": {
 		"syntax": "random-item( <random-caching-options> , [ <declaration-value>? ]# )"
 	},
@@ -1721,9 +1160,24 @@
 	"ratio": {
 		"syntax": "<number [0,∞]> [ / <number [0,∞]> ]?"
 	},
+	"ray-size": {
+		"syntax": "closest-side | closest-corner | farthest-side | farthest-corner | sides"
+	},
 	"ray()": {
 		"syntax": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )"
 	},
+	"rectangular-color-space": {
+		"syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"
+	},
+	"referrerpolicy-modifier": {
+		"syntax": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )"
+	},
+	"relative-real-selector": {
+		"syntax": "<combinator>? <complex-real-selector>"
+	},
+	"relative-real-selector-list": {
+		"syntax": "<relative-real-selector>#"
+	},
 	"relative-selector": {
 		"syntax": "<combinator>? <complex-selector>"
 	},
@@ -1754,6 +1208,12 @@
 	"repeating-radial-gradient()": {
 		"syntax": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )"
 	},
+	"repetition": {
+		"syntax": "repeat | space | round | no-repeat"
+	},
+	"request-url-modifier": {
+		"syntax": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>"
+	},
 	"reversed-counter-name": {
 		"syntax": "reversed( <counter-name> )"
 	},
@@ -1818,7 +1278,10 @@
 		"syntax": "scroll( [ <scroller> || <axis> ]? )"
 	},
 	"scroller": {
-		"syntax": "root | nearest"
+		"syntax": "root | nearest | self"
+	},
+	"selector-list": {
+		"syntax": "<complex-selector-list>"
 	},
 	"self-position": {
 		"syntax": "center | start | end | self-start | self-end | flex-start | flex-end"
@@ -1827,7 +1290,7 @@
 		"syntax": "sepia( <number-percentage> )"
 	},
 	"shadow": {
-		"syntax": "inset? && <length>{2,4} && <color>?"
+		"syntax": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?"
 	},
 	"shadow-t": {
 		"syntax": "[ <length>{2,3} && <color>? ]"
@@ -1836,7 +1299,10 @@
 		"syntax": "rect( <top> , <right> , <bottom> , <left> ) | rect( <top> <right> <bottom> <left> )"
 	},
 	"shape-box": {
-		"syntax": "<box> | margin-box"
+		"syntax": "<visual-box> | margin-box"
+	},
+	"shape-command": {
+		"syntax": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close"
 	},
 	"shape-radius": {
 		"syntax": "<length-percentage> | closest-side | farthest-side"
@@ -1850,11 +1316,17 @@
 	"sign()": {
 		"syntax": "sign( <calc-sum> )"
 	},
+	"simple-selector": {
+		"syntax": "<type-selector> | <subclass-selector>"
+	},
+	"simple-selector-list": {
+		"syntax": "<simple-selector>#"
+	},
 	"sin()": {
 		"syntax": "sin( <calc-sum> )"
 	},
 	"single-animation": {
-		"syntax": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
+		"syntax": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
 	},
 	"single-animation-composition": {
 		"syntax": "replace | add | accumulate"
@@ -1866,13 +1338,13 @@
 		"syntax": "none | forwards | backwards | both"
 	},
 	"single-animation-iteration-count": {
-		"syntax": "infinite | <number>"
+		"syntax": "infinite | <number [0,∞]>"
 	},
 	"single-animation-play-state": {
 		"syntax": "running | paused"
 	},
 	"single-animation-timeline": {
-		"syntax": "auto | none | <timeline-name> | scroll( <axis>? <scroller>? )"
+		"syntax": "auto | none | <dashed-ident> | <scroll()> | <view()>"
 	},
 	"single-transition": {
 		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>"
@@ -1892,12 +1364,33 @@
 	"skewY()": {
 		"syntax": "skewY( [ <angle> | <zero> ] )"
 	},
+	"smooth-command": {
+		"syntax": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]"
+	},
+	"source-size": {
+		"syntax": "<media-condition> <source-size-value> | auto"
+	},
+	"source-size-list": {
+		"syntax": "<source-size>#? , <source-size-value>"
+	},
+	"source-size-value": {
+		"syntax": "<length> | auto"
+	},
+	"spacing-trim": {
+		"syntax": "space-all | normal | space-first | trim-start | trim-both | trim-all"
+	},
+	"spread-shadow": {
+		"syntax": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?"
+	},
 	"sqrt()": {
 		"syntax": "sqrt( <calc-sum> )"
 	},
 	"src()": {
 		"syntax": "src( <string> <url-modifier>* )"
 	},
+	"step-easing-function": {
+		"syntax": "step-start | step-end | steps( <integer> , <step-position>? )"
+	},
 	"step-position": {
 		"syntax": "jump-start | jump-end | jump-none | jump-both | start | end"
 	},
@@ -1910,6 +1403,12 @@
 	"stripes()": {
 		"syntax": "stripes( <color-stripe># )"
 	},
+	"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>"
 	},
@@ -1920,7 +1419,13 @@
 		"syntax": "( <declaration> )"
 	},
 	"supports-feature": {
-		"syntax": "<supports-decl> | <supports-selector-fn>"
+		"syntax": "<supports-decl>"
+	},
+	"supports-font-format-fn": {
+		"syntax": "font-format( <font-format> )"
+	},
+	"supports-font-tech-fn": {
+		"syntax": "font-tech( <font-tech> )"
 	},
 	"supports-in-parens": {
 		"syntax": "( <supports-condition> ) | <supports-feature> | <general-enclosed>"
@@ -1934,21 +1439,51 @@
 	"svg-length": {
 		"syntax": "<percentage> | <length> | <number>"
 	},
+	"svg-paint": {
+		"syntax": "child | child( <integer> )"
+	},
 	"svg-writing-mode": {
 		"syntax": "lr-tb | rl-tb | tb-rl | lr | rl | tb"
 	},
 	"symbol": {
 		"syntax": "<string> | <image> | <custom-ident>"
 	},
+	"symbols-type": {
+		"syntax": "cyclic | numeric | alphabetic | symbolic | fixed"
+	},
 	"symbols()": {
 		"syntax": "symbols( <symbols-type>? [ <string> | <image> ]+ )"
 	},
+	"syntax": {
+		"syntax": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+"
+	},
+	"syntax-combinator": {
+		"syntax": "'|'"
+	},
+	"syntax-component": {
+		"syntax": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'"
+	},
+	"syntax-component-name": {
+		"syntax": "'<' <syntax-type> '>' | <custom-ident>"
+	},
+	"syntax-multiplier": {
+		"syntax": "[ '#' | '+' ]"
+	},
+	"syntax-type": {
+		"syntax": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function"
+	},
+	"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-contrast": {
+		"syntax": "<wcag2>"
+	},
 	"target-counter()": {
 		"syntax": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )"
 	},
@@ -1958,17 +1493,23 @@
 	"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>"
+		"syntax": "[ <time> | <percentage> ]"
 	},
 	"timeline-name": {
 		"syntax": "<custom-ident> | <string>"
 	},
+	"toggle()": {
+		"syntax": "toggle( <whole-value># )"
+	},
 	"top": {
 		"syntax": "<length> | auto"
 	},
 	"track-breadth": {
-		"syntax": "<length-percentage> | <flex> | min-content | max-content | auto"
+		"syntax": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto"
 	},
 	"track-list": {
 		"syntax": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
@@ -1977,7 +1518,7 @@
 		"syntax": "repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )"
 	},
 	"track-size": {
-		"syntax": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )"
+		"syntax": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )"
 	},
 	"transform-function": {
 		"syntax": "<matrix()> | <translate()> | <translateX()> | <translateY()> | <scale()> | <scaleX()> | <scaleY()> | <rotate()> | <skew()> | <skewX()> | <skewY()> | <matrix3d()> | <translate3d()> | <translateZ()> | <scale3d()> | <scaleZ()> | <rotate3d()> | <rotateX()> | <rotateY()> | <rotateZ()> | <perspective()>"
@@ -1985,6 +1526,12 @@
 	"transform-list": {
 		"syntax": "<transform-function>+"
 	},
+	"transform-mix()": {
+		"syntax": "transform-mix( <progress> , <transform-list> , <transform-list> )"
+	},
+	"transition-behavior-value": {
+		"syntax": "normal | allow-discrete"
+	},
 	"translate()": {
 		"syntax": "translate( <length-percentage> , <length-percentage>? )"
 	},
@@ -2000,14 +1547,23 @@
 	"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>? '*'"
 	},
+	"type()": {
+		"syntax": "type( <syntax> )"
+	},
 	"url": {
-		"syntax": "url( <string> <url-modifier>* ) | <url-token>"
+		"syntax": "<url()> | <src()>"
 	},
 	"url-modifier": {
 		"syntax": "<ident> | <function-token> <any-value> )"
@@ -2027,6 +1583,9 @@
 	"visual-box": {
 		"syntax": "content-box | padding-box | border-box"
 	},
+	"wcag2": {
+		"syntax": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )"
+	},
 	"-non-standard-width": {
 		"syntax": "fill-available | min-intrinsic | intrinsic | -moz-available | -moz-fit-content | -moz-min-content | -moz-max-content | -webkit-min-content | -webkit-max-content"
 	},
@@ -2036,6 +1595,15 @@
 	"x": {
 		"syntax": "<number>"
 	},
+	"xyz": {
+		"syntax": "xyz | xyz-d50 | xyz-d65"
+	},
+	"xyz-params": {
+		"syntax": "<xyz> [ <number> | <percentage> | none ]{3}"
+	},
+	"xyz-space": {
+		"syntax": "xyz | xyz-d50 | xyz-d65"
+	},
 	"y": {
 		"syntax": "<number>"
 	}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index ac149bbc34..9d22fb7402 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -1,11 +1,15 @@
 import css from '@webref/css';
 import { fork } from 'css-tree';
 import { generate_set } from './generate-set.mjs';
+import { trim_lt_gt } from './trim-lt-gt.mjs';
 
 const IGNORED_TYPES = new Set([
 	'<an+b>',
 ]);
 
+// TODO : some properties or values might have duplicates and currently we always erase and only preserve the last encountered prop
+// need to either keep all or somehow merge.
+
 export async function generate_webref_sets() {
 	const properties = Object(null);
 	const values = Object(null);
@@ -17,15 +21,13 @@ export async function generate_webref_sets() {
 				properties[property.name] = (property.newValues ? ' | ' + property.newValues : property.value);
 			}
 
-			// if (property.values) {
-			// 	for (const value of property.values) {
-			// 		if (value.type !== 'type') {
-			// 			continue;
-			// 		}
-
-			// 		values[value.name] = value.value;
-			// 	}
-			// }
+			if (property.values) {
+				for (const value of property.values) {
+					if (value.type === 'type' && value.value) {
+						values[trim_lt_gt(value.name)] = value.value;
+					}
+				}
+			}
 		}
 
 		for (const value of data.values) {
@@ -34,18 +36,16 @@ export async function generate_webref_sets() {
 			}
 
 			if (value.value || value.newValues) {
-				values[value.name] = (value.newValues ? ' | ' + value.newValues : value.value);
+				values[trim_lt_gt(value.name)] = (value.newValues ? ' | ' + value.newValues : value.value);
 			}
 
-			// if (value.values) {
-			// 	for (const child_value of value.values) {
-			// 		if (child_value.type !== 'type') {
-			// 			continue;
-			// 		}
-
-			// 		values[child_value.name] = child_value.value;
-			// 	}
-			// }
+			if (value.values) {
+				for (const child_value of value.values) {
+					if (child_value.type === 'type' && child_value.value) {
+						values[trim_lt_gt(child_value.name)] = child_value.value;
+					}
+				}
+			}
 		}
 	}
 
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index a5d3f7b3a8..9f22d24ac8 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -109,6 +109,11 @@ const type_patches = Object(null);
 		for (const [kind, items] of Object.entries(invalid)) {
 			items.forEach((item) => {
 				console.log(`Unexpected invalid ${SINGULAR[kind]} '${item}'`);
+				// console.log(definitionSyntax.generate(forkedLexer[kind][item].syntax));
+				// console.log(definitionSyntax.generate(forkedLexer.types['modern-rgb-syntax'].syntax));
+
+
+				// process.exit(1);
 			});
 		}
 	}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/trim-lt-gt.mjs b/packages/css-syntax-patches-for-csstree/scripts/trim-lt-gt.mjs
new file mode 100644
index 0000000000..92297a85c1
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/trim-lt-gt.mjs
@@ -0,0 +1,7 @@
+export function trim_lt_gt(str) {
+	if (str.at(0) === '<' && str.at(-1) === '>') {
+		return str.slice(1, -1);
+	}
+
+	return str;
+}

From 5d03b1b34653582b6671780b7581587f77536936 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Mon, 26 Aug 2024 09:40:37 +0200
Subject: [PATCH 05/66] wip

---
 package-lock.json                             |   31 +-
 .../csstree-properties.json                   | 1814 -------------
 .../css-syntax-for-csstree/csstree-types.json | 1019 -------
 packages/css-syntax-for-csstree/index.mjs     |  119 -
 packages/css-syntax-for-csstree/package.json  |   79 -
 .../webref-css-properties-a.json              | 1901 -------------
 .../webref-css-properties-b.json              | 2369 -----------------
 7 files changed, 29 insertions(+), 7303 deletions(-)
 delete mode 100644 packages/css-syntax-for-csstree/csstree-properties.json
 delete mode 100644 packages/css-syntax-for-csstree/csstree-types.json
 delete mode 100644 packages/css-syntax-for-csstree/index.mjs
 delete mode 100644 packages/css-syntax-for-csstree/package.json
 delete mode 100644 packages/css-syntax-for-csstree/webref-css-properties-a.json
 delete mode 100644 packages/css-syntax-for-csstree/webref-css-properties-b.json

diff --git a/package-lock.json b/package-lock.json
index 4cef9f27bf..7487625ca5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2052,8 +2052,8 @@
 			"resolved": "packages/css-parser-algorithms",
 			"link": true
 		},
-		"node_modules/@csstools/css-syntax-for-csstree": {
-			"resolved": "packages/css-syntax-for-csstree",
+		"node_modules/@csstools/css-syntax-patches-for-csstree": {
+			"resolved": "packages/css-syntax-patches-for-csstree",
 			"link": true
 		},
 		"node_modules/@csstools/css-tokenizer": {
@@ -9439,6 +9439,33 @@
 			}
 		},
 		"packages/css-syntax-for-csstree": {
+			"name": "@csstools/css-syntax-for-csstree",
+			"version": "0.0.0",
+			"extraneous": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"license": "MIT-0",
+			"devDependencies": {
+				"@webref/css": "^6.14.2",
+				"css-tree": "^2.3.1"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"postcss": "^8.4"
+			}
+		},
+		"packages/css-syntax-patches-for-csstree": {
+			"name": "@csstools/css-syntax-patches-for-csstree",
 			"version": "0.0.0",
 			"funding": [
 				{
diff --git a/packages/css-syntax-for-csstree/csstree-properties.json b/packages/css-syntax-for-csstree/csstree-properties.json
deleted file mode 100644
index cc5ca572ed..0000000000
--- a/packages/css-syntax-for-csstree/csstree-properties.json
+++ /dev/null
@@ -1,1814 +0,0 @@
-{
-	"--*": {
-		"syntax": "<declaration-value>"
-	},
-	"-ms-accelerator": {
-		"syntax": "false | true"
-	},
-	"-ms-block-progression": {
-		"syntax": "tb | rl | bt | lr"
-	},
-	"-ms-content-zoom-chaining": {
-		"syntax": "none | chained"
-	},
-	"-ms-content-zooming": {
-		"syntax": "none | zoom"
-	},
-	"-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-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-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-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-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-image-region": {
-		"syntax": "<shape> | auto"
-	},
-	"-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-before": {
-		"syntax": "<'border-width'> || <'border-style'> || <color>"
-	},
-	"-webkit-border-before-color": {
-		"syntax": "<color>"
-	},
-	"-webkit-border-before-style": {
-		"syntax": "<'border-style'>"
-	},
-	"-webkit-border-before-width": {
-		"syntax": "<'border-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> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#"
-	},
-	"-webkit-mask-attachment": {
-		"syntax": "<attachment>#"
-	},
-	"-webkit-mask-clip": {
-		"syntax": "[ <box> | border | padding | content | text ]#"
-	},
-	"-webkit-mask-composite": {
-		"syntax": "<composite-style>#"
-	},
-	"-webkit-mask-image": {
-		"syntax": "<mask-reference>#"
-	},
-	"-webkit-mask-origin": {
-		"syntax": "[ <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"
-	},
-	"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> ]"
-	},
-	"align-self": {
-		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
-	},
-	"align-tracks": {
-		"syntax": "[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#"
-	},
-	"all": {
-		"syntax": "initial | inherit | unset | revert | revert-layer"
-	},
-	"animation": {
-		"syntax": "<single-animation>#"
-	},
-	"animation-composition": {
-		"syntax": "<single-animation-composition>#"
-	},
-	"animation-delay": {
-		"syntax": "<time>#"
-	},
-	"animation-direction": {
-		"syntax": "<single-animation-direction>#"
-	},
-	"animation-duration": {
-		"syntax": "<time>#"
-	},
-	"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-timing-function": {
-		"syntax": "<easing-function>#"
-	},
-	"animation-timeline": {
-		"syntax": "<single-animation-timeline>#"
-	},
-	"appearance": {
-		"syntax": "none | auto | textfield | menulist-button | <compat-auto>"
-	},
-	"aspect-ratio": {
-		"syntax": "auto | <ratio>"
-	},
-	"azimuth": {
-		"syntax": "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards"
-	},
-	"backdrop-filter": {
-		"syntax": "none | <filter-function-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": "<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>#"
-	},
-	"block-overflow": {
-		"syntax": "clip | ellipsis | <string>"
-	},
-	"block-size": {
-		"syntax": "<'width'>"
-	},
-	"border": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-block": {
-		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
-	},
-	"border-block-color": {
-		"syntax": "<'border-top-color'>{1,2}"
-	},
-	"border-block-style": {
-		"syntax": "<'border-top-style'>"
-	},
-	"border-block-width": {
-		"syntax": "<'border-top-width'>"
-	},
-	"border-block-end": {
-		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
-	},
-	"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-width'> || <'border-top-style'> || <color>"
-	},
-	"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-bottom": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-bottom-color": {
-		"syntax": "<'border-top-color'>"
-	},
-	"border-bottom-left-radius": {
-		"syntax": "<length-percentage>{1,2}"
-	},
-	"border-bottom-right-radius": {
-		"syntax": "<length-percentage>{1,2}"
-	},
-	"border-bottom-style": {
-		"syntax": "<line-style>"
-	},
-	"border-bottom-width": {
-		"syntax": "<line-width>"
-	},
-	"border-collapse": {
-		"syntax": "collapse | separate"
-	},
-	"border-color": {
-		"syntax": "<color>{1,4}"
-	},
-	"border-end-end-radius": {
-		"syntax": "<length-percentage>{1,2}"
-	},
-	"border-end-start-radius": {
-		"syntax": "<length-percentage>{1,2}"
-	},
-	"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> | <number> ]{1,4}"
-	},
-	"border-image-repeat": {
-		"syntax": "[ stretch | repeat | round | space ]{1,2}"
-	},
-	"border-image-slice": {
-		"syntax": "<number-percentage>{1,4} && fill?"
-	},
-	"border-image-source": {
-		"syntax": "none | <image>"
-	},
-	"border-image-width": {
-		"syntax": "[ <length-percentage> | <number> | auto ]{1,4}"
-	},
-	"border-inline": {
-		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
-	},
-	"border-inline-end": {
-		"syntax": "<'border-top-width'> || <'border-top-style'> || <color>"
-	},
-	"border-inline-color": {
-		"syntax": "<'border-top-color'>{1,2}"
-	},
-	"border-inline-style": {
-		"syntax": "<'border-top-style'>"
-	},
-	"border-inline-width": {
-		"syntax": "<'border-top-width'>"
-	},
-	"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-width'> || <'border-top-style'> || <color>"
-	},
-	"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-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>{1,4} [ / <length-percentage>{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-spacing": {
-		"syntax": "<length> <length>?"
-	},
-	"border-start-end-radius": {
-		"syntax": "<length-percentage>{1,2}"
-	},
-	"border-start-start-radius": {
-		"syntax": "<length-percentage>{1,2}"
-	},
-	"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>{1,2}"
-	},
-	"border-top-right-radius": {
-		"syntax": "<length-percentage>{1,2}"
-	},
-	"border-top-style": {
-		"syntax": "<line-style>"
-	},
-	"border-top-width": {
-		"syntax": "<line-width>"
-	},
-	"border-width": {
-		"syntax": "<line-width>{1,4}"
-	},
-	"bottom": {
-		"syntax": "<length> | <percentage> | auto"
-	},
-	"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 | block-start | block-end | inline-start | inline-end"
-	},
-	"caret": {
-		"syntax": "<'caret-color'> || <'caret-shape'>"
-	},
-	"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"
-	},
-	"color": {
-		"syntax": "<color>"
-	},
-	"print-color-adjust": {
-		"syntax": "economy | exact"
-	},
-	"color-scheme": {
-		"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?"
-	},
-	"column-count": {
-		"syntax": "<integer> | auto"
-	},
-	"column-fill": {
-		"syntax": "auto | balance | balance-all"
-	},
-	"column-gap": {
-		"syntax": "normal | <length-percentage>"
-	},
-	"column-rule": {
-		"syntax": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>"
-	},
-	"column-rule-color": {
-		"syntax": "<color>"
-	},
-	"column-rule-style": {
-		"syntax": "<'border-style'>"
-	},
-	"column-rule-width": {
-		"syntax": "<'border-width'>"
-	},
-	"column-span": {
-		"syntax": "none | all"
-	},
-	"column-width": {
-		"syntax": "<length> | auto"
-	},
-	"columns": {
-		"syntax": "<'column-width'> || <'column-count'>"
-	},
-	"contain": {
-		"syntax": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]"
-	},
-	"contain-intrinsic-size": {
-		"syntax": "[ none | <length> | auto <length> ]{1,2}"
-	},
-	"contain-intrinsic-block-size": {
-		"syntax": "none | <length> | auto <length>"
-	},
-	"contain-intrinsic-height": {
-		"syntax": "none | <length> | auto <length>"
-	},
-	"contain-intrinsic-inline-size": {
-		"syntax": "none | <length> | auto <length>"
-	},
-	"contain-intrinsic-width": {
-		"syntax": "none | <length> | auto <length>"
-	},
-	"content": {
-		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?"
-	},
-	"content-visibility": {
-		"syntax": "visible | auto | hidden"
-	},
-	"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": "[ [ <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 ] ]"
-	},
-	"direction": {
-		"syntax": "ltr | rtl"
-	},
-	"display": {
-		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>"
-	},
-	"empty-cells": {
-		"syntax": "show | hide"
-	},
-	"filter": {
-		"syntax": "none | <filter-function-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-shrink": {
-		"syntax": "<number>"
-	},
-	"flex-wrap": {
-		"syntax": "nowrap | wrap | wrap-reverse"
-	},
-	"float": {
-		"syntax": "left | right | none | inline-start | inline-end"
-	},
-	"font": {
-		"syntax": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar"
-	},
-	"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-variation-settings": {
-		"syntax": "normal | [ <string> <number> ]#"
-	},
-	"font-size": {
-		"syntax": "<absolute-size> | <relative-size> | <length-percentage>"
-	},
-	"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 ]"
-	},
-	"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-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-weight": {
-		"syntax": "<font-weight-absolute> | bolder | lighter"
-	},
-	"forced-color-adjust": {
-		"syntax": "auto | none"
-	},
-	"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> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
-	},
-	"hyphenate-character": {
-		"syntax": "auto | <string>"
-	},
-	"hyphens": {
-		"syntax": "none | manual | auto"
-	},
-	"image-orientation": {
-		"syntax": "from-image | <angle> | [ <angle>? flip ]"
-	},
-	"image-rendering": {
-		"syntax": "auto | crisp-edges | pixelated | 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'>"
-	},
-	"input-security": {
-		"syntax": "auto | none"
-	},
-	"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'>"
-	},
-	"isolation": {
-		"syntax": "auto | isolate"
-	},
-	"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 ]"
-	},
-	"justify-self": {
-		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]"
-	},
-	"justify-tracks": {
-		"syntax": "[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#"
-	},
-	"left": {
-		"syntax": "<length> | <percentage> | auto"
-	},
-	"letter-spacing": {
-		"syntax": "normal | <length-percentage>"
-	},
-	"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>"
-	},
-	"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": "[ <length> | <percentage> | auto ]{1,4}"
-	},
-	"margin-block": {
-		"syntax": "<'margin-left'>{1,2}"
-	},
-	"margin-block-end": {
-		"syntax": "<'margin-left'>"
-	},
-	"margin-block-start": {
-		"syntax": "<'margin-left'>"
-	},
-	"margin-bottom": {
-		"syntax": "<length> | <percentage> | auto"
-	},
-	"margin-inline": {
-		"syntax": "<'margin-left'>{1,2}"
-	},
-	"margin-inline-end": {
-		"syntax": "<'margin-left'>"
-	},
-	"margin-inline-start": {
-		"syntax": "<'margin-left'>"
-	},
-	"margin-left": {
-		"syntax": "<length> | <percentage> | auto"
-	},
-	"margin-right": {
-		"syntax": "<length> | <percentage> | auto"
-	},
-	"margin-top": {
-		"syntax": "<length> | <percentage> | auto"
-	},
-	"margin-trim": {
-		"syntax": "none | in-flow | all"
-	},
-	"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": "[ <geometry-box> | no-clip ]#"
-	},
-	"mask-composite": {
-		"syntax": "<compositing-operator>#"
-	},
-	"mask-image": {
-		"syntax": "<mask-reference>#"
-	},
-	"mask-mode": {
-		"syntax": "<masking-mode>#"
-	},
-	"mask-origin": {
-		"syntax": "<geometry-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> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
-	},
-	"max-inline-size": {
-		"syntax": "<'max-width'>"
-	},
-	"max-lines": {
-		"syntax": "none | <integer>"
-	},
-	"max-width": {
-		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>"
-	},
-	"min-block-size": {
-		"syntax": "<'min-width'>"
-	},
-	"min-height": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
-	},
-	"min-inline-size": {
-		"syntax": "<'min-width'>"
-	},
-	"min-width": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>"
-	},
-	"mix-blend-mode": {
-		"syntax": "<blend-mode> | plus-lighter"
-	},
-	"object-fit": {
-		"syntax": "fill | contain | cover | none | scale-down"
-	},
-	"object-position": {
-		"syntax": "<position>"
-	},
-	"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 | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]"
-	},
-	"offset-position": {
-		"syntax": "auto | <position>"
-	},
-	"offset-rotate": {
-		"syntax": "[ auto | reverse ] || <angle>"
-	},
-	"opacity": {
-		"syntax": "<alpha-value>"
-	},
-	"order": {
-		"syntax": "<integer>"
-	},
-	"orphans": {
-		"syntax": "<integer>"
-	},
-	"outline": {
-		"syntax": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]"
-	},
-	"outline-color": {
-		"syntax": "<color> | invert"
-	},
-	"outline-offset": {
-		"syntax": "<length>"
-	},
-	"outline-style": {
-		"syntax": "auto | <'border-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"
-	},
-	"overflow-clip-box": {
-		"syntax": "padding-box | content-box"
-	},
-	"overflow-clip-margin": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-inline": {
-		"syntax": "visible | hidden | clip | scroll | auto"
-	},
-	"overflow-wrap": {
-		"syntax": "normal | break-word | anywhere"
-	},
-	"overflow-x": {
-		"syntax": "visible | hidden | clip | scroll | auto"
-	},
-	"overflow-y": {
-		"syntax": "visible | hidden | clip | scroll | 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": "[ <length> | <percentage> ]{1,4}"
-	},
-	"padding-block": {
-		"syntax": "<'padding-left'>{1,2}"
-	},
-	"padding-block-end": {
-		"syntax": "<'padding-left'>"
-	},
-	"padding-block-start": {
-		"syntax": "<'padding-left'>"
-	},
-	"padding-bottom": {
-		"syntax": "<length> | <percentage>"
-	},
-	"padding-inline": {
-		"syntax": "<'padding-left'>{1,2}"
-	},
-	"padding-inline-end": {
-		"syntax": "<'padding-left'>"
-	},
-	"padding-inline-start": {
-		"syntax": "<'padding-left'>"
-	},
-	"padding-left": {
-		"syntax": "<length> | <percentage>"
-	},
-	"padding-right": {
-		"syntax": "<length> | <percentage>"
-	},
-	"padding-top": {
-		"syntax": "<length> | <percentage>"
-	},
-	"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 ]"
-	},
-	"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"
-	},
-	"quotes": {
-		"syntax": "none | auto | [ <string> <string> ]+"
-	},
-	"resize": {
-		"syntax": "none | both | horizontal | vertical | block | inline"
-	},
-	"right": {
-		"syntax": "<length> | <percentage> | auto"
-	},
-	"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-position": {
-		"syntax": "[ alternate || [ over | under ] ] | inter-character"
-	},
-	"scale": {
-		"syntax": "none | <number>{1,3}"
-	},
-	"scrollbar-color": {
-		"syntax": "auto | <color>{2}"
-	},
-	"scrollbar-gutter": {
-		"syntax": "auto | stable && both-edges?"
-	},
-	"scrollbar-width": {
-		"syntax": "auto | thin | none"
-	},
-	"scroll-behavior": {
-		"syntax": "auto | smooth"
-	},
-	"scroll-margin": {
-		"syntax": "<length>{1,4}"
-	},
-	"scroll-margin-block": {
-		"syntax": "<length>{1,2}"
-	},
-	"scroll-margin-block-start": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-block-end": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-bottom": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-inline": {
-		"syntax": "<length>{1,2}"
-	},
-	"scroll-margin-inline-start": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-inline-end": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-left": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-right": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-top": {
-		"syntax": "<length>"
-	},
-	"scroll-padding": {
-		"syntax": "[ auto | <length-percentage> ]{1,4}"
-	},
-	"scroll-padding-block": {
-		"syntax": "[ auto | <length-percentage> ]{1,2}"
-	},
-	"scroll-padding-block-start": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"scroll-padding-block-end": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"scroll-padding-bottom": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"scroll-padding-inline": {
-		"syntax": "[ auto | <length-percentage> ]{1,2}"
-	},
-	"scroll-padding-inline-start": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"scroll-padding-inline-end": {
-		"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-timeline": {
-		"syntax": "<scroll-timeline-name> || <scroll-timeline-axis>"
-	},
-	"scroll-timeline-axis": {
-		"syntax": "block | inline | vertical | horizontal"
-	},
-	"scroll-timeline-name": {
-		"syntax": "none | <custom-ident>"
-	},
-	"shape-image-threshold": {
-		"syntax": "<alpha-value>"
-	},
-	"shape-margin": {
-		"syntax": "<length-percentage>"
-	},
-	"shape-outside": {
-		"syntax": "none | [ <shape-box> || <basic-shape> ] | <image>"
-	},
-	"tab-size": {
-		"syntax": "<integer> | <length>"
-	},
-	"table-layout": {
-		"syntax": "auto | fixed"
-	},
-	"text-align": {
-		"syntax": "start | end | left | right | center | justify | match-parent"
-	},
-	"text-align-last": {
-		"syntax": "auto | start | end | left | right | center | justify"
-	},
-	"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-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": "[ over | under ] && [ right | left ]"
-	},
-	"text-emphasis-style": {
-		"syntax": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>"
-	},
-	"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-transform": {
-		"syntax": "none | capitalize | uppercase | lowercase | full-width | full-size-kana"
-	},
-	"text-underline-offset": {
-		"syntax": "auto | <length> | <percentage>"
-	},
-	"text-underline-position": {
-		"syntax": "auto | from-font | [ under || [ left | right ] ]"
-	},
-	"top": {
-		"syntax": "<length> | <percentage> | auto"
-	},
-	"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": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?"
-	},
-	"transform-style": {
-		"syntax": "flat | preserve-3d"
-	},
-	"transition": {
-		"syntax": "<single-transition>#"
-	},
-	"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>? ]?"
-	},
-	"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 | contain | all"
-	},
-	"vertical-align": {
-		"syntax": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>"
-	},
-	"visibility": {
-		"syntax": "visible | hidden | collapse"
-	},
-	"white-space": {
-		"syntax": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces"
-	},
-	"widows": {
-		"syntax": "<integer>"
-	},
-	"width": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content"
-	},
-	"will-change": {
-		"syntax": "auto | <animateable-feature>#"
-	},
-	"word-break": {
-		"syntax": "normal | break-all | keep-all | break-word"
-	},
-	"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>"
-	},
-	"z-index": {
-		"syntax": "auto | <integer>"
-	},
-	"zoom": {
-		"syntax": "normal | reset | <number> | <percentage>"
-	},
-	"-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"
-	},
-	"-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": "[ <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"
-	},
-	"-webkit-user-select": {
-		"syntax": "auto | none | text | all"
-	},
-	"alignment-baseline": {
-		"syntax": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical"
-	},
-	"baseline-shift": {
-		"syntax": "baseline | sub | super | <svg-length>"
-	},
-	"behavior": {
-		"syntax": "<url>+"
-	},
-	"clip-rule": {
-		"syntax": "nonzero | evenodd"
-	},
-	"cue": {
-		"syntax": "<'cue-before'> <'cue-after'>?"
-	},
-	"cue-after": {
-		"syntax": "<url> <decibel>? | none"
-	},
-	"cue-before": {
-		"syntax": "<url> <decibel>? | none"
-	},
-	"dominant-baseline": {
-		"syntax": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge"
-	},
-	"fill": {
-		"syntax": "<paint>"
-	},
-	"fill-opacity": {
-		"syntax": "<number-zero-one>"
-	},
-	"fill-rule": {
-		"syntax": "nonzero | evenodd"
-	},
-	"glyph-orientation-horizontal": {
-		"syntax": "<angle>"
-	},
-	"glyph-orientation-vertical": {
-		"syntax": "<angle>"
-	},
-	"kerning": {
-		"syntax": "auto | <svg-length>"
-	},
-	"marker": {
-		"syntax": "none | <url>"
-	},
-	"marker-end": {
-		"syntax": "none | <url>"
-	},
-	"marker-mid": {
-		"syntax": "none | <url>"
-	},
-	"marker-start": {
-		"syntax": "none | <url>"
-	},
-	"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"
-	},
-	"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"
-	},
-	"shape-rendering": {
-		"syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision"
-	},
-	"src": {
-		"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
-	},
-	"speak": {
-		"syntax": "auto | none | normal"
-	},
-	"speak-as": {
-		"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
-	},
-	"stroke": {
-		"syntax": "<paint>"
-	},
-	"stroke-dasharray": {
-		"syntax": "none | [ <svg-length>+ ]#"
-	},
-	"stroke-dashoffset": {
-		"syntax": "<svg-length>"
-	},
-	"stroke-linecap": {
-		"syntax": "butt | round | square"
-	},
-	"stroke-linejoin": {
-		"syntax": "miter | round | bevel"
-	},
-	"stroke-miterlimit": {
-		"syntax": "<number-one-or-greater>"
-	},
-	"stroke-opacity": {
-		"syntax": "<number-zero-one>"
-	},
-	"stroke-width": {
-		"syntax": "<svg-length>"
-	},
-	"text-anchor": {
-		"syntax": "start | middle | end"
-	},
-	"unicode-range": {
-		"syntax": "<urange>#"
-	},
-	"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> ]"
-	}
-}
\ No newline at end of file
diff --git a/packages/css-syntax-for-csstree/csstree-types.json b/packages/css-syntax-for-csstree/csstree-types.json
deleted file mode 100644
index d860da9350..0000000000
--- a/packages/css-syntax-for-csstree/csstree-types.json
+++ /dev/null
@@ -1,1019 +0,0 @@
-{
-	"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>"
-	},
-	"angle-percentage": {
-		"syntax": "<angle> | <percentage>"
-	},
-	"angular-color-hint": {
-		"syntax": "<angle-percentage>"
-	},
-	"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>"
-	},
-	"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> <type-or-unit>? [, <attr-fallback> ]? )"
-	},
-	"attr-matcher": {
-		"syntax": "[ '~' | '|' | '^' | '$' | '*' ]? '='"
-	},
-	"attr-modifier": {
-		"syntax": "i | s"
-	},
-	"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> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"
-	},
-	"axis": {
-		"syntax": "block | inline | vertical | horizontal"
-	},
-	"baseline-position": {
-		"syntax": "[ first | last ]? baseline"
-	},
-	"basic-shape": {
-		"syntax": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
-	},
-	"bg-image": {
-		"syntax": "none | <image>"
-	},
-	"bg-layer": {
-		"syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
-	},
-	"bg-position": {
-		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
-	},
-	"bg-size": {
-		"syntax": "[ <length-percentage> | auto ]{1,2} | cover | contain"
-	},
-	"blur()": {
-		"syntax": "blur( <length> )"
-	},
-	"blend-mode": {
-		"syntax": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"
-	},
-	"box": {
-		"syntax": "border-box | padding-box | content-box"
-	},
-	"brightness()": {
-		"syntax": "brightness( <number-percentage> )"
-	},
-	"calc()": {
-		"syntax": "calc( <calc-sum> )"
-	},
-	"calc-sum": {
-		"syntax": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
-	},
-	"calc-product": {
-		"syntax": "<calc-value> [ '*' <calc-value> | '/' <number> ]*"
-	},
-	"calc-value": {
-		"syntax": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )"
-	},
-	"calc-constant": {
-		"syntax": "e | pi | infinity | -infinity | NaN"
-	},
-	"cf-final-image": {
-		"syntax": "<image> | <color>"
-	},
-	"cf-mixing-image": {
-		"syntax": "<percentage>? && <image>"
-	},
-	"circle()": {
-		"syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )"
-	},
-	"clamp()": {
-		"syntax": "clamp( <calc-sum>#{3} )"
-	},
-	"class-selector": {
-		"syntax": "'.' <ident-token>"
-	},
-	"clip-source": {
-		"syntax": "<url>"
-	},
-	"color": {
-		"syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>"
-	},
-	"color-stop": {
-		"syntax": "<color-stop-length> | <color-stop-angle>"
-	},
-	"color-stop-angle": {
-		"syntax": "<angle-percentage>{1,2}"
-	},
-	"color-stop-length": {
-		"syntax": "<length-percentage>{1,2}"
-	},
-	"color-stop-list": {
-		"syntax": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>"
-	},
-	"combinator": {
-		"syntax": "'>' | '+' | '~' | [ '||' ]"
-	},
-	"common-lig-values": {
-		"syntax": "[ common-ligatures | no-common-ligatures ]"
-	},
-	"compat-auto": {
-		"syntax": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button"
-	},
-	"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>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!"
-	},
-	"compound-selector-list": {
-		"syntax": "<compound-selector>#"
-	},
-	"complex-selector": {
-		"syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
-	},
-	"complex-selector-list": {
-		"syntax": "<complex-selector>#"
-	},
-	"conic-gradient()": {
-		"syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )"
-	},
-	"contextual-alt-values": {
-		"syntax": "[ contextual | no-contextual ]"
-	},
-	"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>"
-	},
-	"contrast()": {
-		"syntax": "contrast( [ <number-percentage> ] )"
-	},
-	"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-timing-function": {
-		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
-	},
-	"deprecated-system-color": {
-		"syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | 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( <length>{2,3} <color>? )"
-	},
-	"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( [ <shape-radius>{2} ]? [ at <position> ]? )"
-	},
-	"ending-shape": {
-		"syntax": "circle | ellipse"
-	},
-	"env()": {
-		"syntax": "env( <custom-ident> , <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>"
-	},
-	"fill-rule": {
-		"syntax": "nonzero | evenodd"
-	},
-	"filter-function": {
-		"syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"
-	},
-	"filter-function-list": {
-		"syntax": "[ <filter-function> | <url> ]+"
-	},
-	"final-bg-layer": {
-		"syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
-	},
-	"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-css21": {
-		"syntax": "[ normal | small-caps ]"
-	},
-	"font-weight-absolute": {
-		"syntax": "normal | bold | <number [1,1000]>"
-	},
-	"frequency-percentage": {
-		"syntax": "<frequency> | <percentage>"
-	},
-	"general-enclosed": {
-		"syntax": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )"
-	},
-	"generic-family": {
-		"syntax": "serif | sans-serif | cursive | fantasy | monospace | -apple-system"
-	},
-	"generic-name": {
-		"syntax": "serif | sans-serif | cursive | fantasy | monospace"
-	},
-	"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> , <percentage> , <percentage> , <alpha-value>? )"
-	},
-	"hsla()": {
-		"syntax": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )"
-	},
-	"hue": {
-		"syntax": "<number> | <angle>"
-	},
-	"hue-rotate()": {
-		"syntax": "hue-rotate( <angle> )"
-	},
-	"hwb()": {
-		"syntax": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )"
-	},
-	"hypot()": {
-		"syntax": "hypot( <calc-sum># )"
-	},
-	"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'> ]? )"
-	},
-	"invert()": {
-		"syntax": "invert( <number-percentage> )"
-	},
-	"keyframes-name": {
-		"syntax": "<custom-ident> | <string>"
-	},
-	"keyframe-block": {
-		"syntax": "<keyframe-selector># { <declaration-list> }"
-	},
-	"keyframe-block-list": {
-		"syntax": "<keyframe-block>+"
-	},
-	"keyframe-selector": {
-		"syntax": "from | to | <percentage>"
-	},
-	"lab()": {
-		"syntax": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <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 ] ]? )"
-	},
-	"leader()": {
-		"syntax": "leader( <leader-type> )"
-	},
-	"leader-type": {
-		"syntax": "dotted | solid | space | <string>"
-	},
-	"length-percentage": {
-		"syntax": "<length> | <percentage>"
-	},
-	"line-names": {
-		"syntax": "'[' <custom-ident>* ']'"
-	},
-	"line-name-list": {
-		"syntax": "[ <line-names> | <name-repeat> ]+"
-	},
-	"line-style": {
-		"syntax": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset"
-	},
-	"line-width": {
-		"syntax": "<length> | thin | medium | thick"
-	},
-	"linear-color-hint": {
-		"syntax": "<length-percentage>"
-	},
-	"linear-color-stop": {
-		"syntax": "<color> <color-stop-length>?"
-	},
-	"linear-gradient()": {
-		"syntax": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <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> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <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> )"
-	},
-	"name-repeat": {
-		"syntax": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )"
-	},
-	"named-color": {
-		"syntax": "transparent | 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 | <-non-standard-color>"
-	},
-	"namespace-prefix": {
-		"syntax": "<ident>"
-	},
-	"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 ]"
-	},
-	"nth": {
-		"syntax": "<an-plus-b> | even | odd"
-	},
-	"opacity()": {
-		"syntax": "opacity( [ <number-percentage> ] )"
-	},
-	"overflow-position": {
-		"syntax": "unsafe | safe"
-	},
-	"outline-radius": {
-		"syntax": "<length> | <percentage>"
-	},
-	"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-list": {
-		"syntax": "[ <page-selector># ]?"
-	},
-	"page-selector": {
-		"syntax": "<pseudo-page>+ | <ident> <pseudo-page>*"
-	},
-	"page-size": {
-		"syntax": "A5 | A4 | A3 | B5 | B4 | JIS-B5 | JIS-B4 | letter | legal | ledger"
-	},
-	"path()": {
-		"syntax": "path( [ <fill-rule> , ]? <string> )"
-	},
-	"paint()": {
-		"syntax": "paint( <ident> , <declaration-value>? )"
-	},
-	"perspective()": {
-		"syntax": "perspective( [ <length [0,∞]> | none ] )"
-	},
-	"polygon()": {
-		"syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
-	},
-	"position": {
-		"syntax": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
-	},
-	"pow()": {
-		"syntax": "pow( <calc-sum> , <calc-sum> )"
-	},
-	"pseudo-class-selector": {
-		"syntax": "':' <ident-token> | ':' <function-token> <any-value> ')'"
-	},
-	"pseudo-element-selector": {
-		"syntax": "':' <pseudo-class-selector>"
-	},
-	"pseudo-page": {
-		"syntax": ": [ left | right | first | blank ]"
-	},
-	"quote": {
-		"syntax": "open-quote | close-quote | no-open-quote | no-close-quote"
-	},
-	"radial-gradient()": {
-		"syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
-	},
-	"ratio": {
-		"syntax": "<number [0,∞]> [ / <number [0,∞]> ]?"
-	},
-	"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( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )"
-	},
-	"repeating-linear-gradient()": {
-		"syntax": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
-	},
-	"repeating-radial-gradient()": {
-		"syntax": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
-	},
-	"reversed-counter-name": {
-		"syntax": "reversed( <counter-name> )"
-	},
-	"rgb()": {
-		"syntax": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
-	},
-	"rgba()": {
-		"syntax": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
-	},
-	"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> ] )"
-	},
-	"scroller": {
-		"syntax": "root | nearest"
-	},
-	"self-position": {
-		"syntax": "center | start | end | self-start | self-end | flex-start | flex-end"
-	},
-	"shape-radius": {
-		"syntax": "<length-percentage> | closest-side | farthest-side"
-	},
-	"sign()": {
-		"syntax": "sign( <calc-sum> )"
-	},
-	"skew()": {
-		"syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"
-	},
-	"skewX()": {
-		"syntax": "skewX( [ <angle> | <zero> ] )"
-	},
-	"skewY()": {
-		"syntax": "skewY( [ <angle> | <zero> ] )"
-	},
-	"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": "<box> | margin-box"
-	},
-	"side-or-corner": {
-		"syntax": "[ left | right ] || [ top | bottom ]"
-	},
-	"sin()": {
-		"syntax": "sin( <calc-sum> )"
-	},
-	"single-animation": {
-		"syntax": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
-	},
-	"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 | <timeline-name> | scroll( <axis>? <scroller>? )"
-	},
-	"single-transition": {
-		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>"
-	},
-	"single-transition-property": {
-		"syntax": "all | <custom-ident>"
-	},
-	"size": {
-		"syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
-	},
-	"sqrt()": {
-		"syntax": "sqrt( <calc-sum> )"
-	},
-	"step-position": {
-		"syntax": "jump-start | jump-end | jump-none | jump-both | start | end"
-	},
-	"step-timing-function": {
-		"syntax": "step-start | step-end | steps( <integer> [, <step-position> ]? )"
-	},
-	"subclass-selector": {
-		"syntax": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>"
-	},
-	"supports-condition": {
-		"syntax": "not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*"
-	},
-	"supports-in-parens": {
-		"syntax": "( <supports-condition> ) | <supports-feature> | <general-enclosed>"
-	},
-	"supports-feature": {
-		"syntax": "<supports-decl> | <supports-selector-fn>"
-	},
-	"supports-decl": {
-		"syntax": "( <declaration> )"
-	},
-	"supports-selector-fn": {
-		"syntax": "selector( <complex-selector> )"
-	},
-	"symbol": {
-		"syntax": "<string> | <image> | <custom-ident>"
-	},
-	"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 ]? )"
-	},
-	"time-percentage": {
-		"syntax": "<time> | <percentage>"
-	},
-	"timeline-name": {
-		"syntax": "<custom-ident> | <string>"
-	},
-	"easing-function": {
-		"syntax": "linear | <cubic-bezier-timing-function> | <step-timing-function>"
-	},
-	"track-breadth": {
-		"syntax": "<length-percentage> | <flex> | min-content | max-content | auto"
-	},
-	"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>+"
-	},
-	"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> )"
-	},
-	"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>? )"
-	},
-	"viewport-length": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"visual-box": {
-		"syntax": "content-box | padding-box | border-box"
-	},
-	"wq-name": {
-		"syntax": "<ns-prefix>? <ident-token>"
-	},
-	"-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": "-moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
-	},
-	"-non-standard-width": {
-		"syntax": "fill-available | min-intrinsic | intrinsic | -moz-available | -moz-fit-content | -moz-min-content | -moz-max-content | -webkit-min-content | -webkit-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"
-	},
-	"-webkit-mask-clip-style": {
-		"syntax": "border | border-box | padding | padding-box | content | content-box | text"
-	},
-	"-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>? )"
-	},
-	"-ms-filter": {
-		"syntax": "<string>"
-	},
-	"age": {
-		"syntax": "child | young | old"
-	},
-	"attr-name": {
-		"syntax": "<wq-name>"
-	},
-	"attr-fallback": {
-		"syntax": "<any-value>"
-	},
-	"bg-clip": {
-		"syntax": "<box> | border | text"
-	},
-	"bottom": {
-		"syntax": "<length> | auto"
-	},
-	"generic-voice": {
-		"syntax": "[ <age>? <gender> <integer>? ]"
-	},
-	"gender": {
-		"syntax": "male | female | neutral"
-	},
-	"left": {
-		"syntax": "<length> | auto"
-	},
-	"mask-image": {
-		"syntax": "<mask-reference>#"
-	},
-	"paint": {
-		"syntax": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke"
-	},
-	"right": {
-		"syntax": "<length> | auto"
-	},
-	"scroll-timeline-axis": {
-		"syntax": "block | inline | vertical | horizontal"
-	},
-	"scroll-timeline-name": {
-		"syntax": "none | <custom-ident>"
-	},
-	"single-animation-composition": {
-		"syntax": "replace | add | accumulate"
-	},
-	"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,∞]>"
-	},
-	"-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"
-	}
-}
\ No newline at end of file
diff --git a/packages/css-syntax-for-csstree/index.mjs b/packages/css-syntax-for-csstree/index.mjs
deleted file mode 100644
index 805d48bcbc..0000000000
--- a/packages/css-syntax-for-csstree/index.mjs
+++ /dev/null
@@ -1,119 +0,0 @@
-import fs from 'node:fs/promises';
-
-import css from '@webref/css';
-import { fork, definitionSyntax, lexer } from 'css-tree';
-
-// TODO: toposort
-// TODO: circular checks
-// TODO: missing types/props checks
-
-
-const propertiesSyntaxPatches = {
-	// overflow: '| overlay', // csstree/csstree#248
-	// width: '| min-intrinsic | -moz-min-content | -moz-available | -webkit-fill-available', // csstree/csstree#242
-	// 'field-sizing': 'content | fixed',
-	// 'text-box-edge':
-	// 	'auto | [ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?',
-	// 'text-box-trim': 'none | trim-start | trim-end | trim-both',
-	// 'text-spacing-trim': 'normal | space-all | space-first | trim-start',
-	// 'text-wrap-style': 'auto | balance | pretty | stable',
-	// 'word-break': '| auto-phrase | auto-phrase',
-	// 'view-transition-name': 'none | <custom-ident>',
-	// 'anchor-name': 'none | <custom-property-name>#',
-};
-
-function generate_set(source) {
-	const set = Object(null);
-
-	for (const key in source) {
-		if (!Object.prototype.hasOwnProperty.call(source, key)) {
-			continue;
-		}
-
-		if (!source[key].syntax) {
-			// console.log('no syntax for', key);
-
-			continue;
-		}
-
-		set[key] = {
-			syntax: definitionSyntax.generate(source[key].syntax),
-		};
-	}
-
-	return set;
-}
-
-function webref_css_to_csstree(definition) {
-	if (definition.newValues) {
-		console.log(definition.values ?? '-');
-		console.log(definition.newValues ?? '-');
-		console.log('------------------');
-	}
-
-	return {
-		syntax: definitionSyntax.parse(definition.value ?? definition.newValues),
-	};
-}
-
-await fs.writeFile(
-	'csstree-properties.json',
-	JSON.stringify(generate_set(lexer.properties), null, '\t'),
-	'utf-8',
-);
-
-await fs.writeFile(
-	'csstree-types.json',
-	JSON.stringify(generate_set(lexer.types), null, '\t'),
-	'utf-8',
-);
-
-{
-	const set = Object(null);
-
-	const parsedFiles = await css.listAll();
-	for (const [, data] of Object.entries(parsedFiles)) {
-		for (const property of data.properties) {
-			if (property.value) {
-				set[property.name] = webref_css_to_csstree(property);
-			} else {
-				console.log(property);
-
-			}
-		}
-	}
-
-	await fs.writeFile(
-		'webref-css-properties-a.json',
-		JSON.stringify(generate_set(set), null, '\t'),
-		'utf-8',
-	);
-}
-
-{
-	const set = Object(null);
-
-	const parsedFiles = await css.listAll();
-	for (const [, data] of Object.entries(parsedFiles)) {
-		console.log(Object.keys(data));
-
-		for (const property of data.properties) {
-			if (property.value) {
-				set[property.name] = property.value ?? property.newValues;
-			} else {
-				console.log(property);
-			}
-		}
-	}
-
-	const forkedLexer = fork({
-		properties: set,
-		types: {},
-	}).lexer;
-
-	await fs.writeFile(
-		'webref-css-properties-b.json',
-		JSON.stringify(generate_set(forkedLexer.properties), null, '\t'),
-		'utf-8',
-	);
-}
diff --git a/packages/css-syntax-for-csstree/package.json b/packages/css-syntax-for-csstree/package.json
deleted file mode 100644
index ddff6c6d85..0000000000
--- a/packages/css-syntax-for-csstree/package.json
+++ /dev/null
@@ -1,79 +0,0 @@
-{
-	"name": "@csstools/css-syntax-for-csstree",
-	"description": "CSS syntax data for CSS tree",
-	"version": "0.0.0",
-	"contributors": [
-		{
-			"name": "Antonio Laguna",
-			"email": "antonio@laguna.es",
-			"url": "https://antonio.laguna.es"
-		},
-		{
-			"name": "Romain Menke",
-			"email": "romainmenke@gmail.com"
-		}
-	],
-	"license": "MIT-0",
-	"funding": [
-		{
-			"type": "github",
-			"url": "https://github.com/sponsors/csstools"
-		},
-		{
-			"type": "opencollective",
-			"url": "https://opencollective.com/csstools"
-		}
-	],
-	"engines": {
-		"node": ">=18"
-	},
-	"type": "module",
-	"main": "dist/index.cjs",
-	"module": "dist/index.mjs",
-	"exports": {
-		".": {
-			"import": {
-				"types": "./dist/index.d.ts",
-				"default": "./dist/index.mjs"
-			},
-			"require": {
-				"default": "./dist/index.cjs"
-			}
-		}
-	},
-	"files": [
-		"CHANGELOG.md",
-		"LICENSE.md",
-		"README.md",
-		"dist"
-	],
-	"peerDependencies": {
-		"postcss": "^8.4"
-	},
-	"devDependencies": {
-		"css-tree": "^2.3.1",
-		"@webref/css": "^6.14.2"
-	},
-	"scripts": {
-		"build": "rollup -c ../../rollup/default.mjs",
-		"docs": "node ../../.github/bin/generate-docs/api-documenter.mjs",
-		"lint": "node ../../.github/bin/format-package-json.mjs",
-		"prepublishOnly": "npm run build && npm run test",
-		"test": "node --test"
-	},
-	"homepage": "https://github.com/csstools/postcss-plugins/tree/main/packages/utilities#readme",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/csstools/postcss-plugins.git",
-		"directory": "packages/utilities"
-	},
-	"bugs": "https://github.com/csstools/postcss-plugins/issues",
-	"keywords": [
-		"css",
-		"syntax",
-		"csstree"
-	],
-	"volta": {
-		"extends": "../../package.json"
-	}
-}
diff --git a/packages/css-syntax-for-csstree/webref-css-properties-a.json b/packages/css-syntax-for-csstree/webref-css-properties-a.json
deleted file mode 100644
index 2058633284..0000000000
--- a/packages/css-syntax-for-csstree/webref-css-properties-a.json
+++ /dev/null
@@ -1,1901 +0,0 @@
-{
-	"z-index": {
-		"syntax": "auto | <integer> | inherit"
-	},
-	"page-break-before": {
-		"syntax": "auto | always | avoid | left | right | inherit"
-	},
-	"page-break-after": {
-		"syntax": "auto | always | avoid | left | right | inherit"
-	},
-	"page-break-inside": {
-		"syntax": "avoid | auto | inherit"
-	},
-	"cx": {
-		"syntax": "<length-percentage>"
-	},
-	"cy": {
-		"syntax": "<length-percentage>"
-	},
-	"r": {
-		"syntax": "<length-percentage>"
-	},
-	"rx": {
-		"syntax": "<length-percentage> | auto"
-	},
-	"ry": {
-		"syntax": "<length-percentage> | auto"
-	},
-	"x": {
-		"syntax": "<length-percentage>"
-	},
-	"y": {
-		"syntax": "<length-percentage>"
-	},
-	"vector-effect": {
-		"syntax": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position"
-	},
-	"d": {
-		"syntax": "none | <string>"
-	},
-	"shape-subtract": {
-		"syntax": "none | [ <basic-shape> | <uri> ]+"
-	},
-	"text-anchor": {
-		"syntax": "start | middle | end"
-	},
-	"fill": {
-		"syntax": "<paint>"
-	},
-	"stroke": {
-		"syntax": "<paint>"
-	},
-	"marker-start": {
-		"syntax": "none | <marker-ref>"
-	},
-	"marker-mid": {
-		"syntax": "none | <marker-ref>"
-	},
-	"marker-end": {
-		"syntax": "none | <marker-ref>"
-	},
-	"marker": {
-		"syntax": "none | <marker-ref>"
-	},
-	"paint-order": {
-		"syntax": "normal | [ fill || stroke || markers ]"
-	},
-	"color-interpolation": {
-		"syntax": "auto | sRGB | linearRGB"
-	},
-	"shape-rendering": {
-		"syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision"
-	},
-	"text-rendering": {
-		"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision"
-	},
-	"pointer-events": {
-		"syntax": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none"
-	},
-	"-webkit-text-fill-color": {
-		"syntax": "<color>"
-	},
-	"-webkit-text-stroke-color": {
-		"syntax": "<color>"
-	},
-	"-webkit-text-stroke-width": {
-		"syntax": "<line-width>"
-	},
-	"-webkit-text-stroke": {
-		"syntax": "<line-width> || <color>"
-	},
-	"touch-action": {
-		"syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation"
-	},
-	"mix-blend-mode": {
-		"syntax": "<blend-mode> | plus-darker | plus-lighter"
-	},
-	"isolation": {
-		"syntax": "<isolation-mode>"
-	},
-	"background-blend-mode": {
-		"syntax": "<mix-blend-mode>#"
-	},
-	"align-content": {
-		"syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
-	},
-	"justify-content": {
-		"syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]"
-	},
-	"place-content": {
-		"syntax": "<'align-content'> <'justify-content'>?"
-	},
-	"justify-self": {
-		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]"
-	},
-	"align-self": {
-		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
-	},
-	"place-self": {
-		"syntax": "<'align-self'> <'justify-self'>?"
-	},
-	"justify-items": {
-		"syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]"
-	},
-	"align-items": {
-		"syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]"
-	},
-	"place-items": {
-		"syntax": "<'align-items'> <'justify-items'>?"
-	},
-	"row-gap": {
-		"syntax": "normal | <length-percentage [0,∞]>"
-	},
-	"column-gap": {
-		"syntax": "normal | <length-percentage [0,∞]>"
-	},
-	"gap": {
-		"syntax": "<'row-gap'> <'column-gap'>?"
-	},
-	"anchor-name": {
-		"syntax": "none | <dashed-ident>#"
-	},
-	"anchor-scope": {
-		"syntax": "none | all | <dashed-ident>#"
-	},
-	"position-anchor": {
-		"syntax": "auto | <anchor-element>"
-	},
-	"position-area": {
-		"syntax": "none | <position-area>"
-	},
-	"position-visibility": {
-		"syntax": "always | [ anchors-valid || anchors-visible || no-overflow ]"
-	},
-	"position-try-fallbacks": {
-		"syntax": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#"
-	},
-	"position-try-order": {
-		"syntax": "normal | <try-size>"
-	},
-	"position-try": {
-		"syntax": "<'position-try-order'>? <'position-try-fallbacks'>"
-	},
-	"animation-duration": {
-		"syntax": "<time [0s,∞]>#"
-	},
-	"animation-composition": {
-		"syntax": "<single-animation-composition>#"
-	},
-	"animation-timeline": {
-		"syntax": "<single-animation-timeline>#"
-	},
-	"animation-name": {
-		"syntax": "[ none | <keyframes-name> ]#"
-	},
-	"animation-timing-function": {
-		"syntax": "<easing-function>#"
-	},
-	"animation-iteration-count": {
-		"syntax": "<single-animation-iteration-count>#"
-	},
-	"animation-direction": {
-		"syntax": "<single-animation-direction>#"
-	},
-	"animation-play-state": {
-		"syntax": "<single-animation-play-state>#"
-	},
-	"animation-delay": {
-		"syntax": "<time>#"
-	},
-	"animation-fill-mode": {
-		"syntax": "<single-animation-fill-mode>#"
-	},
-	"animation": {
-		"syntax": "<single-animation>#"
-	},
-	"background-repeat-x": {
-		"syntax": "<repetition>#"
-	},
-	"background-repeat-y": {
-		"syntax": "<repetition>#"
-	},
-	"background-repeat-block": {
-		"syntax": "<repetition>#"
-	},
-	"background-repeat-inline": {
-		"syntax": "<repetition>#"
-	},
-	"background-repeat": {
-		"syntax": "<repeat-style>#"
-	},
-	"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-position-inline": {
-		"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
-	},
-	"background-position-block": {
-		"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
-	},
-	"background-clip": {
-		"syntax": "<visual-box>#"
-	},
-	"background-tbd": {
-		"syntax": "<bg-layer>#"
-	},
-	"background-color": {
-		"syntax": "<color>"
-	},
-	"background-image": {
-		"syntax": "<bg-image>#"
-	},
-	"background-attachment": {
-		"syntax": "<attachment>#"
-	},
-	"background-origin": {
-		"syntax": "<visual-box>#"
-	},
-	"background-size": {
-		"syntax": "<bg-size>#"
-	},
-	"background": {
-		"syntax": "<bg-layer>#? , <final-bg-layer>"
-	},
-	"border-style": {
-		"syntax": "<line-style>{1,4}"
-	},
-	"border-width": {
-		"syntax": "<line-width>{1,4}"
-	},
-	"border": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-image-source": {
-		"syntax": "none | <image>"
-	},
-	"border-image-slice": {
-		"syntax": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?"
-	},
-	"border-image-width": {
-		"syntax": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}"
-	},
-	"border-image-outset": {
-		"syntax": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}"
-	},
-	"border-image-repeat": {
-		"syntax": "[ stretch | repeat | round | space ]{1,2}"
-	},
-	"border-image": {
-		"syntax": "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>"
-	},
-	"border-top-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-right-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-bottom-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-left-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-block-start-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-block-end-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-inline-start-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-inline-end-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-color": {
-		"syntax": "[ <color> | <image-1D> ]{1,4}"
-	},
-	"border-block-color": {
-		"syntax": "<'border-top-color'>{1,2}"
-	},
-	"border-inline-color": {
-		"syntax": "<'border-top-color'>{1,2}"
-	},
-	"border-top-style": {
-		"syntax": "<line-style>"
-	},
-	"border-right-style": {
-		"syntax": "<line-style>"
-	},
-	"border-bottom-style": {
-		"syntax": "<line-style>"
-	},
-	"border-left-style": {
-		"syntax": "<line-style>"
-	},
-	"border-block-start-style": {
-		"syntax": "<line-style>"
-	},
-	"border-block-end-style": {
-		"syntax": "<line-style>"
-	},
-	"border-inline-start-style": {
-		"syntax": "<line-style>"
-	},
-	"border-inline-end-style": {
-		"syntax": "<line-style>"
-	},
-	"border-block-style": {
-		"syntax": "<'border-top-style'>{1,2}"
-	},
-	"border-inline-style": {
-		"syntax": "<'border-top-style'>{1,2}"
-	},
-	"border-top-width": {
-		"syntax": "<line-width>"
-	},
-	"border-right-width": {
-		"syntax": "<line-width>"
-	},
-	"border-bottom-width": {
-		"syntax": "<line-width>"
-	},
-	"border-left-width": {
-		"syntax": "<line-width>"
-	},
-	"border-block-start-width": {
-		"syntax": "<line-width>"
-	},
-	"border-block-end-width": {
-		"syntax": "<line-width>"
-	},
-	"border-inline-start-width": {
-		"syntax": "<line-width>"
-	},
-	"border-inline-end-width": {
-		"syntax": "<line-width>"
-	},
-	"border-block-width": {
-		"syntax": "<'border-top-width'>{1,2}"
-	},
-	"border-inline-width": {
-		"syntax": "<'border-top-width'>{1,2}"
-	},
-	"border-top": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-right": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-bottom": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-left": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-block-start": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-block-end": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-inline-start": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-inline-end": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-block": {
-		"syntax": "<'border-block-start'>"
-	},
-	"border-inline": {
-		"syntax": "<'border-block-start'>"
-	},
-	"border-top-left-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-top-right-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-bottom-right-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-bottom-left-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-start-start-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-start-end-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-end-start-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-end-end-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-top-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-right-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-bottom-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-left-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-block-start-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-block-end-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-inline-start-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-inline-end-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"
-	},
-	"corner-shape": {
-		"syntax": "[ round | angle ]{1,4}"
-	},
-	"corners": {
-		"syntax": "<'corner-shape'> || <'border-radius'>"
-	},
-	"border-limit": {
-		"syntax": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>"
-	},
-	"border-clip": {
-		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
-	},
-	"border-clip-top": {
-		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
-	},
-	"border-clip-right": {
-		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
-	},
-	"border-clip-bottom": {
-		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
-	},
-	"border-clip-left": {
-		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
-	},
-	"box-shadow-color": {
-		"syntax": "<color>#"
-	},
-	"box-shadow-offset": {
-		"syntax": "[ none | <length>{2} ]#"
-	},
-	"box-shadow-blur": {
-		"syntax": "<length [0,∞]>#"
-	},
-	"box-shadow-spread": {
-		"syntax": "<length>#"
-	},
-	"box-shadow-position": {
-		"syntax": "[ outset | inset ]#"
-	},
-	"box-shadow": {
-		"syntax": "<spread-shadow>#"
-	},
-	"margin-top": {
-		"syntax": "<length-percentage> | auto"
-	},
-	"margin-right": {
-		"syntax": "<length-percentage> | auto"
-	},
-	"margin-bottom": {
-		"syntax": "<length-percentage> | auto"
-	},
-	"margin-left": {
-		"syntax": "<length-percentage> | auto"
-	},
-	"margin": {
-		"syntax": "<'margin-top'>{1,4}"
-	},
-	"margin-trim": {
-		"syntax": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]"
-	},
-	"padding-top": {
-		"syntax": "<length-percentage [0,∞]>"
-	},
-	"padding-right": {
-		"syntax": "<length-percentage [0,∞]>"
-	},
-	"padding-bottom": {
-		"syntax": "<length-percentage [0,∞]>"
-	},
-	"padding-left": {
-		"syntax": "<length-percentage [0,∞]>"
-	},
-	"padding": {
-		"syntax": "<'padding-top'>{1,4}"
-	},
-	"break-before": {
-		"syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region"
-	},
-	"break-after": {
-		"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"
-	},
-	"orphans": {
-		"syntax": "<integer [1,∞]>"
-	},
-	"widows": {
-		"syntax": "<integer [1,∞]>"
-	},
-	"margin-break": {
-		"syntax": "auto | keep | discard"
-	},
-	"box-decoration-break": {
-		"syntax": "slice | clone"
-	},
-	"all": {
-		"syntax": "initial | inherit | unset | revert | revert-layer"
-	},
-	"color-scheme": {
-		"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?"
-	},
-	"forced-color-adjust": {
-		"syntax": "auto | none | preserve-parent-color"
-	},
-	"print-color-adjust": {
-		"syntax": "economy | exact"
-	},
-	"color-adjust": {
-		"syntax": "<'print-color-adjust'>"
-	},
-	"dynamic-range-limit": {
-		"syntax": "standard | high | constrained-high"
-	},
-	"color": {
-		"syntax": "<color>"
-	},
-	"opacity": {
-		"syntax": "<opacity-value>"
-	},
-	"container-type": {
-		"syntax": "normal | size | inline-size"
-	},
-	"container-name": {
-		"syntax": "none | <custom-ident>+"
-	},
-	"container": {
-		"syntax": "<'container-name'> [ / <'container-type'> ]?"
-	},
-	"contain": {
-		"syntax": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]"
-	},
-	"content-visibility": {
-		"syntax": "visible | auto | hidden"
-	},
-	"content": {
-		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?"
-	},
-	"quotes": {
-		"syntax": "auto | none | match-parent | [ <string> <string> ]+"
-	},
-	"string-set": {
-		"syntax": "none | [ <custom-ident> <string>+ ]#"
-	},
-	"bookmark-level": {
-		"syntax": "none | <integer [1,∞]>"
-	},
-	"bookmark-label": {
-		"syntax": "<content-list>"
-	},
-	"bookmark-state": {
-		"syntax": "open | closed"
-	},
-	"display": {
-		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>"
-	},
-	"order": {
-		"syntax": "<integer>"
-	},
-	"reading-flow": {
-		"syntax": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order"
-	},
-	"visibility": {
-		"syntax": "visible | hidden | collapse"
-	},
-	"wrap-flow": {
-		"syntax": "auto | both | start | end | minimum | maximum | clear"
-	},
-	"wrap-through": {
-		"syntax": "wrap | none"
-	},
-	"flex-direction": {
-		"syntax": "row | row-reverse | column | column-reverse"
-	},
-	"flex-wrap": {
-		"syntax": "nowrap | wrap | wrap-reverse"
-	},
-	"flex-flow": {
-		"syntax": "<'flex-direction'> || <'flex-wrap'>"
-	},
-	"flex": {
-		"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"
-	},
-	"flex-grow": {
-		"syntax": "<number [0,∞]>"
-	},
-	"flex-shrink": {
-		"syntax": "<number [0,∞]>"
-	},
-	"flex-basis": {
-		"syntax": "content | <'width'>"
-	},
-	"font-size-adjust": {
-		"syntax": "none | <number [0,∞]>"
-	},
-	"font-family": {
-		"syntax": "[ <family-name> | <generic-family> ]#"
-	},
-	"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"
-	},
-	"font-style": {
-		"syntax": "normal | italic | oblique <angle [-90deg,90deg]>?"
-	},
-	"font-size": {
-		"syntax": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math"
-	},
-	"font": {
-		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>"
-	},
-	"font-synthesis-weight": {
-		"syntax": "auto | none"
-	},
-	"font-synthesis-style": {
-		"syntax": "auto | none"
-	},
-	"font-synthesis-small-caps": {
-		"syntax": "auto | none"
-	},
-	"font-synthesis-position": {
-		"syntax": "auto | none"
-	},
-	"font-synthesis": {
-		"syntax": "none | [ weight || style || small-caps || position ]"
-	},
-	"font-kerning": {
-		"syntax": "auto | normal | none"
-	},
-	"font-variant-ligatures": {
-		"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]"
-	},
-	"font-variant-position": {
-		"syntax": "normal | sub | super"
-	},
-	"font-variant-caps": {
-		"syntax": "normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps"
-	},
-	"font-variant-numeric": {
-		"syntax": "normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]"
-	},
-	"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-east-asian": {
-		"syntax": "normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]"
-	},
-	"font-variant": {
-		"syntax": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]"
-	},
-	"font-feature-settings": {
-		"syntax": "normal | <feature-tag-value>#"
-	},
-	"font-language-override": {
-		"syntax": "normal | <string>"
-	},
-	"font-optical-sizing": {
-		"syntax": "auto | none"
-	},
-	"font-variation-settings": {
-		"syntax": "normal | [ <opentype-tag> <number> ]#"
-	},
-	"font-palette": {
-		"syntax": "normal | light | dark | <palette-identifier> | <palette-mix()>"
-	},
-	"font-variant-emoji": {
-		"syntax": "normal | text | emoji | unicode"
-	},
-	"copy-into": {
-		"syntax": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?"
-	},
-	"footnote-display": {
-		"syntax": "block | inline | compact"
-	},
-	"footnote-policy": {
-		"syntax": "auto | line | block"
-	},
-	"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>?"
-	},
-	"grid-template-areas": {
-		"syntax": "none | <string>+"
-	},
-	"grid-template": {
-		"syntax": "none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?"
-	},
-	"grid-auto-columns": {
-		"syntax": "<track-size>+"
-	},
-	"grid-auto-rows": {
-		"syntax": "<track-size>+"
-	},
-	"grid-auto-flow": {
-		"syntax": "[ row | column ] || dense"
-	},
-	"grid": {
-		"syntax": "<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>"
-	},
-	"grid-row-start": {
-		"syntax": "<grid-line>"
-	},
-	"grid-column-start": {
-		"syntax": "<grid-line>"
-	},
-	"grid-row-end": {
-		"syntax": "<grid-line>"
-	},
-	"grid-column-end": {
-		"syntax": "<grid-line>"
-	},
-	"grid-row": {
-		"syntax": "<grid-line> [ / <grid-line> ]?"
-	},
-	"grid-column": {
-		"syntax": "<grid-line> [ / <grid-line> ]?"
-	},
-	"grid-area": {
-		"syntax": "<grid-line> [ / <grid-line> ]{0,3}"
-	},
-	"object-fit": {
-		"syntax": "fill | contain | cover | none | scale-down"
-	},
-	"image-resolution": {
-		"syntax": "[ from-image || <resolution> ] && snap?"
-	},
-	"object-view-box": {
-		"syntax": "none | <basic-shape-rect>"
-	},
-	"object-position": {
-		"syntax": "<position>"
-	},
-	"image-orientation": {
-		"syntax": "from-image | none | [ <angle> || flip ]"
-	},
-	"image-rendering": {
-		"syntax": "auto | smooth | high-quality | pixelated | crisp-edges"
-	},
-	"dominant-baseline": {
-		"syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top"
-	},
-	"vertical-align": {
-		"syntax": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>"
-	},
-	"baseline-source": {
-		"syntax": "auto | first | last"
-	},
-	"alignment-baseline": {
-		"syntax": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top"
-	},
-	"baseline-shift": {
-		"syntax": "<length-percentage> | sub | super | top | center | bottom"
-	},
-	"line-height": {
-		"syntax": "normal | <number [0,∞]> | <length-percentage [0,∞]>"
-	},
-	"line-fit-edge": {
-		"syntax": "leading | <text-edge>"
-	},
-	"text-box": {
-		"syntax": "normal | <'text-box-trim'> || <'text-box-edge'>"
-	},
-	"text-box-trim": {
-		"syntax": "none | trim-start | trim-end | trim-both"
-	},
-	"text-box-edge": {
-		"syntax": "auto | <text-edge>"
-	},
-	"inline-sizing": {
-		"syntax": "normal | stretch"
-	},
-	"initial-letter": {
-		"syntax": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?"
-	},
-	"initial-letter-align": {
-		"syntax": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!"
-	},
-	"initial-letter-wrap": {
-		"syntax": "none | first | all | grid | <length-percentage>"
-	},
-	"line-grid": {
-		"syntax": "match-parent | create"
-	},
-	"line-snap": {
-		"syntax": "none | baseline | contain"
-	},
-	"box-snap": {
-		"syntax": "none | block-start | block-end | center | baseline | last-baseline"
-	},
-	"link-parameters": {
-		"syntax": "none | <link-param>+"
-	},
-	"list-style-image": {
-		"syntax": "<image> | none"
-	},
-	"list-style-type": {
-		"syntax": "<counter-style> | <string> | none"
-	},
-	"list-style-position": {
-		"syntax": "inside | outside"
-	},
-	"list-style": {
-		"syntax": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>"
-	},
-	"marker-side": {
-		"syntax": "match-self | match-parent"
-	},
-	"counter-reset": {
-		"syntax": "[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none"
-	},
-	"counter-increment": {
-		"syntax": "[ <counter-name> <integer>? ]+ | none"
-	},
-	"counter-set": {
-		"syntax": "[ <counter-name> <integer>? ]+ | none"
-	},
-	"block-size": {
-		"syntax": "<'width'>"
-	},
-	"inline-size": {
-		"syntax": "<'width'>"
-	},
-	"min-block-size": {
-		"syntax": "<'min-width'>"
-	},
-	"min-inline-size": {
-		"syntax": "<'min-width'>"
-	},
-	"max-block-size": {
-		"syntax": "<'max-width'>"
-	},
-	"max-inline-size": {
-		"syntax": "<'max-width'>"
-	},
-	"margin-block-start": {
-		"syntax": "<'margin-top'>"
-	},
-	"margin-block-end": {
-		"syntax": "<'margin-top'>"
-	},
-	"margin-inline-start": {
-		"syntax": "<'margin-top'>"
-	},
-	"margin-inline-end": {
-		"syntax": "<'margin-top'>"
-	},
-	"margin-block": {
-		"syntax": "<'margin-top'>{1,2}"
-	},
-	"margin-inline": {
-		"syntax": "<'margin-top'>{1,2}"
-	},
-	"padding-block-start": {
-		"syntax": "<'padding-top'>"
-	},
-	"padding-block-end": {
-		"syntax": "<'padding-top'>"
-	},
-	"padding-inline-start": {
-		"syntax": "<'padding-top'>"
-	},
-	"padding-inline-end": {
-		"syntax": "<'padding-top'>"
-	},
-	"padding-block": {
-		"syntax": "<'padding-top'>{1,2}"
-	},
-	"padding-inline": {
-		"syntax": "<'padding-top'>{1,2}"
-	},
-	"clip-path": {
-		"syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none"
-	},
-	"clip-rule": {
-		"syntax": "nonzero | evenodd"
-	},
-	"mask-image": {
-		"syntax": "<mask-reference>#"
-	},
-	"mask-mode": {
-		"syntax": "<masking-mode>#"
-	},
-	"mask-repeat": {
-		"syntax": "<repeat-style>#"
-	},
-	"mask-position": {
-		"syntax": "<position>#"
-	},
-	"mask-clip": {
-		"syntax": "[ <coord-box> | no-clip ]#"
-	},
-	"mask-origin": {
-		"syntax": "<coord-box>#"
-	},
-	"mask-size": {
-		"syntax": "<bg-size>#"
-	},
-	"mask-composite": {
-		"syntax": "<compositing-operator>#"
-	},
-	"mask": {
-		"syntax": "<mask-layer>#"
-	},
-	"mask-border-source": {
-		"syntax": "none | <image>"
-	},
-	"mask-border-mode": {
-		"syntax": "luminance | alpha"
-	},
-	"mask-border-slice": {
-		"syntax": "[ <number> | <percentage> ]{1,4} fill?"
-	},
-	"mask-border-width": {
-		"syntax": "[ <length-percentage> | <number> | auto ]{1,4}"
-	},
-	"mask-border-outset": {
-		"syntax": "[ <length> | <number> ]{1,4}"
-	},
-	"mask-border-repeat": {
-		"syntax": "[ stretch | repeat | round | space ]{1,2}"
-	},
-	"mask-border": {
-		"syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>"
-	},
-	"mask-type": {
-		"syntax": "luminance | alpha"
-	},
-	"clip": {
-		"syntax": "<rect()> | auto"
-	},
-	"column-span": {
-		"syntax": "none | all"
-	},
-	"column-width": {
-		"syntax": "auto | <length [0,∞]>"
-	},
-	"column-count": {
-		"syntax": "auto | <integer [1,∞]>"
-	},
-	"columns": {
-		"syntax": "<'column-width'> || <'column-count'>"
-	},
-	"column-rule-color": {
-		"syntax": "<color>"
-	},
-	"column-rule-style": {
-		"syntax": "<line-style>"
-	},
-	"column-rule-width": {
-		"syntax": "<line-width>"
-	},
-	"column-rule": {
-		"syntax": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>"
-	},
-	"column-fill": {
-		"syntax": "auto | balance | balance-all"
-	},
-	"spatial-navigation-contain": {
-		"syntax": "auto | contain"
-	},
-	"spatial-navigation-action": {
-		"syntax": "auto | focus | scroll"
-	},
-	"spatial-navigation-function": {
-		"syntax": "normal | grid"
-	},
-	"overflow-clip-margin-top": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-right": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-bottom": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-left": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-block-start": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-inline-start": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-block-end": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-inline-end": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-inline": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-block": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"text-overflow": {
-		"syntax": "clip | ellipsis"
-	},
-	"block-ellipsis": {
-		"syntax": "none | auto | <string>"
-	},
-	"line-clamp": {
-		"syntax": "none | <integer [1,∞]> || <'block-ellipsis'>"
-	},
-	"-webkit-line-clamp": {
-		"syntax": "none | <integer [1,∞]>"
-	},
-	"continue": {
-		"syntax": "auto | discard | -webkit-discard"
-	},
-	"max-lines": {
-		"syntax": "none | <integer [1,∞]>"
-	},
-	"scroll-marker-group": {
-		"syntax": "none | before | after"
-	},
-	"overflow-x": {
-		"syntax": "visible | hidden | clip | scroll | auto"
-	},
-	"overflow-y": {
-		"syntax": "visible | hidden | clip | scroll | auto"
-	},
-	"overflow-block": {
-		"syntax": "visible | hidden | clip | scroll | auto"
-	},
-	"overflow-inline": {
-		"syntax": "visible | hidden | clip | scroll | auto"
-	},
-	"overflow": {
-		"syntax": "<'overflow-block'>{1,2}"
-	},
-	"scroll-behavior": {
-		"syntax": "auto | smooth"
-	},
-	"scrollbar-gutter": {
-		"syntax": "auto | stable && both-edges?"
-	},
-	"overscroll-behavior": {
-		"syntax": "[ contain | none | auto ]{1,2}"
-	},
-	"overscroll-behavior-x": {
-		"syntax": "contain | none | auto"
-	},
-	"overscroll-behavior-y": {
-		"syntax": "contain | none | auto"
-	},
-	"overscroll-behavior-inline": {
-		"syntax": "contain | none | auto"
-	},
-	"overscroll-behavior-block": {
-		"syntax": "contain | none | auto"
-	},
-	"float-reference": {
-		"syntax": "inline | column | region | page"
-	},
-	"float": {
-		"syntax": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none"
-	},
-	"clear": {
-		"syntax": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none"
-	},
-	"float-defer": {
-		"syntax": "<integer> | last | none"
-	},
-	"float-offset": {
-		"syntax": "<length> | <percentage>"
-	},
-	"page": {
-		"syntax": "auto | <custom-ident>"
-	},
-	"overlay": {
-		"syntax": "none | auto"
-	},
-	"position": {
-		"syntax": "static | relative | absolute | sticky | fixed"
-	},
-	"top": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"right": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"bottom": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"left": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"inset-block-start": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"inset-inline-start": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"inset-block-end": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"inset-inline-end": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"inset-block": {
-		"syntax": "<'top'>{1,2}"
-	},
-	"inset-inline": {
-		"syntax": "<'top'>{1,2}"
-	},
-	"inset": {
-		"syntax": "<'top'>{1,4}"
-	},
-	"flow-into": {
-		"syntax": "none | <ident> [ element | content ]?"
-	},
-	"flow-from": {
-		"syntax": "<ident> | none"
-	},
-	"region-fragment": {
-		"syntax": "auto | break"
-	},
-	"block-step-size": {
-		"syntax": "none | <length [0,∞]>"
-	},
-	"block-step-insert": {
-		"syntax": "margin | padding"
-	},
-	"block-step-align": {
-		"syntax": "auto | center | start | end"
-	},
-	"block-step-round": {
-		"syntax": "up | down | nearest"
-	},
-	"block-step": {
-		"syntax": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>"
-	},
-	"line-height-step": {
-		"syntax": "<length [0,∞]>"
-	},
-	"border-boundary": {
-		"syntax": "none | parent | display"
-	},
-	"ruby-position": {
-		"syntax": "[ alternate || [ over | under ] ] | inter-character"
-	},
-	"ruby-merge": {
-		"syntax": "separate | merge | auto"
-	},
-	"ruby-align": {
-		"syntax": "start | center | space-between | space-around"
-	},
-	"ruby-overhang": {
-		"syntax": "auto | none"
-	},
-	"overflow-anchor": {
-		"syntax": "auto | none"
-	},
-	"scroll-start-target": {
-		"syntax": "[ none | auto ]"
-	},
-	"scroll-snap-type": {
-		"syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?"
-	},
-	"scroll-padding": {
-		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,4}"
-	},
-	"scroll-margin": {
-		"syntax": "<length>{1,4}"
-	},
-	"scroll-snap-align": {
-		"syntax": "[ none | start | end | center ]{1,2}"
-	},
-	"scroll-snap-stop": {
-		"syntax": "normal | always"
-	},
-	"scroll-padding-top": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-right": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-bottom": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-left": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-inline-start": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-block-start": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-inline-end": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-block-end": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-block": {
-		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
-	},
-	"scroll-padding-inline": {
-		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
-	},
-	"scroll-margin-top": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-right": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-bottom": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-left": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-block-start": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-inline-start": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-block-end": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-inline-end": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-block": {
-		"syntax": "<length>{1,2}"
-	},
-	"scroll-margin-inline": {
-		"syntax": "<length>{1,2}"
-	},
-	"scrollbar-color": {
-		"syntax": "auto | <color>{2}"
-	},
-	"scrollbar-width": {
-		"syntax": "auto | thin | none"
-	},
-	"shape-inside": {
-		"syntax": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display"
-	},
-	"shape-padding": {
-		"syntax": "<length-percentage [0,∞]>"
-	},
-	"shape-outside": {
-		"syntax": "none | [ <basic-shape> || <shape-box> ] | <image>"
-	},
-	"shape-image-threshold": {
-		"syntax": "<opacity-value>"
-	},
-	"shape-margin": {
-		"syntax": "<length-percentage [0,∞]>"
-	},
-	"text-size-adjust": {
-		"syntax": "auto | none | <percentage [0,∞]>"
-	},
-	"aspect-ratio": {
-		"syntax": "auto || <ratio>"
-	},
-	"contain-intrinsic-width": {
-		"syntax": "auto? [ none | <length> ]"
-	},
-	"contain-intrinsic-height": {
-		"syntax": "auto? [ none | <length> ]"
-	},
-	"contain-intrinsic-block-size": {
-		"syntax": "auto? [ none | <length> ]"
-	},
-	"contain-intrinsic-inline-size": {
-		"syntax": "auto? [ none | <length> ]"
-	},
-	"contain-intrinsic-size": {
-		"syntax": "[ auto? [ none | <length> ] ]{1,2}"
-	},
-	"min-intrinsic-sizing": {
-		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
-	},
-	"width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"min-width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"min-height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"max-width": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"max-height": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"box-sizing": {
-		"syntax": "content-box | border-box"
-	},
-	"voice-volume": {
-		"syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"
-	},
-	"voice-balance": {
-		"syntax": "<number> | left | center | right | leftwards | rightwards"
-	},
-	"speak": {
-		"syntax": "auto | never | always"
-	},
-	"speak-as": {
-		"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
-	},
-	"pause-before": {
-		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
-	},
-	"pause-after": {
-		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
-	},
-	"pause": {
-		"syntax": "<'pause-before'> <'pause-after'>?"
-	},
-	"rest-before": {
-		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
-	},
-	"rest-after": {
-		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
-	},
-	"rest": {
-		"syntax": "<'rest-before'> <'rest-after'>?"
-	},
-	"cue-before": {
-		"syntax": "<uri> <decibel>? | none"
-	},
-	"cue-after": {
-		"syntax": "<uri> <decibel>? | none"
-	},
-	"cue": {
-		"syntax": "<'cue-before'> <'cue-after'>?"
-	},
-	"voice-family": {
-		"syntax": "[ [ <family-name> | <generic-voice> ] , ]* [ <family-name> | <generic-voice> ] | preserve"
-	},
-	"voice-rate": {
-		"syntax": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>"
-	},
-	"voice-pitch": {
-		"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
-	},
-	"voice-range": {
-		"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
-	},
-	"voice-stress": {
-		"syntax": "normal | strong | moderate | none | reduced"
-	},
-	"voice-duration": {
-		"syntax": "auto | <time [0s,∞]>"
-	},
-	"table-layout": {
-		"syntax": "auto | fixed"
-	},
-	"border-collapse": {
-		"syntax": "separate | collapse"
-	},
-	"border-spacing": {
-		"syntax": "<length>{1,2}"
-	},
-	"caption-side": {
-		"syntax": "top | bottom"
-	},
-	"empty-cells": {
-		"syntax": "show | hide"
-	},
-	"text-transform": {
-		"syntax": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana"
-	},
-	"word-space-transform": {
-		"syntax": "none | [ space | ideographic-space ] && auto-phrase?"
-	},
-	"white-space": {
-		"syntax": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line"
-	},
-	"white-space-collapse": {
-		"syntax": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces"
-	},
-	"white-space-trim": {
-		"syntax": "none | discard-before || discard-after || discard-inner"
-	},
-	"tab-size": {
-		"syntax": "<number [0,∞]> | <length [0,∞]>"
-	},
-	"text-wrap-mode": {
-		"syntax": "wrap | nowrap"
-	},
-	"wrap-inside": {
-		"syntax": "auto | avoid"
-	},
-	"wrap-before": {
-		"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex"
-	},
-	"wrap-after": {
-		"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex"
-	},
-	"text-wrap-style": {
-		"syntax": "auto | balance | stable | pretty"
-	},
-	"text-wrap": {
-		"syntax": "<'text-wrap-mode'> || <'text-wrap-style'>"
-	},
-	"word-break": {
-		"syntax": "normal | keep-all | break-all | break-word"
-	},
-	"line-break": {
-		"syntax": "auto | loose | normal | strict | anywhere"
-	},
-	"hyphens": {
-		"syntax": "none | manual | auto"
-	},
-	"hyphenate-character": {
-		"syntax": "auto | <string>"
-	},
-	"hyphenate-limit-zone": {
-		"syntax": "<length-percentage>"
-	},
-	"hyphenate-limit-chars": {
-		"syntax": "[ auto | <integer> ]{1,3}"
-	},
-	"hyphenate-limit-lines": {
-		"syntax": "no-limit | <integer>"
-	},
-	"hyphenate-limit-last": {
-		"syntax": "none | always | column | page | spread"
-	},
-	"overflow-wrap": {
-		"syntax": "normal | break-word | anywhere"
-	},
-	"word-wrap": {
-		"syntax": "normal | break-word | anywhere"
-	},
-	"text-align": {
-		"syntax": "start | end | left | right | center | justify | match-parent | justify-all"
-	},
-	"text-align-all": {
-		"syntax": "start | end | left | right | center | justify | match-parent"
-	},
-	"text-align-last": {
-		"syntax": "auto | start | end | left | right | center | justify | match-parent"
-	},
-	"text-justify": {
-		"syntax": "auto | none | inter-word | inter-character"
-	},
-	"text-group-align": {
-		"syntax": "none | start | end | left | right | center"
-	},
-	"word-spacing": {
-		"syntax": "normal | <length>"
-	},
-	"letter-spacing": {
-		"syntax": "normal | <length>"
-	},
-	"line-padding": {
-		"syntax": "<length>"
-	},
-	"text-autospace": {
-		"syntax": "normal | <autospace> | auto"
-	},
-	"text-spacing-trim": {
-		"syntax": "<spacing-trim> | auto"
-	},
-	"text-spacing": {
-		"syntax": "none | auto | <spacing-trim> || <autospace>"
-	},
-	"text-indent": {
-		"syntax": "[ <length-percentage> ] && hanging? && each-line?"
-	},
-	"hanging-punctuation": {
-		"syntax": "none | [ first || [ force-end | allow-end ] || last ]"
-	},
-	"text-decoration-line": {
-		"syntax": "none | [ underline || overline || line-through || blink ]"
-	},
-	"text-decoration-style": {
-		"syntax": "solid | double | dotted | dashed | wavy"
-	},
-	"text-decoration-color": {
-		"syntax": "<color>"
-	},
-	"text-decoration-thickness": {
-		"syntax": "auto | from-font | <length-percentage>"
-	},
-	"text-decoration": {
-		"syntax": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>"
-	},
-	"text-underline-position": {
-		"syntax": "auto | [ under || [ left | right ] ]"
-	},
-	"text-underline-offset": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"text-decoration-trim": {
-		"syntax": "<length>{1,2} | auto"
-	},
-	"text-decoration-skip": {
-		"syntax": "none | auto"
-	},
-	"text-decoration-skip-self": {
-		"syntax": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip"
-	},
-	"text-decoration-skip-box": {
-		"syntax": "none | all"
-	},
-	"text-decoration-skip-spaces": {
-		"syntax": "none | all | [ start || end ]"
-	},
-	"text-decoration-skip-ink": {
-		"syntax": "auto | none | all"
-	},
-	"text-emphasis-style": {
-		"syntax": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>"
-	},
-	"text-emphasis-color": {
-		"syntax": "<color>"
-	},
-	"text-emphasis": {
-		"syntax": "<'text-emphasis-style'> || <'text-emphasis-color'>"
-	},
-	"text-emphasis-position": {
-		"syntax": "[ over | under ] && [ right | left ]?"
-	},
-	"text-emphasis-skip": {
-		"syntax": "spaces || punctuation || symbols || narrow"
-	},
-	"text-shadow": {
-		"syntax": "none | [ <color>? && <length>{2,3} ]#"
-	},
-	"translate": {
-		"syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?"
-	},
-	"rotate": {
-		"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>"
-	},
-	"scale": {
-		"syntax": "none | [ <number> | <percentage> ]{1,3}"
-	},
-	"transform-style": {
-		"syntax": "flat | preserve-3d"
-	},
-	"perspective": {
-		"syntax": "none | <length [0,∞]>"
-	},
-	"perspective-origin": {
-		"syntax": "<position>"
-	},
-	"backface-visibility": {
-		"syntax": "visible | hidden"
-	},
-	"transform": {
-		"syntax": "none | <transform-list>"
-	},
-	"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-box": {
-		"syntax": "content-box | border-box | fill-box | stroke-box | view-box"
-	},
-	"transition-behavior": {
-		"syntax": "<transition-behavior-value>#"
-	},
-	"transition-property": {
-		"syntax": "none | <single-transition-property>#"
-	},
-	"transition-duration": {
-		"syntax": "<time [0s,∞]>#"
-	},
-	"transition-timing-function": {
-		"syntax": "<easing-function>#"
-	},
-	"transition-delay": {
-		"syntax": "<time>#"
-	},
-	"transition": {
-		"syntax": "<single-transition>#"
-	},
-	"outline": {
-		"syntax": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]"
-	},
-	"outline-width": {
-		"syntax": "<line-width>"
-	},
-	"outline-style": {
-		"syntax": "auto | <outline-line-style>"
-	},
-	"outline-color": {
-		"syntax": "auto | [ <color> | <image-1D> ]"
-	},
-	"outline-offset": {
-		"syntax": "<length>"
-	},
-	"resize": {
-		"syntax": "none | both | horizontal | vertical | block | inline"
-	},
-	"cursor": {
-		"syntax": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]"
-	},
-	"caret-color": {
-		"syntax": "auto | <color>"
-	},
-	"caret-animation": {
-		"syntax": "auto | manual"
-	},
-	"caret-shape": {
-		"syntax": "auto | bar | block | underscore"
-	},
-	"caret": {
-		"syntax": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>"
-	},
-	"nav-up": {
-		"syntax": "auto | <id> [ current | root | <target-name> ]?"
-	},
-	"nav-right": {
-		"syntax": "auto | <id> [ current | root | <target-name> ]?"
-	},
-	"nav-down": {
-		"syntax": "auto | <id> [ current | root | <target-name> ]?"
-	},
-	"nav-left": {
-		"syntax": "auto | <id> [ current | root | <target-name> ]?"
-	},
-	"user-select": {
-		"syntax": "auto | text | none | contain | all"
-	},
-	"accent-color": {
-		"syntax": "auto | <color>"
-	},
-	"appearance": {
-		"syntax": "none | auto | <compat-auto> | <compat-special>"
-	},
-	"field-sizing": {
-		"syntax": "fixed | content"
-	},
-	"input-security": {
-		"syntax": "auto | none"
-	},
-	"interpolate-size": {
-		"syntax": "numeric-only | allow-keywords"
-	},
-	"view-transition-class": {
-		"syntax": "none | <custom-ident>+"
-	},
-	"view-transition-group": {
-		"syntax": "normal | contain | nearest | <custom-ident>"
-	},
-	"view-transition-name": {
-		"syntax": "none | <custom-ident>"
-	},
-	"zoom": {
-		"syntax": "<number [0,∞]> || <percentage [0,∞]>"
-	},
-	"will-change": {
-		"syntax": "auto | <animateable-feature>#"
-	},
-	"direction": {
-		"syntax": "ltr | rtl"
-	},
-	"unicode-bidi": {
-		"syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext"
-	},
-	"writing-mode": {
-		"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr"
-	},
-	"text-orientation": {
-		"syntax": "mixed | upright | sideways"
-	},
-	"glyph-orientation-vertical": {
-		"syntax": "auto | 0deg | 90deg | 0 | 90"
-	},
-	"text-combine-upright": {
-		"syntax": "none | all | [ digits <integer [2,4]>? ]"
-	},
-	"fill-rule": {
-		"syntax": "nonzero | evenodd"
-	},
-	"fill-break": {
-		"syntax": "bounding-box | slice | clone"
-	},
-	"fill-color": {
-		"syntax": "<color>"
-	},
-	"fill-image": {
-		"syntax": "<paint>#"
-	},
-	"fill-origin": {
-		"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box"
-	},
-	"fill-position": {
-		"syntax": "<position>#"
-	},
-	"fill-size": {
-		"syntax": "<bg-size>#"
-	},
-	"fill-repeat": {
-		"syntax": "<repeat-style>#"
-	},
-	"fill-opacity": {
-		"syntax": "<'opacity'>"
-	},
-	"stroke-width": {
-		"syntax": "[ <length-percentage> | <number> ]#"
-	},
-	"stroke-align": {
-		"syntax": "center | inset | outset"
-	},
-	"stroke-linecap": {
-		"syntax": "butt | round | square"
-	},
-	"stroke-linejoin": {
-		"syntax": "[ crop | arcs | miter ] || [ bevel | round | fallback ]"
-	},
-	"stroke-miterlimit": {
-		"syntax": "<number>"
-	},
-	"stroke-break": {
-		"syntax": "bounding-box | slice | clone"
-	},
-	"stroke-dasharray": {
-		"syntax": "none | [ <length-percentage> | <number> ]+#"
-	},
-	"stroke-dashoffset": {
-		"syntax": "<length-percentage> | <number>"
-	},
-	"stroke-dash-corner": {
-		"syntax": "none | <length>"
-	},
-	"stroke-dash-justify": {
-		"syntax": "none | [ stretch | compress ] || [ dashes || gaps ]"
-	},
-	"stroke-color": {
-		"syntax": "<color>#"
-	},
-	"stroke-image": {
-		"syntax": "<paint>#"
-	},
-	"stroke-origin": {
-		"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box"
-	},
-	"stroke-position": {
-		"syntax": "<position>#"
-	},
-	"stroke-size": {
-		"syntax": "<bg-size>#"
-	},
-	"stroke-repeat": {
-		"syntax": "<repeat-style>#"
-	},
-	"stroke-opacity": {
-		"syntax": "<'opacity'>"
-	},
-	"backdrop-filter": {
-		"syntax": "none | <filter-value-list>"
-	},
-	"filter": {
-		"syntax": "none | <filter-value-list>"
-	},
-	"flood-color": {
-		"syntax": "<color>"
-	},
-	"flood-opacity": {
-		"syntax": "<'opacity'>"
-	},
-	"color-interpolation-filters": {
-		"syntax": "auto | sRGB | linearRGB"
-	},
-	"lighting-color": {
-		"syntax": "<color>"
-	},
-	"math-style": {
-		"syntax": "normal | compact"
-	},
-	"math-shift": {
-		"syntax": "normal | compact"
-	},
-	"math-depth": {
-		"syntax": "auto-add | add( <integer> ) | <integer>"
-	},
-	"offset-path": {
-		"syntax": "none | <offset-path> || <coord-box>"
-	},
-	"offset-distance": {
-		"syntax": "<length-percentage>"
-	},
-	"offset-position": {
-		"syntax": "normal | auto | <position>"
-	},
-	"offset-anchor": {
-		"syntax": "auto | <position>"
-	},
-	"offset-rotate": {
-		"syntax": "[ auto | reverse ] || <angle>"
-	},
-	"offset": {
-		"syntax": "[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?"
-	},
-	"scroll-timeline-name": {
-		"syntax": "[ none | <dashed-ident> ]#"
-	},
-	"scroll-timeline-axis": {
-		"syntax": "[ block | inline | x | y ]#"
-	},
-	"scroll-timeline": {
-		"syntax": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
-	},
-	"view-timeline-name": {
-		"syntax": "[ none | <dashed-ident> ]#"
-	},
-	"view-timeline-axis": {
-		"syntax": "[ block | inline | x | y ]#"
-	},
-	"view-timeline-inset": {
-		"syntax": "[ [ auto | <length-percentage> ]{1,2} ]#"
-	},
-	"view-timeline": {
-		"syntax": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#"
-	},
-	"animation-range": {
-		"syntax": "[ <'animation-range-start'> <'animation-range-end'>? ]#"
-	},
-	"animation-range-start": {
-		"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
-	},
-	"animation-range-end": {
-		"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
-	},
-	"timeline-scope": {
-		"syntax": "none | all | <dashed-ident>#"
-	},
-	"stroke-alignment": {
-		"syntax": "center | inner | outer"
-	},
-	"stroke-dashcorner": {
-		"syntax": "none | <length>"
-	},
-	"stroke-dashadjust": {
-		"syntax": "none | [ stretch | compress ] [ dashes | gaps ]?"
-	}
-}
\ No newline at end of file
diff --git a/packages/css-syntax-for-csstree/webref-css-properties-b.json b/packages/css-syntax-for-csstree/webref-css-properties-b.json
deleted file mode 100644
index b95f394dcb..0000000000
--- a/packages/css-syntax-for-csstree/webref-css-properties-b.json
+++ /dev/null
@@ -1,2369 +0,0 @@
-{
-	"--*": {
-		"syntax": "<declaration-value>"
-	},
-	"-ms-accelerator": {
-		"syntax": "false | true"
-	},
-	"-ms-block-progression": {
-		"syntax": "tb | rl | bt | lr"
-	},
-	"-ms-content-zoom-chaining": {
-		"syntax": "none | chained"
-	},
-	"-ms-content-zooming": {
-		"syntax": "none | zoom"
-	},
-	"-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-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-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-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-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-image-region": {
-		"syntax": "<shape> | auto"
-	},
-	"-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-before": {
-		"syntax": "<'border-width'> || <'border-style'> || <color>"
-	},
-	"-webkit-border-before-color": {
-		"syntax": "<color>"
-	},
-	"-webkit-border-before-style": {
-		"syntax": "<'border-style'>"
-	},
-	"-webkit-border-before-width": {
-		"syntax": "<'border-width'>"
-	},
-	"-webkit-box-reflect": {
-		"syntax": "[ above | below | right | left ]? <length>? <image>?"
-	},
-	"-webkit-line-clamp": {
-		"syntax": "none | <integer [1,∞]>"
-	},
-	"-webkit-mask": {
-		"syntax": "[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#"
-	},
-	"-webkit-mask-attachment": {
-		"syntax": "<attachment>#"
-	},
-	"-webkit-mask-clip": {
-		"syntax": "[ <box> | border | padding | content | text ]#"
-	},
-	"-webkit-mask-composite": {
-		"syntax": "<composite-style>#"
-	},
-	"-webkit-mask-image": {
-		"syntax": "<mask-reference>#"
-	},
-	"-webkit-mask-origin": {
-		"syntax": "[ <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": "<line-width> || <color>"
-	},
-	"-webkit-text-stroke-color": {
-		"syntax": "<color>"
-	},
-	"-webkit-text-stroke-width": {
-		"syntax": "<line-width>"
-	},
-	"-webkit-touch-callout": {
-		"syntax": "default | none"
-	},
-	"-webkit-user-modify": {
-		"syntax": "read-only | read-write | read-write-plaintext-only"
-	},
-	"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> ]"
-	},
-	"align-self": {
-		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
-	},
-	"align-tracks": {
-		"syntax": "[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#"
-	},
-	"all": {
-		"syntax": "initial | inherit | unset | revert | revert-layer"
-	},
-	"animation": {
-		"syntax": "<single-animation>#"
-	},
-	"animation-composition": {
-		"syntax": "<single-animation-composition>#"
-	},
-	"animation-delay": {
-		"syntax": "<time>#"
-	},
-	"animation-direction": {
-		"syntax": "<single-animation-direction>#"
-	},
-	"animation-duration": {
-		"syntax": "<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-timing-function": {
-		"syntax": "<easing-function>#"
-	},
-	"animation-timeline": {
-		"syntax": "<single-animation-timeline>#"
-	},
-	"appearance": {
-		"syntax": "none | auto | <compat-auto> | <compat-special>"
-	},
-	"aspect-ratio": {
-		"syntax": "auto || <ratio>"
-	},
-	"azimuth": {
-		"syntax": "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards"
-	},
-	"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": "<mix-blend-mode>#"
-	},
-	"background-clip": {
-		"syntax": "<visual-box>#"
-	},
-	"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>#"
-	},
-	"block-overflow": {
-		"syntax": "clip | ellipsis | <string>"
-	},
-	"block-size": {
-		"syntax": "<'width'>"
-	},
-	"border": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-block": {
-		"syntax": "<'border-block-start'>"
-	},
-	"border-block-color": {
-		"syntax": "<'border-top-color'>{1,2}"
-	},
-	"border-block-style": {
-		"syntax": "<'border-top-style'>{1,2}"
-	},
-	"border-block-width": {
-		"syntax": "<'border-top-width'>{1,2}"
-	},
-	"border-block-end": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-block-end-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-block-end-style": {
-		"syntax": "<line-style>"
-	},
-	"border-block-end-width": {
-		"syntax": "<line-width>"
-	},
-	"border-block-start": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-block-start-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-block-start-style": {
-		"syntax": "<line-style>"
-	},
-	"border-block-start-width": {
-		"syntax": "<line-width>"
-	},
-	"border-bottom": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-bottom-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"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> | <image-1D> ]{1,4}"
-	},
-	"border-end-end-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-end-start-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"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-block-start'>"
-	},
-	"border-inline-end": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-inline-color": {
-		"syntax": "<'border-top-color'>{1,2}"
-	},
-	"border-inline-style": {
-		"syntax": "<'border-top-style'>{1,2}"
-	},
-	"border-inline-width": {
-		"syntax": "<'border-top-width'>{1,2}"
-	},
-	"border-inline-end-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-inline-end-style": {
-		"syntax": "<line-style>"
-	},
-	"border-inline-end-width": {
-		"syntax": "<line-width>"
-	},
-	"border-inline-start": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-inline-start-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"border-inline-start-style": {
-		"syntax": "<line-style>"
-	},
-	"border-inline-start-width": {
-		"syntax": "<line-width>"
-	},
-	"border-left": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-left-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"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> | <image-1D>"
-	},
-	"border-right-style": {
-		"syntax": "<line-style>"
-	},
-	"border-right-width": {
-		"syntax": "<line-width>"
-	},
-	"border-spacing": {
-		"syntax": "<length>{1,2}"
-	},
-	"border-start-end-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-start-start-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2}"
-	},
-	"border-style": {
-		"syntax": "<line-style>{1,4}"
-	},
-	"border-top": {
-		"syntax": "<line-width> || <line-style> || <color>"
-	},
-	"border-top-color": {
-		"syntax": "<color> | <image-1D>"
-	},
-	"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>"
-	},
-	"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": "<spread-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-color": {
-		"syntax": "auto | <color>"
-	},
-	"caret-shape": {
-		"syntax": "auto | bar | block | underscore"
-	},
-	"clear": {
-		"syntax": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none"
-	},
-	"clip": {
-		"syntax": "<rect()> | auto"
-	},
-	"clip-path": {
-		"syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none"
-	},
-	"color": {
-		"syntax": "<color>"
-	},
-	"print-color-adjust": {
-		"syntax": "economy | exact"
-	},
-	"color-scheme": {
-		"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?"
-	},
-	"column-count": {
-		"syntax": "auto | <integer [1,∞]>"
-	},
-	"column-fill": {
-		"syntax": "auto | balance | balance-all"
-	},
-	"column-gap": {
-		"syntax": "normal | <length-percentage [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,∞]>"
-	},
-	"columns": {
-		"syntax": "<'column-width'> || <'column-count'>"
-	},
-	"contain": {
-		"syntax": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]"
-	},
-	"contain-intrinsic-size": {
-		"syntax": "[ auto? [ none | <length> ] ]{1,2}"
-	},
-	"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-width": {
-		"syntax": "auto? [ none | <length> ]"
-	},
-	"content": {
-		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?"
-	},
-	"content-visibility": {
-		"syntax": "visible | auto | hidden"
-	},
-	"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": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]"
-	},
-	"direction": {
-		"syntax": "ltr | rtl"
-	},
-	"display": {
-		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>"
-	},
-	"empty-cells": {
-		"syntax": "show | hide"
-	},
-	"filter": {
-		"syntax": "none | <filter-value-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 [0,∞]>"
-	},
-	"flex-shrink": {
-		"syntax": "<number [0,∞]>"
-	},
-	"flex-wrap": {
-		"syntax": "nowrap | wrap | wrap-reverse"
-	},
-	"float": {
-		"syntax": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none"
-	},
-	"font": {
-		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>"
-	},
-	"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-variation-settings": {
-		"syntax": "normal | [ <opentype-tag> <number> ]#"
-	},
-	"font-size": {
-		"syntax": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math"
-	},
-	"font-size-adjust": {
-		"syntax": "none | <number [0,∞]>"
-	},
-	"font-smooth": {
-		"syntax": "auto | never | always | <absolute-size> | <length>"
-	},
-	"font-stretch": {
-		"syntax": "<font-stretch-absolute>"
-	},
-	"font-style": {
-		"syntax": "normal | italic | oblique <angle [-90deg,90deg]>?"
-	},
-	"font-synthesis": {
-		"syntax": "none | [ weight || style || small-caps || position ]"
-	},
-	"font-variant": {
-		"syntax": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]"
-	},
-	"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-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-weight": {
-		"syntax": "<font-weight-absolute> | bolder | lighter"
-	},
-	"forced-color-adjust": {
-		"syntax": "auto | none | preserve-parent-color"
-	},
-	"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( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"hyphenate-character": {
-		"syntax": "auto | <string>"
-	},
-	"hyphens": {
-		"syntax": "none | manual | auto"
-	},
-	"image-orientation": {
-		"syntax": "from-image | none | [ <angle> || flip ]"
-	},
-	"image-rendering": {
-		"syntax": "auto | smooth | high-quality | pixelated | crisp-edges"
-	},
-	"image-resolution": {
-		"syntax": "[ from-image || <resolution> ] && snap?"
-	},
-	"ime-mode": {
-		"syntax": "auto | normal | active | inactive | disabled"
-	},
-	"initial-letter": {
-		"syntax": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?"
-	},
-	"initial-letter-align": {
-		"syntax": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!"
-	},
-	"inline-size": {
-		"syntax": "<'width'>"
-	},
-	"input-security": {
-		"syntax": "auto | none"
-	},
-	"inset": {
-		"syntax": "<'top'>{1,4}"
-	},
-	"inset-block": {
-		"syntax": "<'top'>{1,2}"
-	},
-	"inset-block-end": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"inset-block-start": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"inset-inline": {
-		"syntax": "<'top'>{1,2}"
-	},
-	"inset-inline-end": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"inset-inline-start": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"isolation": {
-		"syntax": "<isolation-mode>"
-	},
-	"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 ]"
-	},
-	"justify-self": {
-		"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]"
-	},
-	"justify-tracks": {
-		"syntax": "[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#"
-	},
-	"left": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"letter-spacing": {
-		"syntax": "normal | <length>"
-	},
-	"line-break": {
-		"syntax": "auto | loose | normal | strict | anywhere"
-	},
-	"line-clamp": {
-		"syntax": "none | <integer [1,∞]> || <'block-ellipsis'>"
-	},
-	"line-height": {
-		"syntax": "normal | <number [0,∞]> | <length-percentage [0,∞]>"
-	},
-	"line-height-step": {
-		"syntax": "<length [0,∞]>"
-	},
-	"list-style": {
-		"syntax": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>"
-	},
-	"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"
-	},
-	"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"
-	},
-	"margin-right": {
-		"syntax": "<length-percentage> | auto"
-	},
-	"margin-top": {
-		"syntax": "<length-percentage> | auto"
-	},
-	"margin-trim": {
-		"syntax": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]"
-	},
-	"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( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"max-inline-size": {
-		"syntax": "<'max-width'>"
-	},
-	"max-lines": {
-		"syntax": "none | <integer [1,∞]>"
-	},
-	"max-width": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"min-block-size": {
-		"syntax": "<'min-width'>"
-	},
-	"min-height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"min-inline-size": {
-		"syntax": "<'min-width'>"
-	},
-	"min-width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"mix-blend-mode": {
-		"syntax": "<blend-mode> | plus-darker | plus-lighter"
-	},
-	"object-fit": {
-		"syntax": "fill | contain | cover | none | scale-down"
-	},
-	"object-position": {
-		"syntax": "<position>"
-	},
-	"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 [1,∞]>"
-	},
-	"outline": {
-		"syntax": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]"
-	},
-	"outline-color": {
-		"syntax": "auto | [ <color> | <image-1D> ]"
-	},
-	"outline-offset": {
-		"syntax": "<length>"
-	},
-	"outline-style": {
-		"syntax": "auto | <outline-line-style>"
-	},
-	"outline-width": {
-		"syntax": "<line-width>"
-	},
-	"overflow": {
-		"syntax": "<'overflow-block'>{1,2}"
-	},
-	"overflow-anchor": {
-		"syntax": "auto | none"
-	},
-	"overflow-block": {
-		"syntax": "visible | hidden | clip | scroll | auto"
-	},
-	"overflow-clip-box": {
-		"syntax": "padding-box | content-box"
-	},
-	"overflow-clip-margin": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-inline": {
-		"syntax": "visible | hidden | clip | scroll | auto"
-	},
-	"overflow-wrap": {
-		"syntax": "normal | break-word | anywhere"
-	},
-	"overflow-x": {
-		"syntax": "visible | hidden | clip | scroll | auto"
-	},
-	"overflow-y": {
-		"syntax": "visible | hidden | clip | scroll | 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-break-after": {
-		"syntax": "auto | always | avoid | left | right | inherit"
-	},
-	"page-break-before": {
-		"syntax": "auto | always | avoid | left | right | inherit"
-	},
-	"page-break-inside": {
-		"syntax": "avoid | auto | inherit"
-	},
-	"paint-order": {
-		"syntax": "normal | [ fill || stroke || markers ]"
-	},
-	"perspective": {
-		"syntax": "none | <length [0,∞]>"
-	},
-	"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 | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none"
-	},
-	"position": {
-		"syntax": "static | relative | absolute | sticky | fixed"
-	},
-	"quotes": {
-		"syntax": "auto | none | match-parent | [ <string> <string> ]+"
-	},
-	"resize": {
-		"syntax": "none | both | horizontal | vertical | block | inline"
-	},
-	"right": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"rotate": {
-		"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>"
-	},
-	"row-gap": {
-		"syntax": "normal | <length-percentage [0,∞]>"
-	},
-	"ruby-align": {
-		"syntax": "start | center | space-between | space-around"
-	},
-	"ruby-merge": {
-		"syntax": "separate | merge | auto"
-	},
-	"ruby-position": {
-		"syntax": "[ alternate || [ over | under ] ] | inter-character"
-	},
-	"scale": {
-		"syntax": "none | [ <number> | <percentage> ]{1,3}"
-	},
-	"scrollbar-color": {
-		"syntax": "auto | <color>{2}"
-	},
-	"scrollbar-gutter": {
-		"syntax": "auto | stable && both-edges?"
-	},
-	"scrollbar-width": {
-		"syntax": "auto | thin | none"
-	},
-	"scroll-behavior": {
-		"syntax": "auto | smooth"
-	},
-	"scroll-margin": {
-		"syntax": "<length>{1,4}"
-	},
-	"scroll-margin-block": {
-		"syntax": "<length>{1,2}"
-	},
-	"scroll-margin-block-start": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-block-end": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-bottom": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-inline": {
-		"syntax": "<length>{1,2}"
-	},
-	"scroll-margin-inline-start": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-inline-end": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-left": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-right": {
-		"syntax": "<length>"
-	},
-	"scroll-margin-top": {
-		"syntax": "<length>"
-	},
-	"scroll-padding": {
-		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,4}"
-	},
-	"scroll-padding-block": {
-		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
-	},
-	"scroll-padding-block-start": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-block-end": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-bottom": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-inline": {
-		"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
-	},
-	"scroll-padding-inline-start": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-inline-end": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-left": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-right": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"scroll-padding-top": {
-		"syntax": "auto | <length-percentage [0,∞]>"
-	},
-	"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-timeline": {
-		"syntax": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
-	},
-	"scroll-timeline-axis": {
-		"syntax": "[ block | inline | x | y ]#"
-	},
-	"scroll-timeline-name": {
-		"syntax": "[ none | <dashed-ident> ]#"
-	},
-	"shape-image-threshold": {
-		"syntax": "<opacity-value>"
-	},
-	"shape-margin": {
-		"syntax": "<length-percentage [0,∞]>"
-	},
-	"shape-outside": {
-		"syntax": "none | [ <basic-shape> || <shape-box> ] | <image>"
-	},
-	"tab-size": {
-		"syntax": "<number [0,∞]> | <length [0,∞]>"
-	},
-	"table-layout": {
-		"syntax": "auto | fixed"
-	},
-	"text-align": {
-		"syntax": "start | end | left | right | center | justify | match-parent | justify-all"
-	},
-	"text-align-last": {
-		"syntax": "auto | start | end | left | right | center | justify | match-parent"
-	},
-	"text-combine-upright": {
-		"syntax": "none | all | [ digits <integer [2,4]>? ]"
-	},
-	"text-decoration": {
-		"syntax": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>"
-	},
-	"text-decoration-color": {
-		"syntax": "<color>"
-	},
-	"text-decoration-line": {
-		"syntax": "none | [ underline || overline || line-through || blink ]"
-	},
-	"text-decoration-skip": {
-		"syntax": "none | auto"
-	},
-	"text-decoration-skip-ink": {
-		"syntax": "auto | none | all"
-	},
-	"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": "[ over | under ] && [ right | left ]?"
-	},
-	"text-emphasis-style": {
-		"syntax": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>"
-	},
-	"text-indent": {
-		"syntax": "[ <length-percentage> ] && hanging? && each-line?"
-	},
-	"text-justify": {
-		"syntax": "auto | none | inter-word | inter-character"
-	},
-	"text-orientation": {
-		"syntax": "mixed | upright | sideways"
-	},
-	"text-overflow": {
-		"syntax": "clip | ellipsis"
-	},
-	"text-rendering": {
-		"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision"
-	},
-	"text-shadow": {
-		"syntax": "none | [ <color>? && <length>{2,3} ]#"
-	},
-	"text-size-adjust": {
-		"syntax": "auto | none | <percentage [0,∞]>"
-	},
-	"text-transform": {
-		"syntax": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana"
-	},
-	"text-underline-offset": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"text-underline-position": {
-		"syntax": "auto | [ under || [ left | right ] ]"
-	},
-	"top": {
-		"syntax": "auto | <length-percentage>"
-	},
-	"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-delay": {
-		"syntax": "<time>#"
-	},
-	"transition-duration": {
-		"syntax": "<time [0s,∞]>#"
-	},
-	"transition-property": {
-		"syntax": "none | <single-transition-property>#"
-	},
-	"transition-timing-function": {
-		"syntax": "<easing-function>#"
-	},
-	"translate": {
-		"syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?"
-	},
-	"unicode-bidi": {
-		"syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext"
-	},
-	"user-select": {
-		"syntax": "auto | text | none | contain | all"
-	},
-	"vertical-align": {
-		"syntax": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>"
-	},
-	"visibility": {
-		"syntax": "visible | hidden | collapse"
-	},
-	"white-space": {
-		"syntax": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line"
-	},
-	"widows": {
-		"syntax": "<integer [1,∞]>"
-	},
-	"width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
-	},
-	"will-change": {
-		"syntax": "auto | <animateable-feature>#"
-	},
-	"word-break": {
-		"syntax": "normal | keep-all | break-all | break-word"
-	},
-	"word-spacing": {
-		"syntax": "normal | <length>"
-	},
-	"word-wrap": {
-		"syntax": "normal | break-word | anywhere"
-	},
-	"writing-mode": {
-		"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr"
-	},
-	"z-index": {
-		"syntax": "auto | <integer> | inherit"
-	},
-	"zoom": {
-		"syntax": "<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"
-	},
-	"-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": "[ <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"
-	},
-	"-webkit-user-select": {
-		"syntax": "auto | none | text | all"
-	},
-	"alignment-baseline": {
-		"syntax": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top"
-	},
-	"baseline-shift": {
-		"syntax": "<length-percentage> | sub | super | top | center | bottom"
-	},
-	"behavior": {
-		"syntax": "<url>+"
-	},
-	"clip-rule": {
-		"syntax": "nonzero | evenodd"
-	},
-	"cue": {
-		"syntax": "<'cue-before'> <'cue-after'>?"
-	},
-	"cue-after": {
-		"syntax": "<uri> <decibel>? | none"
-	},
-	"cue-before": {
-		"syntax": "<uri> <decibel>? | none"
-	},
-	"dominant-baseline": {
-		"syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top"
-	},
-	"fill": {
-		"syntax": "<paint>"
-	},
-	"fill-opacity": {
-		"syntax": "<'opacity'>"
-	},
-	"fill-rule": {
-		"syntax": "nonzero | evenodd"
-	},
-	"glyph-orientation-horizontal": {
-		"syntax": "<angle>"
-	},
-	"glyph-orientation-vertical": {
-		"syntax": "auto | 0deg | 90deg | 0 | 90"
-	},
-	"kerning": {
-		"syntax": "auto | <svg-length>"
-	},
-	"marker": {
-		"syntax": "none | <marker-ref>"
-	},
-	"marker-end": {
-		"syntax": "none | <marker-ref>"
-	},
-	"marker-mid": {
-		"syntax": "none | <marker-ref>"
-	},
-	"marker-start": {
-		"syntax": "none | <marker-ref>"
-	},
-	"pause": {
-		"syntax": "<'pause-before'> <'pause-after'>?"
-	},
-	"pause-after": {
-		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
-	},
-	"pause-before": {
-		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
-	},
-	"rest": {
-		"syntax": "<'rest-before'> <'rest-after'>?"
-	},
-	"rest-after": {
-		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
-	},
-	"rest-before": {
-		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
-	},
-	"shape-rendering": {
-		"syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision"
-	},
-	"src": {
-		"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
-	},
-	"speak": {
-		"syntax": "auto | never | always"
-	},
-	"speak-as": {
-		"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
-	},
-	"stroke": {
-		"syntax": "<paint>"
-	},
-	"stroke-dasharray": {
-		"syntax": "none | [ <length-percentage> | <number> ]+#"
-	},
-	"stroke-dashoffset": {
-		"syntax": "<length-percentage> | <number>"
-	},
-	"stroke-linecap": {
-		"syntax": "butt | round | square"
-	},
-	"stroke-linejoin": {
-		"syntax": "[ crop | arcs | miter ] || [ bevel | round | fallback ]"
-	},
-	"stroke-miterlimit": {
-		"syntax": "<number>"
-	},
-	"stroke-opacity": {
-		"syntax": "<'opacity'>"
-	},
-	"stroke-width": {
-		"syntax": "[ <length-percentage> | <number> ]#"
-	},
-	"text-anchor": {
-		"syntax": "start | middle | end"
-	},
-	"unicode-range": {
-		"syntax": "<urange>#"
-	},
-	"voice-balance": {
-		"syntax": "<number> | left | center | right | leftwards | rightwards"
-	},
-	"voice-duration": {
-		"syntax": "auto | <time [0s,∞]>"
-	},
-	"voice-family": {
-		"syntax": "[ [ <family-name> | <generic-voice> ] , ]* [ <family-name> | <generic-voice> ] | preserve"
-	},
-	"voice-pitch": {
-		"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
-	},
-	"voice-range": {
-		"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]"
-	},
-	"voice-rate": {
-		"syntax": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>"
-	},
-	"voice-stress": {
-		"syntax": "normal | strong | moderate | none | reduced"
-	},
-	"voice-volume": {
-		"syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"
-	},
-	"cx": {
-		"syntax": "<length-percentage>"
-	},
-	"cy": {
-		"syntax": "<length-percentage>"
-	},
-	"r": {
-		"syntax": "<length-percentage>"
-	},
-	"rx": {
-		"syntax": "<length-percentage> | auto"
-	},
-	"ry": {
-		"syntax": "<length-percentage> | auto"
-	},
-	"x": {
-		"syntax": "<length-percentage>"
-	},
-	"y": {
-		"syntax": "<length-percentage>"
-	},
-	"vector-effect": {
-		"syntax": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position"
-	},
-	"d": {
-		"syntax": "none | <string>"
-	},
-	"shape-subtract": {
-		"syntax": "none | [ <basic-shape> | <uri> ]+"
-	},
-	"color-interpolation": {
-		"syntax": "auto | sRGB | linearRGB"
-	},
-	"anchor-name": {
-		"syntax": "none | <dashed-ident>#"
-	},
-	"anchor-scope": {
-		"syntax": "none | all | <dashed-ident>#"
-	},
-	"position-anchor": {
-		"syntax": "auto | <anchor-element>"
-	},
-	"position-area": {
-		"syntax": "none | <position-area>"
-	},
-	"position-visibility": {
-		"syntax": "always | [ anchors-valid || anchors-visible || no-overflow ]"
-	},
-	"position-try-fallbacks": {
-		"syntax": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#"
-	},
-	"position-try-order": {
-		"syntax": "normal | <try-size>"
-	},
-	"position-try": {
-		"syntax": "<'position-try-order'>? <'position-try-fallbacks'>"
-	},
-	"background-repeat-x": {
-		"syntax": "<repetition>#"
-	},
-	"background-repeat-y": {
-		"syntax": "<repetition>#"
-	},
-	"background-repeat-block": {
-		"syntax": "<repetition>#"
-	},
-	"background-repeat-inline": {
-		"syntax": "<repetition>#"
-	},
-	"background-position-inline": {
-		"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
-	},
-	"background-position-block": {
-		"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
-	},
-	"background-tbd": {
-		"syntax": "<bg-layer>#"
-	},
-	"border-top-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-right-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-bottom-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-left-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-block-start-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-block-end-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-inline-start-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"border-inline-end-radius": {
-		"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
-	},
-	"corner-shape": {
-		"syntax": "[ round | angle ]{1,4}"
-	},
-	"corners": {
-		"syntax": "<'corner-shape'> || <'border-radius'>"
-	},
-	"border-limit": {
-		"syntax": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>"
-	},
-	"border-clip": {
-		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
-	},
-	"border-clip-top": {
-		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
-	},
-	"border-clip-right": {
-		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
-	},
-	"border-clip-bottom": {
-		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
-	},
-	"border-clip-left": {
-		"syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+"
-	},
-	"box-shadow-color": {
-		"syntax": "<color>#"
-	},
-	"box-shadow-offset": {
-		"syntax": "[ none | <length>{2} ]#"
-	},
-	"box-shadow-blur": {
-		"syntax": "<length [0,∞]>#"
-	},
-	"box-shadow-spread": {
-		"syntax": "<length>#"
-	},
-	"box-shadow-position": {
-		"syntax": "[ outset | inset ]#"
-	},
-	"margin-break": {
-		"syntax": "auto | keep | discard"
-	},
-	"color-adjust": {
-		"syntax": "<'print-color-adjust'>"
-	},
-	"dynamic-range-limit": {
-		"syntax": "standard | high | constrained-high"
-	},
-	"container-type": {
-		"syntax": "normal | size | inline-size"
-	},
-	"container-name": {
-		"syntax": "none | <custom-ident>+"
-	},
-	"container": {
-		"syntax": "<'container-name'> [ / <'container-type'> ]?"
-	},
-	"string-set": {
-		"syntax": "none | [ <custom-ident> <string>+ ]#"
-	},
-	"bookmark-level": {
-		"syntax": "none | <integer [1,∞]>"
-	},
-	"bookmark-label": {
-		"syntax": "<content-list>"
-	},
-	"bookmark-state": {
-		"syntax": "open | closed"
-	},
-	"reading-flow": {
-		"syntax": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order"
-	},
-	"wrap-flow": {
-		"syntax": "auto | both | start | end | minimum | maximum | clear"
-	},
-	"wrap-through": {
-		"syntax": "wrap | none"
-	},
-	"font-width": {
-		"syntax": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"
-	},
-	"font-synthesis-weight": {
-		"syntax": "auto | none"
-	},
-	"font-synthesis-style": {
-		"syntax": "auto | none"
-	},
-	"font-synthesis-small-caps": {
-		"syntax": "auto | none"
-	},
-	"font-synthesis-position": {
-		"syntax": "auto | none"
-	},
-	"font-palette": {
-		"syntax": "normal | light | dark | <palette-identifier> | <palette-mix()>"
-	},
-	"font-variant-emoji": {
-		"syntax": "normal | text | emoji | unicode"
-	},
-	"copy-into": {
-		"syntax": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?"
-	},
-	"footnote-display": {
-		"syntax": "block | inline | compact"
-	},
-	"footnote-policy": {
-		"syntax": "auto | line | block"
-	},
-	"object-view-box": {
-		"syntax": "none | <basic-shape-rect>"
-	},
-	"baseline-source": {
-		"syntax": "auto | first | last"
-	},
-	"line-fit-edge": {
-		"syntax": "leading | <text-edge>"
-	},
-	"text-box": {
-		"syntax": "normal | <'text-box-trim'> || <'text-box-edge'>"
-	},
-	"text-box-trim": {
-		"syntax": "none | trim-start | trim-end | trim-both"
-	},
-	"text-box-edge": {
-		"syntax": "auto | <text-edge>"
-	},
-	"inline-sizing": {
-		"syntax": "normal | stretch"
-	},
-	"initial-letter-wrap": {
-		"syntax": "none | first | all | grid | <length-percentage>"
-	},
-	"line-grid": {
-		"syntax": "match-parent | create"
-	},
-	"line-snap": {
-		"syntax": "none | baseline | contain"
-	},
-	"box-snap": {
-		"syntax": "none | block-start | block-end | center | baseline | last-baseline"
-	},
-	"link-parameters": {
-		"syntax": "none | <link-param>+"
-	},
-	"marker-side": {
-		"syntax": "match-self | match-parent"
-	},
-	"spatial-navigation-contain": {
-		"syntax": "auto | contain"
-	},
-	"spatial-navigation-action": {
-		"syntax": "auto | focus | scroll"
-	},
-	"spatial-navigation-function": {
-		"syntax": "normal | grid"
-	},
-	"overflow-clip-margin-top": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-right": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-bottom": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-left": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-block-start": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-inline-start": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-block-end": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-inline-end": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-inline": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"overflow-clip-margin-block": {
-		"syntax": "<visual-box> || <length [0,∞]>"
-	},
-	"block-ellipsis": {
-		"syntax": "none | auto | <string>"
-	},
-	"continue": {
-		"syntax": "auto | discard | -webkit-discard"
-	},
-	"scroll-marker-group": {
-		"syntax": "none | before | after"
-	},
-	"float-reference": {
-		"syntax": "inline | column | region | page"
-	},
-	"float-defer": {
-		"syntax": "<integer> | last | none"
-	},
-	"float-offset": {
-		"syntax": "<length> | <percentage>"
-	},
-	"page": {
-		"syntax": "auto | <custom-ident>"
-	},
-	"overlay": {
-		"syntax": "none | auto"
-	},
-	"flow-into": {
-		"syntax": "none | <ident> [ element | content ]?"
-	},
-	"flow-from": {
-		"syntax": "<ident> | none"
-	},
-	"region-fragment": {
-		"syntax": "auto | break"
-	},
-	"block-step-size": {
-		"syntax": "none | <length [0,∞]>"
-	},
-	"block-step-insert": {
-		"syntax": "margin | padding"
-	},
-	"block-step-align": {
-		"syntax": "auto | center | start | end"
-	},
-	"block-step-round": {
-		"syntax": "up | down | nearest"
-	},
-	"block-step": {
-		"syntax": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>"
-	},
-	"border-boundary": {
-		"syntax": "none | parent | display"
-	},
-	"ruby-overhang": {
-		"syntax": "auto | none"
-	},
-	"scroll-start-target": {
-		"syntax": "[ none | auto ]"
-	},
-	"shape-inside": {
-		"syntax": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display"
-	},
-	"shape-padding": {
-		"syntax": "<length-percentage [0,∞]>"
-	},
-	"min-intrinsic-sizing": {
-		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
-	},
-	"word-space-transform": {
-		"syntax": "none | [ space | ideographic-space ] && auto-phrase?"
-	},
-	"white-space-collapse": {
-		"syntax": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces"
-	},
-	"white-space-trim": {
-		"syntax": "none | discard-before || discard-after || discard-inner"
-	},
-	"text-wrap-mode": {
-		"syntax": "wrap | nowrap"
-	},
-	"wrap-inside": {
-		"syntax": "auto | avoid"
-	},
-	"wrap-before": {
-		"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex"
-	},
-	"wrap-after": {
-		"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex"
-	},
-	"text-wrap-style": {
-		"syntax": "auto | balance | stable | pretty"
-	},
-	"text-wrap": {
-		"syntax": "<'text-wrap-mode'> || <'text-wrap-style'>"
-	},
-	"hyphenate-limit-zone": {
-		"syntax": "<length-percentage>"
-	},
-	"hyphenate-limit-chars": {
-		"syntax": "[ auto | <integer> ]{1,3}"
-	},
-	"hyphenate-limit-lines": {
-		"syntax": "no-limit | <integer>"
-	},
-	"hyphenate-limit-last": {
-		"syntax": "none | always | column | page | spread"
-	},
-	"text-align-all": {
-		"syntax": "start | end | left | right | center | justify | match-parent"
-	},
-	"text-group-align": {
-		"syntax": "none | start | end | left | right | center"
-	},
-	"line-padding": {
-		"syntax": "<length>"
-	},
-	"text-autospace": {
-		"syntax": "normal | <autospace> | auto"
-	},
-	"text-spacing-trim": {
-		"syntax": "<spacing-trim> | auto"
-	},
-	"text-spacing": {
-		"syntax": "none | auto | <spacing-trim> || <autospace>"
-	},
-	"text-decoration-trim": {
-		"syntax": "<length>{1,2} | auto"
-	},
-	"text-decoration-skip-self": {
-		"syntax": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip"
-	},
-	"text-decoration-skip-box": {
-		"syntax": "none | all"
-	},
-	"text-decoration-skip-spaces": {
-		"syntax": "none | all | [ start || end ]"
-	},
-	"text-emphasis-skip": {
-		"syntax": "spaces || punctuation || symbols || narrow"
-	},
-	"transition-behavior": {
-		"syntax": "<transition-behavior-value>#"
-	},
-	"caret-animation": {
-		"syntax": "auto | manual"
-	},
-	"nav-up": {
-		"syntax": "auto | <id> [ current | root | <target-name> ]?"
-	},
-	"nav-right": {
-		"syntax": "auto | <id> [ current | root | <target-name> ]?"
-	},
-	"nav-down": {
-		"syntax": "auto | <id> [ current | root | <target-name> ]?"
-	},
-	"nav-left": {
-		"syntax": "auto | <id> [ current | root | <target-name> ]?"
-	},
-	"field-sizing": {
-		"syntax": "fixed | content"
-	},
-	"interpolate-size": {
-		"syntax": "numeric-only | allow-keywords"
-	},
-	"view-transition-class": {
-		"syntax": "none | <custom-ident>+"
-	},
-	"view-transition-group": {
-		"syntax": "normal | contain | nearest | <custom-ident>"
-	},
-	"view-transition-name": {
-		"syntax": "none | <custom-ident>"
-	},
-	"fill-break": {
-		"syntax": "bounding-box | slice | clone"
-	},
-	"fill-color": {
-		"syntax": "<color>"
-	},
-	"fill-image": {
-		"syntax": "<paint>#"
-	},
-	"fill-origin": {
-		"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box"
-	},
-	"fill-position": {
-		"syntax": "<position>#"
-	},
-	"fill-size": {
-		"syntax": "<bg-size>#"
-	},
-	"fill-repeat": {
-		"syntax": "<repeat-style>#"
-	},
-	"stroke-align": {
-		"syntax": "center | inset | outset"
-	},
-	"stroke-break": {
-		"syntax": "bounding-box | slice | clone"
-	},
-	"stroke-dash-corner": {
-		"syntax": "none | <length>"
-	},
-	"stroke-dash-justify": {
-		"syntax": "none | [ stretch | compress ] || [ dashes || gaps ]"
-	},
-	"stroke-color": {
-		"syntax": "<color>#"
-	},
-	"stroke-image": {
-		"syntax": "<paint>#"
-	},
-	"stroke-origin": {
-		"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box"
-	},
-	"stroke-position": {
-		"syntax": "<position>#"
-	},
-	"stroke-size": {
-		"syntax": "<bg-size>#"
-	},
-	"stroke-repeat": {
-		"syntax": "<repeat-style>#"
-	},
-	"flood-color": {
-		"syntax": "<color>"
-	},
-	"flood-opacity": {
-		"syntax": "<'opacity'>"
-	},
-	"color-interpolation-filters": {
-		"syntax": "auto | sRGB | linearRGB"
-	},
-	"lighting-color": {
-		"syntax": "<color>"
-	},
-	"view-timeline-name": {
-		"syntax": "[ none | <dashed-ident> ]#"
-	},
-	"view-timeline-axis": {
-		"syntax": "[ block | inline | x | y ]#"
-	},
-	"view-timeline-inset": {
-		"syntax": "[ [ auto | <length-percentage> ]{1,2} ]#"
-	},
-	"view-timeline": {
-		"syntax": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#"
-	},
-	"animation-range": {
-		"syntax": "[ <'animation-range-start'> <'animation-range-end'>? ]#"
-	},
-	"animation-range-start": {
-		"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
-	},
-	"animation-range-end": {
-		"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
-	},
-	"timeline-scope": {
-		"syntax": "none | all | <dashed-ident>#"
-	},
-	"stroke-alignment": {
-		"syntax": "center | inner | outer"
-	},
-	"stroke-dashcorner": {
-		"syntax": "none | <length>"
-	},
-	"stroke-dashadjust": {
-		"syntax": "none | [ stretch | compress ] [ dashes | gaps ]?"
-	}
-}
\ No newline at end of file

From ff63b1cde5cdee68b2e4f73455fb1f7270e3b6dc Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Tue, 27 Aug 2024 23:22:17 +0200
Subject: [PATCH 06/66] wip

---
 .../scripts/update-logical-properties-test.mjs | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/plugin-packs/postcss-preset-env/scripts/update-logical-properties-test.mjs b/plugin-packs/postcss-preset-env/scripts/update-logical-properties-test.mjs
index 50f44fa83a..6032920862 100644
--- a/plugin-packs/postcss-preset-env/scripts/update-logical-properties-test.mjs
+++ b/plugin-packs/postcss-preset-env/scripts/update-logical-properties-test.mjs
@@ -4,7 +4,23 @@ import fs from 'node:fs/promises';
 const logicalProperties = new Set();
 
 const parsedFiles = await css.listAll();
-for (const [, data] of Object.entries(parsedFiles)) {
+const entries = Array.from(Object.entries(parsedFiles));
+
+entries.sort((a, b) => {
+	const name_a = a[0].replace(/-\d+$/, '');
+	const name_b = b[0].replace(/-\d+$/, '');
+
+	if (name_a !== name_b) {
+		return name_a.localeCompare(name_b);
+	}
+
+	const level_a = parseInt((a[0].match(/-(\d+)$/) ?? [])[1] ?? '0', 10);
+	const level_b = parseInt((b[0].match(/-(\d+)$/) ?? [])[1] ?? '0', 10);
+
+	return level_a - level_b;
+});
+
+for (const [, data] of entries) {
 	for (const property of data.properties) {
 		if (property.logicalPropertyGroup) {
 			logicalProperties.add(property);

From d328f2cb126f132811a90f1cb4d6018baf5facd1 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Tue, 27 Aug 2024 23:28:18 +0200
Subject: [PATCH 07/66] wip

---
 .../dist/index.json                           | 698 +-----------------
 .../webref-over-csstree-properties.json       |  24 +-
 .../patches/webref-over-csstree-types.json    |   4 +-
 .../webref-over-csstree-properties.json       |  82 +-
 .../raw-data/webref-over-csstree-types.json   |  82 +-
 .../raw-data/webref-properties.json           |  50 +-
 .../raw-data/webref-types.json                |  50 +-
 .../scripts/apply-patches.mjs                 |  95 +++
 .../scripts/generate-webref-sets.mjs          |  57 +-
 .../scripts/index.mjs                         | 218 +++---
 10 files changed, 411 insertions(+), 949 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index cc175c139c..cebc0c8699 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -4,704 +4,14 @@
 			"align-items": "| anchor-center",
 			"align-self": "| anchor-center",
 			"alignment-baseline": "| text-bottom | text-top",
-			"anchor-name": "none | <custom-property-name>#",
-			"anchor-scope": "none | all | <custom-property-name>#",
-			"animation-duration": "<time [0s,∞]>#",
-			"animation-range": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
-			"animation-range-end": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-			"animation-range-start": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+			"anchor-name": "none | <dashed-ident>#",
+			"anchor-scope": "none | all | <dashed-ident>#",
 			"appearance": "none | auto | <compat-auto> | <compat-special>",
-			"aspect-ratio": "auto || <ratio>",
-			"backdrop-filter": "none | <filter-value-list>",
-			"background": "<bg-layer>#? , <final-bg-layer>",
-			"background-blend-mode": "<mix-blend-mode>#",
-			"background-clip": "<visual-box>#",
-			"background-origin": "<visual-box>#",
-			"background-position-block": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
-			"background-position-inline": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
-			"background-repeat-block": "<repetition>#",
-			"background-repeat-inline": "<repetition>#",
-			"background-repeat-x": "<repetition>#",
-			"background-repeat-y": "<repetition>#",
-			"background-tbd": "<bg-layer>#",
-			"baseline-shift": "<length-percentage> | sub | super | top | center | bottom",
-			"baseline-source": "auto | first | last",
-			"block-ellipsis": "none | auto | <string>",
-			"block-size": "<'width'> | stretch | fit-content | contain",
-			"block-step": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
-			"block-step-align": "auto | center | start | end",
-			"block-step-insert": "margin | padding",
-			"block-step-round": "up | down | nearest",
-			"block-step-size": "none | <length [0,∞]>",
-			"bookmark-label": "<content-list>",
-			"bookmark-level": "none | <integer [1,∞]>",
-			"bookmark-state": "open | closed",
-			"border-block": "<'border-block-start'>",
-			"border-block-end": "<line-width> || <line-style> || <color>",
-			"border-block-end-color": "<color> | <image-1D>",
-			"border-block-end-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-			"border-block-end-style": "<line-style>",
-			"border-block-end-width": "<line-width>",
-			"border-block-start": "<line-width> || <line-style> || <color>",
-			"border-block-start-color": "<color> | <image-1D>",
-			"border-block-start-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-			"border-block-start-style": "<line-style>",
-			"border-block-start-width": "<line-width>",
-			"border-block-style": "<'border-top-style'>{1,2}",
-			"border-block-width": "<'border-top-width'>{1,2}",
-			"border-bottom-color": "<color> | <image-1D>",
-			"border-bottom-left-radius": "<length-percentage [0,∞]>{1,2}",
-			"border-bottom-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-			"border-bottom-right-radius": "<length-percentage [0,∞]>{1,2}",
-			"border-boundary": "none | parent | display",
-			"border-clip": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-			"border-clip-bottom": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-			"border-clip-left": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-			"border-clip-right": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-			"border-clip-top": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-			"border-collapse": "separate | collapse",
-			"border-color": "[ <color> | <image-1D> ]{1,4}",
-			"border-end-end-radius": "<length-percentage [0,∞]>{1,2}",
-			"border-end-start-radius": "<length-percentage [0,∞]>{1,2}",
-			"border-image-outset": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
-			"border-image-slice": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
-			"border-image-width": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
-			"border-inline": "<'border-block-start'>",
-			"border-inline-end": "<line-width> || <line-style> || <color>",
-			"border-inline-end-color": "<color> | <image-1D>",
-			"border-inline-end-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-			"border-inline-end-style": "<line-style>",
-			"border-inline-end-width": "<line-width>",
-			"border-inline-start": "<line-width> || <line-style> || <color>",
-			"border-inline-start-color": "<color> | <image-1D>",
-			"border-inline-start-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-			"border-inline-start-style": "<line-style>",
-			"border-inline-start-width": "<line-width>",
-			"border-inline-style": "<'border-top-style'>{1,2}",
-			"border-inline-width": "<'border-top-width'>{1,2}",
-			"border-left-color": "<color> | <image-1D>",
-			"border-left-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-			"border-limit": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
-			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
-			"border-right-color": "<color> | <image-1D>",
-			"border-right-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-			"border-spacing": "<length>{1,2}",
-			"border-start-end-radius": "<length-percentage [0,∞]>{1,2}",
-			"border-start-start-radius": "<length-percentage [0,∞]>{1,2}",
-			"border-top-color": "<color> | <image-1D>",
-			"border-top-left-radius": "<length-percentage [0,∞]>{1,2}",
-			"border-top-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-			"border-top-right-radius": "<length-percentage [0,∞]>{1,2}",
-			"bottom": "auto | <length-percentage>",
-			"box-shadow": "<spread-shadow>#",
-			"box-shadow-blur": "<length [0,∞]>#",
-			"box-shadow-color": "<color>#",
-			"box-shadow-offset": "[ none | <length>{2} ]#",
-			"box-shadow-position": "[ outset | inset ]#",
-			"box-shadow-spread": "<length>#",
-			"box-snap": "none | block-start | block-end | center | baseline | last-baseline",
-			"caption-side": "top | bottom",
-			"caret": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
-			"caret-animation": "auto | manual",
-			"clear": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
-			"clip": "<rect()> | auto",
-			"color-adjust": "<'print-color-adjust'>",
-			"color-interpolation": "auto | sRGB | linearRGB",
-			"color-interpolation-filters": "auto | sRGB | linearRGB",
-			"column-count": "auto | <integer [1,∞]>",
-			"column-gap": "normal | <length-percentage [0,∞]>",
-			"column-rule-style": "<line-style>",
-			"column-rule-width": "<line-width>",
-			"column-width": "<length> | auto | min-content | max-content | fit-content( <length-percentage> )",
-			"contain": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
-			"contain-intrinsic-block-size": "auto? [ none | <length> ]",
-			"contain-intrinsic-height": "auto? [ none | <length> ]",
-			"contain-intrinsic-inline-size": "auto? [ none | <length> ]",
-			"contain-intrinsic-size": "[ auto? [ none | <length> ] ]{1,2}",
-			"contain-intrinsic-width": "auto? [ none | <length> ]",
-			"container": "<'container-name'> [ / <'container-type'> ]?",
-			"container-name": "none | <custom-ident>+",
-			"container-type": "normal | size | inline-size",
-			"content": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]? | <element()>",
-			"continue": "overflow | paginate | fragments",
-			"copy-into": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
-			"corner-shape": "[ round | angle ]{1,4}",
-			"corners": "<'corner-shape'> || <'border-radius'>",
-			"cue-after": "<uri> <decibel>? | none",
-			"cue-before": "<uri> <decibel>? | none",
-			"cursor": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
-			"cx": "<length-percentage>",
-			"cy": "<length-percentage>",
-			"d": "none | <string>",
-			"display": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | <display-outside> || [ <display-inside> | math ]",
-			"dominant-baseline": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
-			"dynamic-range-limit": "standard | high | constrained-high",
-			"field-sizing": "fixed | content",
-			"fill-break": "bounding-box | slice | clone",
-			"fill-color": "<color>",
-			"fill-image": "<paint>#",
-			"fill-opacity": "<'opacity'>",
-			"fill-origin": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
-			"fill-position": "<position>#",
-			"fill-repeat": "<repeat-style>#",
-			"fill-size": "<bg-size>#",
-			"filter": "none | <filter-value-list>",
-			"flex-grow": "<number [0,∞]>",
-			"flex-shrink": "<number [0,∞]>",
-			"float": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none",
-			"float-defer": "<integer> | last | none",
-			"float-offset": "<length> | <percentage>",
-			"float-reference": "inline | column | region | page",
-			"flood-color": "<color>",
-			"flood-opacity": "<'opacity'>",
-			"flow-from": "<ident> | none",
-			"flow-into": "none | <ident> [ element | content ]?",
-			"font": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
-			"font-palette": "normal | light | dark | <palette-identifier> | <palette-mix()>",
-			"font-size": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
-			"font-size-adjust": "none | <number [0,∞]>",
-			"font-style": "normal | italic | oblique <angle [-90deg,90deg]>?",
-			"font-synthesis": "none | [ weight || style || small-caps || position ]",
-			"font-synthesis-position": "auto | none",
-			"font-synthesis-small-caps": "auto | none",
-			"font-synthesis-style": "auto | none",
-			"font-synthesis-weight": "auto | none",
-			"font-variant": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
-			"font-variant-emoji": "normal | text | emoji | unicode",
-			"font-variation-settings": "normal | [ <opentype-tag> <number> ]#",
-			"font-width": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
-			"footnote-display": "block | inline | compact",
-			"footnote-policy": "auto | line | block",
-			"forced-color-adjust": "auto | none | preserve-parent-color",
-			"glyph-orientation-vertical": "auto | 0deg | 90deg | 0 | 90",
-			"height": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-			"hyphenate-limit-chars": "[ auto | <integer> ]{1,3}",
-			"hyphenate-limit-last": "none | always | column | page | spread",
-			"hyphenate-limit-lines": "no-limit | <integer>",
-			"hyphenate-limit-zone": "<length-percentage>",
-			"image-orientation": "from-image | none | [ <angle> || flip ]",
-			"image-rendering": "auto | smooth | high-quality | pixelated | crisp-edges",
-			"initial-letter": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
-			"initial-letter-align": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
-			"initial-letter-wrap": "none | first | all | grid | <length-percentage>",
-			"inline-size": "<'width'> | stretch | fit-content | contain",
-			"inline-sizing": "normal | stretch",
-			"inset-block-end": "auto | <length-percentage>",
-			"inset-block-start": "auto | <length-percentage>",
-			"inset-inline-end": "auto | <length-percentage>",
-			"inset-inline-start": "auto | <length-percentage>",
-			"interpolate-size": "numeric-only | allow-keywords",
-			"isolation": "<isolation-mode>",
-			"justify-items": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
-			"justify-self": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
-			"left": "auto | <length-percentage>",
-			"letter-spacing": "normal | <length>",
-			"lighting-color": "<color>",
-			"line-clamp": "none | <integer [1,∞]> || <'block-ellipsis'>",
-			"-webkit-line-clamp": "none | <integer [1,∞]>",
-			"line-fit-edge": "leading | <text-edge>",
-			"line-grid": "match-parent | create",
-			"line-height": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
-			"line-height-step": "<length [0,∞]>",
-			"line-padding": "<length>",
-			"line-snap": "none | baseline | contain",
-			"link-parameters": "none | <link-param>+",
-			"list-style": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
-			"margin": "<'margin-top'>{1,4}",
-			"margin-block": "<'margin-top'>{1,2}",
-			"margin-block-end": "<'margin-top'>",
-			"margin-block-start": "<'margin-top'>",
-			"margin-bottom": "<length-percentage> | auto",
-			"margin-break": "auto | keep | discard",
-			"margin-inline": "<'margin-top'>{1,2}",
-			"margin-inline-end": "<'margin-top'>",
-			"margin-inline-start": "<'margin-top'>",
-			"margin-left": "<length-percentage> | auto",
-			"margin-right": "<length-percentage> | auto",
-			"margin-top": "<length-percentage> | auto",
-			"margin-trim": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
-			"marker": "none | <marker-ref>",
-			"marker-end": "none | <marker-ref>",
-			"marker-mid": "none | <marker-ref>",
-			"marker-side": "match-self | match-parent",
-			"marker-start": "none | <marker-ref>",
-			"mask-border-slice": "[ <number> | <percentage> ]{1,4} fill?",
-			"mask-clip": "[ <coord-box> | no-clip ]#",
-			"mask-origin": "<coord-box>#",
-			"max-block-size": "<'max-width'> | stretch | fit-content | contain",
-			"max-height": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-			"max-inline-size": "<'max-width'> | stretch | fit-content | contain",
-			"max-lines": "none | <integer [1,∞]>",
-			"max-width": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-			"min-block-size": "<'min-width'> | stretch | fit-content | contain",
-			"min-height": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-			"min-inline-size": "<'min-width'> | stretch | fit-content | contain",
-			"min-intrinsic-sizing": "legacy | zero-if-scroll || zero-if-extrinsic",
-			"min-width": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
-			"nav-down": "auto | <id> [ current | root | <target-name> ]?",
-			"nav-left": "auto | <id> [ current | root | <target-name> ]?",
-			"nav-right": "auto | <id> [ current | root | <target-name> ]?",
-			"nav-up": "auto | <id> [ current | root | <target-name> ]?",
-			"object-view-box": "none | <basic-shape-rect>",
-			"offset-path": "none | <offset-path> || <coord-box>",
-			"offset-position": "normal | auto | <position>",
-			"opacity": "<opacity-value>",
-			"orphans": "<integer [1,∞]>",
-			"outline": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]",
-			"outline-color": "auto | [ <color> | <image-1D> ]",
-			"outline-style": "auto | <outline-line-style>",
-			"overflow": "<'overflow-block'>{1,2}",
-			"overflow-clip-margin-block": "<visual-box> || <length [0,∞]>",
-			"overflow-clip-margin-block-end": "<visual-box> || <length [0,∞]>",
-			"overflow-clip-margin-block-start": "<visual-box> || <length [0,∞]>",
-			"overflow-clip-margin-bottom": "<visual-box> || <length [0,∞]>",
-			"overflow-clip-margin-inline": "<visual-box> || <length [0,∞]>",
-			"overflow-clip-margin-inline-end": "<visual-box> || <length [0,∞]>",
-			"overflow-clip-margin-inline-start": "<visual-box> || <length [0,∞]>",
-			"overflow-clip-margin-left": "<visual-box> || <length [0,∞]>",
-			"overflow-clip-margin-right": "<visual-box> || <length [0,∞]>",
-			"overflow-clip-margin-top": "<visual-box> || <length [0,∞]>",
-			"overlay": "none | auto",
-			"padding": "<'padding-top'>{1,4}",
-			"padding-block": "<'padding-top'>{1,2}",
-			"padding-block-end": "<'padding-top'>",
-			"padding-block-start": "<'padding-top'>",
-			"padding-bottom": "<length-percentage [0,∞]>",
-			"padding-inline": "<'padding-top'>{1,2}",
-			"padding-inline-end": "<'padding-top'>",
-			"padding-inline-start": "<'padding-top'>",
-			"padding-left": "<length-percentage [0,∞]>",
-			"padding-right": "<length-percentage [0,∞]>",
-			"padding-top": "<length-percentage [0,∞]>",
-			"page": "auto | <custom-ident>",
-			"page-break-after": "auto | always | avoid | left | right | inherit",
-			"page-break-before": "auto | always | avoid | left | right | inherit",
-			"page-break-inside": "avoid | auto | inherit",
-			"pause-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-			"pause-before": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-			"perspective": "none | <length [0,∞]>",
-			"pointer-events": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
-			"position": "static | relative | absolute | sticky | fixed",
-			"position-anchor": "auto | <custom-property-name>",
-			"position-area": "none | <position-area>",
-			"position-try": "<'position-try-order'>? <'position-try-fallbacks'>",
-			"position-try-fallbacks": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
-			"position-try-order": "normal | <try-size>",
-			"position-visibility": "always | [ anchors-valid || anchors-visible || no-overflow ]",
-			"quotes": "auto | none | match-parent | [ <string> <string> ]+",
-			"r": "<length-percentage>",
-			"reading-flow": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
-			"region-fragment": "auto | break",
-			"rest-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-			"rest-before": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-			"right": "auto | <length-percentage>",
-			"row-gap": "normal | <length-percentage [0,∞]>",
-			"ruby-merge": "separate | merge | auto",
-			"ruby-overhang": "auto | none",
-			"rx": "<length-percentage> | auto",
-			"ry": "<length-percentage> | auto",
-			"scale": "none | [ <number> | <percentage> ]{1,3}",
-			"scroll-marker-group": "none | before | after",
-			"scroll-padding": "[ auto | <length-percentage [0,∞]> ]{1,4}",
-			"scroll-padding-block": "[ auto | <length-percentage [0,∞]> ]{1,2}",
-			"scroll-padding-block-end": "auto | <length-percentage [0,∞]>",
-			"scroll-padding-block-start": "auto | <length-percentage [0,∞]>",
-			"scroll-padding-bottom": "auto | <length-percentage [0,∞]>",
-			"scroll-padding-inline": "[ auto | <length-percentage [0,∞]> ]{1,2}",
-			"scroll-padding-inline-end": "auto | <length-percentage [0,∞]>",
-			"scroll-padding-inline-start": "auto | <length-percentage [0,∞]>",
-			"scroll-padding-left": "auto | <length-percentage [0,∞]>",
-			"scroll-padding-right": "auto | <length-percentage [0,∞]>",
-			"scroll-padding-top": "auto | <length-percentage [0,∞]>",
-			"scroll-start-target": "[ none | auto ]",
-			"scroll-timeline": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
-			"scroll-timeline-axis": "[ block | inline | x | y ]#",
-			"scroll-timeline-name": "[ none | <dashed-ident> ]#",
-			"shape-image-threshold": "<opacity-value>",
-			"shape-inside": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
-			"shape-margin": "<length-percentage [0,∞]>",
-			"shape-outside": "none | [ <basic-shape> || <shape-box> ] | <image>",
-			"shape-padding": "<length-percentage [0,∞]>",
-			"shape-subtract": "none | [ <basic-shape> | <uri> ]+",
-			"spatial-navigation-action": "auto | focus | scroll",
-			"spatial-navigation-contain": "auto | contain",
-			"spatial-navigation-function": "normal | grid",
-			"speak": "auto | never | always",
-			"string-set": "none | [ <custom-ident> <string>+ ]#",
-			"stroke-align": "center | inset | outset",
-			"stroke-alignment": "center | inner | outer",
-			"stroke-break": "bounding-box | slice | clone",
-			"stroke-color": "<color>#",
-			"stroke-dash-corner": "none | <length>",
-			"stroke-dash-justify": "none | [ stretch | compress ] || [ dashes || gaps ]",
-			"stroke-dashadjust": "none | [ stretch | compress ] [ dashes | gaps ]?",
-			"stroke-dasharray": "none | [ <length-percentage> | <number> ]+#",
-			"stroke-dashcorner": "none | <length>",
-			"stroke-dashoffset": "<length-percentage> | <number>",
-			"stroke-image": "<paint>#",
-			"stroke-linejoin": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
-			"stroke-miterlimit": "<number>",
-			"stroke-opacity": "<'opacity'>",
-			"stroke-origin": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
-			"stroke-position": "<position>#",
-			"stroke-repeat": "<repeat-style>#",
-			"stroke-size": "<bg-size>#",
-			"stroke-width": "[ <length-percentage> | <number> ]#",
-			"tab-size": "<number [0,∞]> | <length [0,∞]>",
-			"text-align": "start | end | left | right | center | justify | match-parent | justify-all",
-			"text-align-all": "start | end | left | right | center | justify | match-parent",
-			"text-align-last": "auto | start | end | left | right | center | justify | match-parent",
-			"text-autospace": "normal | <autospace> | auto",
-			"text-box": "normal | <'text-box-trim'> || <'text-box-edge'>",
-			"text-box-edge": "auto | <text-edge>",
-			"text-box-trim": "none | trim-start | trim-end | trim-both",
-			"text-combine-upright": "none | all | [ digits <integer [2,4]>? ]",
-			"text-decoration": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>",
-			"text-decoration-line": "none | [ underline || overline || line-through || blink ]",
-			"text-decoration-skip": "none | auto",
-			"text-decoration-skip-box": "none | all",
-			"text-decoration-skip-ink": "auto | none | all",
-			"text-decoration-skip-self": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
-			"text-decoration-skip-spaces": "none | all | [ start || end ]",
-			"text-decoration-thickness": "auto | from-font | <length-percentage>",
-			"text-decoration-trim": "<length>{1,2} | auto",
-			"text-emphasis-position": "[ over | under ] && [ right | left ]?",
-			"text-emphasis-skip": "spaces || punctuation || symbols || narrow",
-			"text-group-align": "none | start | end | left | right | center",
-			"text-indent": "[ <length-percentage> ] && hanging? && each-line?",
-			"text-justify": "auto | none | inter-word | inter-character",
-			"text-overflow": "clip | ellipsis",
-			"text-shadow": "none | [ <color>? && <length>{2,3} ]#",
-			"text-size-adjust": "auto | none | <percentage [0,∞]>",
-			"text-spacing": "none | auto | <spacing-trim> || <autospace>",
-			"text-spacing-trim": "<spacing-trim> | auto",
-			"-webkit-text-stroke": "<line-width> || <color>",
-			"-webkit-text-stroke-width": "<line-width>",
-			"text-transform": "none | capitalize | uppercase | lowercase | full-width | full-size-kana | math-auto",
-			"text-underline-offset": "auto | <length-percentage>",
-			"text-underline-position": "auto | [ under || [ left | right ] ]",
-			"text-wrap": "<'text-wrap-mode'> || <'text-wrap-style'>",
-			"text-wrap-mode": "wrap | nowrap",
-			"text-wrap-style": "auto | balance | stable | pretty",
-			"timeline-scope": "none | all | <dashed-ident>#",
-			"top": "auto | <length-percentage>",
-			"transform-origin": "[ 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>?",
-			"transition-behavior": "<transition-behavior-value>#",
-			"transition-duration": "<time [0s,∞]>#",
-			"unicode-bidi": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
-			"vector-effect": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position",
-			"vertical-align": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
-			"view-timeline": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
-			"view-timeline-axis": "[ block | inline | x | y ]#",
-			"view-timeline-inset": "[ [ auto | <length-percentage> ]{1,2} ]#",
-			"view-timeline-name": "[ none | <dashed-ident> ]#",
-			"view-transition-class": "none | <custom-ident>+",
-			"view-transition-group": "normal | contain | nearest | <custom-ident>",
-			"view-transition-name": "none | <custom-ident>",
-			"voice-duration": "auto | <time [0s,∞]>",
-			"voice-pitch": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-			"voice-range": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-			"voice-rate": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
-			"white-space": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line",
-			"white-space-collapse": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces",
-			"white-space-trim": "none | discard-before || discard-after || discard-inner",
-			"widows": "<integer [1,∞]>",
-			"width": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-			"word-break": "normal | keep-all | break-all | break-word",
-			"word-space-transform": "none | [ space | ideographic-space ] && auto-phrase?",
-			"word-wrap": "normal | break-word | anywhere",
-			"wrap-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
-			"wrap-before": "auto | avoid | avoid-line | avoid-flex | line | flex",
-			"wrap-flow": "auto | both | start | end | minimum | maximum | clear",
-			"wrap-inside": "auto | avoid",
-			"wrap-through": "wrap | none",
-			"writing-mode": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
-			"x": "<length-percentage>",
-			"y": "<length-percentage>",
-			"z-index": "auto | <integer> | inherit",
-			"zoom": "<number [0,∞]> || <percentage [0,∞]>"
+			"position-anchor": "auto | <custom-property-name>"
 		},
 		"types": {
-			"anchor-element": "<dashed-ident>",
-			"anchor-side": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
-			"anchor-size": "width | height | block | inline | self-block | self-inline",
-			"anchor-size()": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
-			"anchor()": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
-			"angle-percentage": "[ <angle> | <percentage> ]",
-			"angular-color-stop": "<color> <color-stop-angle>?",
-			"angular-color-stop-list": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
-			"arc-command": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
-			"arc-size": "large | small",
-			"arc-sweep": "cw | ccw",
-			"attr-name": "[ <ident-token> '|' ]? <ident-token>",
-			"attr-type": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
-			"attr()": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
-			"autospace": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
-			"axis": "block | inline | x | y",
-			"baseline-position": "[ first | last ]? && baseline",
-			"basic-shape-rect": "<inset()> | <rect()> | <xywh()>",
-			"bg-clip": "<visual-box> | border-area | text",
-			"bg-image": "<image> | none",
-			"bg-layer": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
-			"bg-size": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
-			"bool-and": "and <bool-in-parens>",
-			"bool-in-parens": "( <boolean> ) | <bool-test> | <general-enclosed>",
-			"bool-not": "not <bool-in-parens>",
-			"bool-or": "or <bool-in-parens>",
-			"boolean": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
-			"boolean-without-or": "<bool-not> | <bool-in-parens> <bool-and>*",
-			"by-to": "by | to",
-			"calc-keyword": "e | pi | infinity | -infinity | NaN",
-			"calc-mix()": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
-			"calc-product": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
-			"calc-size-basis": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
-			"calc-size()": "calc-size( <calc-size-basis> , <calc-sum> )",
-			"calc-value": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
-			"cf-image": "[ <image> | <color> ] && <percentage [0,100]>?",
-			"clamp()": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
-			"cmyk-component": "<number> | <percentage> | none",
-			"color": "<color-base> | currentColor | <system-color>",
-			"color-base": "<hex-color> | <color-function> | <named-color> | transparent",
-			"color-font-tech": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
-			"color-function": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
-			"color-interpolation-method": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]",
-			"color-layers()": "color-layers( [ <blend-mode> , ]? <color># )",
-			"color-mix()": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
-			"color-space": "<rectangular-color-space> | <polar-color-space>",
-			"color-stop-list": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
-			"color-stripe": "<color> && [ <length-percentage> | <flex> ]?",
-			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
-			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
-			"combinator": "'>' | '+' | '~' | [ '|' '|' ]",
-			"compat-auto": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
 			"compat-special": "textfield | menulist-button",
-			"complex-real-selector": "<compound-selector> [ <combinator>? <compound-selector> ]*",
-			"complex-real-selector-list": "<complex-real-selector>#",
-			"complex-selector": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
-			"complex-selector-unit": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
-			"composite-mode": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
-			"compound-selector": "[ <type-selector>? <subclass-selector>* ]!",
-			"conic-gradient-syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
-			"conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
-			"container-condition": "[ <container-name> ]? <container-query>",
-			"container-name": "<custom-ident>",
-			"container-progress()": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
-			"container-query": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
-			"content-level": "element | content | text | <attr()> | <counter>",
-			"content-list": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
-			"content()": "content( [ text | before | after | first-letter | marker ]? )",
-			"contrast-color()": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
-			"coord-box": "<paint-box> | view-box",
-			"coordinate-pair": "<length-percentage>{2}",
-			"counter-style": "<counter-style-name> | <symbols()>",
-			"cross-fade()": "cross-fade( <cf-image># )",
-			"crossorigin-modifier": "crossorigin( anonymous | use-credentials )",
-			"css-type": "<syntax-component> | <type()>",
-			"cubic-bezier-easing-function": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
-			"curve-command": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
-			"custom-arg": "$ <ident-token> ;",
-			"custom-color-space": "<dashed-ident>",
-			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
-			"custom-selector": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
-			"dasharray": "[ [ <length-percentage> | <number> ]+ ]#",
-			"device-cmyk()": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
-			"display-legacy": "inline-block | inline-table | inline-flex | inline-grid",
-			"dynamic-range-limit-mix()": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
-			"easing-function": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
-			"element()": "element( <id-selector> )",
-			"env()": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
-			"feature-value-name": "<ident>",
-			"filter-function": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
-			"filter-value-list": "[ <filter-function> | <url> ]+",
-			"filter()": "filter( [ <image> | <string> ] , <filter-value-list> )",
-			"final-bg-layer": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
-			"first-valid()": "first-valid( <declaration-value># )",
-			"fixed-breadth": "<length-percentage [0,∞]>",
-			"font-features-tech": "[ features-opentype | features-aat | features-graphite ]",
-			"font-format": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
-			"font-src": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
-			"font-tech": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
-			"font-variant-css2": "[ normal | small-caps ]",
-			"font-weight-absolute": "[ normal | bold | <number [1,1000]> ]",
-			"font-width-css3": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
-			"frequency-percentage": "[ <frequency> | <percentage> ]",
-			"function-dependency-list": "<function-parameter>#",
-			"function-name": "<dashed-ident>",
-			"function-parameter": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
-			"function-parameter-list": "<function-parameter>#",
-			"general-enclosed": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
-			"generic-complete": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
-			"generic-family": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
-			"generic-incomplete": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
-			"generic-script-specific": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
-			"gradient": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
-			"grid-line": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
-			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
-			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
-			"hue-interpolation-method": "[ shorter | longer | increasing | decreasing ] hue",
-			"hv-line-command": "[ hline | vline ] <by-to> <length-percentage>",
-			"hwb()": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"image": "<url> | <gradient>",
-			"image-1D": "<stripes()>",
-			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
-			"image-src": "[ <url> | <string> ]",
-			"image-tags": "[ ltr | rtl ]",
-			"import-conditions": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
-			"inflexible-breadth": "<length-percentage [0,∞]> | min-content | max-content | auto",
-			"integrity-modifier": "integrity( <string> )",
-			"isolation-mode": "auto | isolate",
-			"keyframe-selector": "from | to | <percentage [0,100]>",
-			"layout-box": "<visual-box> | margin-box",
-			"legacy-device-cmyk-syntax": "device-cmyk( <number>#{4} )",
-			"legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-			"legacy-pseudo-element-selector": "':' [ before | after | first-line | first-letter ]",
-			"legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
-			"legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
-			"length-percentage": "[ <length> | <percentage> ]",
-			"light-dark()": "light-dark( <color> , <color> )",
-			"line-command": "line <by-to> <coordinate-pair>",
-			"line-width": "<length [0,∞]> | thin | medium | thick",
-			"linear-color-stop": "<color> <length-percentage>?",
-			"linear-easing-function": "linear( <linear-stop-list> )",
-			"linear-gradient-syntax": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>",
-			"linear-gradient()": "linear-gradient( [ <linear-gradient-syntax> ] )",
-			"linear-stop": "<number> && <linear-stop-length>?",
-			"linear-stop-length": "<percentage>{1,2}",
-			"linear-stop-list": "[ <linear-stop> ]#",
-			"linear()": "linear( <linear-stop-list> )",
-			"link-param": "param( <custom-property-name> <declaration-value>? )",
-			"marker-ref": "<url>",
-			"media-and": "and <media-in-parens>",
-			"media-condition": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
-			"media-condition-without-or": "<media-not> | <media-in-parens> <media-and>*",
-			"media-feature": "[ <mf-plain> | <mf-boolean> | <mf-range> ]",
-			"media-in-parens": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>",
-			"media-or": "or <media-in-parens>",
-			"media-progress()": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
-			"media()": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
-			"mf-comparison": "<mf-lt> | <mf-gt> | <mf-eq>",
-			"mf-eq": "'='",
-			"mf-gt": "'>' '='?",
-			"mf-lt": "'<' '='?",
-			"mf-range": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
-			"mix()": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
-			"modern-device-cmyk-syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
-			"modern-hsl-syntax": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"modern-hsla-syntax": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"modern-rgb-syntax": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-			"modern-rgba-syntax": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-			"move-command": "move <by-to> <coordinate-pair>",
-			"mq-boolean": "<integer [0,1]>",
-			"number-optional-number": "<number> <number>?",
-			"offset-path": "<ray()> | <url> | <basic-shape>",
-			"oklab()": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"oklch()": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"opacity-value": "<number> | <percentage>",
-			"opentype-tag": "<string>",
-			"page-selector": "[ <ident-token>? <pseudo-page>* ]!",
-			"page-selector-list": "<page-selector>#",
-			"paint": "none | <image> | <svg-paint>",
-			"paint-box": "<visual-box> | fill-box | stroke-box",
-			"palette-mix()": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
-			"points": "[ <number>+ ]#",
-			"polar-color-space": "hsl | hwb | lch | oklch",
-			"position": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
-			"position-area": "[ [ 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} ]",
-			"predefined-polar-params": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
-			"predefined-rectangular": "jzazbz | ictcp",
-			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
-			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
-			"predefined-rgb-params": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
-			"progress": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
-			"progress()": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
-			"pseudo-compound-selector": "<pseudo-element-selector> <pseudo-class-selector>*",
-			"pseudo-element-selector": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
-			"pseudo-page": "':' [ left | right | first | blank ]",
-			"pt-class-selector": "[ '.' <custom-ident> ]+",
-			"pt-name-and-class-selector": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
-			"pt-name-selector": "'*' | <custom-ident>",
-			"query-in-parens": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
-			"radial-extent": "closest-corner | closest-side | farthest-corner | farthest-side",
-			"radial-gradient-syntax": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>",
-			"radial-gradient()": "radial-gradient( [ <radial-gradient-syntax> ] )",
-			"radial-shape": "circle | ellipse",
-			"radial-size": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
-			"random-caching-options": "<dashed-ident> || per-element",
-			"random-item()": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
-			"random()": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
-			"ray-size": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
-			"ray()": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
-			"rectangular-color-space": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
-			"referrerpolicy-modifier": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
-			"relative-real-selector": "<combinator>? <complex-real-selector>",
-			"relative-real-selector-list": "<relative-real-selector>#",
-			"repeating-conic-gradient()": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
-			"repeating-linear-gradient()": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
-			"repeating-radial-gradient()": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
-			"repetition": "repeat | space | round | no-repeat",
-			"request-url-modifier": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
-			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
-			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
-			"round()": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
-			"running()": "running( <custom-ident> )",
-			"scroll()": "scroll( [ <scroller> || <axis> ]? )",
-			"scroller": "root | nearest | self",
-			"selector-list": "<complex-selector-list>",
-			"shadow": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
-			"shape-box": "<visual-box> | margin-box",
-			"shape-command": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
-			"shape()": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
-			"simple-selector": "<type-selector> | <subclass-selector>",
-			"simple-selector-list": "<simple-selector>#",
-			"single-animation": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
-			"single-animation-iteration-count": "infinite | <number [0,∞]>",
-			"single-animation-timeline": "auto | none | <dashed-ident> | <scroll()> | <view()>",
-			"smooth-command": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
-			"source-size": "<media-condition> <source-size-value> | auto",
-			"source-size-list": "<source-size>#? , <source-size-value>",
-			"source-size-value": "<length> | auto",
-			"spacing-trim": "space-all | normal | space-first | trim-start | trim-both | trim-all",
-			"spread-shadow": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
-			"src()": "src( <string> <url-modifier>* )",
-			"step-easing-function": "step-start | step-end | steps( <integer> , <step-position>? )",
-			"string()": "string( <custom-ident> , [ first | start | last | first-except ]? )",
-			"stripes()": "stripes( <color-stripe># )",
-			"style-in-parens": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
-			"style-query": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
-			"supports-feature": "<supports-decl>",
-			"supports-font-format-fn": "font-format( <font-format> )",
-			"supports-font-tech-fn": "font-tech( <font-tech> )",
-			"supports()": "supports( <declaration> )",
-			"svg-paint": "child | child( <integer> )",
-			"symbols-type": "cyclic | numeric | alphabetic | symbolic | fixed",
-			"symbols()": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
-			"syntax": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
-			"syntax-combinator": "'|'",
-			"syntax-component": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
-			"syntax-component-name": "'<' <syntax-type> '>' | <custom-ident>",
-			"syntax-multiplier": "[ '#' | '+' ]",
-			"syntax-type": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
-			"system-family-name": "caption | icon | menu | message-box | small-caption | status-bar",
-			"target-contrast": "<wcag2>",
-			"text-edge": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
-			"time-percentage": "[ <time> | <percentage> ]",
-			"toggle()": "toggle( <whole-value># )",
-			"track-breadth": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
-			"track-size": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
-			"transform-mix()": "transform-mix( <progress> , <transform-list> , <transform-list> )",
-			"transition-behavior-value": "normal | allow-discrete",
-			"try-size": "most-width | most-height | most-block-size | most-inline-size",
-			"try-tactic": "flip-block || flip-inline || flip-start",
-			"type()": "type( <syntax> )",
-			"url": "<url()> | <src()>",
-			"url()": "url( <string> <url-modifier>* ) | <url-token>",
-			"view()": "view( [ <axis> || <'view-timeline-inset'> ]? )",
-			"wcag2": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
-			"xyz": "xyz | xyz-d50 | xyz-d65",
-			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
-			"xyz-space": "xyz | xyz-d50 | xyz-d65"
+			"dashed-ident": "<custom-property-name>"
 		}
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 993b98c3fb..c544d567bf 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -63,7 +63,7 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <dashed-ident>#",
-		"merged": "none | <custom-property-name>#",
+		"merged": "none | <dashed-ident>#",
 		"tests": {
 			"passing": [
 				{
@@ -88,7 +88,7 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | all | <dashed-ident>#",
-		"merged": "none | all | <custom-property-name>#",
+		"merged": "none | all | <dashed-ident>#",
 		"tests": {
 			"passing": [
 				{
@@ -156,6 +156,26 @@
 		"type": "modified",
 		"syntax-before": "none | auto | textfield | menulist-button | <compat-auto>",
 		"syntax-after": "none | auto | <compat-auto> | <compat-special>",
+		"merged": "none | auto | <compat-auto> | <compat-special>",
+		"tests": {
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "textfield"
+				},
+				{
+					"value": "menulist-button"
+				},
+				{
+					"value": "searchfield"
+				}
+			]
+		},
 		"comment": ""
 	},
 	"aspect-ratio": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 4820b6932b..a8ab9906af 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -309,12 +309,14 @@
 		"type": "modified",
 		"syntax-before": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
 		"syntax-after": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
-		"comment": ""
+		"omit": true,
+		"comment": "existing type is a super set"
 	},
 	"compat-special": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "textfield | menulist-button",
+		"merged": "textfield | menulist-button",
 		"comment": ""
 	},
 	"complex-real-selector": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
index cf4fe5621a..c1056a7f95 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -32,7 +32,7 @@
 	"animation-duration": {
 		"type": "modified",
 		"syntax-before": "<time>#",
-		"syntax-after": "<time [0s,∞]>#",
+		"syntax-after": "[ auto | <time [0s,∞]> ]#",
 		"comment": ""
 	},
 	"animation-range": {
@@ -83,12 +83,6 @@
 		"syntax-after": "<mix-blend-mode>#",
 		"comment": ""
 	},
-	"background-clip": {
-		"type": "modified",
-		"syntax-before": "<bg-clip>#",
-		"syntax-after": "<visual-box>#",
-		"comment": ""
-	},
 	"background-origin": {
 		"type": "modified",
 		"syntax-before": "<box>#",
@@ -665,6 +659,12 @@
 		"syntax-after": "<line-width>",
 		"comment": ""
 	},
+	"column-span": {
+		"type": "modified",
+		"syntax-before": "none | all",
+		"syntax-after": "none | <integer [1,∞]> | all | auto",
+		"comment": ""
+	},
 	"column-width": {
 		"type": "modified",
 		"syntax-before": "<length> | auto",
@@ -950,7 +950,7 @@
 	"font-size-adjust": {
 		"type": "modified",
 		"syntax-before": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
-		"syntax-after": "none | <number [0,∞]>",
+		"syntax-after": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
 		"comment": ""
 	},
 	"font-style": {
@@ -1037,10 +1037,22 @@
 		"syntax-after": "auto | 0deg | 90deg | 0 | 90",
 		"comment": ""
 	},
+	"grid-template-columns": {
+		"type": "modified",
+		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
+		"syntax-after": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
+		"comment": ""
+	},
+	"grid-template-rows": {
+		"type": "modified",
+		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
+		"syntax-after": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
+		"comment": ""
+	},
 	"height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"hyphenate-limit-chars": {
@@ -1163,12 +1175,6 @@
 		"syntax-after": "auto | <length-percentage>",
 		"comment": ""
 	},
-	"letter-spacing": {
-		"type": "modified",
-		"syntax-before": "normal | <length-percentage>",
-		"syntax-after": "normal | <length>",
-		"comment": ""
-	},
 	"lighting-color": {
 		"type": "added",
 		"syntax-before": "",
@@ -1370,7 +1376,7 @@
 	"max-height": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"syntax-after": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"max-inline-size": {
@@ -1388,7 +1394,7 @@
 	"max-width": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"syntax-after": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"min-block-size": {
@@ -1400,7 +1406,7 @@
 	"min-height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"min-inline-size": {
@@ -1418,7 +1424,7 @@
 	"min-width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"mix-blend-mode": {
@@ -1451,6 +1457,12 @@
 		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
 		"comment": ""
 	},
+	"object-fit": {
+		"type": "modified",
+		"syntax-before": "fill | contain | cover | none | scale-down",
+		"syntax-after": "fill | none | [ contain | cover ] || scale-down",
+		"comment": ""
+	},
 	"object-view-box": {
 		"type": "added",
 		"syntax-before": "",
@@ -2090,13 +2102,13 @@
 	"text-align": {
 		"type": "modified",
 		"syntax-before": "start | end | left | right | center | justify | match-parent",
-		"syntax-after": "start | end | left | right | center | justify | match-parent | justify-all",
+		"syntax-after": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
 		"comment": ""
 	},
 	"text-align-all": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "start | end | left | right | center | justify | match-parent",
+		"syntax-after": "start | end | left | right | center | <string> | justify | match-parent",
 		"comment": ""
 	},
 	"text-align-last": {
@@ -2138,13 +2150,7 @@
 	"text-decoration": {
 		"type": "modified",
 		"syntax-before": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
-		"syntax-after": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>",
-		"comment": ""
-	},
-	"text-decoration-line": {
-		"type": "modified",
-		"syntax-before": "none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error",
-		"syntax-after": "none | [ underline || overline || line-through || blink ]",
+		"syntax-after": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>",
 		"comment": ""
 	},
 	"text-decoration-skip": {
@@ -2216,19 +2222,19 @@
 	"text-justify": {
 		"type": "modified",
 		"syntax-before": "auto | inter-character | inter-word | none",
-		"syntax-after": "auto | none | inter-word | inter-character",
+		"syntax-after": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
 		"comment": ""
 	},
 	"text-overflow": {
 		"type": "modified",
 		"syntax-before": "[ clip | ellipsis | <string> ]{1,2}",
-		"syntax-after": "clip | ellipsis",
+		"syntax-after": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
 		"comment": ""
 	},
 	"text-shadow": {
 		"type": "modified",
 		"syntax-before": "none | <shadow-t>#",
-		"syntax-after": "none | [ <color>? && <length>{2,3} ]#",
+		"syntax-after": "none | <shadow>#",
 		"comment": ""
 	},
 	"text-size-adjust": {
@@ -2276,7 +2282,7 @@
 	"text-underline-position": {
 		"type": "modified",
 		"syntax-before": "auto | from-font | [ under || [ left | right ] ]",
-		"syntax-after": "auto | [ under || [ left | right ] ]",
+		"syntax-after": "auto | [ from-font | under ] || [ left | right ]",
 		"comment": ""
 	},
 	"text-wrap": {
@@ -2414,7 +2420,7 @@
 	"white-space": {
 		"type": "modified",
 		"syntax-before": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces",
-		"syntax-after": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line",
+		"syntax-after": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
 		"comment": ""
 	},
 	"white-space-collapse": {
@@ -2438,13 +2444,13 @@
 	"width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
+		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"word-break": {
 		"type": "modified",
 		"syntax-before": "normal | break-all | keep-all | break-word",
-		"syntax-after": "normal | keep-all | break-all | break-word",
+		"syntax-after": "normal | break-all | keep-all | manual | auto-phrase | break-word",
 		"comment": ""
 	},
 	"word-space-transform": {
@@ -2453,6 +2459,12 @@
 		"syntax-after": "none | [ space | ideographic-space ] && auto-phrase?",
 		"comment": ""
 	},
+	"word-spacing": {
+		"type": "modified",
+		"syntax-before": "normal | <length>",
+		"syntax-after": "normal | <length-percentage>",
+		"comment": ""
+	},
 	"word-wrap": {
 		"type": "modified",
 		"syntax-before": "normal | break-word",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 04d09e6da7..50bdbcdc69 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -125,6 +125,12 @@
 		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
 		"comment": ""
 	},
+	"bg-position": {
+		"type": "modified",
+		"syntax-before": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
+		"syntax-after": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]",
+		"comment": ""
+	},
 	"bg-size": {
 		"type": "modified",
 		"syntax-before": "[ <length-percentage> | auto ]{1,2} | cover | contain",
@@ -230,13 +236,13 @@
 	"color": {
 		"type": "modified",
 		"syntax-before": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>",
-		"syntax-after": "<color-base> | currentColor | <system-color>",
+		"syntax-after": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
 		"comment": ""
 	},
 	"color-base": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<hex-color> | <color-function> | <named-color> | transparent",
+		"syntax-after": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
 		"comment": ""
 	},
 	"color-font-tech": {
@@ -254,7 +260,7 @@
 	"color-interpolation-method": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]",
+		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]",
 		"comment": ""
 	},
 	"color-layers()": {
@@ -272,7 +278,7 @@
 	"color-space": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<rectangular-color-space> | <polar-color-space>",
+		"syntax-after": "<rectangular-color-space> | <polar-color-space> | <custom-color-space>",
 		"comment": ""
 	},
 	"color-stop-list": {
@@ -674,7 +680,7 @@
 	"gradient": {
 		"type": "modified",
 		"syntax-before": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
-		"syntax-after": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
+		"syntax-after": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]",
 		"comment": ""
 	},
 	"grid-line": {
@@ -710,13 +716,13 @@
 	"hwb()": {
 		"type": "modified",
 		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"image": {
 		"type": "modified",
 		"syntax-before": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
-		"syntax-after": "<url> | <gradient>",
+		"syntax-after": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>",
 		"comment": ""
 	},
 	"image-1D": {
@@ -773,12 +779,24 @@
 		"syntax-after": "from | to | <percentage [0,100]>",
 		"comment": ""
 	},
+	"lab()": {
+		"type": "modified",
+		"syntax-before": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
 	"layout-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> | margin-box",
 		"comment": ""
 	},
+	"lch()": {
+		"type": "modified",
+		"syntax-before": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
 	"legacy-device-cmyk-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -839,12 +857,6 @@
 		"syntax-after": "<length [0,∞]> | thin | medium | thick",
 		"comment": ""
 	},
-	"linear-color-stop": {
-		"type": "modified",
-		"syntax-before": "<color> <color-stop-length>?",
-		"syntax-after": "<color> <length-percentage>?",
-		"comment": ""
-	},
 	"linear-easing-function": {
 		"type": "added",
 		"syntax-before": "",
@@ -854,7 +866,7 @@
 	"linear-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>",
+		"syntax-after": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
 		"comment": ""
 	},
 	"linear-gradient()": {
@@ -917,18 +929,6 @@
 		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
 		"comment": ""
 	},
-	"media-feature": {
-		"type": "modified",
-		"syntax-before": "( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
-		"syntax-after": "[ <mf-plain> | <mf-boolean> | <mf-range> ]",
-		"comment": ""
-	},
-	"media-in-parens": {
-		"type": "modified",
-		"syntax-before": "( <media-condition> ) | <media-feature> | <general-enclosed>",
-		"syntax-after": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>",
-		"comment": ""
-	},
 	"media-or": {
 		"type": "modified",
 		"syntax-before": "<media-in-parens> [ or <media-in-parens> ]+",
@@ -992,25 +992,25 @@
 	"modern-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"modern-hsla-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"modern-rgb-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"modern-rgba-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"move-command": {
@@ -1040,13 +1040,13 @@
 	"oklab()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"oklch()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"opacity-value": {
@@ -1208,7 +1208,7 @@
 	"radial-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>",
+		"syntax-after": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
 		"comment": ""
 	},
 	"radial-gradient()": {
@@ -1283,6 +1283,12 @@
 		"syntax-after": "<relative-real-selector>#",
 		"comment": ""
 	},
+	"repeat-style": {
+		"type": "modified",
+		"syntax-before": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
+		"syntax-after": "repeat-x | repeat-y | <repetition>{1,2}",
+		"comment": ""
+	},
 	"repeating-conic-gradient()": {
 		"type": "modified",
 		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
@@ -1394,7 +1400,7 @@
 	"single-animation": {
 		"type": "modified",
 		"syntax-before": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
-		"syntax-after": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
+		"syntax-after": "<'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>",
 		"comment": ""
 	},
 	"single-animation-iteration-count": {
@@ -1409,6 +1415,12 @@
 		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
 		"comment": ""
 	},
+	"single-transition": {
+		"type": "modified",
+		"syntax-before": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
+		"syntax-after": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>",
+		"comment": ""
+	},
 	"smooth-command": {
 		"type": "added",
 		"syntax-before": "",
@@ -1484,7 +1496,7 @@
 	"supports-feature": {
 		"type": "modified",
 		"syntax-before": "<supports-decl> | <supports-selector-fn>",
-		"syntax-after": "<supports-decl>",
+		"syntax-after": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
 		"comment": ""
 	},
 	"supports-font-format-fn": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
index f29e8ce7a8..2213f9fea6 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
@@ -45,7 +45,7 @@
 		"syntax": "<single-animation-direction>#"
 	},
 	"animation-duration": {
-		"syntax": "<time [0s,∞]>#"
+		"syntax": "[ auto | <time [0s,∞]> ]#"
 	},
 	"animation-fill-mode": {
 		"syntax": "<single-animation-fill-mode>#"
@@ -105,7 +105,7 @@
 		"syntax": "<mix-blend-mode>#"
 	},
 	"background-clip": {
-		"syntax": "<visual-box>#"
+		"syntax": "<bg-clip>#"
 	},
 	"-moz-background-clip": {
 		"syntax": "padding | border"
@@ -609,7 +609,7 @@
 		"syntax": "<line-width>"
 	},
 	"column-span": {
-		"syntax": "none | all"
+		"syntax": "none | <integer [1,∞]> | all | auto"
 	},
 	"column-width": {
 		"syntax": "<length> | auto | min-content | max-content | fit-content( <length-percentage> )"
@@ -879,7 +879,7 @@
 		"syntax": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math"
 	},
 	"font-size-adjust": {
-		"syntax": "none | <number [0,∞]>"
+		"syntax": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]"
 	},
 	"font-smooth": {
 		"syntax": "auto | never | always | <absolute-size> | <length>"
@@ -1023,16 +1023,16 @@
 		"syntax": "none | <string>+"
 	},
 	"grid-template-columns": {
-		"syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?"
+		"syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry"
 	},
 	"grid-template-rows": {
-		"syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?"
+		"syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry"
 	},
 	"hanging-punctuation": {
 		"syntax": "none | [ first || [ force-end | allow-end ] || last ]"
 	},
 	"height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain"
 	},
 	"-ms-high-contrast-adjust": {
 		"syntax": "auto | none"
@@ -1152,7 +1152,7 @@
 		"syntax": "auto | <length-percentage>"
 	},
 	"letter-spacing": {
-		"syntax": "normal | <length>"
+		"syntax": "normal | <length-percentage>"
 	},
 	"lighting-color": {
 		"syntax": "<color>"
@@ -1362,7 +1362,7 @@
 		"syntax": "<'max-width'> | stretch | fit-content | contain"
 	},
 	"max-height": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain"
 	},
 	"max-inline-size": {
 		"syntax": "<'max-width'> | stretch | fit-content | contain"
@@ -1371,13 +1371,13 @@
 		"syntax": "none | <integer [1,∞]>"
 	},
 	"max-width": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain"
 	},
 	"min-block-size": {
 		"syntax": "<'min-width'> | stretch | fit-content | contain"
 	},
 	"min-height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain"
 	},
 	"min-inline-size": {
 		"syntax": "<'min-width'> | stretch | fit-content | contain"
@@ -1386,7 +1386,7 @@
 		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
 	},
 	"min-width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain"
 	},
 	"mix-blend-mode": {
 		"syntax": "<blend-mode> | plus-darker | plus-lighter"
@@ -1404,7 +1404,7 @@
 		"syntax": "auto | <id> [ current | root | <target-name> ]?"
 	},
 	"object-fit": {
-		"syntax": "fill | contain | cover | none | scale-down"
+		"syntax": "fill | none | [ contain | cover ] || scale-down"
 	},
 	"object-position": {
 		"syntax": "<position>"
@@ -2013,10 +2013,10 @@
 		"syntax": "<color>"
 	},
 	"text-align": {
-		"syntax": "start | end | left | right | center | justify | match-parent | justify-all"
+		"syntax": "start | end | left | right | center | <string> | justify | match-parent | justify-all"
 	},
 	"text-align-all": {
-		"syntax": "start | end | left | right | center | justify | match-parent"
+		"syntax": "start | end | left | right | center | <string> | justify | match-parent"
 	},
 	"text-align-last": {
 		"syntax": "auto | start | end | left | right | center | justify | match-parent"
@@ -2046,13 +2046,13 @@
 		"syntax": "none | all | [ digits <integer [2,4]>? ]"
 	},
 	"text-decoration": {
-		"syntax": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>"
+		"syntax": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>"
 	},
 	"text-decoration-color": {
 		"syntax": "<color>"
 	},
 	"text-decoration-line": {
-		"syntax": "none | [ underline || overline || line-through || blink ]"
+		"syntax": "none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error"
 	},
 	"text-decoration-skip": {
 		"syntax": "none | auto"
@@ -2103,13 +2103,13 @@
 		"syntax": "[ <length-percentage> ] && hanging? && each-line?"
 	},
 	"text-justify": {
-		"syntax": "auto | none | inter-word | inter-character"
+		"syntax": "[ auto | none | inter-word | inter-character | ruby ] || no-compress"
 	},
 	"text-orientation": {
 		"syntax": "mixed | upright | sideways"
 	},
 	"text-overflow": {
-		"syntax": "clip | ellipsis"
+		"syntax": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}"
 	},
 	"text-rendering": {
 		"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision"
@@ -2118,7 +2118,7 @@
 		"syntax": "none | circle | disc | square"
 	},
 	"text-shadow": {
-		"syntax": "none | [ <color>? && <length>{2,3} ]#"
+		"syntax": "none | <shadow>#"
 	},
 	"text-size-adjust": {
 		"syntax": "auto | none | <percentage [0,∞]>"
@@ -2145,7 +2145,7 @@
 		"syntax": "auto | <length-percentage>"
 	},
 	"text-underline-position": {
-		"syntax": "auto | [ under || [ left | right ] ]"
+		"syntax": "auto | [ from-font | under ] || [ left | right ]"
 	},
 	"text-wrap": {
 		"syntax": "<'text-wrap-mode'> || <'text-wrap-style'>"
@@ -2292,7 +2292,7 @@
 		"syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"
 	},
 	"white-space": {
-		"syntax": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line"
+		"syntax": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>"
 	},
 	"white-space-collapse": {
 		"syntax": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces"
@@ -2304,7 +2304,7 @@
 		"syntax": "<integer [1,∞]>"
 	},
 	"width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>"
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content | stretch | fit-content | contain"
 	},
 	"will-change": {
 		"syntax": "auto | <animateable-feature>#"
@@ -2316,13 +2316,13 @@
 		"syntax": "default | menu | tooltip | sheet | none"
 	},
 	"word-break": {
-		"syntax": "normal | keep-all | break-all | break-word"
+		"syntax": "normal | break-all | keep-all | manual | auto-phrase | break-word"
 	},
 	"word-space-transform": {
 		"syntax": "none | [ space | ideographic-space ] && auto-phrase?"
 	},
 	"word-spacing": {
-		"syntax": "normal | <length>"
+		"syntax": "normal | <length-percentage>"
 	},
 	"word-wrap": {
 		"syntax": "normal | break-word | anywhere"
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index 150aabe478..88083f58b0 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -117,7 +117,7 @@
 		"syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
 	},
 	"bg-position": {
-		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
+		"syntax": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]"
 	},
 	"bg-size": {
 		"syntax": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain"
@@ -210,13 +210,13 @@
 		"syntax": "<number> | <percentage> | none"
 	},
 	"color": {
-		"syntax": "<color-base> | currentColor | <system-color>"
+		"syntax": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>"
 	},
 	"-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"
 	},
 	"color-base": {
-		"syntax": "<hex-color> | <color-function> | <named-color> | transparent"
+		"syntax": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent"
 	},
 	"color-font-tech": {
 		"syntax": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]"
@@ -225,7 +225,7 @@
 		"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>? ]"
+		"syntax": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]"
 	},
 	"color-layers()": {
 		"syntax": "color-layers( [ <blend-mode> , ]? <color># )"
@@ -234,7 +234,7 @@
 		"syntax": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )"
 	},
 	"color-space": {
-		"syntax": "<rectangular-color-space> | <polar-color-space>"
+		"syntax": "<rectangular-color-space> | <polar-color-space> | <custom-color-space>"
 	},
 	"color-stop": {
 		"syntax": "<color-stop-length> | <color-stop-angle>"
@@ -615,7 +615,7 @@
 		"syntax": "<shape-box> | fill-box | stroke-box | view-box"
 	},
 	"gradient": {
-		"syntax": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>"
+		"syntax": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]"
 	},
 	"-legacy-gradient": {
 		"syntax": "<-webkit-gradient()> | <-legacy-linear-gradient> | <-legacy-repeating-linear-gradient> | <-legacy-radial-gradient> | <-legacy-repeating-radial-gradient>"
@@ -663,13 +663,13 @@
 		"syntax": "[ hline | vline ] <by-to> <length-percentage>"
 	},
 	"hwb()": {
-		"syntax": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+		"syntax": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	"hypot()": {
 		"syntax": "hypot( <calc-sum># )"
 	},
 	"image": {
-		"syntax": "<url> | <gradient>"
+		"syntax": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>"
 	},
 	"image-1D": {
 		"syntax": "<stripes()>"
@@ -723,7 +723,7 @@
 		"syntax": "<custom-ident> | <string>"
 	},
 	"lab()": {
-		"syntax": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+		"syntax": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	"layer-name": {
 		"syntax": "<ident> [ '.' <ident> ]*"
@@ -735,7 +735,7 @@
 		"syntax": "<visual-box> | margin-box"
 	},
 	"lch()": {
-		"syntax": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )"
+		"syntax": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	"leader-type": {
 		"syntax": "dotted | solid | space | <string>"
@@ -789,7 +789,7 @@
 		"syntax": "<length-percentage>"
 	},
 	"linear-color-stop": {
-		"syntax": "<color> <length-percentage>?"
+		"syntax": "<color> <color-stop-length>?"
 	},
 	"linear-easing-function": {
 		"syntax": "linear( <linear-stop-list> )"
@@ -801,7 +801,7 @@
 		"syntax": "[ <angle> | <side-or-corner> ]? , <color-stop-list>"
 	},
 	"linear-gradient-syntax": {
-		"syntax": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>"
+		"syntax": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>"
 	},
 	"linear-gradient()": {
 		"syntax": "linear-gradient( [ <linear-gradient-syntax> ] )"
@@ -870,10 +870,10 @@
 		"syntax": "<media-not> | <media-in-parens> <media-and>*"
 	},
 	"media-feature": {
-		"syntax": "[ <mf-plain> | <mf-boolean> | <mf-range> ]"
+		"syntax": "( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
 	},
 	"media-in-parens": {
-		"syntax": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>"
+		"syntax": "( <media-condition> ) | <media-feature> | <general-enclosed>"
 	},
 	"media-not": {
 		"syntax": "not <media-in-parens>"
@@ -939,16 +939,16 @@
 		"syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )"
 	},
 	"modern-hsl-syntax": {
-		"syntax": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+		"syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	"modern-hsla-syntax": {
-		"syntax": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+		"syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	"modern-rgb-syntax": {
-		"syntax": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
+		"syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
 	},
 	"modern-rgba-syntax": {
-		"syntax": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
+		"syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
 	},
 	"move-command": {
 		"syntax": "move <by-to> <coordinate-pair>"
@@ -996,10 +996,10 @@
 		"syntax": "<ray()> | <url> | <basic-shape>"
 	},
 	"oklab()": {
-		"syntax": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+		"syntax": "oklab( [ from <color> ]? [ <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 ] ]? )"
+		"syntax": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	"opacity-value": {
 		"syntax": "<number> | <percentage>"
@@ -1137,7 +1137,7 @@
 		"syntax": "closest-side | closest-corner | farthest-side | farthest-corner | contain | cover"
 	},
 	"radial-gradient-syntax": {
-		"syntax": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>"
+		"syntax": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>"
 	},
 	"radial-gradient()": {
 		"syntax": "radial-gradient( [ <radial-gradient-syntax> ] )"
@@ -1191,7 +1191,7 @@
 		"syntax": "rem( <calc-sum> , <calc-sum> )"
 	},
 	"repeat-style": {
-		"syntax": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}"
+		"syntax": "repeat-x | repeat-y | <repetition>{1,2}"
 	},
 	"repeating-conic-gradient()": {
 		"syntax": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )"
@@ -1326,7 +1326,7 @@
 		"syntax": "sin( <calc-sum> )"
 	},
 	"single-animation": {
-		"syntax": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
+		"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"
@@ -1347,7 +1347,7 @@
 		"syntax": "auto | none | <dashed-ident> | <scroll()> | <view()>"
 	},
 	"single-transition": {
-		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>"
+		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>"
 	},
 	"single-transition-property": {
 		"syntax": "all | <custom-ident>"
@@ -1419,7 +1419,7 @@
 		"syntax": "( <declaration> )"
 	},
 	"supports-feature": {
-		"syntax": "<supports-decl>"
+		"syntax": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>"
 	},
 	"supports-font-format-fn": {
 		"syntax": "font-format( <font-format> )"
diff --git a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
new file mode 100644
index 0000000000..9d3c23c0fa
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
@@ -0,0 +1,95 @@
+export function apply_patches(patches, onto) {
+	let flaws = 0;
+
+	let has_missing_patches = false;
+	let has_outdated_patches = false;
+	let has_unmerged_patches = false;
+
+	let properties = Object(null);
+
+	for (const [name, definition] of Object.entries(onto.properties)) {
+		const patch = patches.properties[name];
+		if (!patch) {
+			console.log(`Missing patch for property '${name}'`);
+			has_missing_patches = true;
+			flaws++;
+
+			continue;
+		}
+
+		if (
+			patch['syntax-before'] !== definition['syntax-before'] ||
+			patch['syntax-after'] !== definition['syntax-after']
+		) {
+			console.log(`Outdated patch for property '${name}'`);
+			has_outdated_patches = true;
+			flaws++;
+
+			continue;
+		}
+
+		if (patch.omit) {
+			continue;
+		}
+
+		if (!patch['merged']) {
+			console.log(`Unmerged patch for property '${name}'`);
+			has_unmerged_patches = true;
+			flaws++;
+
+			continue;
+		}
+
+		properties[name] = patch['merged'];
+	}
+
+	let types = Object(null);
+
+	for (const [name, definition] of Object.entries(onto.types)) {
+		const patch = patches.types[name];
+		if (!patch) {
+			console.log(`Missing patch for property '${name}'`);
+			has_missing_patches = true;
+			flaws++;
+
+			continue;
+		}
+
+		if (
+			patch['syntax-before'] !== definition['syntax-before'] ||
+			patch['syntax-after'] !== definition['syntax-after']
+		) {
+			console.log(`Outdated patch for property '${name}'`);
+			has_outdated_patches = true;
+			flaws++;
+
+			continue;
+		}
+
+		if (patch.omit) {
+			continue;
+		}
+
+		if (!patch['merged']) {
+			console.log(`Unmerged patch for property '${name}'`);
+			has_unmerged_patches = true;
+			flaws++;
+
+			continue;
+		}
+
+		types[name] = patch['merged'];
+	}
+
+	// Manual patches to smooth over compat between csstree and webref/css
+	types['dashed-ident'] = '<custom-property-name>';
+
+	return {
+		properties,
+		types,
+		has_missing_patches,
+		has_outdated_patches,
+		has_unmerged_patches,
+		flaws,
+	};
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 9d22fb7402..d349920a93 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -1,5 +1,5 @@
 import css from '@webref/css';
-import { fork } from 'css-tree';
+import { fork, definitionSyntax } from 'css-tree';
 import { generate_set } from './generate-set.mjs';
 import { trim_lt_gt } from './trim-lt-gt.mjs';
 
@@ -15,7 +15,23 @@ export async function generate_webref_sets() {
 	const values = Object(null);
 
 	const parsedFiles = await css.listAll();
-	for (const [, data] of Object.entries(parsedFiles)) {
+	const entries = Array.from(Object.entries(parsedFiles));
+
+	entries.sort((a, b) => {
+		const name_a = a[0].replace(/-\d+$/, '');
+		const name_b = b[0].replace(/-\d+$/, '');
+
+		if (name_a !== name_b) {
+			return name_a.localeCompare(name_b);
+		}
+
+		const level_a = parseInt((a[0].match(/-(\d+)$/) ?? [])[1] ?? '0', 10);
+		const level_b = parseInt((b[0].match(/-(\d+)$/) ?? [])[1] ?? '0', 10);
+
+		return level_a - level_b;
+	});
+
+	for (const [, data] of entries) {
 		for (const property of data.properties) {
 			if (property.value || property.newValues) {
 				properties[property.name] = (property.newValues ? ' | ' + property.newValues : property.value);
@@ -54,8 +70,41 @@ export async function generate_webref_sets() {
 		types: values,
 	}).lexer;
 
+	const properties_set = generate_set(forkedLexer.properties);
+	const types_set = generate_set(forkedLexer.types);
+
+	const used = new Set();
+
+	for (const [, definition] of Object.entries(types_set)) {
+		definitionSyntax.walk(
+			definitionSyntax.parse(definition.syntax),
+			{
+				enter(node) {
+					if (node.type === 'Type') {
+						used.add(node.name);
+					}
+				},
+			},
+		);
+	}
+
+	for (const [name, definition] of Object.entries(properties_set)) {
+		used.add(name);
+
+		definitionSyntax.walk(
+			definitionSyntax.parse(definition.syntax),
+			{
+				enter(node) {
+					if (node.type === 'Type') {
+						used.add(node.name);
+					}
+				},
+			},
+		);
+	}
+
 	return {
-		properties: generate_set(forkedLexer.properties),
-		types: generate_set(forkedLexer.types),
+		properties: properties_set,
+		types: types_set,
 	};
 }
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 9f22d24ac8..7fb22965a8 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -10,6 +10,8 @@
 //   5. each patch entry needs to match the source of csstree and the source of webref
 //   6. the manually resolved conflict is also stored in the `patches.json` file
 //   This gives us an automated mechanic to detect updates and to ensure that `patches.json` is always as small as needed
+// - backwards compat
+//   given that syntaxes are extensive users might depend on a specific type. No types can be removed or altered in a breaking way in semver patches or minors
 
 import { fork, parse } from 'css-tree';
 
@@ -19,6 +21,7 @@ import { write_set_files } from './write-set-files.mjs';
 import { diff_sets } from './diff-sets.mjs';
 import { read_patches } from './read-patches.mjs';
 import { write_final_file } from './write-final-file.mjs';
+import { apply_patches } from './apply-patches.mjs';
 
 const csstree_sets = await generate_csstree_sets();
 const webref_sets = await generate_webref_sets();
@@ -35,154 +38,106 @@ const SINGULAR = {
 	'properties': 'property',
 };
 
-let has_missing_patches = false;
-let has_outdated_patches = false;
 let has_missing_patch_tests = false;
 let has_invalid_items = false;
 let has_failing_tests = false;
-
-const property_patches = Object(null);
-const type_patches = Object(null);
-
-{
-	// Properties
-	for (const [name, definition] of Object.entries(webref_over_csstree_sets.properties)) {
-		const patch = patches.webref_over_csstree.properties[name];
-		if (!patch) {
-			console.log(`Missing patch for property '${name}'`);
-			has_missing_patches = true;
-
-			continue;
-		}
-
-		if (
-			patch['syntax-before'] !== definition['syntax-before'] ||
-			patch['syntax-after'] !== definition['syntax-after']
-		) {
-			console.log(`Outdated patch for property '${name}'`);
-			has_outdated_patches = true;
-
-			continue;
-		}
-
-		if (patch.omit) {
-			continue;
-		}
-
-		property_patches[name] = patch['merged'] ?? patch['syntax-after'];
+let flaws = 0;
+
+const {
+	properties: property_patches,
+	types: type_patches,
+	has_missing_patches,
+	has_outdated_patches,
+	has_unmerged_patches,
+	flaws: patch_flaws,
+} = apply_patches(patches.webref_over_csstree, webref_over_csstree_sets);
+
+flaws += patch_flaws;
+
+const forkedLexer = fork({
+	properties: property_patches,
+	types: type_patches,
+}).lexer;
+
+const invalid = forkedLexer.validate();
+if (invalid) {
+	for (const [kind, items] of Object.entries(invalid)) {
+		items.forEach((item) => {
+			console.log(`Unexpected invalid ${SINGULAR[kind]} '${item}'`);
+			has_invalid_items = true;
+			flaws++;
+		});
 	}
+}
 
-	// Types
-	for (const [name, definition] of Object.entries(webref_over_csstree_sets.types)) {
-		const patch = patches.webref_over_csstree.types[name];
-		if (!patch) {
-			console.log(`Missing patch for type '${name}'`);
-			has_missing_patches = true;
-
-			continue;
-		}
-
-		if (
-			patch['syntax-before'] !== definition['syntax-before'] ||
-			patch['syntax-after'] !== definition['syntax-after']
-		) {
-			console.log(`Outdated patch for type '${name}'`);
-			has_outdated_patches = true;
-
-			continue;
-		}
-
-		if (patch.omit) {
-			continue;
-		}
-
-		type_patches[name] = patch['merged'] ?? patch['syntax-after'];
+// Properties
+for (const [name] of Object.entries(webref_over_csstree_sets.properties)) {
+	const patch = patches.webref_over_csstree.properties[name];
+	if (!patch) {
+		continue;
 	}
 
-	const forkedLexer = fork({
-		properties: property_patches,
-		types: type_patches,
-	}).lexer;
-
-	const invalid = forkedLexer.validate();
-	if (invalid) {
-		for (const [kind, items] of Object.entries(invalid)) {
-			items.forEach((item) => {
-				console.log(`Unexpected invalid ${SINGULAR[kind]} '${item}'`);
-				// console.log(definitionSyntax.generate(forkedLexer[kind][item].syntax));
-				// console.log(definitionSyntax.generate(forkedLexer.types['modern-rgb-syntax'].syntax));
-
-
-				// process.exit(1);
-			});
-		}
+	if (patch.omit) {
+		continue;
 	}
 
-	// Properties
-	for (const [name] of Object.entries(webref_over_csstree_sets.properties)) {
-		const patch = patches.webref_over_csstree.properties[name];
-		if (!patch) {
-			continue;
-		}
-
-		if (patch.omit) {
-			continue;
-		}
-
-		if (!patch.tests) {
-			has_missing_patch_tests = true;
-			continue;
-		}
+	if (!patch.tests) {
+		has_missing_patch_tests = true;
+		continue;
+	}
 
-		for (const test of (patch.tests.passing ?? [])) {
-			const csstree_value_node = parse(test.value, { context: 'value' });
-			const result = forkedLexer.matchProperty(name, csstree_value_node);
-			if (result.error) {
-				console.log(`Expected no error for '${name}: ${test.value}'`);
-			}
+	for (const test of (patch.tests.passing ?? [])) {
+		const csstree_value_node = parse(test.value, { context: 'value' });
+		const result = forkedLexer.matchProperty(name, csstree_value_node);
+		if (result.error) {
+			console.log(`Expected no error for '${name}: ${test.value}'`);
+			flaws++;
 		}
+	}
 
 
-		for (const test of (patch.tests.failing ?? [])) {
-			const csstree_value_node = parse(test.value, { context: 'value' });
-			const result = forkedLexer.matchProperty(name, csstree_value_node);
-			if (!result.error) {
-				console.log(`Expected an error for '${name}: ${test.value}'`);
-			}
+	for (const test of (patch.tests.failing ?? [])) {
+		const csstree_value_node = parse(test.value, { context: 'value' });
+		const result = forkedLexer.matchProperty(name, csstree_value_node);
+		if (!result.error) {
+			console.log(`Expected an error for '${name}: ${test.value}'`);
+			flaws++;
 		}
 	}
+}
 
-	// Types
-	for (const [name] of Object.entries(webref_over_csstree_sets.types)) {
-		const patch = patches.webref_over_csstree.types[name];
-		if (!patch) {
-			continue;
-		}
+// Types
+for (const [name] of Object.entries(webref_over_csstree_sets.types)) {
+	const patch = patches.webref_over_csstree.types[name];
+	if (!patch) {
+		continue;
+	}
 
-		if (patch.omit) {
-			continue;
-		}
+	if (patch.omit) {
+		continue;
+	}
 
-		if (!patch.tests) {
-			has_missing_patch_tests = true;
-			continue;
-		}
+	if (!patch.tests) {
+		has_missing_patch_tests = true;
+		continue;
+	}
 
-		for (const test of (patch.tests.passing ?? [])) {
-			const csstree_value_node = parse(test.value, { context: 'value' });
-			const result = forkedLexer.matchProperty(test.property, csstree_value_node);
-			if (result.error) {
-				console.log(`Expected no error for '${test.property}: ${test.value}'`);
-			}
+	for (const test of (patch.tests.passing ?? [])) {
+		const csstree_value_node = parse(test.value, { context: 'value' });
+		const result = forkedLexer.matchProperty(test.property, csstree_value_node);
+		if (result.error) {
+			console.log(`Expected no error for '${test.property}: ${test.value}'`);
+			flaws++;
 		}
+	}
 
 
-		for (const test of (patch.tests.failing ?? [])) {
-			const csstree_value_node = parse(test.value, { context: 'value' });
-			const result = forkedLexer.matchProperty(test.property, csstree_value_node);
-			if (!result.error) {
-				console.log(`Expected an error for '${test.property}: ${test.value}'`);
-			}
+	for (const test of (patch.tests.failing ?? [])) {
+		const csstree_value_node = parse(test.value, { context: 'value' });
+		const result = forkedLexer.matchProperty(test.property, csstree_value_node);
+		if (!result.error) {
+			console.log(`Expected an error for '${test.property}: ${test.value}'`);
+			flaws++;
 		}
 	}
 }
@@ -201,7 +156,7 @@ await write_final_file({
 });
 
 {
-	if (has_missing_patches || has_outdated_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {
+	if (has_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {
 		console.log('-------------------');
 	}
 
@@ -213,6 +168,10 @@ await write_final_file({
 		console.warn('Not all patches have been updated');
 	}
 
+	if (has_unmerged_patches) {
+		console.warn('Not all patches have been merged');
+	}
+
 	if (has_missing_patch_tests) {
 		console.warn('Not all patches have test coverage');
 	}
@@ -225,7 +184,10 @@ await write_final_file({
 		console.warn('Not all tests passed');
 	}
 
-	if (has_missing_patches || has_outdated_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {
+	console.log(`${flaws} flaws to resolve`);
+
+
+	if (has_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {
 		process.exit(1);
 	}
 }

From e03c7e3806578b5644e89f33f7cb4f786981d16f Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 28 Aug 2024 12:12:49 +0200
Subject: [PATCH 08/66] wip

---
 .../dist/index.json                           |  9 ++
 .../patches/webref-over-csstree-types.json    | 74 ++++++++++++++++
 .../raw-data/webref-over-csstree-types.json   | 84 +++++++++++++++++++
 .../raw-data/webref-types.json                | 34 ++++++--
 .../scripts/apply-patches.mjs                 |  6 +-
 .../scripts/generate-webref-sets.mjs          |  4 +
 .../scripts/index.mjs                         | 10 +++
 .../scripts/write-patches.mjs                 | 18 ++++
 8 files changed, 228 insertions(+), 11 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index cebc0c8699..2bacf63e9b 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -10,7 +10,16 @@
 			"position-anchor": "auto | <custom-property-name>"
 		},
 		"types": {
+			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
+			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
+			"predefined-polar-params": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+			"predefined-rectangular": "jzazbz | ictcp",
+			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+			"predefined-rgb-params": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+			"xyz": "xyz | xyz-d50 | xyz-d65",
+			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
 			"dashed-ident": "<custom-property-name>"
 		}
 	}
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index a8ab9906af..7efbb37530 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -231,12 +231,32 @@
 		"type": "modified",
 		"syntax-before": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>",
 		"syntax-after": "<color-base> | currentColor | <system-color>",
+		"merged": "<color-base> | currentColor | <system-color>",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "currentcolor"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "current-color"
+				},
+				{
+					"property": "color",
+					"value": "10px"
+				}
+			]
+		},
 		"comment": ""
 	},
 	"color-base": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<hex-color> | <color-function> | <named-color> | transparent",
+		"merged": "<hex-color> | <color-function> | <named-color> | transparent",
 		"comment": ""
 	},
 	"color-font-tech": {
@@ -297,6 +317,29 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
+		"merged": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "color(xyz 0 0 0)"
+				},
+				{
+					"property": "color",
+					"value": "color(xyz-d50 0 0 0)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "color(xyz 0 0)"
+				},
+				{
+					"property": "color",
+					"value": "color(xyz-d5 0 0 0)"
+				}
+			]
+		},
 		"comment": ""
 	},
 	"combinator": {
@@ -479,6 +522,7 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"merged": "<dashed-ident> [ <number> | <percentage> | none ]+",
 		"comment": ""
 	},
 	"custom-selector": {
@@ -1121,30 +1165,35 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"merged": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 		"comment": ""
 	},
 	"predefined-rectangular": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "jzazbz | ictcp",
+		"merged": "jzazbz | ictcp",
 		"comment": ""
 	},
 	"predefined-rectangular-params": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+		"merged": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	},
 	"predefined-rgb": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+		"merged": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 		"comment": ""
 	},
 	"predefined-rgb-params": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+		"merged": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	},
 	"progress": {
@@ -1661,18 +1710,43 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "xyz | xyz-d50 | xyz-d65",
+		"merged": "xyz | xyz-d50 | xyz-d65",
 		"comment": ""
 	},
 	"xyz-params": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
+		"merged": "<xyz> [ <number> | <percentage> | none ]{3}",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "color(xyz 0 0 0)"
+				},
+				{
+					"property": "color",
+					"value": "color(xyz-d50 0 0 0)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "color(xyz 0 0)"
+				},
+				{
+					"property": "color",
+					"value": "color(xyz-d5 0 0 0)"
+				}
+			]
+		},
 		"comment": ""
 	},
 	"xyz-space": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "xyz | xyz-d50 | xyz-d65",
+		"omit": true,
 		"comment": ""
 	}
 }
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 50bdbcdc69..d29d3b4820 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -101,6 +101,12 @@
 		"syntax-after": "[ first | last ]? && baseline",
 		"comment": ""
 	},
+	"basic-shape": {
+		"type": "modified",
+		"syntax-before": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>",
+		"syntax-after": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+		"comment": ""
+	},
 	"basic-shape-rect": {
 		"type": "added",
 		"syntax-before": "",
@@ -173,6 +179,30 @@
 		"syntax-after": "<bool-not> | <bool-in-parens> <bool-and>*",
 		"comment": ""
 	},
+	"border-style": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"comment": ""
+	},
+	"border-width": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "thin | medium | thick | <length>",
+		"comment": ""
+	},
+	"bottom": {
+		"type": "modified",
+		"syntax-before": "<length> | auto",
+		"syntax-after": "auto",
+		"comment": ""
+	},
+	"box": {
+		"type": "modified",
+		"syntax-before": "border-box | padding-box | content-box",
+		"syntax-after": "content-box | padding-box | border-box | margin-box | fill-box | stroke-box | view-box",
+		"comment": ""
+	},
 	"by-to": {
 		"type": "added",
 		"syntax-before": "",
@@ -437,6 +467,12 @@
 		"syntax-after": "<counter-style-name> | <symbols()>",
 		"comment": ""
 	},
+	"counter-style-name": {
+		"type": "modified",
+		"syntax-before": "<custom-ident>",
+		"syntax-after": "decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
+		"comment": ""
+	},
 	"cross-fade()": {
 		"type": "modified",
 		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
@@ -497,6 +533,12 @@
 		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
 		"comment": ""
 	},
+	"deprecated-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
+		"comment": ""
+	},
 	"device-cmyk()": {
 		"type": "added",
 		"syntax-before": "",
@@ -797,6 +839,12 @@
 		"syntax-after": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
+	"left": {
+		"type": "modified",
+		"syntax-before": "<length> | auto",
+		"syntax-after": "auto",
+		"comment": ""
+	},
 	"legacy-device-cmyk-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -1025,6 +1073,12 @@
 		"syntax-after": "<integer [0,1]>",
 		"comment": ""
 	},
+	"named-color": {
+		"type": "modified",
+		"syntax-before": "transparent | 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 | <-non-standard-color>",
+		"syntax-after": "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",
+		"comment": ""
+	},
 	"number-optional-number": {
 		"type": "added",
 		"syntax-before": "",
@@ -1061,6 +1115,12 @@
 		"syntax-after": "<string>",
 		"comment": ""
 	},
+	"padding-width": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length> | <percentage>",
+		"comment": ""
+	},
 	"page-selector": {
 		"type": "modified",
 		"syntax-before": "<pseudo-page>+ | <ident> <pseudo-page>*",
@@ -1289,6 +1349,12 @@
 		"syntax-after": "repeat-x | repeat-y | <repetition>{1,2}",
 		"comment": ""
 	},
+	"repeat()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto-fill | auto-fit",
+		"comment": ""
+	},
 	"repeating-conic-gradient()": {
 		"type": "modified",
 		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
@@ -1331,6 +1397,12 @@
 		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 		"comment": ""
 	},
+	"right": {
+		"type": "modified",
+		"syntax-before": "<length> | auto",
+		"syntax-after": "auto",
+		"comment": ""
+	},
 	"round()": {
 		"type": "modified",
 		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
@@ -1571,6 +1643,12 @@
 		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
 		"comment": ""
 	},
+	"system-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
+		"comment": ""
+	},
 	"system-family-name": {
 		"type": "added",
 		"syntax-before": "",
@@ -1601,6 +1679,12 @@
 		"syntax-after": "toggle( <whole-value># )",
 		"comment": ""
 	},
+	"top": {
+		"type": "modified",
+		"syntax-before": "<length> | auto",
+		"syntax-after": "auto",
+		"comment": ""
+	},
 	"track-breadth": {
 		"type": "modified",
 		"syntax-before": "<length-percentage> | <flex> | min-content | max-content | auto",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index 88083f58b0..8f8144a2c7 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -102,7 +102,7 @@
 		"syntax": "[ first | last ]? && baseline"
 	},
 	"basic-shape": {
-		"syntax": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
+		"syntax": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )"
 	},
 	"basic-shape-rect": {
 		"syntax": "<inset()> | <rect()> | <xywh()>"
@@ -146,11 +146,17 @@
 	"boolean-without-or": {
 		"syntax": "<bool-not> | <bool-in-parens> <bool-and>*"
 	},
+	"border-style": {
+		"syntax": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset"
+	},
+	"border-width": {
+		"syntax": "thin | medium | thick | <length>"
+	},
 	"bottom": {
-		"syntax": "<length> | auto"
+		"syntax": "auto"
 	},
 	"box": {
-		"syntax": "border-box | padding-box | content-box"
+		"syntax": "content-box | padding-box | border-box | margin-box | fill-box | stroke-box | view-box"
 	},
 	"brightness()": {
 		"syntax": "brightness( <number-percentage> )"
@@ -363,7 +369,7 @@
 		"syntax": "<counter-style-name> | <symbols()>"
 	},
 	"counter-style-name": {
-		"syntax": "<custom-ident>"
+		"syntax": "decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric"
 	},
 	"counter()": {
 		"syntax": "counter( <counter-name> , <counter-style>? )"
@@ -410,6 +416,9 @@
 	"declaration-list": {
 		"syntax": "[ <declaration>? ';' ]* <declaration>?"
 	},
+	"deprecated-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"
+	},
 	"deprecated-system-color": {
 		"syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText"
 	},
@@ -744,7 +753,7 @@
 		"syntax": "leader( <leader-type> )"
 	},
 	"left": {
-		"syntax": "<length> | auto"
+		"syntax": "auto"
 	},
 	"legacy-device-cmyk-syntax": {
 		"syntax": "device-cmyk( <number>#{4} )"
@@ -960,7 +969,7 @@
 		"syntax": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )"
 	},
 	"named-color": {
-		"syntax": "transparent | 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 | <-non-standard-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>"
@@ -1019,6 +1028,9 @@
 	"overflow-position": {
 		"syntax": "unsafe | safe"
 	},
+	"padding-width": {
+		"syntax": "<length> | <percentage>"
+	},
 	"page-body": {
 		"syntax": "<declaration>? [ ; <page-body> ]? | <page-margin-box> <page-body>"
 	},
@@ -1193,6 +1205,9 @@
 	"repeat-style": {
 		"syntax": "repeat-x | repeat-y | <repetition>{1,2}"
 	},
+	"repeat()": {
+		"syntax": "auto-fill | auto-fit"
+	},
 	"repeating-conic-gradient()": {
 		"syntax": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )"
 	},
@@ -1224,7 +1239,7 @@
 		"syntax": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]"
 	},
 	"right": {
-		"syntax": "<length> | auto"
+		"syntax": "auto"
 	},
 	"rotate()": {
 		"syntax": "rotate( [ <angle> | <zero> ] )"
@@ -1472,6 +1487,9 @@
 	"syntax-type": {
 		"syntax": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function"
 	},
+	"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"
 	},
@@ -1506,7 +1524,7 @@
 		"syntax": "toggle( <whole-value># )"
 	},
 	"top": {
-		"syntax": "<length> | auto"
+		"syntax": "auto"
 	},
 	"track-breadth": {
 		"syntax": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto"
diff --git a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
index 9d3c23c0fa..791d4164b4 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
@@ -48,7 +48,7 @@ export function apply_patches(patches, onto) {
 	for (const [name, definition] of Object.entries(onto.types)) {
 		const patch = patches.types[name];
 		if (!patch) {
-			console.log(`Missing patch for property '${name}'`);
+			console.log(`Missing patch for type '${name}'`);
 			has_missing_patches = true;
 			flaws++;
 
@@ -59,7 +59,7 @@ export function apply_patches(patches, onto) {
 			patch['syntax-before'] !== definition['syntax-before'] ||
 			patch['syntax-after'] !== definition['syntax-after']
 		) {
-			console.log(`Outdated patch for property '${name}'`);
+			console.log(`Outdated patch for type '${name}'`);
 			has_outdated_patches = true;
 			flaws++;
 
@@ -71,7 +71,7 @@ export function apply_patches(patches, onto) {
 		}
 
 		if (!patch['merged']) {
-			console.log(`Unmerged patch for property '${name}'`);
+			console.log(`Unmerged patch for type '${name}'`);
 			has_unmerged_patches = true;
 			flaws++;
 
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index d349920a93..bd68da6369 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -62,6 +62,10 @@ export async function generate_webref_sets() {
 					}
 				}
 			}
+
+			if (!value.value && value.values?.length > 0) {
+				values[trim_lt_gt(value.name)] = value.values.map(x => x.value).join(' | ');
+			}
 		}
 	}
 
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 7fb22965a8..75de4848a7 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -12,6 +12,11 @@
 //   This gives us an automated mechanic to detect updates and to ensure that `patches.json` is always as small as needed
 // - backwards compat
 //   given that syntaxes are extensive users might depend on a specific type. No types can be removed or altered in a breaking way in semver patches or minors
+// - make it easier to roll forwards the patches files
+//   - read existing entries
+//   - override everything with contents from raw-data
+//   - restore unchanged entries
+//   - write to disk
 
 import { fork, parse } from 'css-tree';
 
@@ -22,6 +27,7 @@ import { diff_sets } from './diff-sets.mjs';
 import { read_patches } from './read-patches.mjs';
 import { write_final_file } from './write-final-file.mjs';
 import { apply_patches } from './apply-patches.mjs';
+import { write_patches } from './write-patches.mjs';
 
 const csstree_sets = await generate_csstree_sets();
 const webref_sets = await generate_webref_sets();
@@ -148,6 +154,10 @@ await write_set_files({
 	webref_over_csstree: webref_over_csstree_sets,
 });
 
+await write_patches({
+	webref_over_csstree: webref_over_csstree_sets,
+});
+
 await write_final_file({
 	next: {
 		properties: property_patches,
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
new file mode 100644
index 0000000000..ccd1c1d04b
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
@@ -0,0 +1,18 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+export async function write_patches(sets) {
+	{
+		await fs.writeFile(
+			path.join('patches', 'webref-over-csstree-properties.json'),
+			JSON.stringify(sets.webref_over_csstree.properties, null, '\t'),
+			'utf-8',
+		);
+
+		await fs.writeFile(
+			path.join('patches', 'webref-over-csstree-types.json'),
+			JSON.stringify(sets.webref_over_csstree.types, null, '\t'),
+			'utf-8',
+		);
+	}
+}

From 9d2d5386efaebf148a1beac12d90d69ffb142dcf Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 28 Aug 2024 13:01:33 +0200
Subject: [PATCH 09/66] wip

---
 .../dist/index.json                           |   5 +
 .../webref-over-csstree-properties.json       | 244 ++++++++---
 .../patches/webref-over-csstree-types.json    | 403 +++++++++++++++---
 .../scripts/generate-set.mjs                  |  27 +-
 .../scripts/index.mjs                         |   9 +-
 .../scripts/sort-set.mjs                      |  29 ++
 .../scripts/write-patches.mjs                 |  83 +++-
 .../scripts/write-set-files.mjs               |  13 +-
 8 files changed, 656 insertions(+), 157 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/sort-set.mjs

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 2bacf63e9b..629ff76b4f 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -10,6 +10,10 @@
 			"position-anchor": "auto | <custom-property-name>"
 		},
 		"types": {
+			"color": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
+			"color-base": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
+			"color-function": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
+			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
@@ -18,6 +22,7 @@
 			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 			"predefined-rgb-params": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+			"system-color": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
 			"xyz": "xyz | xyz-d50 | xyz-d65",
 			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
 			"dashed-ident": "<custom-property-name>"
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index c544d567bf..662655fc43 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -4,7 +4,7 @@
 		"syntax-before": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
 		"syntax-after": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center",
 		"merged": "| anchor-center",
-		"tests":{
+		"tests": {
 			"passing": [
 				{
 					"value": "normal"
@@ -115,24 +115,13 @@
 	"animation-duration": {
 		"type": "modified",
 		"syntax-before": "<time>#",
-		"syntax-after": "<time [0s,∞]>#",
-		"merged": "<time [0s,∞]>#",
+		"syntax-after": "[ auto | <time [0s,∞]> ]#",
+		"comment": "",
+		"merged": false,
 		"tests": {
-			"passing": [
-				{
-					"value": "5s, 2ms, 0s"
-				},
-				{
-					"value": "5s"
-				}
-			],
-			"failing": [
-				{
-					"value": "10hz"
-				}
-			]
-		},
-		"comment": ""
+			"passing": [],
+			"failing": []
+		}
 	},
 	"animation-range": {
 		"type": "added",
@@ -202,12 +191,6 @@
 		"syntax-after": "<mix-blend-mode>#",
 		"comment": ""
 	},
-	"background-clip": {
-		"type": "modified",
-		"syntax-before": "<bg-clip>#",
-		"syntax-after": "<visual-box>#",
-		"comment": ""
-	},
 	"background-origin": {
 		"type": "modified",
 		"syntax-before": "<box>#",
@@ -784,6 +767,17 @@
 		"syntax-after": "<line-width>",
 		"comment": ""
 	},
+	"column-span": {
+		"type": "modified",
+		"syntax-before": "none | all",
+		"syntax-after": "none | <integer [1,∞]> | all | auto",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"column-width": {
 		"type": "modified",
 		"syntax-before": "<length> | auto",
@@ -1069,8 +1063,13 @@
 	"font-size-adjust": {
 		"type": "modified",
 		"syntax-before": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
-		"syntax-after": "none | <number [0,∞]>",
-		"comment": ""
+		"syntax-after": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-style": {
 		"type": "modified",
@@ -1156,11 +1155,38 @@
 		"syntax-after": "auto | 0deg | 90deg | 0 | 90",
 		"comment": ""
 	},
+	"grid-template-columns": {
+		"type": "modified",
+		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
+		"syntax-after": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"grid-template-rows": {
+		"type": "modified",
+		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
+		"syntax-after": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-		"comment": ""
+		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"hyphenate-limit-chars": {
 		"type": "added",
@@ -1282,12 +1308,6 @@
 		"syntax-after": "auto | <length-percentage>",
 		"comment": ""
 	},
-	"letter-spacing": {
-		"type": "modified",
-		"syntax-before": "normal | <length-percentage>",
-		"syntax-after": "normal | <length>",
-		"comment": ""
-	},
 	"lighting-color": {
 		"type": "added",
 		"syntax-before": "",
@@ -1489,8 +1509,13 @@
 	"max-height": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-		"comment": ""
+		"syntax-after": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"max-inline-size": {
 		"type": "modified",
@@ -1507,8 +1532,13 @@
 	"max-width": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-		"comment": ""
+		"syntax-after": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"min-block-size": {
 		"type": "modified",
@@ -1519,8 +1549,13 @@
 	"min-height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-		"comment": ""
+		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"min-inline-size": {
 		"type": "modified",
@@ -1537,8 +1572,13 @@
 	"min-width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-		"comment": ""
+		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mix-blend-mode": {
 		"type": "modified",
@@ -1570,6 +1610,17 @@
 		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
 		"comment": ""
 	},
+	"object-fit": {
+		"type": "modified",
+		"syntax-before": "fill | contain | cover | none | scale-down",
+		"syntax-after": "fill | none | [ contain | cover ] || scale-down",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"object-view-box": {
 		"type": "added",
 		"syntax-before": "",
@@ -2223,14 +2274,24 @@
 	"text-align": {
 		"type": "modified",
 		"syntax-before": "start | end | left | right | center | justify | match-parent",
-		"syntax-after": "start | end | left | right | center | justify | match-parent | justify-all",
-		"comment": ""
+		"syntax-after": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-align-all": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "start | end | left | right | center | justify | match-parent",
-		"comment": ""
+		"syntax-after": "start | end | left | right | center | <string> | justify | match-parent",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-align-last": {
 		"type": "modified",
@@ -2271,14 +2332,13 @@
 	"text-decoration": {
 		"type": "modified",
 		"syntax-before": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
-		"syntax-after": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>",
-		"comment": ""
-	},
-	"text-decoration-line": {
-		"type": "modified",
-		"syntax-before": "none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error",
-		"syntax-after": "none | [ underline || overline || line-through || blink ]",
-		"comment": ""
+		"syntax-after": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-decoration-skip": {
 		"type": "modified",
@@ -2349,20 +2409,35 @@
 	"text-justify": {
 		"type": "modified",
 		"syntax-before": "auto | inter-character | inter-word | none",
-		"syntax-after": "auto | none | inter-word | inter-character",
-		"comment": ""
+		"syntax-after": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-overflow": {
 		"type": "modified",
 		"syntax-before": "[ clip | ellipsis | <string> ]{1,2}",
-		"syntax-after": "clip | ellipsis",
-		"comment": ""
+		"syntax-after": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-shadow": {
 		"type": "modified",
 		"syntax-before": "none | <shadow-t>#",
-		"syntax-after": "none | [ <color>? && <length>{2,3} ]#",
-		"comment": ""
+		"syntax-after": "none | <shadow>#",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-size-adjust": {
 		"type": "modified",
@@ -2409,8 +2484,13 @@
 	"text-underline-position": {
 		"type": "modified",
 		"syntax-before": "auto | from-font | [ under || [ left | right ] ]",
-		"syntax-after": "auto | [ under || [ left | right ] ]",
-		"comment": ""
+		"syntax-after": "auto | [ from-font | under ] || [ left | right ]",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-wrap": {
 		"type": "added",
@@ -2547,8 +2627,13 @@
 	"white-space": {
 		"type": "modified",
 		"syntax-before": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces",
-		"syntax-after": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line",
-		"comment": ""
+		"syntax-after": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"white-space-collapse": {
 		"type": "added",
@@ -2571,14 +2656,24 @@
 	"width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()>",
-		"comment": ""
+		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content | stretch | fit-content | contain",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"word-break": {
 		"type": "modified",
 		"syntax-before": "normal | break-all | keep-all | break-word",
-		"syntax-after": "normal | keep-all | break-all | break-word",
-		"comment": ""
+		"syntax-after": "normal | break-all | keep-all | manual | auto-phrase | break-word",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"word-space-transform": {
 		"type": "added",
@@ -2586,6 +2681,17 @@
 		"syntax-after": "none | [ space | ideographic-space ] && auto-phrase?",
 		"comment": ""
 	},
+	"word-spacing": {
+		"type": "modified",
+		"syntax-before": "normal | <length>",
+		"syntax-after": "normal | <length-percentage>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"word-wrap": {
 		"type": "modified",
 		"syntax-before": "normal | break-word",
@@ -2652,4 +2758,4 @@
 		"syntax-after": "<number [0,∞]> || <percentage [0,∞]>",
 		"comment": ""
 	}
-}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 7efbb37530..dae3417623 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -101,6 +101,17 @@
 		"syntax-after": "[ first | last ]? && baseline",
 		"comment": ""
 	},
+	"basic-shape": {
+		"type": "modified",
+		"syntax-before": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>",
+		"syntax-after": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"basic-shape-rect": {
 		"type": "added",
 		"syntax-before": "",
@@ -125,6 +136,17 @@
 		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
 		"comment": ""
 	},
+	"bg-position": {
+		"type": "modified",
+		"syntax-before": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
+		"syntax-after": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"bg-size": {
 		"type": "modified",
 		"syntax-before": "[ <length-percentage> | auto ]{1,2} | cover | contain",
@@ -167,6 +189,50 @@
 		"syntax-after": "<bool-not> | <bool-in-parens> <bool-and>*",
 		"comment": ""
 	},
+	"border-style": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-width": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "thin | medium | thick | <length>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"bottom": {
+		"type": "modified",
+		"syntax-before": "<length> | auto",
+		"syntax-after": "auto",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"box": {
+		"type": "modified",
+		"syntax-before": "border-box | padding-box | content-box",
+		"syntax-after": "content-box | padding-box | border-box | margin-box | fill-box | stroke-box | view-box",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"by-to": {
 		"type": "added",
 		"syntax-before": "",
@@ -230,8 +296,8 @@
 	"color": {
 		"type": "modified",
 		"syntax-before": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>",
-		"syntax-after": "<color-base> | currentColor | <system-color>",
-		"merged": "<color-base> | currentColor | <system-color>",
+		"syntax-after": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
+		"merged": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
 		"tests": {
 			"passing": [
 				{
@@ -255,9 +321,13 @@
 	"color-base": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<hex-color> | <color-function> | <named-color> | transparent",
-		"merged": "<hex-color> | <color-function> | <named-color> | transparent",
-		"comment": ""
+		"syntax-after": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
+		"comment": "",
+		"merged": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color-font-tech": {
 		"type": "added",
@@ -269,13 +339,19 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
+		"merged": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
 		"comment": ""
 	},
 	"color-interpolation-method": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]",
-		"comment": ""
+		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color-layers()": {
 		"type": "added",
@@ -292,8 +368,13 @@
 	"color-space": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<rectangular-color-space> | <polar-color-space>",
-		"comment": ""
+		"syntax-after": "<rectangular-color-space> | <polar-color-space> | <custom-color-space>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color-stop-list": {
 		"type": "modified",
@@ -311,6 +392,25 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"merged": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "color(xyz 0 0 0)"
+				},
+				{
+					"property": "color",
+					"value": "color(from red xyz 0 0 0)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "color(red from xyz 0 0 0)"
+				}
+			]
+		},
 		"comment": ""
 	},
 	"colorspace-params": {
@@ -476,6 +576,17 @@
 		"syntax-after": "<counter-style-name> | <symbols()>",
 		"comment": ""
 	},
+	"counter-style-name": {
+		"type": "modified",
+		"syntax-before": "<custom-ident>",
+		"syntax-after": "decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"cross-fade()": {
 		"type": "modified",
 		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
@@ -537,6 +648,17 @@
 		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
 		"comment": ""
 	},
+	"deprecated-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"device-cmyk()": {
 		"type": "added",
 		"syntax-before": "",
@@ -720,8 +842,13 @@
 	"gradient": {
 		"type": "modified",
 		"syntax-before": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
-		"syntax-after": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
-		"comment": ""
+		"syntax-after": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"grid-line": {
 		"type": "modified",
@@ -756,14 +883,24 @@
 	"hwb()": {
 		"type": "modified",
 		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
+		"syntax-after": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"image": {
 		"type": "modified",
 		"syntax-before": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
-		"syntax-after": "<url> | <gradient>",
-		"comment": ""
+		"syntax-after": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"image-1D": {
 		"type": "added",
@@ -819,12 +956,45 @@
 		"syntax-after": "from | to | <percentage [0,100]>",
 		"comment": ""
 	},
+	"lab()": {
+		"type": "modified",
+		"syntax-before": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"layout-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> | margin-box",
 		"comment": ""
 	},
+	"lch()": {
+		"type": "modified",
+		"syntax-before": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-after": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"left": {
+		"type": "modified",
+		"syntax-before": "<length> | auto",
+		"syntax-after": "auto",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"legacy-device-cmyk-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -885,12 +1055,6 @@
 		"syntax-after": "<length [0,∞]> | thin | medium | thick",
 		"comment": ""
 	},
-	"linear-color-stop": {
-		"type": "modified",
-		"syntax-before": "<color> <color-stop-length>?",
-		"syntax-after": "<color> <length-percentage>?",
-		"comment": ""
-	},
 	"linear-easing-function": {
 		"type": "added",
 		"syntax-before": "",
@@ -900,8 +1064,13 @@
 	"linear-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>",
-		"comment": ""
+		"syntax-after": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"linear-gradient()": {
 		"type": "modified",
@@ -963,18 +1132,6 @@
 		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
 		"comment": ""
 	},
-	"media-feature": {
-		"type": "modified",
-		"syntax-before": "( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
-		"syntax-after": "[ <mf-plain> | <mf-boolean> | <mf-range> ]",
-		"comment": ""
-	},
-	"media-in-parens": {
-		"type": "modified",
-		"syntax-before": "( <media-condition> ) | <media-feature> | <general-enclosed>",
-		"syntax-after": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>",
-		"comment": ""
-	},
 	"media-or": {
 		"type": "modified",
 		"syntax-before": "<media-in-parens> [ or <media-in-parens> ]+",
@@ -1038,26 +1195,46 @@
 	"modern-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
+		"syntax-after": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"modern-hsla-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
+		"syntax-after": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"modern-rgb-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
+		"syntax-after": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"modern-rgba-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
+		"syntax-after": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"move-command": {
 		"type": "added",
@@ -1071,6 +1248,17 @@
 		"syntax-after": "<integer [0,1]>",
 		"comment": ""
 	},
+	"named-color": {
+		"type": "modified",
+		"syntax-before": "transparent | 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 | <-non-standard-color>",
+		"syntax-after": "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",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"number-optional-number": {
 		"type": "added",
 		"syntax-before": "",
@@ -1086,14 +1274,24 @@
 	"oklab()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
+		"syntax-after": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"oklch()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
+		"syntax-after": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"opacity-value": {
 		"type": "added",
@@ -1107,6 +1305,17 @@
 		"syntax-after": "<string>",
 		"comment": ""
 	},
+	"padding-width": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length> | <percentage>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"page-selector": {
 		"type": "modified",
 		"syntax-before": "<pseudo-page>+ | <ident> <pseudo-page>*",
@@ -1259,8 +1468,13 @@
 	"radial-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>",
-		"comment": ""
+		"syntax-after": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"radial-gradient()": {
 		"type": "modified",
@@ -1334,6 +1548,28 @@
 		"syntax-after": "<relative-real-selector>#",
 		"comment": ""
 	},
+	"repeat-style": {
+		"type": "modified",
+		"syntax-before": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
+		"syntax-after": "repeat-x | repeat-y | <repetition>{1,2}",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"repeat()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "auto-fill | auto-fit",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"repeating-conic-gradient()": {
 		"type": "modified",
 		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
@@ -1376,6 +1612,17 @@
 		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 		"comment": ""
 	},
+	"right": {
+		"type": "modified",
+		"syntax-before": "<length> | auto",
+		"syntax-after": "auto",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"round()": {
 		"type": "modified",
 		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
@@ -1445,8 +1692,13 @@
 	"single-animation": {
 		"type": "modified",
 		"syntax-before": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
-		"syntax-after": "<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
-		"comment": ""
+		"syntax-after": "<'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>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"single-animation-iteration-count": {
 		"type": "modified",
@@ -1460,6 +1712,17 @@
 		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
 		"comment": ""
 	},
+	"single-transition": {
+		"type": "modified",
+		"syntax-before": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
+		"syntax-after": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"smooth-command": {
 		"type": "added",
 		"syntax-before": "",
@@ -1535,8 +1798,13 @@
 	"supports-feature": {
 		"type": "modified",
 		"syntax-before": "<supports-decl> | <supports-selector-fn>",
-		"syntax-after": "<supports-decl>",
-		"comment": ""
+		"syntax-after": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"supports-font-format-fn": {
 		"type": "added",
@@ -1610,6 +1878,22 @@
 		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
 		"comment": ""
 	},
+	"system-color": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
+		"comment": "",
+		"merged": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "AccentColor"
+				}
+			],
+			"failing": []
+		}
+	},
 	"system-family-name": {
 		"type": "added",
 		"syntax-before": "",
@@ -1640,6 +1924,17 @@
 		"syntax-after": "toggle( <whole-value># )",
 		"comment": ""
 	},
+	"top": {
+		"type": "modified",
+		"syntax-before": "<length> | auto",
+		"syntax-after": "auto",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"track-breadth": {
 		"type": "modified",
 		"syntax-before": "<length-percentage> | <flex> | min-content | max-content | auto",
@@ -1749,4 +2044,4 @@
 		"omit": true,
 		"comment": ""
 	}
-}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
index 236ed00b66..ca276394bc 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
@@ -1,35 +1,18 @@
 import { definitionSyntax } from 'css-tree';
+import { sort_set } from './sort-set.mjs';
 
 export function generate_set(source) {
-	const slice = [];
+	const set = Object(null);
 
 	for (const [name, definition] of Object.entries(source)) {
 		if (!definition.syntax) {
 			continue;
 		}
 
-		slice.push({
-			property: name.replace(/^-(?:o|moz|ms|webkit|legacy|non-standard)-/i, ''),
-			'vendor-prefix': (name.match(/^-(o|moz|ms|webkit|legacy|non-standard)-/i) ?? [])[1] ?? '',
-			'prefixed-property': name,
+		set[name] = {
 			syntax: definitionSyntax.generate(definition.syntax),
-		});
-	}
-
-	slice.sort((a, b) => {
-		if (a.property === b.property) {
-			return a['vendor-prefix'].localeCompare(b['vendor-prefix']);
-		}
-
-		return a.property.localeCompare(b.property);
-	});
-
-	const set = Object(null);
-	slice.forEach((x) => {
-		set[x['prefixed-property']] = {
-			syntax: x.syntax,
 		};
-	});
+	}
 
-	return set;
+	return sort_set(set);
 }
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 75de4848a7..85c43a450d 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -154,9 +154,12 @@ await write_set_files({
 	webref_over_csstree: webref_over_csstree_sets,
 });
 
-await write_patches({
-	webref_over_csstree: webref_over_csstree_sets,
-});
+await write_patches(
+	{
+		webref_over_csstree: webref_over_csstree_sets,
+	},
+	patches,
+);
 
 await write_final_file({
 	next: {
diff --git a/packages/css-syntax-patches-for-csstree/scripts/sort-set.mjs b/packages/css-syntax-patches-for-csstree/scripts/sort-set.mjs
new file mode 100644
index 0000000000..3387bd9c24
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/sort-set.mjs
@@ -0,0 +1,29 @@
+export function sort_set(source) {
+	const slice = [];
+
+	for (const [name, definition] of Object.entries(source)) {
+		slice.push({
+			property: name.replace(/^-(?:o|moz|ms|webkit|legacy|non-standard)-/i, ''),
+			'vendor-prefix': (name.match(/^-(o|moz|ms|webkit|legacy|non-standard)-/i) ?? [])[1] ?? '',
+			'prefixed-property': name,
+			definition: definition,
+		});
+	}
+
+	slice.sort((a, b) => {
+		if (a.property === b.property) {
+			return a['vendor-prefix'].localeCompare(b['vendor-prefix']);
+		}
+
+		return a.property.localeCompare(b.property);
+	});
+
+	const set = Object(null);
+	slice.forEach((x) => {
+		set[x['prefixed-property']] = {
+			...x.definition,
+		};
+	});
+
+	return set;
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
index ccd1c1d04b..972d55c0d1 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
@@ -1,17 +1,94 @@
 import fs from 'node:fs/promises';
 import path from 'node:path';
+import { sort_set } from './sort-set.mjs';
+
+export async function write_patches(sets, patch_sets) {
+	const merged_sets = Object(null);
+
+	for (const [set_name, patch_set] of Object.entries(patch_sets)) {
+		const set = sets[set_name];
+		merged_sets[set_name] = Object(null);
+
+		for (const [kind_name, patch_kind] of Object.entries(patch_set)) {
+			const kind = set[kind_name];
+			merged_sets[set_name][kind_name] = Object(null);
+
+			for (const [name, patch_definition] of Object.entries(patch_kind)) {
+				const definition = kind[name];
+				if (!definition) {
+					continue;
+				}
+
+				if (
+					definition.type === patch_definition.type &&
+					definition['syntax-before'] === patch_definition['syntax-before'] &&
+					definition['syntax-after'] === patch_definition['syntax-after']
+				) {
+					merged_sets[set_name][kind_name][name] = {
+						...patch_definition,
+					};
+
+					continue;
+				}
+
+				merged_sets[set_name][kind_name][name] = {
+					...definition,
+				};
+
+				merged_sets[set_name][kind_name][name]['merged'] = false;
+				merged_sets[set_name][kind_name][name]['tests'] = {
+					'passing': [],
+					'failing': [],
+				};
+				merged_sets[set_name][kind_name][name]['comment'] = '';
+			}
+		}
+	}
+
+	for (const [set_name, set] of Object.entries(sets)) {
+		const patch_set = patch_sets[set_name];
+		if (!patch_set) {
+			merged_sets[set_name] = set;
+			continue;
+		}
+
+		for (const [kind_name, kind] of Object.entries(set)) {
+			const patch_kind = patch_set[kind_name];
+			if (!patch_kind) {
+				merged_sets[set_name][kind_name] = kind;
+				continue;
+			}
+
+			for (const [name, definition] of Object.entries(kind)) {
+				const patch_definition = patch_kind[name];
+				if (patch_definition) {
+					continue;
+				}
+
+				merged_sets[set_name][kind_name][name] = {
+					...definition,
+				};
+
+				merged_sets[set_name][kind_name][name]['merged'] = false;
+				merged_sets[set_name][kind_name][name]['tests'] = {
+					'passing': [],
+					'failing': [],
+				};
+				merged_sets[set_name][kind_name][name]['comment'] = '';
+			}
+		}
+	}
 
-export async function write_patches(sets) {
 	{
 		await fs.writeFile(
 			path.join('patches', 'webref-over-csstree-properties.json'),
-			JSON.stringify(sets.webref_over_csstree.properties, null, '\t'),
+			JSON.stringify(sort_set(merged_sets.webref_over_csstree.properties), null, '\t'),
 			'utf-8',
 		);
 
 		await fs.writeFile(
 			path.join('patches', 'webref-over-csstree-types.json'),
-			JSON.stringify(sets.webref_over_csstree.types, null, '\t'),
+			JSON.stringify(sort_set(merged_sets.webref_over_csstree.types), null, '\t'),
 			'utf-8',
 		);
 	}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs
index 7dd0f00c6e..cf2b12ad09 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs
@@ -1,17 +1,18 @@
 import fs from 'node:fs/promises';
 import path from 'node:path';
+import { sort_set } from './sort-set.mjs';
 
 export async function write_set_files(sets) {
 	{
 		await fs.writeFile(
 			path.join('raw-data', 'csstree-properties.json'),
-			JSON.stringify(sets.csstree.properties, null, '\t'),
+			JSON.stringify(sort_set(sets.csstree.properties), null, '\t'),
 			'utf-8',
 		);
 
 		await fs.writeFile(
 			path.join('raw-data', 'csstree-types.json'),
-			JSON.stringify(sets.csstree.types, null, '\t'),
+			JSON.stringify(sort_set(sets.csstree.types), null, '\t'),
 			'utf-8',
 		);
 	}
@@ -19,13 +20,13 @@ export async function write_set_files(sets) {
 	{
 		await fs.writeFile(
 			path.join('raw-data', 'webref-properties.json'),
-			JSON.stringify(sets.webref.properties, null, '\t'),
+			JSON.stringify(sort_set(sets.webref.properties), null, '\t'),
 			'utf-8',
 		);
 
 		await fs.writeFile(
 			path.join('raw-data', 'webref-types.json'),
-			JSON.stringify(sets.webref.types, null, '\t'),
+			JSON.stringify(sort_set(sets.webref.types), null, '\t'),
 			'utf-8',
 		);
 	}
@@ -33,13 +34,13 @@ export async function write_set_files(sets) {
 	{
 		await fs.writeFile(
 			path.join('raw-data', 'webref-over-csstree-properties.json'),
-			JSON.stringify(sets.webref_over_csstree.properties, null, '\t'),
+			JSON.stringify(sort_set(sets.webref_over_csstree.properties), null, '\t'),
 			'utf-8',
 		);
 
 		await fs.writeFile(
 			path.join('raw-data', 'webref-over-csstree-types.json'),
-			JSON.stringify(sets.webref_over_csstree.types, null, '\t'),
+			JSON.stringify(sort_set(sets.webref_over_csstree.types), null, '\t'),
 			'utf-8',
 		);
 	}

From 79f7a6863008f30224611f2b52cad0cdf20826d6 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 28 Aug 2024 13:04:47 +0200
Subject: [PATCH 10/66] wip

---
 .../webref-over-csstree-properties.json       | 2757 ++++++++++++++---
 .../patches/webref-over-csstree-types.json    | 1737 +++++++++--
 2 files changed, 3846 insertions(+), 648 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 662655fc43..835ebbfcc7 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -127,19 +127,34 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"animation-range-end": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"animation-range-start": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"appearance": {
 		"type": "modified",
@@ -171,601 +186,1101 @@
 		"type": "modified",
 		"syntax-before": "auto | <ratio>",
 		"syntax-after": "auto || <ratio>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"backdrop-filter": {
 		"type": "modified",
 		"syntax-before": "none | <filter-function-list>",
 		"syntax-after": "none | <filter-value-list>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"background": {
 		"type": "modified",
 		"syntax-before": "[ <bg-layer> , ]* <final-bg-layer>",
 		"syntax-after": "<bg-layer>#? , <final-bg-layer>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"background-blend-mode": {
 		"type": "modified",
 		"syntax-before": "<blend-mode>#",
 		"syntax-after": "<mix-blend-mode>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"background-origin": {
 		"type": "modified",
 		"syntax-before": "<box>#",
 		"syntax-after": "<visual-box>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"background-position-block": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"background-position-inline": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"background-repeat-block": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<repetition>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"background-repeat-inline": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<repetition>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"background-repeat-x": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<repetition>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"background-repeat-y": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<repetition>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"background-tbd": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<bg-layer>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"baseline-shift": {
 		"type": "modified",
 		"syntax-before": "baseline | sub | super | <svg-length>",
 		"syntax-after": "<length-percentage> | sub | super | top | center | bottom",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"baseline-source": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | first | last",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"block-ellipsis": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | auto | <string>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"block-size": {
 		"type": "modified",
 		"syntax-before": "<'width'>",
 		"syntax-after": "<'width'> | stretch | fit-content | contain",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"block-step": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"block-step-align": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | center | start | end",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"block-step-insert": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "margin | padding",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"block-step-round": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "up | down | nearest",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"block-step-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bookmark-label": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<content-list>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bookmark-level": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <integer [1,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bookmark-state": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "open | closed",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-after": "<'border-block-start'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-end": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-after": "<line-width> || <line-style> || <color>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-end-color": {
 		"type": "modified",
 		"syntax-before": "<'border-top-color'>",
 		"syntax-after": "<color> | <image-1D>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-end-radius": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-end-style": {
 		"type": "modified",
 		"syntax-before": "<'border-top-style'>",
 		"syntax-after": "<line-style>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-end-width": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'>",
 		"syntax-after": "<line-width>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-start": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-after": "<line-width> || <line-style> || <color>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-start-color": {
 		"type": "modified",
 		"syntax-before": "<'border-top-color'>",
 		"syntax-after": "<color> | <image-1D>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-start-radius": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-start-style": {
 		"type": "modified",
 		"syntax-before": "<'border-top-style'>",
 		"syntax-after": "<line-style>",
-		"comment": ""
-	},
-	"border-block-start-width": {
-		"type": "modified",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-start-width": {
+		"type": "modified",
 		"syntax-before": "<'border-top-width'>",
 		"syntax-after": "<line-width>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-style": {
 		"type": "modified",
 		"syntax-before": "<'border-top-style'>",
 		"syntax-after": "<'border-top-style'>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-block-width": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'>",
 		"syntax-after": "<'border-top-width'>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-bottom-color": {
 		"type": "modified",
 		"syntax-before": "<'border-top-color'>",
 		"syntax-after": "<color> | <image-1D>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-bottom-left-radius": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>{1,2}",
 		"syntax-after": "<length-percentage [0,∞]>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-bottom-radius": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-bottom-right-radius": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>{1,2}",
 		"syntax-after": "<length-percentage [0,∞]>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-boundary": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | parent | display",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-clip": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-clip-bottom": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-clip-left": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-clip-right": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-clip-top": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-collapse": {
 		"type": "modified",
 		"syntax-before": "collapse | separate",
 		"syntax-after": "separate | collapse",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-color": {
 		"type": "modified",
 		"syntax-before": "<color>{1,4}",
 		"syntax-after": "[ <color> | <image-1D> ]{1,4}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-end-end-radius": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>{1,2}",
 		"syntax-after": "<length-percentage [0,∞]>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-end-start-radius": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>{1,2}",
 		"syntax-after": "<length-percentage [0,∞]>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-image-outset": {
 		"type": "modified",
 		"syntax-before": "[ <length> | <number> ]{1,4}",
 		"syntax-after": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-image-slice": {
 		"type": "modified",
 		"syntax-before": "<number-percentage>{1,4} && fill?",
 		"syntax-after": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-image-width": {
 		"type": "modified",
 		"syntax-before": "[ <length-percentage> | <number> | auto ]{1,4}",
 		"syntax-after": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-after": "<'border-block-start'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-end": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-after": "<line-width> || <line-style> || <color>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-end-color": {
 		"type": "modified",
 		"syntax-before": "<'border-top-color'>",
 		"syntax-after": "<color> | <image-1D>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-end-radius": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-end-style": {
 		"type": "modified",
 		"syntax-before": "<'border-top-style'>",
 		"syntax-after": "<line-style>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-end-width": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'>",
 		"syntax-after": "<line-width>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-start": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-after": "<line-width> || <line-style> || <color>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-start-color": {
 		"type": "modified",
 		"syntax-before": "<'border-top-color'>",
 		"syntax-after": "<color> | <image-1D>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-start-radius": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-start-style": {
 		"type": "modified",
 		"syntax-before": "<'border-top-style'>",
 		"syntax-after": "<line-style>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-start-width": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'>",
 		"syntax-after": "<line-width>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-style": {
 		"type": "modified",
 		"syntax-before": "<'border-top-style'>",
 		"syntax-after": "<'border-top-style'>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-inline-width": {
 		"type": "modified",
 		"syntax-before": "<'border-top-width'>",
 		"syntax-after": "<'border-top-width'>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-left-color": {
 		"type": "modified",
 		"syntax-before": "<color>",
 		"syntax-after": "<color> | <image-1D>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-left-radius": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-limit": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-radius": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
 		"syntax-after": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-right-color": {
 		"type": "modified",
 		"syntax-before": "<color>",
 		"syntax-after": "<color> | <image-1D>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-right-radius": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-spacing": {
 		"type": "modified",
 		"syntax-before": "<length> <length>?",
 		"syntax-after": "<length>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-start-end-radius": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>{1,2}",
 		"syntax-after": "<length-percentage [0,∞]>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-start-start-radius": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>{1,2}",
 		"syntax-after": "<length-percentage [0,∞]>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-top-color": {
 		"type": "modified",
 		"syntax-before": "<color>",
 		"syntax-after": "<color> | <image-1D>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-top-left-radius": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>{1,2}",
 		"syntax-after": "<length-percentage [0,∞]>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-top-radius": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-top-right-radius": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>{1,2}",
 		"syntax-after": "<length-percentage [0,∞]>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
 		"syntax-after": "auto | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"box-shadow": {
 		"type": "modified",
 		"syntax-before": "none | <shadow>#",
 		"syntax-after": "<spread-shadow>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"box-shadow-blur": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length [0,∞]>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"box-shadow-color": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<color>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"box-shadow-offset": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ none | <length>{2} ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"box-shadow-position": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ outset | inset ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"box-shadow-spread": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"box-snap": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | block-start | block-end | center | baseline | last-baseline",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"caption-side": {
 		"type": "modified",
 		"syntax-before": "top | bottom | block-start | block-end | inline-start | inline-end",
 		"syntax-after": "top | bottom",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"caret": {
 		"type": "modified",
 		"syntax-before": "<'caret-color'> || <'caret-shape'>",
 		"syntax-after": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"caret-animation": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | manual",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"clear": {
 		"type": "modified",
 		"syntax-before": "none | left | right | both | inline-start | inline-end",
 		"syntax-after": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"clip": {
 		"type": "modified",
 		"syntax-before": "<shape> | auto",
 		"syntax-after": "<rect()> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color-adjust": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<'print-color-adjust'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color-interpolation": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | sRGB | linearRGB",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color-interpolation-filters": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | sRGB | linearRGB",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"column-count": {
 		"type": "modified",
 		"syntax-before": "<integer> | auto",
 		"syntax-after": "auto | <integer [1,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"column-gap": {
 		"type": "modified",
 		"syntax-before": "normal | <length-percentage>",
 		"syntax-after": "normal | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"column-rule-style": {
 		"type": "modified",
 		"syntax-before": "<'border-style'>",
 		"syntax-after": "<line-style>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"column-rule-width": {
 		"type": "modified",
 		"syntax-before": "<'border-width'>",
 		"syntax-after": "<line-width>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"column-span": {
 		"type": "modified",
@@ -782,283 +1297,518 @@
 		"type": "modified",
 		"syntax-before": "<length> | auto",
 		"syntax-after": "<length> | auto | min-content | max-content | fit-content( <length-percentage> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"contain": {
 		"type": "modified",
 		"syntax-before": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
 		"syntax-after": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"contain-intrinsic-block-size": {
 		"type": "modified",
 		"syntax-before": "none | <length> | auto <length>",
 		"syntax-after": "auto? [ none | <length> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"contain-intrinsic-height": {
 		"type": "modified",
 		"syntax-before": "none | <length> | auto <length>",
 		"syntax-after": "auto? [ none | <length> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"contain-intrinsic-inline-size": {
 		"type": "modified",
 		"syntax-before": "none | <length> | auto <length>",
 		"syntax-after": "auto? [ none | <length> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"contain-intrinsic-size": {
 		"type": "modified",
 		"syntax-before": "[ none | <length> | auto <length> ]{1,2}",
 		"syntax-after": "[ auto? [ none | <length> ] ]{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"contain-intrinsic-width": {
 		"type": "modified",
 		"syntax-before": "none | <length> | auto <length>",
 		"syntax-after": "auto? [ none | <length> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"container": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<'container-name'> [ / <'container-type'> ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"container-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <custom-ident>+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"container-type": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | size | inline-size",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"content": {
 		"type": "modified",
 		"syntax-before": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
 		"syntax-after": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]? | <element()>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"continue": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "overflow | paginate | fragments",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"copy-into": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"corner-shape": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ round | angle ]{1,4}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"corners": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<'corner-shape'> || <'border-radius'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"cue-after": {
 		"type": "modified",
 		"syntax-before": "<url> <decibel>? | none",
 		"syntax-after": "<uri> <decibel>? | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"cue-before": {
 		"type": "modified",
 		"syntax-before": "<url> <decibel>? | none",
 		"syntax-after": "<uri> <decibel>? | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"cursor": {
 		"type": "modified",
 		"syntax-before": "[ [ <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 ] ]",
 		"syntax-after": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"cx": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"cy": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"d": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <string>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"display": {
 		"type": "modified",
 		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
 		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | <display-outside> || [ <display-inside> | math ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"dominant-baseline": {
 		"type": "modified",
 		"syntax-before": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
 		"syntax-after": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"dynamic-range-limit": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "standard | high | constrained-high",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"field-sizing": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "fixed | content",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"fill-break": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "bounding-box | slice | clone",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"fill-color": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<color>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"fill-image": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<paint>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"fill-opacity": {
 		"type": "modified",
 		"syntax-before": "<number-zero-one>",
 		"syntax-after": "<'opacity'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"fill-origin": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"fill-position": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<position>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"fill-repeat": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<repeat-style>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"fill-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<bg-size>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"filter": {
 		"type": "modified",
 		"syntax-before": "none | <filter-function-list> | <-ms-filter-function-list>",
 		"syntax-after": "none | <filter-value-list>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"flex-grow": {
 		"type": "modified",
 		"syntax-before": "<number>",
 		"syntax-after": "<number [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"flex-shrink": {
 		"type": "modified",
 		"syntax-before": "<number>",
 		"syntax-after": "<number [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"float": {
 		"type": "modified",
 		"syntax-before": "left | right | none | inline-start | inline-end",
 		"syntax-after": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"float-defer": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<integer> | last | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"float-offset": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length> | <percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"float-reference": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "inline | column | region | page",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"flood-color": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<color>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"flood-opacity": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<'opacity'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"flow-from": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<ident> | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"flow-into": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <ident> [ element | content ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font": {
 		"type": "modified",
 		"syntax-before": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
 		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-palette": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | light | dark | <palette-identifier> | <palette-mix()>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-size": {
 		"type": "modified",
 		"syntax-before": "<absolute-size> | <relative-size> | <length-percentage>",
 		"syntax-after": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-size-adjust": {
 		"type": "modified",
@@ -1075,85 +1825,155 @@
 		"type": "modified",
 		"syntax-before": "normal | italic | oblique <angle>?",
 		"syntax-after": "normal | italic | oblique <angle [-90deg,90deg]>?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-synthesis": {
 		"type": "modified",
 		"syntax-before": "none | [ weight || style || small-caps ]",
 		"syntax-after": "none | [ weight || style || small-caps || position ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-synthesis-position": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-synthesis-small-caps": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-synthesis-style": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-synthesis-weight": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-variant": {
 		"type": "modified",
 		"syntax-before": "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 ]",
 		"syntax-after": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-variant-emoji": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | text | emoji | unicode",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-variation-settings": {
 		"type": "modified",
 		"syntax-before": "normal | [ <string> <number> ]#",
 		"syntax-after": "normal | [ <opentype-tag> <number> ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-width": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"footnote-display": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "block | inline | compact",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"footnote-policy": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | line | block",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"forced-color-adjust": {
 		"type": "modified",
 		"syntax-before": "auto | none",
 		"syntax-after": "auto | none | preserve-parent-color",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"glyph-orientation-vertical": {
 		"type": "modified",
 		"syntax-before": "<angle>",
 		"syntax-after": "auto | 0deg | 90deg | 0 | 90",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"grid-template-columns": {
 		"type": "modified",
@@ -1192,319 +2012,584 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ auto | <integer> ]{1,3}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"hyphenate-limit-last": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | always | column | page | spread",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"hyphenate-limit-lines": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "no-limit | <integer>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"hyphenate-limit-zone": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"image-orientation": {
 		"type": "modified",
 		"syntax-before": "from-image | <angle> | [ <angle>? flip ]",
 		"syntax-after": "from-image | none | [ <angle> || flip ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"image-rendering": {
 		"type": "modified",
 		"syntax-before": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>",
 		"syntax-after": "auto | smooth | high-quality | pixelated | crisp-edges",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"initial-letter": {
 		"type": "modified",
 		"syntax-before": "normal | [ <number> <integer>? ]",
 		"syntax-after": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"initial-letter-align": {
 		"type": "modified",
 		"syntax-before": "[ auto | alphabetic | hanging | ideographic ]",
 		"syntax-after": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"initial-letter-wrap": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | first | all | grid | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"inline-size": {
 		"type": "modified",
 		"syntax-before": "<'width'>",
 		"syntax-after": "<'width'> | stretch | fit-content | contain",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"inline-sizing": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | stretch",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"inset-block-end": {
 		"type": "modified",
 		"syntax-before": "<'top'>",
 		"syntax-after": "auto | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"inset-block-start": {
 		"type": "modified",
 		"syntax-before": "<'top'>",
 		"syntax-after": "auto | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"inset-inline-end": {
 		"type": "modified",
 		"syntax-before": "<'top'>",
 		"syntax-after": "auto | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"inset-inline-start": {
 		"type": "modified",
 		"syntax-before": "<'top'>",
 		"syntax-after": "auto | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"interpolate-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "numeric-only | allow-keywords",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"isolation": {
 		"type": "modified",
 		"syntax-before": "auto | isolate",
 		"syntax-after": "<isolation-mode>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"justify-items": {
 		"type": "modified",
 		"syntax-before": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
 		"syntax-after": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"justify-self": {
 		"type": "modified",
 		"syntax-before": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
 		"syntax-after": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
 		"syntax-after": "auto | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"lighting-color": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<color>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"line-clamp": {
 		"type": "modified",
 		"syntax-before": "none | <integer>",
 		"syntax-after": "none | <integer [1,∞]> || <'block-ellipsis'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"-webkit-line-clamp": {
 		"type": "modified",
 		"syntax-before": "none | <integer>",
 		"syntax-after": "none | <integer [1,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"line-fit-edge": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "leading | <text-edge>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"line-grid": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "match-parent | create",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"line-height": {
 		"type": "modified",
 		"syntax-before": "normal | <number> | <length> | <percentage>",
 		"syntax-after": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"line-height-step": {
 		"type": "modified",
 		"syntax-before": "<length>",
 		"syntax-after": "<length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"line-padding": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"line-snap": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | baseline | contain",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"link-parameters": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <link-param>+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"list-style": {
 		"type": "modified",
 		"syntax-before": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
 		"syntax-after": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin": {
 		"type": "modified",
 		"syntax-before": "[ <length> | <percentage> | auto ]{1,4}",
 		"syntax-after": "<'margin-top'>{1,4}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-block": {
 		"type": "modified",
 		"syntax-before": "<'margin-left'>{1,2}",
 		"syntax-after": "<'margin-top'>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-block-end": {
 		"type": "modified",
 		"syntax-before": "<'margin-left'>",
 		"syntax-after": "<'margin-top'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-block-start": {
 		"type": "modified",
 		"syntax-before": "<'margin-left'>",
 		"syntax-after": "<'margin-top'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
 		"syntax-after": "<length-percentage> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-break": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | keep | discard",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-inline": {
 		"type": "modified",
 		"syntax-before": "<'margin-left'>{1,2}",
 		"syntax-after": "<'margin-top'>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-inline-end": {
 		"type": "modified",
 		"syntax-before": "<'margin-left'>",
 		"syntax-after": "<'margin-top'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-inline-start": {
 		"type": "modified",
 		"syntax-before": "<'margin-left'>",
 		"syntax-after": "<'margin-top'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
 		"syntax-after": "<length-percentage> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
 		"syntax-after": "<length-percentage> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
 		"syntax-after": "<length-percentage> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"margin-trim": {
 		"type": "modified",
 		"syntax-before": "none | in-flow | all",
 		"syntax-after": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"marker": {
 		"type": "modified",
 		"syntax-before": "none | <url>",
 		"syntax-after": "none | <marker-ref>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"marker-end": {
 		"type": "modified",
 		"syntax-before": "none | <url>",
 		"syntax-after": "none | <marker-ref>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"marker-mid": {
 		"type": "modified",
 		"syntax-before": "none | <url>",
 		"syntax-after": "none | <marker-ref>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"marker-side": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "match-self | match-parent",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"marker-start": {
 		"type": "modified",
 		"syntax-before": "none | <url>",
 		"syntax-after": "none | <marker-ref>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mask-border-slice": {
 		"type": "modified",
 		"syntax-before": "<number-percentage>{1,4} fill?",
 		"syntax-after": "[ <number> | <percentage> ]{1,4} fill?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mask-clip": {
 		"type": "modified",
 		"syntax-before": "[ <geometry-box> | no-clip ]#",
 		"syntax-after": "[ <coord-box> | no-clip ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mask-origin": {
 		"type": "modified",
 		"syntax-before": "<geometry-box>#",
 		"syntax-after": "<coord-box>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"max-block-size": {
 		"type": "modified",
 		"syntax-before": "<'max-width'>",
 		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"max-height": {
 		"type": "modified",
@@ -1521,13 +2606,23 @@
 		"type": "modified",
 		"syntax-before": "<'max-width'>",
 		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"max-lines": {
 		"type": "modified",
 		"syntax-before": "none | <integer>",
 		"syntax-after": "none | <integer [1,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"max-width": {
 		"type": "modified",
@@ -1544,7 +2639,12 @@
 		"type": "modified",
 		"syntax-before": "<'min-width'>",
 		"syntax-after": "<'min-width'> | stretch | fit-content | contain",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"min-height": {
 		"type": "modified",
@@ -1561,13 +2661,23 @@
 		"type": "modified",
 		"syntax-before": "<'min-width'>",
 		"syntax-after": "<'min-width'> | stretch | fit-content | contain",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"min-intrinsic-sizing": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "legacy | zero-if-scroll || zero-if-extrinsic",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"min-width": {
 		"type": "modified",
@@ -1584,31 +2694,56 @@
 		"type": "modified",
 		"syntax-before": "<blend-mode> | plus-lighter",
 		"syntax-after": "<blend-mode> | plus-darker | plus-lighter",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"nav-down": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"nav-left": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"nav-right": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"nav-up": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"object-fit": {
 		"type": "modified",
@@ -1625,241 +2760,441 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <basic-shape-rect>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"offset-path": {
 		"type": "modified",
 		"syntax-before": "none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]",
 		"syntax-after": "none | <offset-path> || <coord-box>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"offset-position": {
 		"type": "modified",
 		"syntax-before": "auto | <position>",
 		"syntax-after": "normal | auto | <position>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"opacity": {
 		"type": "modified",
 		"syntax-before": "<alpha-value>",
 		"syntax-after": "<opacity-value>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"orphans": {
 		"type": "modified",
 		"syntax-before": "<integer>",
 		"syntax-after": "<integer [1,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"outline": {
 		"type": "modified",
 		"syntax-before": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]",
 		"syntax-after": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"outline-color": {
 		"type": "modified",
 		"syntax-before": "<color> | invert",
 		"syntax-after": "auto | [ <color> | <image-1D> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"outline-style": {
 		"type": "modified",
 		"syntax-before": "auto | <'border-style'>",
 		"syntax-after": "auto | <outline-line-style>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow": {
 		"type": "modified",
 		"syntax-before": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>",
 		"syntax-after": "<'overflow-block'>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow-clip-margin-block": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> || <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow-clip-margin-block-end": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> || <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow-clip-margin-block-start": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> || <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow-clip-margin-bottom": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> || <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow-clip-margin-inline": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> || <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow-clip-margin-inline-end": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> || <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow-clip-margin-inline-start": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> || <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow-clip-margin-left": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> || <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow-clip-margin-right": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> || <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overflow-clip-margin-top": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> || <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"overlay": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding": {
 		"type": "modified",
 		"syntax-before": "[ <length> | <percentage> ]{1,4}",
 		"syntax-after": "<'padding-top'>{1,4}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-block": {
 		"type": "modified",
 		"syntax-before": "<'padding-left'>{1,2}",
 		"syntax-after": "<'padding-top'>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-block-end": {
 		"type": "modified",
 		"syntax-before": "<'padding-left'>",
 		"syntax-after": "<'padding-top'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-block-start": {
 		"type": "modified",
 		"syntax-before": "<'padding-left'>",
 		"syntax-after": "<'padding-top'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-inline": {
 		"type": "modified",
 		"syntax-before": "<'padding-left'>{1,2}",
 		"syntax-after": "<'padding-top'>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-inline-end": {
 		"type": "modified",
 		"syntax-before": "<'padding-left'>",
 		"syntax-after": "<'padding-top'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-inline-start": {
 		"type": "modified",
 		"syntax-before": "<'padding-left'>",
 		"syntax-after": "<'padding-top'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"page": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | <custom-ident>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"page-break-after": {
 		"type": "modified",
 		"syntax-before": "auto | always | avoid | left | right | recto | verso",
 		"syntax-after": "auto | always | avoid | left | right | inherit",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"page-break-before": {
 		"type": "modified",
 		"syntax-before": "auto | always | avoid | left | right | recto | verso",
 		"syntax-after": "auto | always | avoid | left | right | inherit",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"page-break-inside": {
 		"type": "modified",
 		"syntax-before": "auto | avoid",
 		"syntax-after": "avoid | auto | inherit",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"pause-after": {
 		"type": "modified",
 		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"pause-before": {
 		"type": "modified",
 		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"perspective": {
 		"type": "modified",
 		"syntax-before": "none | <length>",
 		"syntax-after": "none | <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"pointer-events": {
 		"type": "modified",
 		"syntax-before": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
 		"syntax-after": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"position": {
 		"type": "modified",
 		"syntax-before": "static | relative | absolute | sticky | fixed | -webkit-sticky",
 		"syntax-after": "static | relative | absolute | sticky | fixed",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"position-anchor": {
 		"type": "added",
@@ -1885,391 +3220,716 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <position-area>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"position-try": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<'position-try-order'>? <'position-try-fallbacks'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"position-try-fallbacks": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"position-try-order": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | <try-size>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"position-visibility": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "always | [ anchors-valid || anchors-visible || no-overflow ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"quotes": {
 		"type": "modified",
 		"syntax-before": "none | auto | [ <string> <string> ]+",
 		"syntax-after": "auto | none | match-parent | [ <string> <string> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"r": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"reading-flow": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"region-fragment": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | break",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"rest-after": {
 		"type": "modified",
 		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"rest-before": {
 		"type": "modified",
 		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
 		"syntax-after": "auto | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"row-gap": {
 		"type": "modified",
 		"syntax-before": "normal | <length-percentage>",
 		"syntax-after": "normal | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"ruby-merge": {
 		"type": "modified",
 		"syntax-before": "separate | collapse | auto",
 		"syntax-after": "separate | merge | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"ruby-overhang": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"rx": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"ry": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scale": {
 		"type": "modified",
 		"syntax-before": "none | <number>{1,3}",
 		"syntax-after": "none | [ <number> | <percentage> ]{1,3}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-marker-group": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | before | after",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding": {
 		"type": "modified",
 		"syntax-before": "[ auto | <length-percentage> ]{1,4}",
 		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,4}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding-block": {
 		"type": "modified",
 		"syntax-before": "[ auto | <length-percentage> ]{1,2}",
 		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding-block-end": {
 		"type": "modified",
 		"syntax-before": "auto | <length-percentage>",
 		"syntax-after": "auto | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding-block-start": {
 		"type": "modified",
 		"syntax-before": "auto | <length-percentage>",
 		"syntax-after": "auto | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding-bottom": {
 		"type": "modified",
 		"syntax-before": "auto | <length-percentage>",
 		"syntax-after": "auto | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding-inline": {
 		"type": "modified",
 		"syntax-before": "[ auto | <length-percentage> ]{1,2}",
 		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding-inline-end": {
 		"type": "modified",
 		"syntax-before": "auto | <length-percentage>",
 		"syntax-after": "auto | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding-inline-start": {
 		"type": "modified",
 		"syntax-before": "auto | <length-percentage>",
 		"syntax-after": "auto | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding-left": {
 		"type": "modified",
 		"syntax-before": "auto | <length-percentage>",
 		"syntax-after": "auto | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding-right": {
 		"type": "modified",
 		"syntax-before": "auto | <length-percentage>",
 		"syntax-after": "auto | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-padding-top": {
 		"type": "modified",
 		"syntax-before": "auto | <length-percentage>",
 		"syntax-after": "auto | <length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-start-target": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ none | auto ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-timeline": {
 		"type": "modified",
 		"syntax-before": "<scroll-timeline-name> || <scroll-timeline-axis>",
 		"syntax-after": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-timeline-axis": {
 		"type": "modified",
 		"syntax-before": "block | inline | vertical | horizontal",
 		"syntax-after": "[ block | inline | x | y ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll-timeline-name": {
 		"type": "modified",
 		"syntax-before": "none | <custom-ident>",
 		"syntax-after": "[ none | <dashed-ident> ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"shape-image-threshold": {
 		"type": "modified",
 		"syntax-before": "<alpha-value>",
 		"syntax-after": "<opacity-value>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"shape-inside": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"shape-margin": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>",
 		"syntax-after": "<length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"shape-outside": {
 		"type": "modified",
 		"syntax-before": "none | [ <shape-box> || <basic-shape> ] | <image>",
 		"syntax-after": "none | [ <basic-shape> || <shape-box> ] | <image>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"shape-padding": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"shape-subtract": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | [ <basic-shape> | <uri> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"spatial-navigation-action": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | focus | scroll",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"spatial-navigation-contain": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | contain",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"spatial-navigation-function": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | grid",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"speak": {
 		"type": "modified",
 		"syntax-before": "auto | none | normal",
 		"syntax-after": "auto | never | always",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"string-set": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | [ <custom-ident> <string>+ ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-align": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "center | inset | outset",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-alignment": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "center | inner | outer",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-break": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "bounding-box | slice | clone",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-color": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<color>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-dash-corner": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <length>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-dash-justify": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | [ stretch | compress ] || [ dashes || gaps ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-dashadjust": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | [ stretch | compress ] [ dashes | gaps ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-dasharray": {
 		"type": "modified",
 		"syntax-before": "none | [ <svg-length>+ ]#",
 		"syntax-after": "none | [ <length-percentage> | <number> ]+#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-dashcorner": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <length>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-dashoffset": {
 		"type": "modified",
 		"syntax-before": "<svg-length>",
 		"syntax-after": "<length-percentage> | <number>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-image": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<paint>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-linejoin": {
 		"type": "modified",
 		"syntax-before": "miter | round | bevel",
 		"syntax-after": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-miterlimit": {
 		"type": "modified",
 		"syntax-before": "<number-one-or-greater>",
 		"syntax-after": "<number>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-opacity": {
 		"type": "modified",
 		"syntax-before": "<number-zero-one>",
 		"syntax-after": "<'opacity'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-origin": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-position": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<position>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-repeat": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<repeat-style>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<bg-size>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stroke-width": {
 		"type": "modified",
 		"syntax-before": "<svg-length>",
 		"syntax-after": "[ <length-percentage> | <number> ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"tab-size": {
 		"type": "modified",
 		"syntax-before": "<integer> | <length>",
 		"syntax-after": "<number [0,∞]> | <length [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-align": {
 		"type": "modified",
@@ -2297,37 +3957,67 @@
 		"type": "modified",
 		"syntax-before": "auto | start | end | left | right | center | justify",
 		"syntax-after": "auto | start | end | left | right | center | justify | match-parent",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-autospace": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | <autospace> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | <'text-box-trim'> || <'text-box-edge'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-box-edge": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | <text-edge>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-box-trim": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | trim-start | trim-end | trim-both",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-combine-upright": {
 		"type": "modified",
 		"syntax-before": "none | all | [ digits <integer>? ]",
 		"syntax-after": "none | all | [ digits <integer [2,4]>? ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-decoration": {
 		"type": "modified",
@@ -2344,67 +4034,122 @@
 		"type": "modified",
 		"syntax-before": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
 		"syntax-after": "none | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-decoration-skip-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | all",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-decoration-skip-ink": {
 		"type": "modified",
 		"syntax-before": "auto | all | none",
 		"syntax-after": "auto | none | all",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-decoration-skip-self": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-decoration-skip-spaces": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | all | [ start || end ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-decoration-thickness": {
 		"type": "modified",
 		"syntax-before": "auto | from-font | <length> | <percentage>",
 		"syntax-after": "auto | from-font | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-decoration-trim": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length>{1,2} | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-emphasis-position": {
 		"type": "modified",
 		"syntax-before": "[ over | under ] && [ right | left ]",
 		"syntax-after": "[ over | under ] && [ right | left ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-emphasis-skip": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "spaces || punctuation || symbols || narrow",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-group-align": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | start | end | left | right | center",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-indent": {
 		"type": "modified",
 		"syntax-before": "<length-percentage> && hanging? && each-line?",
 		"syntax-after": "[ <length-percentage> ] && hanging? && each-line?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-justify": {
 		"type": "modified",
@@ -2443,43 +4188,78 @@
 		"type": "modified",
 		"syntax-before": "none | auto | <percentage>",
 		"syntax-after": "auto | none | <percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-spacing": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | auto | <spacing-trim> || <autospace>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-spacing-trim": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<spacing-trim> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"-webkit-text-stroke": {
 		"type": "modified",
 		"syntax-before": "<length> || <color>",
 		"syntax-after": "<line-width> || <color>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"-webkit-text-stroke-width": {
 		"type": "modified",
 		"syntax-before": "<length>",
 		"syntax-after": "<line-width>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-transform": {
 		"type": "modified",
 		"syntax-before": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
 		"syntax-after": "none | capitalize | uppercase | lowercase | full-width | full-size-kana | math-auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-underline-offset": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage>",
 		"syntax-after": "auto | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-underline-position": {
 		"type": "modified",
@@ -2496,133 +4276,243 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<'text-wrap-mode'> || <'text-wrap-style'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-wrap-mode": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "wrap | nowrap",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-wrap-style": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | balance | stable | pretty",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"timeline-scope": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | all | <dashed-ident>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
 		"syntax-after": "auto | <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"transform-origin": {
 		"type": "modified",
 		"syntax-before": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
 		"syntax-after": "[ 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>?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"transition-behavior": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<transition-behavior-value>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"transition-duration": {
 		"type": "modified",
 		"syntax-before": "<time>#",
 		"syntax-after": "<time [0s,∞]>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"unicode-bidi": {
 		"type": "modified",
 		"syntax-before": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext",
 		"syntax-after": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"vector-effect": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"vertical-align": {
 		"type": "modified",
 		"syntax-before": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
 		"syntax-after": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"view-timeline": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"view-timeline-axis": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ block | inline | x | y ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"view-timeline-inset": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ [ auto | <length-percentage> ]{1,2} ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"view-timeline-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ none | <dashed-ident> ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"view-transition-class": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <custom-ident>+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"view-transition-group": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | contain | nearest | <custom-ident>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"view-transition-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | <custom-ident>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"voice-duration": {
 		"type": "modified",
 		"syntax-before": "auto | <time>",
 		"syntax-after": "auto | <time [0s,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"voice-pitch": {
 		"type": "modified",
 		"syntax-before": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"syntax-after": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"voice-range": {
 		"type": "modified",
 		"syntax-before": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"syntax-after": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"voice-rate": {
 		"type": "modified",
 		"syntax-before": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>",
 		"syntax-after": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"white-space": {
 		"type": "modified",
@@ -2639,19 +4529,34 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"white-space-trim": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | discard-before || discard-after || discard-inner",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"widows": {
 		"type": "modified",
 		"syntax-before": "<integer>",
 		"syntax-after": "<integer [1,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"width": {
 		"type": "modified",
@@ -2679,7 +4584,12 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "none | [ space | ideographic-space ] && auto-phrase?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"word-spacing": {
 		"type": "modified",
@@ -2696,66 +4606,121 @@
 		"type": "modified",
 		"syntax-before": "normal | break-word",
 		"syntax-after": "normal | break-word | anywhere",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"wrap-after": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"wrap-before": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"wrap-flow": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | both | start | end | minimum | maximum | clear",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"wrap-inside": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | avoid",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"wrap-through": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "wrap | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"writing-mode": {
 		"type": "modified",
 		"syntax-before": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
 		"syntax-after": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"x": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"y": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"z-index": {
 		"type": "modified",
 		"syntax-before": "auto | <integer>",
 		"syntax-after": "auto | <integer> | inherit",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"zoom": {
 		"type": "modified",
 		"syntax-before": "normal | reset | <number> | <percentage>",
 		"syntax-after": "<number [0,∞]> || <percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index dae3417623..ec2647c28d 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -3,103 +3,188 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"anchor-side": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"anchor-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "width | height | block | inline | self-block | self-inline",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"anchor-size()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"anchor()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"angle-percentage": {
 		"type": "modified",
 		"syntax-before": "<angle> | <percentage>",
 		"syntax-after": "[ <angle> | <percentage> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"angular-color-stop": {
 		"type": "modified",
 		"syntax-before": "<color> && <color-stop-angle>?",
 		"syntax-after": "<color> <color-stop-angle>?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"angular-color-stop-list": {
 		"type": "modified",
 		"syntax-before": "[ <angular-color-stop> [, <angular-color-hint> ]? ]# , <angular-color-stop>",
 		"syntax-after": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"arc-command": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"arc-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "large | small",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"arc-sweep": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "cw | ccw",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"attr-name": {
 		"type": "modified",
 		"syntax-before": "<wq-name>",
 		"syntax-after": "[ <ident-token> '|' ]? <ident-token>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"attr-type": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"attr()": {
 		"type": "modified",
 		"syntax-before": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
 		"syntax-after": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"autospace": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"axis": {
 		"type": "modified",
 		"syntax-before": "block | inline | vertical | horizontal",
 		"syntax-after": "block | inline | x | y",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"baseline-position": {
 		"type": "modified",
 		"syntax-before": "[ first | last ]? baseline",
 		"syntax-after": "[ first | last ]? && baseline",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"basic-shape": {
 		"type": "modified",
@@ -116,25 +201,45 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<inset()> | <rect()> | <xywh()>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bg-clip": {
 		"type": "modified",
 		"syntax-before": "<box> | border | text",
 		"syntax-after": "<visual-box> | border-area | text",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bg-image": {
 		"type": "modified",
 		"syntax-before": "none | <image>",
 		"syntax-after": "<image> | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bg-layer": {
 		"type": "modified",
 		"syntax-before": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
 		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bg-position": {
 		"type": "modified",
@@ -151,43 +256,78 @@
 		"type": "modified",
 		"syntax-before": "[ <length-percentage> | auto ]{1,2} | cover | contain",
 		"syntax-after": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bool-and": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "and <bool-in-parens>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bool-in-parens": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "( <boolean> ) | <bool-test> | <general-enclosed>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bool-not": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "not <bool-in-parens>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"bool-or": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "or <bool-in-parens>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"boolean": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"boolean-without-or": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<bool-not> | <bool-in-parens> <bool-and>*",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"border-style": {
 		"type": "added",
@@ -237,61 +377,111 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "by | to",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"calc-keyword": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "e | pi | infinity | -infinity | NaN",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"calc-mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"calc-product": {
 		"type": "modified",
 		"syntax-before": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
 		"syntax-after": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"calc-size-basis": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"calc-size()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "calc-size( <calc-size-basis> , <calc-sum> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"calc-value": {
 		"type": "modified",
 		"syntax-before": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
 		"syntax-after": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"cf-image": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <image> | <color> ] && <percentage [0,100]>?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"clamp()": {
 		"type": "modified",
 		"syntax-before": "clamp( <calc-sum>#{3} )",
 		"syntax-after": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
-		"comment": ""
-	},
-	"cmyk-component": {
-		"type": "added",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"cmyk-component": {
+		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<number> | <percentage> | none",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color": {
 		"type": "modified",
@@ -333,7 +523,12 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color-function": {
 		"type": "added",
@@ -357,13 +552,23 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "color-layers( [ <blend-mode> , ]? <color># )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color-mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color-space": {
 		"type": "added",
@@ -380,13 +585,23 @@
 		"type": "modified",
 		"syntax-before": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
 		"syntax-after": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color-stripe": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<color> && [ <length-percentage> | <flex> ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"color()": {
 		"type": "added",
@@ -446,14 +661,23 @@
 		"type": "modified",
 		"syntax-before": "'>' | '+' | '~' | [ '||' ]",
 		"syntax-after": "'>' | '+' | '~' | [ '|' '|' ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"compat-auto": {
 		"type": "modified",
 		"syntax-before": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
 		"syntax-after": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
-		"omit": true,
-		"comment": "existing type is a super set"
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"compat-special": {
 		"type": "added",
@@ -466,115 +690,210 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<compound-selector> [ <combinator>? <compound-selector> ]*",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"complex-real-selector-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<complex-real-selector>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"complex-selector": {
 		"type": "modified",
 		"syntax-before": "<compound-selector> [ <combinator>? <compound-selector> ]*",
 		"syntax-after": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"complex-selector-unit": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"composite-mode": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"compound-selector": {
 		"type": "modified",
 		"syntax-before": "[ <type-selector>? <subclass-selector>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!",
 		"syntax-after": "[ <type-selector>? <subclass-selector>* ]!",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"conic-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"conic-gradient()": {
 		"type": "modified",
 		"syntax-before": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
 		"syntax-after": "conic-gradient( [ <conic-gradient-syntax> ] )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"container-condition": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <container-name> ]? <container-query>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"container-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<custom-ident>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"container-progress()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"container-query": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"content-level": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "element | content | text | <attr()> | <counter>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"content-list": {
 		"type": "modified",
 		"syntax-before": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
 		"syntax-after": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"content()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "content( [ text | before | after | first-letter | marker ]? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"contrast-color()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"coord-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<paint-box> | view-box",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"coordinate-pair": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length-percentage>{2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"counter-style": {
 		"type": "modified",
 		"syntax-before": "<counter-style-name> | symbols( )",
 		"syntax-after": "<counter-style-name> | <symbols()>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"counter-style-name": {
 		"type": "modified",
@@ -591,43 +910,78 @@
 		"type": "modified",
 		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
 		"syntax-after": "cross-fade( <cf-image># )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"crossorigin-modifier": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "crossorigin( anonymous | use-credentials )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"css-type": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<syntax-component> | <type()>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"cubic-bezier-easing-function": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"curve-command": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"custom-arg": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "$ <ident-token> ;",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"custom-color-space": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"custom-params": {
 		"type": "added",
@@ -640,13 +994,23 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"dasharray": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"deprecated-color": {
 		"type": "added",
@@ -663,181 +1027,331 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"display-legacy": {
 		"type": "modified",
 		"syntax-before": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
 		"syntax-after": "inline-block | inline-table | inline-flex | inline-grid",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"dynamic-range-limit-mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"easing-function": {
 		"type": "modified",
 		"syntax-before": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
 		"syntax-after": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"element()": {
 		"type": "modified",
 		"syntax-before": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
 		"syntax-after": "element( <id-selector> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"env()": {
 		"type": "modified",
 		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
 		"syntax-after": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"feature-value-name": {
 		"type": "modified",
 		"syntax-before": "<custom-ident>",
 		"syntax-after": "<ident>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"filter-function": {
 		"type": "modified",
 		"syntax-before": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
 		"syntax-after": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"filter-value-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <filter-function> | <url> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"filter()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "filter( [ <image> | <string> ] , <filter-value-list> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"final-bg-layer": {
 		"type": "modified",
 		"syntax-before": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
 		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"first-valid()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "first-valid( <declaration-value># )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"fixed-breadth": {
 		"type": "modified",
 		"syntax-before": "<length-percentage>",
 		"syntax-after": "<length-percentage [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-features-tech": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ features-opentype | features-aat | features-graphite ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-format": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-src": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-tech": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-variant-css2": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ normal | small-caps ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-weight-absolute": {
 		"type": "modified",
 		"syntax-before": "normal | bold | <number [1,1000]>",
 		"syntax-after": "[ normal | bold | <number [1,1000]> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"font-width-css3": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"frequency-percentage": {
 		"type": "modified",
 		"syntax-before": "<frequency> | <percentage>",
 		"syntax-after": "[ <frequency> | <percentage> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"function-dependency-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<function-parameter>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"function-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"function-parameter": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"function-parameter-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<function-parameter>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"general-enclosed": {
 		"type": "modified",
 		"syntax-before": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )",
 		"syntax-after": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"generic-complete": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"generic-family": {
 		"type": "modified",
 		"syntax-before": "serif | sans-serif | cursive | fantasy | monospace | -apple-system",
 		"syntax-after": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"generic-incomplete": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"generic-script-specific": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"gradient": {
 		"type": "modified",
@@ -854,31 +1368,56 @@
 		"type": "modified",
 		"syntax-before": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]",
 		"syntax-after": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"hsl()": {
 		"type": "modified",
 		"syntax-before": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"syntax-after": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"hsla()": {
 		"type": "modified",
 		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"hue-interpolation-method": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ shorter | longer | increasing | decreasing ] hue",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"hv-line-command": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ hline | vline ] <by-to> <length-percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"hwb()": {
 		"type": "modified",
@@ -906,55 +1445,100 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<stripes()>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"image-set-option": {
 		"type": "modified",
 		"syntax-before": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
 		"syntax-after": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"image-src": {
 		"type": "modified",
 		"syntax-before": "<url> | <string>",
 		"syntax-after": "[ <url> | <string> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"image-tags": {
 		"type": "modified",
 		"syntax-before": "ltr | rtl",
 		"syntax-after": "[ ltr | rtl ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"import-conditions": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"inflexible-breadth": {
 		"type": "modified",
 		"syntax-before": "<length-percentage> | min-content | max-content | auto",
 		"syntax-after": "<length-percentage [0,∞]> | min-content | max-content | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"integrity-modifier": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "integrity( <string> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"isolation-mode": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | isolate",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"keyframe-selector": {
 		"type": "modified",
 		"syntax-before": "from | to | <percentage>",
 		"syntax-after": "from | to | <percentage [0,100]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"lab()": {
 		"type": "modified",
@@ -971,7 +1555,12 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> | margin-box",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"lch()": {
 		"type": "modified",
@@ -999,67 +1588,122 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "device-cmyk( <number>#{4} )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"legacy-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"legacy-hsla-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"legacy-pseudo-element-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "':' [ before | after | first-line | first-letter ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"legacy-rgb-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"legacy-rgba-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"length-percentage": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "[ <length> | <percentage> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"light-dark()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "light-dark( <color> , <color> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"line-command": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "line <by-to> <coordinate-pair>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"line-width": {
 		"type": "modified",
 		"syntax-before": "<length> | thin | medium | thick",
 		"syntax-after": "<length [0,∞]> | thin | medium | thick",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"linear-easing-function": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "linear( <linear-stop-list> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"linear-gradient-syntax": {
 		"type": "added",
@@ -1076,121 +1720,221 @@
 		"type": "modified",
 		"syntax-before": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
 		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"linear-stop": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<number> && <linear-stop-length>?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"linear-stop-length": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<percentage>{1,2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"linear-stop-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <linear-stop> ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"linear()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "linear( <linear-stop-list> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"link-param": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "param( <custom-property-name> <declaration-value>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"marker-ref": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<url>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"media-and": {
 		"type": "modified",
 		"syntax-before": "<media-in-parens> [ and <media-in-parens> ]+",
 		"syntax-after": "and <media-in-parens>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"media-condition": {
 		"type": "modified",
 		"syntax-before": "<media-not> | <media-and> | <media-or> | <media-in-parens>",
 		"syntax-after": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"media-condition-without-or": {
 		"type": "modified",
 		"syntax-before": "<media-not> | <media-and> | <media-in-parens>",
 		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"media-or": {
 		"type": "modified",
 		"syntax-before": "<media-in-parens> [ or <media-in-parens> ]+",
 		"syntax-after": "or <media-in-parens>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"media-progress()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"media()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mf-comparison": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<mf-lt> | <mf-gt> | <mf-eq>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mf-eq": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'='",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mf-gt": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'>' '='?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mf-lt": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'<' '='?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mf-range": {
 		"type": "modified",
 		"syntax-before": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>",
 		"syntax-after": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"modern-device-cmyk-syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"modern-hsl-syntax": {
 		"type": "added",
@@ -1240,13 +1984,23 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "move <by-to> <coordinate-pair>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"mq-boolean": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<integer [0,1]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"named-color": {
 		"type": "modified",
@@ -1263,13 +2017,23 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<number> <number>?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"offset-path": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<ray()> | <url> | <basic-shape>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"oklab()": {
 		"type": "added",
@@ -1297,13 +2061,23 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<number> | <percentage>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"opentype-tag": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<string>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"padding-width": {
 		"type": "added",
@@ -1320,55 +2094,100 @@
 		"type": "modified",
 		"syntax-before": "<pseudo-page>+ | <ident> <pseudo-page>*",
 		"syntax-after": "[ <ident-token>? <pseudo-page>* ]!",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"page-selector-list": {
 		"type": "modified",
 		"syntax-before": "[ <page-selector># ]?",
 		"syntax-after": "<page-selector>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"paint": {
 		"type": "modified",
 		"syntax-before": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
 		"syntax-after": "none | <image> | <svg-paint>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"paint-box": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<visual-box> | fill-box | stroke-box",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"palette-mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"points": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <number>+ ]#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"polar-color-space": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "hsl | hwb | lch | oklch",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"position": {
 		"type": "modified",
 		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"position-area": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ [ 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} ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"predefined-polar-params": {
 		"type": "added",
@@ -1409,61 +2228,111 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"progress()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"pseudo-compound-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<pseudo-element-selector> <pseudo-class-selector>*",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"pseudo-element-selector": {
 		"type": "modified",
 		"syntax-before": "':' <pseudo-class-selector>",
 		"syntax-after": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"pseudo-page": {
 		"type": "modified",
 		"syntax-before": ": [ left | right | first | blank ]",
 		"syntax-after": "':' [ left | right | first | blank ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"pt-class-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ '.' <custom-ident> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"pt-name-and-class-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"pt-name-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'*' | <custom-ident>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"query-in-parens": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"radial-extent": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "closest-corner | closest-side | farthest-corner | farthest-side",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"radial-gradient-syntax": {
 		"type": "added",
@@ -1480,73 +2349,133 @@
 		"type": "modified",
 		"syntax-before": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
 		"syntax-after": "radial-gradient( [ <radial-gradient-syntax> ] )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"radial-shape": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "circle | ellipse",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"radial-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"random-caching-options": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident> || per-element",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"random-item()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"random()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"ray-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"ray()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"rectangular-color-space": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"referrerpolicy-modifier": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"relative-real-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<combinator>? <complex-real-selector>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"relative-real-selector-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<relative-real-selector>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"repeat-style": {
 		"type": "modified",
@@ -1574,43 +2503,78 @@
 		"type": "modified",
 		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
 		"syntax-after": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"repeating-linear-gradient()": {
 		"type": "modified",
 		"syntax-before": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
 		"syntax-after": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"repeating-radial-gradient()": {
 		"type": "modified",
 		"syntax-before": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
 		"syntax-after": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"repetition": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "repeat | space | round | no-repeat",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"request-url-modifier": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"rgb()": {
 		"type": "modified",
 		"syntax-before": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"syntax-after": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"rgba()": {
 		"type": "modified",
 		"syntax-before": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"right": {
 		"type": "modified",
@@ -1627,67 +2591,122 @@
 		"type": "modified",
 		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
 		"syntax-after": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"running()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "running( <custom-ident> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroll()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"scroller": {
 		"type": "modified",
 		"syntax-before": "root | nearest",
 		"syntax-after": "root | nearest | self",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"selector-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<complex-selector-list>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"shadow": {
 		"type": "modified",
 		"syntax-before": "inset? && <length>{2,4} && <color>?",
 		"syntax-after": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"shape-box": {
 		"type": "modified",
 		"syntax-before": "<box> | margin-box",
 		"syntax-after": "<visual-box> | margin-box",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"shape-command": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"shape()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"simple-selector": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<type-selector> | <subclass-selector>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"simple-selector-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<simple-selector>#",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"single-animation": {
 		"type": "modified",
@@ -1704,13 +2723,23 @@
 		"type": "modified",
 		"syntax-before": "infinite | <number>",
 		"syntax-after": "infinite | <number [0,∞]>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"single-animation-timeline": {
 		"type": "modified",
 		"syntax-before": "auto | none | <timeline-name> | scroll( <axis>? <scroller>? )",
 		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"single-transition": {
 		"type": "modified",
@@ -1727,73 +2756,133 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"source-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<media-condition> <source-size-value> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"source-size-list": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<source-size>#? , <source-size-value>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"source-size-value": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<length> | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"spacing-trim": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "space-all | normal | space-first | trim-start | trim-both | trim-all",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"spread-shadow": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"src()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "src( <string> <url-modifier>* )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"step-easing-function": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"string()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "string( <custom-ident> , [ first | start | last | first-except ]? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"stripes()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "stripes( <color-stripe># )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"style-in-parens": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"style-query": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"supports-feature": {
 		"type": "modified",
@@ -1810,73 +2899,133 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "font-format( <font-format> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"supports-font-tech-fn": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "font-tech( <font-tech> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"supports()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "supports( <declaration> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"svg-paint": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "child | child( <integer> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"symbols-type": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "cyclic | numeric | alphabetic | symbolic | fixed",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"symbols()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"syntax": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"syntax-combinator": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'|'",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"syntax-component": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"syntax-component-name": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"syntax-multiplier": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ '#' | '+' ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"syntax-type": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"system-color": {
 		"type": "added",
@@ -1898,31 +3047,56 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "caption | icon | menu | message-box | small-caption | status-bar",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"target-contrast": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<wcag2>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"text-edge": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"time-percentage": {
 		"type": "modified",
 		"syntax-before": "<time> | <percentage>",
 		"syntax-after": "[ <time> | <percentage> ]",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"toggle()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "toggle( <whole-value># )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"top": {
 		"type": "modified",
@@ -1939,67 +3113,122 @@
 		"type": "modified",
 		"syntax-before": "<length-percentage> | <flex> | min-content | max-content | auto",
 		"syntax-after": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"track-size": {
 		"type": "modified",
 		"syntax-before": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )",
 		"syntax-after": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"transform-mix()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "transform-mix( <progress> , <transform-list> , <transform-list> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"transition-behavior-value": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "normal | allow-discrete",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"try-size": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "most-width | most-height | most-block-size | most-inline-size",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"try-tactic": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "flip-block || flip-inline || flip-start",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"type()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "type( <syntax> )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"url": {
 		"type": "modified",
 		"syntax-before": "url( <string> <url-modifier>* ) | <url-token>",
 		"syntax-after": "<url()> | <src()>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"url()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"view()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "view( [ <axis> || <'view-timeline-inset'> ]? )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"wcag2": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"xyz": {
 		"type": "added",
@@ -2041,7 +3270,11 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "xyz | xyz-d50 | xyz-d65",
-		"omit": true,
-		"comment": ""
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	}
 }
\ No newline at end of file

From 2d1766a59e6f6513430923424a0ffa5f00161e89 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 28 Aug 2024 17:12:51 +0200
Subject: [PATCH 11/66] wip

---
 .../dist/index.json                           |  11 +-
 .../webref-over-csstree-properties.json       |  40 ++++-
 .../patches/webref-over-csstree-types.json    | 146 +++++++++++++++---
 .../scripts/index.mjs                         |  37 +++--
 4 files changed, 194 insertions(+), 40 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 629ff76b4f..0ac0458c6e 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -7,9 +7,12 @@
 			"anchor-name": "none | <dashed-ident>#",
 			"anchor-scope": "none | all | <dashed-ident>#",
 			"appearance": "none | auto | <compat-auto> | <compat-special>",
-			"position-anchor": "auto | <custom-property-name>"
+			"position-anchor": "auto | <anchor-element>",
+			"position-area": "none | <position-area>",
+			"position-try-fallbacks": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#"
 		},
 		"types": {
+			"anchor-element": "<dashed-ident>",
 			"color": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
 			"color-base": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
 			"color-function": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
@@ -17,14 +20,20 @@
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
+			"position-area": "[ [ 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} ]",
 			"predefined-polar-params": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 			"predefined-rectangular": "jzazbz | ictcp",
 			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 			"predefined-rgb-params": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+			"src()": "src( <string> <url-modifier>* )",
 			"system-color": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
+			"try-tactic": "flip-block || flip-inline || flip-start",
+			"url": "<url()> | <src()> | <url-token>",
+			"url()": "url( <string> <url-modifier>* ) | <url-token>",
 			"xyz": "xyz | xyz-d50 | xyz-d65",
 			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
+			"xyz-space": "xyz | xyz-d50 | xyz-d65",
 			"dashed-ident": "<custom-property-name>"
 		}
 	}
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 835ebbfcc7..1b78fab2eb 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -3200,7 +3200,7 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "auto | <anchor-element>",
-		"merged": "auto | <custom-property-name>",
+		"merged": "auto | <anchor-element>",
 		"tests": {
 			"passing": [
 				{
@@ -3209,7 +3209,6 @@
 			],
 			"failing": [
 				{
-					"property": "position-anchor",
 					"value": "foo"
 				}
 			]
@@ -3221,10 +3220,21 @@
 		"syntax-before": "",
 		"syntax-after": "none | <position-area>",
 		"comment": "",
-		"merged": false,
+		"merged": "none | <position-area>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "left"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"position-try": {
@@ -3243,10 +3253,24 @@
 		"syntax-before": "",
 		"syntax-after": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
 		"comment": "",
-		"merged": false,
+		"merged": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "--foo"
+				},
+				{
+					"value": "left"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"position-try-order": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index ec2647c28d..6772390aa7 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -4,10 +4,24 @@
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident>",
 		"comment": "",
-		"merged": false,
+		"merged": "<dashed-ident>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "position-anchor",
+					"value": "--foo"
+				}
+			],
+			"failing": [
+				{
+					"property": "position-anchor",
+					"value": "-foo"
+				},
+				{
+					"property": "position-anchor",
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"anchor-side": {
@@ -2183,10 +2197,28 @@
 		"syntax-before": "",
 		"syntax-after": "[ [ 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} ]",
 		"comment": "",
-		"merged": false,
+		"merged": "[ [ 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} ]",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "position-area",
+					"value": "left"
+				},
+				{
+					"property": "position-area",
+					"value": "left top"
+				},
+				{
+					"property": "position-area",
+					"value": "center center"
+				}
+			],
+			"failing": [
+				{
+					"property": "position-area",
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"predefined-polar-params": {
@@ -2823,10 +2855,24 @@
 		"syntax-before": "",
 		"syntax-after": "src( <string> <url-modifier>* )",
 		"comment": "",
-		"merged": false,
+		"merged": "src( <string> <url-modifier>* )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "src",
+					"value": "src('#foo')"
+				},
+				{
+					"property": "src",
+					"value": "src('#foo' modifier)"
+				}
+			],
+			"failing": [
+				{
+					"property": "src",
+					"value": "src(#foo)"
+				}
+			]
 		}
 	},
 	"step-easing-function": {
@@ -3169,10 +3215,28 @@
 		"syntax-before": "",
 		"syntax-after": "flip-block || flip-inline || flip-start",
 		"comment": "",
-		"merged": false,
+		"merged": "flip-block || flip-inline || flip-start",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "position-try-fallbacks",
+					"value": "flip-block"
+				},
+				{
+					"property": "position-try-fallbacks",
+					"value": "flip-start"
+				}
+			],
+			"failing": [
+				{
+					"property": "foo",
+					"value": "flip-block"
+				},
+				{
+					"property": "position-try-fallbacks",
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"type()": {
@@ -3191,21 +3255,61 @@
 		"syntax-before": "url( <string> <url-modifier>* ) | <url-token>",
 		"syntax-after": "<url()> | <src()>",
 		"comment": "",
-		"merged": false,
+		"merged": "<url()> | <src()> | <url-token>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "src",
+					"value": "url(https://example.com#foo)"
+				},
+				{
+					"property": "src",
+					"value": "url('#foo')"
+				},
+				{
+					"property": "src",
+					"value": "src('#foo')"
+				},
+				{
+					"property": "src",
+					"value": "src('#foo' modifier)"
+				}
+			],
+			"failing": [
+				{
+					"property": "src",
+					"value": "url(#foo modifier)"
+				},
+				{
+					"property": "src",
+					"value": "src(#foo)"
+				}
+			]
 		}
 	},
 	"url()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
+		"merged": "url( <string> <url-modifier>* ) | <url-token>",
 		"comment": "",
-		"merged": false,
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "src",
+					"value": "url(https://example.com#foo)"
+				},
+				{
+					"property": "src",
+					"value": "url('#foo')"
+				}
+			],
+			"failing": [
+				{
+					"property": "src",
+					"value": "url(#foo modifier)"
+				}
+			]
 		}
 	},
 	"view()": {
@@ -3235,6 +3339,10 @@
 		"syntax-before": "",
 		"syntax-after": "xyz | xyz-d50 | xyz-d65",
 		"merged": "xyz | xyz-d50 | xyz-d65",
+		"tests": {
+			"passing": [],
+			"failing": []
+		},
 		"comment": ""
 	},
 	"xyz-params": {
@@ -3271,7 +3379,7 @@
 		"syntax-before": "",
 		"syntax-after": "xyz | xyz-d50 | xyz-d65",
 		"comment": "",
-		"merged": false,
+		"merged": "xyz | xyz-d50 | xyz-d65",
 		"tests": {
 			"passing": [],
 			"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 85c43a450d..759ca893c3 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -61,7 +61,9 @@ const {
 flaws += patch_flaws;
 
 const forkedLexer = fork({
-	properties: property_patches,
+	properties: {
+		...property_patches,
+	},
 	types: type_patches,
 }).lexer;
 
@@ -129,22 +131,33 @@ for (const [name] of Object.entries(webref_over_csstree_sets.types)) {
 	}
 
 	for (const test of (patch.tests.passing ?? [])) {
-		const csstree_value_node = parse(test.value, { context: 'value' });
-		const result = forkedLexer.matchProperty(test.property, csstree_value_node);
-		if (result.error) {
-			console.log(`Expected no error for '${test.property}: ${test.value}'`);
-			flaws++;
-		}
+		try {
+			const csstree_value_node = parse(test.value, { context: 'value' });
+			const result = forkedLexer.matchProperty(test.property, csstree_value_node);
+			if (!result.error) {
+				continue;
+			}
+
+		} catch {}
+
+		console.log(`Expected no error for '${test.property}: ${test.value}'`);
+		flaws++;
 	}
 
 
 	for (const test of (patch.tests.failing ?? [])) {
-		const csstree_value_node = parse(test.value, { context: 'value' });
-		const result = forkedLexer.matchProperty(test.property, csstree_value_node);
-		if (!result.error) {
-			console.log(`Expected an error for '${test.property}: ${test.value}'`);
-			flaws++;
+		try {
+			const csstree_value_node = parse(test.value, { context: 'value' });
+			const result = forkedLexer.matchProperty(test.property, csstree_value_node);
+			if (result.error) {
+				continue;
+			}
+		} catch {
+			continue;
 		}
+
+		console.log(`Expected an error for '${test.property}: ${test.value}'`);
+		flaws++;
 	}
 }
 

From 83aab5bfddef5cc6481234a1933b5f51a21fb327 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 28 Aug 2024 17:14:58 +0200
Subject: [PATCH 12/66] fix

---
 packages/css-syntax-patches-for-csstree/package.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/package.json b/packages/css-syntax-patches-for-csstree/package.json
index d071ee33d5..a70e9552ba 100644
--- a/packages/css-syntax-patches-for-csstree/package.json
+++ b/packages/css-syntax-patches-for-csstree/package.json
@@ -38,8 +38,8 @@
 		"postcss": "^8.4"
 	},
 	"devDependencies": {
-		"css-tree": "^2.3.1",
-		"@webref/css": "^6.14.2"
+		"@webref/css": "^6.14.2",
+		"css-tree": "^2.3.1"
 	},
 	"scripts": {
 		"build": "node ./scripts/index.mjs",
@@ -56,8 +56,8 @@
 	"bugs": "https://github.com/csstools/postcss-plugins/issues",
 	"keywords": [
 		"css",
-		"syntax",
-		"csstree"
+		"csstree",
+		"syntax"
 	],
 	"volta": {
 		"extends": "../../package.json"

From 78f3de9747462a3dcfb17c53fe82ead059c659af Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 28 Aug 2024 19:29:16 +0200
Subject: [PATCH 13/66] add community tests

---
 .../dist/index.json                           |     6 +-
 .../webref-over-csstree-properties.json       |    34 +-
 .../patches/webref-over-csstree-types.json    |    43 +-
 .../scripts/index.mjs                         |    39 +-
 .../tests/bootstrap.1.0.0.css                 |  1770 +++
 .../tests/bootstrap.4.6.2.css                 | 10332 +++++++++++++
 .../tests/bootstrap.5.3.3.css                 | 12057 ++++++++++++++++
 .../tests/community.test.mjs                  |   101 +
 8 files changed, 24353 insertions(+), 29 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/bootstrap.1.0.0.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/bootstrap.4.6.2.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/bootstrap.5.3.3.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/community.test.mjs

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 0ac0458c6e..41b1ec40b5 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -9,7 +9,9 @@
 			"appearance": "none | auto | <compat-auto> | <compat-special>",
 			"position-anchor": "auto | <anchor-element>",
 			"position-area": "none | <position-area>",
-			"position-try-fallbacks": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#"
+			"position-try-fallbacks": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
+			"position-try-order": "normal | <try-size>",
+			"transition-behavior": "<transition-behavior-value>#"
 		},
 		"types": {
 			"anchor-element": "<dashed-ident>",
@@ -28,6 +30,8 @@
 			"predefined-rgb-params": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
 			"src()": "src( <string> <url-modifier>* )",
 			"system-color": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
+			"transition-behavior-value": "normal | allow-discrete",
+			"try-size": "most-width | most-height | most-block-size | most-inline-size",
 			"try-tactic": "flip-block || flip-inline || flip-start",
 			"url": "<url()> | <src()> | <url-token>",
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 1b78fab2eb..f9ff2600a1 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -3278,10 +3278,21 @@
 		"syntax-before": "",
 		"syntax-after": "normal | <try-size>",
 		"comment": "",
-		"merged": false,
+		"merged": "normal | <try-size>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "most-width"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"position-visibility": {
@@ -4367,10 +4378,21 @@
 		"syntax-before": "",
 		"syntax-after": "<transition-behavior-value>#",
 		"comment": "",
-		"merged": false,
+		"merged": "<transition-behavior-value>#",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "allow-discrete"
+				},
+				{
+					"value": "allow-discrete, normal"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"transition-duration": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 6772390aa7..ff6d8ac1d8 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -948,6 +948,7 @@
 		"syntax-after": "<syntax-component> | <type()>",
 		"comment": "",
 		"merged": false,
+		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1296,6 +1297,7 @@
 		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
 		"comment": "",
 		"merged": false,
+		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1307,6 +1309,7 @@
 		"syntax-after": "<function-parameter>#",
 		"comment": "",
 		"merged": false,
+		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3193,10 +3196,24 @@
 		"syntax-before": "",
 		"syntax-after": "normal | allow-discrete",
 		"comment": "",
-		"merged": false,
+		"merged": "normal | allow-discrete",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "transition-behavior",
+					"value": "allow-discrete"
+				},
+				{
+					"property": "transition-behavior",
+					"value": "normal"
+				}
+			],
+			"failing": [
+				{
+					"property": "transition-behavior",
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"try-size": {
@@ -3204,10 +3221,23 @@
 		"syntax-before": "",
 		"syntax-after": "most-width | most-height | most-block-size | most-inline-size",
 		"comment": "",
-		"merged": false,
+		"merged": "most-width | most-height | most-block-size | most-inline-size",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "position-try-order",
+					"value": "most-width"
+				},
+				{
+					"property": "position-try-order",
+					"value": "most-inline-size"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"try-tactic": {
@@ -3245,6 +3275,7 @@
 		"syntax-after": "type( <syntax> )",
 		"comment": "",
 		"merged": false,
+		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 759ca893c3..22341be2fa 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -61,9 +61,7 @@ const {
 flaws += patch_flaws;
 
 const forkedLexer = fork({
-	properties: {
-		...property_patches,
-	},
+	properties: property_patches,
 	types: type_patches,
 }).lexer;
 
@@ -95,22 +93,32 @@ for (const [name] of Object.entries(webref_over_csstree_sets.properties)) {
 	}
 
 	for (const test of (patch.tests.passing ?? [])) {
-		const csstree_value_node = parse(test.value, { context: 'value' });
-		const result = forkedLexer.matchProperty(name, csstree_value_node);
-		if (result.error) {
-			console.log(`Expected no error for '${name}: ${test.value}'`);
-			flaws++;
-		}
-	}
+		try {
+			const csstree_value_node = parse(test.value, { context: 'value' });
+			const result = forkedLexer.matchProperty(name, csstree_value_node);
+			if (!result.error) {
+				continue;
+			}
+
+		} catch { }
 
+		console.log(`Expected no error for '${name}: ${test.value}'`);
+		flaws++;
+	}
 
 	for (const test of (patch.tests.failing ?? [])) {
-		const csstree_value_node = parse(test.value, { context: 'value' });
-		const result = forkedLexer.matchProperty(name, csstree_value_node);
-		if (!result.error) {
-			console.log(`Expected an error for '${name}: ${test.value}'`);
-			flaws++;
+		try {
+			const csstree_value_node = parse(test.value, { context: 'value' });
+			const result = forkedLexer.matchProperty(name, csstree_value_node);
+			if (result.error) {
+				continue;
+			}
+		} catch {
+			continue;
 		}
+
+		console.log(`Expected an error for '${name}: ${test.value}'`);
+		flaws++;
 	}
 }
 
@@ -144,7 +152,6 @@ for (const [name] of Object.entries(webref_over_csstree_sets.types)) {
 		flaws++;
 	}
 
-
 	for (const test of (patch.tests.failing ?? [])) {
 		try {
 			const csstree_value_node = parse(test.value, { context: 'value' });
diff --git a/packages/css-syntax-patches-for-csstree/tests/bootstrap.1.0.0.css b/packages/css-syntax-patches-for-csstree/tests/bootstrap.1.0.0.css
new file mode 100644
index 0000000000..375ed11882
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/bootstrap.1.0.0.css
@@ -0,0 +1,1770 @@
+/*!
+ * Bootstrap v1.0.0
+ *
+ * Copyright 2011 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ * Date: Wed Aug 17 23:02:19 PDT 2011
+ */
+/* Reset.less
+ * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
+ * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
+html, body {
+  margin: 0;
+  padding: 0;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+dd,
+dl,
+dt,
+li,
+ol,
+ul,
+fieldset,
+form,
+label,
+legend,
+button,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-weight: normal;
+  font-style: normal;
+  font-size: 100%;
+  line-height: 1;
+  font-family: inherit;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+ol, ul {
+  list-style: none;
+}
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+  content: "";
+}
+header,
+section,
+footer,
+article,
+aside {
+  display: block;
+}
+/* Preboot.less
+ * Variables and mixins to pre-ignite any new web development project
+ * ------------------------------------------------------------------ */
+.clearfix {
+  zoom: 1;
+}
+.clearfix:after {
+  display: block;
+  visibility: hidden;
+  height: 0;
+  clear: both;
+  content: ".";
+}
+.center-block {
+  display: block;
+  margin: 0 auto;
+}
+.container {
+  width: 940px;
+  margin: 0 auto;
+  zoom: 1;
+}
+.container:after {
+  display: block;
+  visibility: hidden;
+  height: 0;
+  clear: both;
+  content: ".";
+}
+/*
+ * Scaffolding
+ * Basic and global styles for generating a grid system, structural layout, and page templates
+ * ------------------------------------------------------------------------------------------- */
+.row {
+  zoom: 1;
+}
+.row:after {
+  display: block;
+  visibility: hidden;
+  height: 0;
+  clear: both;
+  content: ".";
+}
+.row .span1 {
+  float: left;
+  width: 40px;
+  margin-left: 20px;
+}
+.row .span1:first-child {
+  margin-left: 0;
+}
+.row .span2 {
+  float: left;
+  width: 100px;
+  margin-left: 20px;
+}
+.row .span2:first-child {
+  margin-left: 0;
+}
+.row .span3 {
+  float: left;
+  width: 160px;
+  margin-left: 20px;
+}
+.row .span3:first-child {
+  margin-left: 0;
+}
+.row .span4 {
+  float: left;
+  width: 220px;
+  margin-left: 20px;
+}
+.row .span4:first-child {
+  margin-left: 0;
+}
+.row .span5 {
+  float: left;
+  width: 280px;
+  margin-left: 20px;
+}
+.row .span5:first-child {
+  margin-left: 0;
+}
+.row .span6 {
+  float: left;
+  width: 340px;
+  margin-left: 20px;
+}
+.row .span6:first-child {
+  margin-left: 0;
+}
+.row .span7 {
+  float: left;
+  width: 400px;
+  margin-left: 20px;
+}
+.row .span7:first-child {
+  margin-left: 0;
+}
+.row .span8 {
+  float: left;
+  width: 460px;
+  margin-left: 20px;
+}
+.row .span8:first-child {
+  margin-left: 0;
+}
+.row .span9 {
+  float: left;
+  width: 520px;
+  margin-left: 20px;
+}
+.row .span9:first-child {
+  margin-left: 0;
+}
+.row .span10 {
+  float: left;
+  width: 580px;
+  margin-left: 20px;
+}
+.row .span10:first-child {
+  margin-left: 0;
+}
+.row .span11 {
+  float: left;
+  width: 640px;
+  margin-left: 20px;
+}
+.row .span11:first-child {
+  margin-left: 0;
+}
+.row .span12 {
+  float: left;
+  width: 700px;
+  margin-left: 20px;
+}
+.row .span12:first-child {
+  margin-left: 0;
+}
+.row .span13 {
+  float: left;
+  width: 760px;
+  margin-left: 20px;
+}
+.row .span13:first-child {
+  margin-left: 0;
+}
+.row .span14 {
+  float: left;
+  width: 820px;
+  margin-left: 20px;
+}
+.row .span14:first-child {
+  margin-left: 0;
+}
+.row .span15 {
+  float: left;
+  width: 880px;
+  margin-left: 20px;
+}
+.row .span15:first-child {
+  margin-left: 0;
+}
+.row .span16 {
+  float: left;
+  width: 940px;
+  margin-left: 20px;
+}
+.row .span16:first-child {
+  margin-left: 0;
+}
+.row .offset1 {
+  margin-left: 80px !important;
+}
+.row .offset1:first-child {
+  margin-left: 60px !important;
+}
+.row .offset2 {
+  margin-left: 140px !important;
+}
+.row .offset2:first-child {
+  margin-left: 120px !important;
+}
+.row .offset3 {
+  margin-left: 200px !important;
+}
+.row .offset3:first-child {
+  margin-left: 180px !important;
+}
+.row .offset4 {
+  margin-left: 260px !important;
+}
+.row .offset4:first-child {
+  margin-left: 240px !important;
+}
+.row .offset5 {
+  margin-left: 320px !important;
+}
+.row .offset5:first-child {
+  margin-left: 300px !important;
+}
+.row .offset6 {
+  margin-left: 380px !important;
+}
+.row .offset6:first-child {
+  margin-left: 360px !important;
+}
+.row .offset7 {
+  margin-left: 440px !important;
+}
+.row .offset7:first-child {
+  margin-left: 420px !important;
+}
+.row .offset8 {
+  margin-left: 500px !important;
+}
+.row .offset8:first-child {
+  margin-left: 480px !important;
+}
+.row .offset9 {
+  margin-left: 500px !important;
+}
+.row .offset9:first-child {
+  margin-left: 480px !important;
+}
+.row .offset10 {
+  margin-left: 620px !important;
+}
+.row .offset10:first-child {
+  margin-left: 600px !important;
+}
+.row .offset11 {
+  margin-left: 680px !important;
+}
+.row .offset11:first-child {
+  margin-left: 660px !important;
+}
+.row .offset12 {
+  margin-left: 740px !important;
+}
+.row .offset12:first-child {
+  margin-left: 720px !important;
+}
+html, body {
+  background-color: #fff;
+}
+body {
+  margin: 0;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  font-weight: normal;
+  line-height: 18px;
+  color: #808080;
+  text-rendering: optimizeLegibility;
+}
+div.container {
+  width: 940px;
+  margin: 0 auto;
+}
+div.container-fluid {
+  padding: 20px;
+  zoom: 1;
+}
+div.container-fluid:after {
+  display: block;
+  visibility: hidden;
+  height: 0;
+  clear: both;
+  content: ".";
+}
+div.container-fluid div.sidebar {
+  float: left;
+  width: 220px;
+}
+div.container-fluid div.content {
+  min-width: 700px;
+  max-width: 1180px;
+  margin-left: 240px;
+}
+a {
+  color: #0069d6;
+  text-decoration: none;
+  line-height: inherit;
+}
+a:hover {
+  color: #0050a3;
+  text-decoration: underline;
+}
+.btn {
+  display: inline-block;
+  background-color: #e6e6e6;
+  background-repeat: no-repeat;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));
+  background-image: -webkit-linear-gradient(#ffffff, color-stop(0.25, #ffffff), #e6e6e6);
+  background-image: -moz-linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6);
+  padding: 4px 14px;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  color: #333333;
+  font-size: 13px;
+  line-height: 18px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -webkit-transition: 0.1s linear all;
+  -moz-transition: 0.1s linear all;
+  transition: 0.1s linear all;
+}
+.btn:hover {
+  background-position: 0 -15px;
+  color: #333333;
+  text-decoration: none;
+}
+.btn.primary {
+  background-color: #0064cd;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
+  background-image: -moz-linear-gradient(#049cdb, #0064cd);
+  background-image: -ms-linear-gradient(#049cdb, #0064cd);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
+  background-image: -webkit-linear-gradient(#049cdb, #0064cd);
+  background-image: -o-linear-gradient(#049cdb, #0064cd);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0)";
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
+  background-image: linear-gradient(#049cdb, #0064cd);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.btn.primary:hover {
+  color: #fff;
+}
+.btn.large {
+  font-size: 16px;
+  line-height: 28px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+.btn.small {
+  padding-right: 9px;
+  padding-left: 9px;
+  font-size: 11px;
+}
+.btn:disabled, .btn.disabled {
+  background-image: none;
+  filter: alpha(opacity=65);
+  -khtml-opacity: 0.65;
+  -moz-opacity: 0.65;
+  opacity: 0.65;
+  cursor: default;
+}
+.btn:active {
+  -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+/* Typography.less
+ * Headings, body text, lists, code, and more for a versatile and durable typography system
+ * ---------------------------------------------------------------------------------------- */
+p {
+  font-size: 13px;
+  font-weight: normal;
+  line-height: 18px;
+  margin-bottom: 18px;
+}
+p small {
+  font-size: 11px;
+  color: #bfbfbf;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: bold;
+  color: #404040;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small {
+  color: #bfbfbf;
+}
+h1 {
+  margin-bottom: 18px;
+  font-size: 30px;
+  line-height: 36px;
+}
+h1 small {
+  font-size: 18px;
+}
+h2 {
+  font-size: 24px;
+  line-height: 36px;
+}
+h2 small {
+  font-size: 14px;
+}
+h3,
+h4,
+h5,
+h6 {
+  line-height: 36px;
+}
+h3 {
+  font-size: 18px;
+}
+h3 small {
+  font-size: 14px;
+}
+h4 {
+  font-size: 16px;
+}
+h4 small {
+  font-size: 12px;
+}
+h5 {
+  font-size: 14px;
+}
+h6 {
+  font-size: 13px;
+  color: #bfbfbf;
+  text-transform: uppercase;
+}
+ul, ol {
+  margin: 0 0 18px 25px;
+}
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+  margin-bottom: 0;
+}
+ul {
+  list-style: disc;
+}
+ol {
+  list-style: decimal;
+}
+li {
+  line-height: 18px;
+  color: #808080;
+}
+ul.unstyled {
+  list-style: none;
+  margin-left: 0;
+}
+dl {
+  margin-bottom: 18px;
+}
+dl dt, dl dd {
+  line-height: 18px;
+}
+dl dt {
+  font-weight: bold;
+}
+dl dd {
+  margin-left: 9px;
+}
+hr {
+  margin: 0 0 19px;
+  border: 0;
+  border-bottom: 1px solid #eee;
+}
+strong {
+  font-style: inherit;
+  font-weight: bold;
+  line-height: inherit;
+}
+em {
+  font-style: italic;
+  font-weight: inherit;
+  line-height: inherit;
+}
+.muted {
+  color: #e6e6e6;
+}
+blockquote {
+  margin-bottom: 18px;
+  border-left: 5px solid #eee;
+  padding-left: 15px;
+}
+blockquote p {
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 18px;
+  margin-bottom: 0;
+}
+blockquote cite {
+  display: block;
+  font-size: 12px;
+  font-weight: 300;
+  line-height: 18px;
+  color: #bfbfbf;
+}
+blockquote cite:before {
+  content: '\2014 \00A0';
+}
+address {
+  display: block;
+  line-height: 18px;
+  margin-bottom: 18px;
+}
+code, pre {
+  padding: 0 3px 2px;
+  font-family: Monaco, Andale Mono, Courier New, monospace;
+  font-size: 12px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+code {
+  background-color: #fee9cc;
+  color: rgba(0, 0, 0, 0.75);
+  padding: 1px 3px;
+}
+pre {
+  background-color: #f5f5f5;
+  display: block;
+  padding: 17px;
+  margin: 0 0 18px;
+  line-height: 18px;
+  font-size: 12px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  white-space: pre-wrap;
+}
+/* Forms.less
+ * Base styles for various input types, form layouts, and states
+ * ------------------------------------------------------------- */
+form {
+  margin-bottom: 18px;
+}
+form fieldset {
+  margin-bottom: 18px;
+  padding-top: 18px;
+}
+form fieldset legend {
+  display: block;
+  margin-left: 150px;
+  font-size: 20px;
+  line-height: 1;
+  color: #404040;
+}
+form div.clearfix {
+  margin-bottom: 18px;
+}
+form label,
+form input,
+form select,
+form textarea {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  font-weight: normal;
+  line-height: normal;
+}
+form label {
+  padding-top: 6px;
+  font-size: 13px;
+  line-height: 18px;
+  float: left;
+  width: 130px;
+  text-align: right;
+  color: #404040;
+}
+form div.input {
+  margin-left: 150px;
+}
+form input[type=checkbox], form input[type=radio] {
+  cursor: pointer;
+}
+form input[type=text],
+form input[type=password],
+form textarea,
+form select,
+form .uneditable-input {
+  display: inline-block;
+  width: 210px;
+  margin: 0;
+  padding: 4px;
+  font-size: 13px;
+  line-height: 18px;
+  height: 18px;
+  color: #808080;
+  border: 1px solid #ccc;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+form select, form input[type=file] {
+  height: 27px;
+  line-height: 27px;
+}
+form textarea {
+  height: auto;
+}
+form .uneditable-input {
+  background-color: #eee;
+  display: block;
+  border-color: #ccc;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+form :-moz-placeholder {
+  color: #bfbfbf;
+}
+form ::-webkit-input-placeholder {
+  color: #bfbfbf;
+}
+form input[type=text],
+form input[type=password],
+form select,
+form textarea {
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition: border linear 0.2s, box-shadow linear 0.2s;
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+form input[type=text]:focus, form input[type=password]:focus, form textarea:focus {
+  outline: none;
+  border-color: rgba(82, 168, 236, 0.8);
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
+  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
+}
+form div.error {
+  background: #fae5e3;
+  padding: 10px 0;
+  margin: -10px 0 10px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+form div.error > label, form div.error span.help-inline, form div.error span.help-block {
+  color: #9d261d;
+}
+form div.error input[type=text], form div.error input[type=password], form div.error textarea {
+  border-color: #c87872;
+  -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
+  -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
+  box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
+}
+form div.error input[type=text]:focus, form div.error input[type=password]:focus, form div.error textarea:focus {
+  border-color: #b9554d;
+  -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
+  -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
+  box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
+}
+form div.error div.input-prepend span.add-on, form div.error div.input-append span.add-on {
+  background: #f4c8c5;
+  border-color: #c87872;
+  color: #b9554d;
+}
+form .input-mini,
+form input.mini,
+form textarea.mini,
+form select.mini {
+  width: 60px;
+}
+form .input-small,
+form input.small,
+form textarea.small,
+form select.small {
+  width: 90px;
+}
+form .input-medium,
+form input.medium,
+form textarea.medium,
+form select.medium {
+  width: 150px;
+}
+form .input-large,
+form input.large,
+form textarea.large,
+form select.large {
+  width: 210px;
+}
+form .input-xlarge,
+form input.xlarge,
+form textarea.xlarge,
+form select.xlarge {
+  width: 270px;
+}
+form .input-xxlarge,
+form input.xxlarge,
+form textarea.xxlarge,
+form select.xxlarge {
+  width: 530px;
+}
+form textarea.xxlarge {
+  overflow-y: scroll;
+}
+form input[readonly]:focus, form textarea[readonly]:focus, form input.disabled {
+  background: #f5f5f5;
+  border-color: #ddd;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+div.actions {
+  background: #f5f5f5;
+  margin-top: 18px;
+  margin-bottom: 18px;
+  padding: 17px 20px 18px 150px;
+  border-top: 1px solid #ddd;
+  -webkit-border-radius: 0 0 3px 3px;
+  -moz-border-radius: 0 0 3px 3px;
+  border-radius: 0 0 3px 3px;
+}
+div.actions div.secondary-action {
+  float: right;
+}
+div.actions div.secondary-action a {
+  line-height: 30px;
+}
+div.actions div.secondary-action a:hover {
+  text-decoration: underline;
+}
+.help-inline, .help-block {
+  font-size: 12px;
+  line-height: 18px;
+  color: #bfbfbf;
+}
+.help-inline {
+  padding-left: 5px;
+}
+.help-block {
+  display: block;
+  max-width: 600px;
+}
+div.inline-inputs {
+  color: #808080;
+}
+div.inline-inputs span, div.inline-inputs input[type=text] {
+  display: inline-block;
+}
+div.inline-inputs input.mini {
+  width: 60px;
+}
+div.inline-inputs input.small {
+  width: 90px;
+}
+div.inline-inputs span {
+  padding: 0 2px 0 1px;
+}
+div.input-prepend input[type=text], div.input-append input[type=text] {
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+div.input-prepend .add-on, div.input-append .add-on {
+  background: #f5f5f5;
+  float: left;
+  display: block;
+  width: auto;
+  min-width: 16px;
+  padding: 4px 4px 4px 5px;
+  color: #bfbfbf;
+  font-weight: normal;
+  line-height: 18px;
+  height: 18px;
+  text-align: center;
+  text-shadow: 0 1px 0 #fff;
+  border: 1px solid #ccc;
+  border-right-width: 0;
+  -webkit-border-radius: 3px 0 0 3px;
+  -moz-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+}
+div.input-prepend .active, div.input-append .active {
+  background: #a9dba9;
+  border-color: #46a546;
+}
+div.input-append input[type=text] {
+  float: left;
+  -webkit-border-radius: 3px 0 0 3px;
+  -moz-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+}
+div.input-append .add-on {
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+  border-right-width: 1px;
+  border-left-width: 0;
+}
+ul.inputs-list {
+  margin: 0 0 5px;
+  width: 100%;
+}
+ul.inputs-list li {
+  display: block;
+  padding: 0;
+  width: 100%;
+}
+ul.inputs-list li label {
+  display: block;
+  float: none;
+  width: auto;
+  padding: 0;
+  line-height: 18px;
+  text-align: left;
+  white-space: normal;
+}
+ul.inputs-list li label strong {
+  color: #808080;
+}
+ul.inputs-list li label small {
+  font-size: 12px;
+  font-weight: normal;
+}
+ul.inputs-list li ul.inputs-list {
+  margin-left: 25px;
+  margin-bottom: 10px;
+  padding-top: 0;
+}
+ul.inputs-list li:first-child {
+  padding-top: 5px;
+}
+ul.inputs-list input[type=radio], ul.inputs-list input[type=checkbox] {
+  margin-bottom: 0;
+}
+form.form-stacked {
+  padding-left: 20px;
+}
+form.form-stacked fieldset {
+  padding-top: 9px;
+}
+form.form-stacked legend {
+  margin-left: 0;
+}
+form.form-stacked label {
+  display: block;
+  float: none;
+  width: auto;
+  font-weight: bold;
+  text-align: left;
+  line-height: 20px;
+  padding-top: 0;
+}
+form.form-stacked div.clearfix {
+  margin-bottom: 9px;
+}
+form.form-stacked div.clearfix div.input {
+  margin-left: 0;
+}
+form.form-stacked ul.inputs-list {
+  margin-bottom: 0;
+}
+form.form-stacked ul.inputs-list li {
+  padding-top: 0;
+}
+form.form-stacked ul.inputs-list li label {
+  font-weight: normal;
+  padding-top: 0;
+}
+form.form-stacked div.actions {
+  margin-left: -20px;
+  padding-left: 20px;
+}
+/*
+ * Tables.less
+ * Tables for, you guessed it, tabular data
+ * ---------------------------------------- */
+table {
+  width: 100%;
+  margin-bottom: 18px;
+  padding: 0;
+  text-align: left;
+  border-collapse: separate;
+  font-size: 13px;
+}
+table th, table td {
+  padding: 10px 10px 9px;
+  line-height: 13.5px;
+  vertical-align: middle;
+  border-bottom: 1px solid #ddd;
+}
+table th {
+  padding-top: 9px;
+  font-weight: bold;
+  border-bottom-width: 2px;
+}
+table.zebra-striped tbody tr:nth-child(odd) td {
+  background-color: #f9f9f9;
+}
+table.zebra-striped tbody tr:hover td {
+  background-color: #f5f5f5;
+}
+table.zebra-striped th.header {
+  cursor: pointer;
+}
+table.zebra-striped th.header:after {
+  width: 0px;
+  height: 0px;
+  display: inline-block;
+  float: right;
+  margin-top: 7px;
+  content: "&darr;";
+  text-indent: -99999px;
+  vertical-align: top;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-bottom: 4px solid #000;
+  visibility: hidden;
+  -webkit-box-shadow: 0 1px 0 #ffffff;
+  -moz-box-shadow: 0 1px 0 #ffffff;
+  box-shadow: 0 1px 0 #ffffff;
+  filter: alpha(opacity=30);
+  -khtml-opacity: 0.3;
+  -moz-opacity: 0.3;
+  opacity: 0.3;
+}
+table.zebra-striped th.headerSortUp, table.zebra-striped th.headerSortDown {
+  background-color: rgba(141, 192, 219, 0.25);
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  -webkit-border-radius: 3px 3px 0 0;
+  -moz-border-radius: 3px 3px 0 0;
+  border-radius: 3px 3px 0 0;
+}
+table.zebra-striped th.header:hover:after {
+  visibility: visible;
+}
+table.zebra-striped th.actions:hover {
+  background-image: none;
+}
+table.zebra-striped th.headerSortDown:after, table.zebra-striped th.headerSortDown:hover:after {
+  visibility: visible;
+  filter: alpha(opacity=60);
+  -khtml-opacity: 0.6;
+  -moz-opacity: 0.6;
+  opacity: 0.6;
+}
+table.zebra-striped th.headerSortUp:after {
+  border-bottom: none;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 4px solid #000;
+  visibility: visible;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  filter: alpha(opacity=60);
+  -khtml-opacity: 0.6;
+  -moz-opacity: 0.6;
+  opacity: 0.6;
+}
+table.zebra-striped th.blue {
+  color: #049cdb;
+  border-bottom-color: #049cdb;
+}
+table.zebra-striped th.headerSortUp.blue, table.zebra-striped th.headerSortDown.blue {
+  background-color: #ade6fe;
+}
+table.zebra-striped th.green {
+  color: #46a546;
+  border-bottom-color: #46a546;
+}
+table.zebra-striped th.headerSortUp.green, table.zebra-striped th.headerSortDown.green {
+  background-color: #cdeacd;
+}
+table.zebra-striped th.red {
+  color: #9d261d;
+  border-bottom-color: #9d261d;
+}
+table.zebra-striped th.headerSortUp.red, table.zebra-striped th.headerSortDown.red {
+  background-color: #f4c8c5;
+}
+table.zebra-striped th.yellow {
+  color: #ffc40d;
+  border-bottom-color: #ffc40d;
+}
+table.zebra-striped th.headerSortUp.yellow, table.zebra-striped th.headerSortDown.yellow {
+  background-color: #fff6d9;
+}
+table.zebra-striped th.orange {
+  color: #f89406;
+  border-bottom-color: #f89406;
+}
+table.zebra-striped th.headerSortUp.orange, table.zebra-striped th.headerSortDown.orange {
+  background-color: #fee9cc;
+}
+table.zebra-striped th.purple {
+  color: #7a43b6;
+  border-bottom-color: #7a43b6;
+}
+table.zebra-striped th.headerSortUp.purple, table.zebra-striped th.headerSortDown.purple {
+  background-color: #e2d5f0;
+}
+/* Patterns.less
+ * Repeatable UI elements outside the base styles provided from the scaffolding
+ * ---------------------------------------------------------------------------- */
+div.topbar {
+  background-color: #222222;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
+  background-image: -moz-linear-gradient(#333333, #222222);
+  background-image: -ms-linear-gradient(#333333, #222222);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(#333333, #222222);
+  background-image: -o-linear-gradient(#333333, #222222);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0)";
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
+  background-image: linear-gradient(#333333, #222222);
+  height: 40px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 10000;
+  overflow: visible;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+div.topbar a {
+  color: #bfbfbf;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+div.topbar ul li a:hover, div.topbar ul li.active a, div.topbar a.logo:hover {
+  background-color: #333;
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #ffffff;
+  text-decoration: none;
+}
+div.topbar a.logo {
+  float: left;
+  display: block;
+  padding: 8px 20px 12px;
+  margin-left: -20px;
+  color: #ffffff;
+  font-size: 20px;
+  font-weight: 200;
+  line-height: 1;
+}
+div.topbar a.logo img {
+  float: left;
+  margin-right: 6px;
+}
+div.topbar form {
+  float: left;
+  margin: 5px 0 0 0;
+  position: relative;
+  filter: alpha(opacity=100);
+  -khtml-opacity: 1;
+  -moz-opacity: 1;
+  opacity: 1;
+}
+div.topbar form input {
+  background-color: #bfbfbf;
+  background-color: rgba(255, 255, 255, 0.3);
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: normal;
+  font-weight: 13px;
+  line-height: 1;
+  width: 220px;
+  padding: 4px 9px;
+  color: #fff;
+  color: rgba(255, 255, 255, 0.75);
+  border: 1px solid #111;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
+  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none;
+}
+div.topbar form input:-moz-placeholder {
+  color: #e6e6e6;
+}
+div.topbar form input::-webkit-input-placeholder {
+  color: #e6e6e6;
+}
+div.topbar form input:hover {
+  background-color: #444;
+  background-color: rgba(255, 255, 255, 0.5);
+  color: #fff;
+}
+div.topbar form input:focus, div.topbar form input.focused {
+  outline: none;
+  background-color: #fff;
+  color: #404040;
+  text-shadow: 0 1px 0 #fff;
+  border: 0;
+  padding: 5px 10px;
+  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+}
+div.topbar ul {
+  display: block;
+  float: left;
+  margin: 0 10px 0 0;
+  position: relative;
+}
+div.topbar ul.secondary-nav {
+  float: right;
+  margin-left: 10px;
+  margin-right: 0;
+}
+div.topbar ul li {
+  display: block;
+  float: left;
+  font-size: 13px;
+}
+div.topbar ul li a {
+  display: block;
+  float: none;
+  padding: 10px 10px 11px;
+  line-height: 19px;
+  text-decoration: none;
+}
+div.topbar ul li a:hover {
+  color: #fff;
+  text-decoration: none;
+}
+div.topbar ul li.active a {
+  background-color: #222;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+div.topbar ul.primary-nav li ul {
+  left: 0;
+}
+div.topbar ul.secondary-nav li ul {
+  right: 0;
+}
+div.topbar ul li.menu {
+  position: relative;
+}
+div.topbar ul li.menu a.menu:after {
+  width: 0px;
+  height: 0px;
+  display: inline-block;
+  content: "&darr;";
+  text-indent: -99999px;
+  vertical-align: top;
+  margin-top: 8px;
+  margin-left: 4px;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 4px solid #fff;
+  filter: alpha(opacity=50);
+  -khtml-opacity: 0.5;
+  -moz-opacity: 0.5;
+  opacity: 0.5;
+}
+div.topbar ul li.menu.open a.menu, div.topbar ul li.menu.open a:hover {
+  background-color: #00b4eb;
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #fff;
+}
+div.topbar ul li.menu.open ul {
+  display: block;
+}
+div.topbar ul li.menu.open ul li a {
+  background-color: transparent;
+  font-weight: normal;
+}
+div.topbar ul li.menu.open ul li a:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #fff;
+}
+div.topbar ul li.menu.open ul li.active a {
+  background-color: rgba(255, 255, 255, 0.1);
+  font-weight: bold;
+}
+div.topbar ul li ul {
+  background-color: #333;
+  float: left;
+  display: none;
+  position: absolute;
+  top: 40px;
+  min-width: 160px;
+  max-width: 220px;
+  _width: 160px;
+  margin-left: 0;
+  margin-right: 0;
+  padding: 0;
+  text-align: left;
+  border: 0;
+  zoom: 1;
+  -webkit-border-radius: 0 0 5px 5px;
+  -moz-border-radius: 0 0 5px 5px;
+  border-radius: 0 0 5px 5px;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+}
+div.topbar ul li ul li {
+  float: none;
+  clear: both;
+  display: block;
+  background: none;
+  font-size: 12px;
+}
+div.topbar ul li ul li a {
+  display: block;
+  padding: 6px 15px;
+  clear: both;
+  font-weight: normal;
+  line-height: 19px;
+  color: #bbb;
+}
+div.topbar ul li ul li a:hover {
+  background-color: #333;
+  background-color: rgba(255, 255, 255, 0.25);
+  color: #fff;
+}
+div.topbar ul li ul li.divider {
+  height: 1px;
+  overflow: hidden;
+  background: rgba(0, 0, 0, 0.2);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  margin: 5px 0;
+}
+div.topbar ul li ul li span {
+  clear: both;
+  display: block;
+  background: rgba(0, 0, 0, 0.2);
+  padding: 6px 15px;
+  cursor: default;
+  color: #808080;
+  border-top: 1px solid rgba(0, 0, 0, 0.2);
+}
+div.page-header {
+  margin-bottom: 17px;
+  border-bottom: 1px solid #ddd;
+  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+}
+div.page-header h1 {
+  margin-bottom: 8px;
+}
+div.alert-message {
+  background-color: rgba(0, 0, 0, 0.15);
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15)));
+  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
+  background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
+  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
+  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.15)', GradientType=0)";
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.15)', GradientType=0);
+  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
+  background-color: #e6e6e6;
+  margin-bottom: 18px;
+  padding: 8px 15px;
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+div.alert-message p {
+  color: #fff;
+  margin-bottom: 0;
+}
+div.alert-message p + p {
+  margin-top: 5px;
+}
+div.alert-message.error {
+  background-color: #e06359;
+}
+div.alert-message.warning {
+  background-color: #ffd75a;
+}
+div.alert-message.success {
+  background-color: #74c474;
+}
+div.alert-message.info {
+  background-color: #30c0fb;
+}
+div.alert-message a.close {
+  float: right;
+  margin-top: -2px;
+  color: #fff;
+  font-size: 20px;
+  font-weight: bold;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+  filter: alpha(opacity=50);
+  -khtml-opacity: 0.5;
+  -moz-opacity: 0.5;
+  opacity: 0.5;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+div.alert-message a.close:hover {
+  text-decoration: none;
+  filter: alpha(opacity=50);
+  -khtml-opacity: 0.5;
+  -moz-opacity: 0.5;
+  opacity: 0.5;
+}
+div.block-message {
+  margin-bottom: 18px;
+  padding: 14px;
+  color: #404040;
+  color: rgba(0, 0, 0, 0.8);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+div.block-message p {
+  color: #404040;
+  color: rgba(0, 0, 0, 0.8);
+  margin-right: 30px;
+  margin-bottom: 0;
+}
+div.block-message ul {
+  margin-bottom: 0;
+}
+div.block-message strong {
+  display: block;
+}
+div.block-message a.close {
+  display: block;
+  color: #404040;
+  color: rgba(0, 0, 0, 0.5);
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+}
+div.block-message.error {
+  background: #f8dcda;
+  border: 1px solid #f4c8c5;
+}
+div.block-message.warning {
+  background: #fff0c0;
+  border: 1px solid #ffe38d;
+}
+div.block-message.success {
+  background: #dff1df;
+  border: 1px solid #bbe2bb;
+}
+div.block-message.info {
+  background: #c7eefe;
+  border: 1px solid #ade6fe;
+}
+ul.tabs, ul.pills {
+  margin: 0 0 20px;
+  padding: 0;
+  zoom: 1;
+}
+ul.tabs:after, ul.pills:after {
+  display: block;
+  visibility: hidden;
+  height: 0;
+  clear: both;
+  content: ".";
+}
+ul.tabs li, ul.pills li {
+  display: inline;
+}
+ul.tabs li a, ul.pills li a {
+  float: left;
+  width: auto;
+}
+ul.tabs {
+  width: 100%;
+  border-bottom: 1px solid #bfbfbf;
+}
+ul.tabs li a {
+  margin-bottom: -1px;
+  margin-right: 2px;
+  padding: 0 15px;
+  line-height: 35px;
+  -webkit-border-radius: 3px 3px 0 0;
+  -moz-border-radius: 3px 3px 0 0;
+  border-radius: 3px 3px 0 0;
+}
+ul.tabs li a:hover {
+  background-color: #e6e6e6;
+  border-bottom: 1px solid #bfbfbf;
+}
+ul.tabs li.active a {
+  background-color: #fff;
+  padding: 0 14px;
+  border: 1px solid #ccc;
+  border-bottom: 0;
+  color: #808080;
+}
+ul.pills li a {
+  margin: 5px 3px 5px 0;
+  padding: 0 15px;
+  text-shadow: 0 1px 1px #fff;
+  line-height: 30px;
+  -webkit-border-radius: 15px;
+  -moz-border-radius: 15px;
+  border-radius: 15px;
+}
+ul.pills li a:hover {
+  background: #0050a3;
+  color: #fff;
+  text-decoration: none;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
+}
+ul.pills li.active a {
+  background: #0069d6;
+  color: #fff;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
+}
+div.pagination {
+  height: 36px;
+  margin: 18px 0;
+}
+div.pagination ul {
+  float: left;
+  margin: 0;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+div.pagination ul li {
+  display: inline;
+}
+div.pagination ul li a {
+  float: left;
+  padding: 0 14px;
+  line-height: 34px;
+  border-right: 1px solid rgba(0, 0, 0, 0.15);
+  text-decoration: none;
+}
+div.pagination ul li a:hover, div.pagination ul li.active a {
+  background-color: #c7eefe;
+}
+div.pagination ul li.disabled a, div.pagination ul li.disabled a:hover {
+  background-color: none;
+  color: #bfbfbf;
+}
+div.pagination ul li.next a, div.pagination ul li:last-child a {
+  border: 0;
+}
+div.well {
+  background: #f5f5f5;
+  margin-bottom: 20px;
+  padding: 19px;
+  min-height: 20px;
+  border: 1px solid #ddd;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+div.modal-backdrop {
+  background-color: rgba(0, 0, 0, 0.5);
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+}
+div.modal {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: 2000;
+  width: 560px;
+  margin: -280px 0 0 -250px;
+  background-color: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  -webkit-background-clip: padding;
+  -moz-background-clip: padding;
+  background-clip: padding;
+}
+div.modal .modal-header {
+  border-bottom: 1px solid #eee;
+  padding: 5px 20px;
+}
+div.modal .modal-header a.close {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  color: #999;
+  line-height: 10px;
+  font-size: 18px;
+}
+div.modal .modal-body {
+  padding: 20px;
+}
+div.modal .modal-footer {
+  background-color: #f5f5f5;
+  padding: 14px 20px 15px;
+  border-top: 1px solid #ddd;
+  -webkit-border-radius: 0 0 6px 6px;
+  -moz-border-radius: 0 0 6px 6px;
+  border-radius: 0 0 6px 6px;
+  -webkit-box-shadow: inset 0 1px 0 #ffffff;
+  -moz-box-shadow: inset 0 1px 0 #ffffff;
+  box-shadow: inset 0 1px 0 #ffffff;
+  zoom: 1;
+}
+div.modal .modal-footer:after {
+  display: block;
+  visibility: hidden;
+  height: 0;
+  clear: both;
+  content: ".";
+}
+div.modal .modal-footer .btn {
+  float: right;
+  margin-left: 10px;
+}
+div.twipsy {
+  display: block;
+  position: absolute;
+  visibility: visible;
+  padding: 5px;
+  font-size: 11px;
+  z-index: 1000;
+  filter: alpha(opacity=80);
+  -khtml-opacity: 0.8;
+  -moz-opacity: 0.8;
+  opacity: 0.8;
+}
+div.twipsy.above .twipsy-arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #000000;
+}
+div.twipsy.left .twipsy-arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-left: 5px solid #000000;
+}
+div.twipsy.below .twipsy-arrow {
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid #000000;
+}
+div.twipsy.right .twipsy-arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-right: 5px solid #000000;
+}
+div.twipsy .twipsy-inner {
+  padding: 3px 8px;
+  background-color: #000;
+  color: white;
+  text-align: center;
+  max-width: 200px;
+  text-decoration: none;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+div.twipsy .twipsy-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+}
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  padding: 5px;
+  display: none;
+}
+.popover.above .arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #000000;
+}
+.popover.right .arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-right: 5px solid #000000;
+}
+.popover.below .arrow {
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid #000000;
+}
+.popover.left .arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-left: 5px solid #000000;
+}
+.popover .arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+}
+.popover .inner {
+  background: rgba(0, 0, 0, 0.8);
+  padding: 3px;
+  overflow: hidden;
+  width: 280px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+}
+.popover .title {
+  background: #f5f5f5;
+  padding: 9px 15px;
+  line-height: 1;
+  -webkit-border-radius: 3px 3px 0 0;
+  -moz-border-radius: 3px 3px 0 0;
+  border-radius: 3px 3px 0 0;
+  border-bottom: 1px solid #eee;
+}
+.popover .content {
+  background-color: #ffffff;
+  padding: 14px;
+  -webkit-border-radius: 0 0 3px 3px;
+  -moz-border-radius: 0 0 3px 3px;
+  border-radius: 0 0 3px 3px;
+  -webkit-background-clip: padding;
+  -moz-background-clip: padding;
+  background-clip: padding;
+}
+.popover .content p, .popover .content ul, .popover .content ol {
+  margin-bottom: 0;
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/bootstrap.4.6.2.css b/packages/css-syntax-patches-for-csstree/tests/bootstrap.4.6.2.css
new file mode 100644
index 0000000000..fd900810d3
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/bootstrap.4.6.2.css
@@ -0,0 +1,10332 @@
+/*!
+ * Bootstrap v4.6.2 (https://getbootstrap.com/)
+ * Copyright 2011-2022 The Bootstrap Authors
+ * Copyright 2011-2022 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root {
+  --blue: #007bff;
+  --indigo: #6610f2;
+  --purple: #6f42c1;
+  --pink: #e83e8c;
+  --red: #dc3545;
+  --orange: #fd7e14;
+  --yellow: #ffc107;
+  --green: #28a745;
+  --teal: #20c997;
+  --cyan: #17a2b8;
+  --white: #fff;
+  --gray: #6c757d;
+  --gray-dark: #343a40;
+  --primary: #007bff;
+  --secondary: #6c757d;
+  --success: #28a745;
+  --info: #17a2b8;
+  --warning: #ffc107;
+  --danger: #dc3545;
+  --light: #f8f9fa;
+  --dark: #343a40;
+  --breakpoint-xs: 0;
+  --breakpoint-sm: 576px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 992px;
+  --breakpoint-xl: 1200px;
+  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline: 0 !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+a:not([href]):not([class]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role="button"] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+  cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h1, .h1 {
+  font-size: 2.5rem;
+}
+
+h2, .h2 {
+  font-size: 2rem;
+}
+
+h3, .h3 {
+  font-size: 1.75rem;
+}
+
+h4, .h4 {
+  font-size: 1.5rem;
+}
+
+h5, .h5 {
+  font-size: 1.25rem;
+}
+
+h6, .h6 {
+  font-size: 1rem;
+}
+
+.lead {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+
+.display-1 {
+  font-size: 6rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-2 {
+  font-size: 5.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-3 {
+  font-size: 4.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-4 {
+  font-size: 3.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+hr {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+small,
+.small {
+  font-size: 0.875em;
+  font-weight: 400;
+}
+
+mark,
+.mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
+}
+
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+
+.list-inline {
+  padding-left: 0;
+  list-style: none;
+}
+
+.list-inline-item {
+  display: inline-block;
+}
+
+.list-inline-item:not(:last-child) {
+  margin-right: 0.5rem;
+}
+
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+.blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.25rem;
+}
+
+.blockquote-footer {
+  display: block;
+  font-size: 0.875em;
+  color: #6c757d;
+}
+
+.blockquote-footer::before {
+  content: "\2014\00A0";
+}
+
+.img-fluid {
+  max-width: 100%;
+  height: auto;
+}
+
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  border-radius: 0.25rem;
+  max-width: 100%;
+  height: auto;
+}
+
+.figure {
+  display: inline-block;
+}
+
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1;
+}
+
+.figure-caption {
+  font-size: 90%;
+  color: #6c757d;
+}
+
+code {
+  font-size: 87.5%;
+  color: #e83e8c;
+  word-wrap: break-word;
+}
+
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 87.5%;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
+}
+
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: 700;
+}
+
+pre {
+  display: block;
+  font-size: 87.5%;
+  color: #212529;
+}
+
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+
+.container,
+.container-fluid,
+.container-sm,
+.container-md,
+.container-lg,
+.container-xl {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+  .container, .container-sm {
+    max-width: 540px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container, .container-sm, .container-md {
+    max-width: 720px;
+  }
+}
+
+@media (min-width: 992px) {
+  .container, .container-sm, .container-md, .container-lg {
+    max-width: 960px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .container, .container-sm, .container-md, .container-lg, .container-xl {
+    max-width: 1140px;
+  }
+}
+
+.row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+.no-gutters {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+.no-gutters > .col,
+.no-gutters > [class*="col-"] {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
+.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
+.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
+.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
+.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
+.col-xl-auto {
+  position: relative;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+}
+
+.col {
+  -ms-flex-preferred-size: 0;
+  flex-basis: 0;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  max-width: 100%;
+}
+
+.row-cols-1 > * {
+  -ms-flex: 0 0 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.row-cols-2 > * {
+  -ms-flex: 0 0 50%;
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+.row-cols-3 > * {
+  -ms-flex: 0 0 33.333333%;
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
+}
+
+.row-cols-4 > * {
+  -ms-flex: 0 0 25%;
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.row-cols-5 > * {
+  -ms-flex: 0 0 20%;
+  flex: 0 0 20%;
+  max-width: 20%;
+}
+
+.row-cols-6 > * {
+  -ms-flex: 0 0 16.666667%;
+  flex: 0 0 16.666667%;
+  max-width: 16.666667%;
+}
+
+.col-auto {
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  width: auto;
+  max-width: 100%;
+}
+
+.col-1 {
+  -ms-flex: 0 0 8.333333%;
+  flex: 0 0 8.333333%;
+  max-width: 8.333333%;
+}
+
+.col-2 {
+  -ms-flex: 0 0 16.666667%;
+  flex: 0 0 16.666667%;
+  max-width: 16.666667%;
+}
+
+.col-3 {
+  -ms-flex: 0 0 25%;
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.col-4 {
+  -ms-flex: 0 0 33.333333%;
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
+}
+
+.col-5 {
+  -ms-flex: 0 0 41.666667%;
+  flex: 0 0 41.666667%;
+  max-width: 41.666667%;
+}
+
+.col-6 {
+  -ms-flex: 0 0 50%;
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+.col-7 {
+  -ms-flex: 0 0 58.333333%;
+  flex: 0 0 58.333333%;
+  max-width: 58.333333%;
+}
+
+.col-8 {
+  -ms-flex: 0 0 66.666667%;
+  flex: 0 0 66.666667%;
+  max-width: 66.666667%;
+}
+
+.col-9 {
+  -ms-flex: 0 0 75%;
+  flex: 0 0 75%;
+  max-width: 75%;
+}
+
+.col-10 {
+  -ms-flex: 0 0 83.333333%;
+  flex: 0 0 83.333333%;
+  max-width: 83.333333%;
+}
+
+.col-11 {
+  -ms-flex: 0 0 91.666667%;
+  flex: 0 0 91.666667%;
+  max-width: 91.666667%;
+}
+
+.col-12 {
+  -ms-flex: 0 0 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.order-first {
+  -ms-flex-order: -1;
+  order: -1;
+}
+
+.order-last {
+  -ms-flex-order: 13;
+  order: 13;
+}
+
+.order-0 {
+  -ms-flex-order: 0;
+  order: 0;
+}
+
+.order-1 {
+  -ms-flex-order: 1;
+  order: 1;
+}
+
+.order-2 {
+  -ms-flex-order: 2;
+  order: 2;
+}
+
+.order-3 {
+  -ms-flex-order: 3;
+  order: 3;
+}
+
+.order-4 {
+  -ms-flex-order: 4;
+  order: 4;
+}
+
+.order-5 {
+  -ms-flex-order: 5;
+  order: 5;
+}
+
+.order-6 {
+  -ms-flex-order: 6;
+  order: 6;
+}
+
+.order-7 {
+  -ms-flex-order: 7;
+  order: 7;
+}
+
+.order-8 {
+  -ms-flex-order: 8;
+  order: 8;
+}
+
+.order-9 {
+  -ms-flex-order: 9;
+  order: 9;
+}
+
+.order-10 {
+  -ms-flex-order: 10;
+  order: 10;
+}
+
+.order-11 {
+  -ms-flex-order: 11;
+  order: 11;
+}
+
+.order-12 {
+  -ms-flex-order: 12;
+  order: 12;
+}
+
+.offset-1 {
+  margin-left: 8.333333%;
+}
+
+.offset-2 {
+  margin-left: 16.666667%;
+}
+
+.offset-3 {
+  margin-left: 25%;
+}
+
+.offset-4 {
+  margin-left: 33.333333%;
+}
+
+.offset-5 {
+  margin-left: 41.666667%;
+}
+
+.offset-6 {
+  margin-left: 50%;
+}
+
+.offset-7 {
+  margin-left: 58.333333%;
+}
+
+.offset-8 {
+  margin-left: 66.666667%;
+}
+
+.offset-9 {
+  margin-left: 75%;
+}
+
+.offset-10 {
+  margin-left: 83.333333%;
+}
+
+.offset-11 {
+  margin-left: 91.666667%;
+}
+
+@media (min-width: 576px) {
+  .col-sm {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-sm-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-sm-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-sm-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-sm-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-sm-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-sm-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-sm-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-sm-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-sm-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-sm-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-sm-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-sm-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-sm-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-sm-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-sm-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-sm-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-sm-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-sm-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-sm-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-sm-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-sm-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-sm-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-sm-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-sm-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-sm-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-sm-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-sm-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-sm-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-sm-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-sm-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-sm-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-sm-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-sm-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-sm-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-sm-0 {
+    margin-left: 0;
+  }
+  .offset-sm-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-sm-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-sm-3 {
+    margin-left: 25%;
+  }
+  .offset-sm-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-sm-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-sm-6 {
+    margin-left: 50%;
+  }
+  .offset-sm-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-sm-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-sm-9 {
+    margin-left: 75%;
+  }
+  .offset-sm-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-sm-11 {
+    margin-left: 91.666667%;
+  }
+}
+
+@media (min-width: 768px) {
+  .col-md {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-md-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-md-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-md-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-md-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-md-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-md-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-md-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-md-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-md-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-md-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-md-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-md-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-md-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-md-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-md-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-md-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-md-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-md-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-md-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-md-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-md-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-md-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-md-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-md-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-md-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-md-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-md-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-md-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-md-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-md-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-md-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-md-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-md-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-md-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-md-0 {
+    margin-left: 0;
+  }
+  .offset-md-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-md-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-md-3 {
+    margin-left: 25%;
+  }
+  .offset-md-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-md-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-md-6 {
+    margin-left: 50%;
+  }
+  .offset-md-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-md-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-md-9 {
+    margin-left: 75%;
+  }
+  .offset-md-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-md-11 {
+    margin-left: 91.666667%;
+  }
+}
+
+@media (min-width: 992px) {
+  .col-lg {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-lg-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-lg-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-lg-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-lg-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-lg-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-lg-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-lg-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-lg-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-lg-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-lg-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-lg-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-lg-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-lg-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-lg-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-lg-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-lg-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-lg-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-lg-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-lg-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-lg-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-lg-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-lg-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-lg-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-lg-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-lg-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-lg-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-lg-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-lg-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-lg-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-lg-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-lg-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-lg-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-lg-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-lg-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-lg-0 {
+    margin-left: 0;
+  }
+  .offset-lg-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-lg-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-lg-3 {
+    margin-left: 25%;
+  }
+  .offset-lg-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-lg-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-lg-6 {
+    margin-left: 50%;
+  }
+  .offset-lg-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-lg-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-lg-9 {
+    margin-left: 75%;
+  }
+  .offset-lg-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-lg-11 {
+    margin-left: 91.666667%;
+  }
+}
+
+@media (min-width: 1200px) {
+  .col-xl {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-xl-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-xl-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-xl-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-xl-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-xl-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-xl-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-xl-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-xl-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-xl-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-xl-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-xl-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-xl-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-xl-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-xl-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-xl-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-xl-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-xl-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-xl-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-xl-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-xl-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-xl-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-xl-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-xl-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-xl-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-xl-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-xl-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-xl-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-xl-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-xl-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-xl-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-xl-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-xl-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-xl-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-xl-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-xl-0 {
+    margin-left: 0;
+  }
+  .offset-xl-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-xl-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-xl-3 {
+    margin-left: 25%;
+  }
+  .offset-xl-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-xl-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-xl-6 {
+    margin-left: 50%;
+  }
+  .offset-xl-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-xl-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-xl-9 {
+    margin-left: 75%;
+  }
+  .offset-xl-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-xl-11 {
+    margin-left: 91.666667%;
+  }
+}
+
+.table {
+  width: 100%;
+  margin-bottom: 1rem;
+  color: #212529;
+}
+
+.table th,
+.table td {
+  padding: 0.75rem;
+  vertical-align: top;
+  border-top: 1px solid #dee2e6;
+}
+
+.table thead th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #dee2e6;
+}
+
+.table tbody + tbody {
+  border-top: 2px solid #dee2e6;
+}
+
+.table-sm th,
+.table-sm td {
+  padding: 0.3rem;
+}
+
+.table-bordered {
+  border: 1px solid #dee2e6;
+}
+
+.table-bordered th,
+.table-bordered td {
+  border: 1px solid #dee2e6;
+}
+
+.table-bordered thead th,
+.table-bordered thead td {
+  border-bottom-width: 2px;
+}
+
+.table-borderless th,
+.table-borderless td,
+.table-borderless thead th,
+.table-borderless tbody + tbody {
+  border: 0;
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+.table-hover tbody tr:hover {
+  color: #212529;
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-primary,
+.table-primary > th,
+.table-primary > td {
+  background-color: #b8daff;
+}
+
+.table-primary th,
+.table-primary td,
+.table-primary thead th,
+.table-primary tbody + tbody {
+  border-color: #7abaff;
+}
+
+.table-hover .table-primary:hover {
+  background-color: #9fcdff;
+}
+
+.table-hover .table-primary:hover > td,
+.table-hover .table-primary:hover > th {
+  background-color: #9fcdff;
+}
+
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td {
+  background-color: #d6d8db;
+}
+
+.table-secondary th,
+.table-secondary td,
+.table-secondary thead th,
+.table-secondary tbody + tbody {
+  border-color: #b3b7bb;
+}
+
+.table-hover .table-secondary:hover {
+  background-color: #c8cbcf;
+}
+
+.table-hover .table-secondary:hover > td,
+.table-hover .table-secondary:hover > th {
+  background-color: #c8cbcf;
+}
+
+.table-success,
+.table-success > th,
+.table-success > td {
+  background-color: #c3e6cb;
+}
+
+.table-success th,
+.table-success td,
+.table-success thead th,
+.table-success tbody + tbody {
+  border-color: #8fd19e;
+}
+
+.table-hover .table-success:hover {
+  background-color: #b1dfbb;
+}
+
+.table-hover .table-success:hover > td,
+.table-hover .table-success:hover > th {
+  background-color: #b1dfbb;
+}
+
+.table-info,
+.table-info > th,
+.table-info > td {
+  background-color: #bee5eb;
+}
+
+.table-info th,
+.table-info td,
+.table-info thead th,
+.table-info tbody + tbody {
+  border-color: #86cfda;
+}
+
+.table-hover .table-info:hover {
+  background-color: #abdde5;
+}
+
+.table-hover .table-info:hover > td,
+.table-hover .table-info:hover > th {
+  background-color: #abdde5;
+}
+
+.table-warning,
+.table-warning > th,
+.table-warning > td {
+  background-color: #ffeeba;
+}
+
+.table-warning th,
+.table-warning td,
+.table-warning thead th,
+.table-warning tbody + tbody {
+  border-color: #ffdf7e;
+}
+
+.table-hover .table-warning:hover {
+  background-color: #ffe8a1;
+}
+
+.table-hover .table-warning:hover > td,
+.table-hover .table-warning:hover > th {
+  background-color: #ffe8a1;
+}
+
+.table-danger,
+.table-danger > th,
+.table-danger > td {
+  background-color: #f5c6cb;
+}
+
+.table-danger th,
+.table-danger td,
+.table-danger thead th,
+.table-danger tbody + tbody {
+  border-color: #ed969e;
+}
+
+.table-hover .table-danger:hover {
+  background-color: #f1b0b7;
+}
+
+.table-hover .table-danger:hover > td,
+.table-hover .table-danger:hover > th {
+  background-color: #f1b0b7;
+}
+
+.table-light,
+.table-light > th,
+.table-light > td {
+  background-color: #fdfdfe;
+}
+
+.table-light th,
+.table-light td,
+.table-light thead th,
+.table-light tbody + tbody {
+  border-color: #fbfcfc;
+}
+
+.table-hover .table-light:hover {
+  background-color: #ececf6;
+}
+
+.table-hover .table-light:hover > td,
+.table-hover .table-light:hover > th {
+  background-color: #ececf6;
+}
+
+.table-dark,
+.table-dark > th,
+.table-dark > td {
+  background-color: #c6c8ca;
+}
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th,
+.table-dark tbody + tbody {
+  border-color: #95999c;
+}
+
+.table-hover .table-dark:hover {
+  background-color: #b9bbbe;
+}
+
+.table-hover .table-dark:hover > td,
+.table-hover .table-dark:hover > th {
+  background-color: #b9bbbe;
+}
+
+.table-active,
+.table-active > th,
+.table-active > td {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-hover .table-active:hover {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-hover .table-active:hover > td,
+.table-hover .table-active:hover > th {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table .thead-dark th {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #454d55;
+}
+
+.table .thead-light th {
+  color: #495057;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
+}
+
+.table-dark {
+  color: #fff;
+  background-color: #343a40;
+}
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th {
+  border-color: #454d55;
+}
+
+.table-dark.table-bordered {
+  border: 0;
+}
+
+.table-dark.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.table-dark.table-hover tbody tr:hover {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.075);
+}
+
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-sm > .table-bordered {
+    border: 0;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-md > .table-bordered {
+    border: 0;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .table-responsive-lg {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-lg > .table-bordered {
+    border: 0;
+  }
+}
+
+@media (max-width: 1199.98px) {
+  .table-responsive-xl {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-xl > .table-bordered {
+    border: 0;
+  }
+}
+
+.table-responsive {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.table-responsive > .table-bordered {
+  border: 0;
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
+}
+
+.form-control::-ms-expand {
+  background-color: transparent;
+  border: 0;
+}
+
+.form-control:focus {
+  color: #495057;
+  background-color: #fff;
+  border-color: #80bdff;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.form-control::-webkit-input-placeholder {
+  color: #6c757d;
+  opacity: 1;
+}
+
+.form-control::-moz-placeholder {
+  color: #6c757d;
+  opacity: 1;
+}
+
+.form-control:-ms-input-placeholder {
+  color: #6c757d;
+  opacity: 1;
+}
+
+.form-control::-ms-input-placeholder {
+  color: #6c757d;
+  opacity: 1;
+}
+
+.form-control::placeholder {
+  color: #6c757d;
+  opacity: 1;
+}
+
+.form-control:disabled, .form-control[readonly] {
+  background-color: #e9ecef;
+  opacity: 1;
+}
+
+input[type="date"].form-control,
+input[type="time"].form-control,
+input[type="datetime-local"].form-control,
+input[type="month"].form-control {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+select.form-control:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #495057;
+}
+
+select.form-control:focus::-ms-value {
+  color: #495057;
+  background-color: #fff;
+}
+
+.form-control-file,
+.form-control-range {
+  display: block;
+  width: 100%;
+}
+
+.col-form-label {
+  padding-top: calc(0.375rem + 1px);
+  padding-bottom: calc(0.375rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.5;
+}
+
+.col-form-label-lg {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+
+.col-form-label-sm {
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 0;
+  margin-bottom: 0;
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #212529;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: 1px 0;
+}
+
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.form-control-sm {
+  height: calc(1.5em + 0.5rem + 2px);
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.form-control-lg {
+  height: calc(1.5em + 1rem + 2px);
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+select.form-control[size], select.form-control[multiple] {
+  height: auto;
+}
+
+textarea.form-control {
+  height: auto;
+}
+
+.form-group {
+  margin-bottom: 1rem;
+}
+
+.form-text {
+  display: block;
+  margin-top: 0.25rem;
+}
+
+.form-row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -5px;
+  margin-left: -5px;
+}
+
+.form-row > .col,
+.form-row > [class*="col-"] {
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: 1.25rem;
+}
+
+.form-check-input {
+  position: absolute;
+  margin-top: 0.3rem;
+  margin-left: -1.25rem;
+}
+
+.form-check-input[disabled] ~ .form-check-label,
+.form-check-input:disabled ~ .form-check-label {
+  color: #6c757d;
+}
+
+.form-check-label {
+  margin-bottom: 0;
+}
+
+.form-check-inline {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-left: 0;
+  margin-right: 0.75rem;
+}
+
+.form-check-inline .form-check-input {
+  position: static;
+  margin-top: 0;
+  margin-right: 0.3125rem;
+  margin-left: 0;
+}
+
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 0.875em;
+  color: #28a745;
+}
+
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: .1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #fff;
+  background-color: rgba(40, 167, 69, 0.9);
+  border-radius: 0.25rem;
+}
+
+.form-row > .col > .valid-tooltip,
+.form-row > [class*="col-"] > .valid-tooltip {
+  left: 5px;
+}
+
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:valid, .form-control.is-valid {
+  border-color: #28a745;
+  padding-right: calc(1.5em + 0.75rem) !important;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.was-validated select.form-control:valid, select.form-control.is-valid {
+  padding-right: 3rem !important;
+  background-position: right 1.5rem center;
+}
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+  padding-right: calc(1.5em + 0.75rem);
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.was-validated .custom-select:valid, .custom-select.is-valid {
+  border-color: #28a745;
+  padding-right: calc(0.75em + 2.3125rem) !important;
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
+}
+
+.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+  color: #28a745;
+}
+
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
+  color: #28a745;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
+  border-color: #28a745;
+}
+
+.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
+  border-color: #34ce57;
+  background-color: #34ce57;
+}
+
+.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #28a745;
+}
+
+.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
+  border-color: #28a745;
+}
+
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 0.875em;
+  color: #dc3545;
+}
+
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: .1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #fff;
+  background-color: rgba(220, 53, 69, 0.9);
+  border-radius: 0.25rem;
+}
+
+.form-row > .col > .invalid-tooltip,
+.form-row > [class*="col-"] > .invalid-tooltip {
+  left: 5px;
+}
+
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:invalid, .form-control.is-invalid {
+  border-color: #dc3545;
+  padding-right: calc(1.5em + 0.75rem) !important;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.was-validated select.form-control:invalid, select.form-control.is-invalid {
+  padding-right: 3rem !important;
+  background-position: right 1.5rem center;
+}
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+  padding-right: calc(1.5em + 0.75rem);
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.was-validated .custom-select:invalid, .custom-select.is-invalid {
+  border-color: #dc3545;
+  padding-right: calc(0.75em + 2.3125rem) !important;
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
+}
+
+.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+  color: #dc3545;
+}
+
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
+  color: #dc3545;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
+  border-color: #e4606d;
+  background-color: #e4606d;
+}
+
+.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.form-inline {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.form-inline .form-check {
+  width: 100%;
+}
+
+@media (min-width: 576px) {
+  .form-inline label {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-bottom: 0;
+  }
+  .form-inline .form-group {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+    -ms-flex-align: center;
+    align-items: center;
+    margin-bottom: 0;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .form-control-plaintext {
+    display: inline-block;
+  }
+  .form-inline .input-group,
+  .form-inline .custom-select {
+    width: auto;
+  }
+  .form-inline .form-check {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    width: auto;
+    padding-left: 0;
+  }
+  .form-inline .form-check-input {
+    position: relative;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    margin-top: 0;
+    margin-right: 0.25rem;
+    margin-left: 0;
+  }
+  .form-inline .custom-control {
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+  }
+  .form-inline .custom-control-label {
+    margin-bottom: 0;
+  }
+}
+
+.btn {
+  display: inline-block;
+  font-weight: 400;
+  color: #212529;
+  text-align: center;
+  vertical-align: middle;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
+}
+
+.btn:hover {
+  color: #212529;
+  text-decoration: none;
+}
+
+.btn:focus, .btn.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.btn.disabled, .btn:disabled {
+  opacity: 0.65;
+}
+
+.btn:not(:disabled):not(.disabled) {
+  cursor: pointer;
+}
+
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-primary:hover {
+  color: #fff;
+  background-color: #0069d9;
+  border-color: #0062cc;
+}
+
+.btn-primary:focus, .btn-primary.focus {
+  color: #fff;
+  background-color: #0069d9;
+  border-color: #0062cc;
+  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+
+.btn-primary.disabled, .btn-primary:disabled {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #0062cc;
+  border-color: #005cbf;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+
+.btn-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-secondary:hover {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+}
+
+.btn-secondary:focus, .btn-secondary.focus {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+}
+
+.btn-secondary.disabled, .btn-secondary:disabled {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #545b62;
+  border-color: #4e555b;
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+}
+
+.btn-success {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-success:hover {
+  color: #fff;
+  background-color: #218838;
+  border-color: #1e7e34;
+}
+
+.btn-success:focus, .btn-success.focus {
+  color: #fff;
+  background-color: #218838;
+  border-color: #1e7e34;
+  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
+}
+
+.btn-success.disabled, .btn-success:disabled {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+.show > .btn-success.dropdown-toggle {
+  color: #fff;
+  background-color: #1e7e34;
+  border-color: #1c7430;
+}
+
+.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
+}
+
+.btn-info {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-info:hover {
+  color: #fff;
+  background-color: #138496;
+  border-color: #117a8b;
+}
+
+.btn-info:focus, .btn-info.focus {
+  color: #fff;
+  background-color: #138496;
+  border-color: #117a8b;
+  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
+}
+
+.btn-info.disabled, .btn-info:disabled {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+.show > .btn-info.dropdown-toggle {
+  color: #fff;
+  background-color: #117a8b;
+  border-color: #10707f;
+}
+
+.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
+}
+
+.btn-warning {
+  color: #212529;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-warning:hover {
+  color: #212529;
+  background-color: #e0a800;
+  border-color: #d39e00;
+}
+
+.btn-warning:focus, .btn-warning.focus {
+  color: #212529;
+  background-color: #e0a800;
+  border-color: #d39e00;
+  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
+}
+
+.btn-warning.disabled, .btn-warning:disabled {
+  color: #212529;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+.show > .btn-warning.dropdown-toggle {
+  color: #212529;
+  background-color: #d39e00;
+  border-color: #c69500;
+}
+
+.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
+}
+
+.btn-danger {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-danger:hover {
+  color: #fff;
+  background-color: #c82333;
+  border-color: #bd2130;
+}
+
+.btn-danger:focus, .btn-danger.focus {
+  color: #fff;
+  background-color: #c82333;
+  border-color: #bd2130;
+  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
+}
+
+.btn-danger.disabled, .btn-danger:disabled {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+.show > .btn-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #bd2130;
+  border-color: #b21f2d;
+}
+
+.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
+}
+
+.btn-light {
+  color: #212529;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-light:hover {
+  color: #212529;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+}
+
+.btn-light:focus, .btn-light.focus {
+  color: #212529;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
+}
+
+.btn-light.disabled, .btn-light:disabled {
+  color: #212529;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+.show > .btn-light.dropdown-toggle {
+  color: #212529;
+  background-color: #dae0e5;
+  border-color: #d3d9df;
+}
+
+.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
+}
+
+.btn-dark {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-dark:hover {
+  color: #fff;
+  background-color: #23272b;
+  border-color: #1d2124;
+}
+
+.btn-dark:focus, .btn-dark.focus {
+  color: #fff;
+  background-color: #23272b;
+  border-color: #1d2124;
+  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
+}
+
+.btn-dark.disabled, .btn-dark:disabled {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+.show > .btn-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #1d2124;
+  border-color: #171a1d;
+}
+
+.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
+}
+
+.btn-outline-primary {
+  color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-outline-primary:hover {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-outline-primary:focus, .btn-outline-primary.focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+
+.btn-outline-primary.disabled, .btn-outline-primary:disabled {
+  color: #007bff;
+  background-color: transparent;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+.show > .btn-outline-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+
+.btn-outline-secondary {
+  color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:hover {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:focus, .btn-outline-secondary.focus {
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+  color: #6c757d;
+  background-color: transparent;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-outline-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-success {
+  color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:hover {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:focus, .btn-outline-success.focus {
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.btn-outline-success.disabled, .btn-outline-success:disabled {
+  color: #28a745;
+  background-color: transparent;
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+.show > .btn-outline-success.dropdown-toggle {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.btn-outline-info {
+  color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:hover {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:focus, .btn-outline-info.focus {
+  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.btn-outline-info.disabled, .btn-outline-info:disabled {
+  color: #17a2b8;
+  background-color: transparent;
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+.show > .btn-outline-info.dropdown-toggle {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.btn-outline-warning {
+  color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:hover {
+  color: #212529;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:focus, .btn-outline-warning.focus {
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.btn-outline-warning.disabled, .btn-outline-warning:disabled {
+  color: #ffc107;
+  background-color: transparent;
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+.show > .btn-outline-warning.dropdown-toggle {
+  color: #212529;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.btn-outline-danger {
+  color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:hover {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:focus, .btn-outline-danger.focus {
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.btn-outline-danger.disabled, .btn-outline-danger:disabled {
+  color: #dc3545;
+  background-color: transparent;
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+.show > .btn-outline-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.btn-outline-light {
+  color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:hover {
+  color: #212529;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:focus, .btn-outline-light.focus {
+  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-light.disabled, .btn-outline-light:disabled {
+  color: #f8f9fa;
+  background-color: transparent;
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+.show > .btn-outline-light.dropdown-toggle {
+  color: #212529;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-dark {
+  color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:hover {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:focus, .btn-outline-dark.focus {
+  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.btn-outline-dark.disabled, .btn-outline-dark:disabled {
+  color: #343a40;
+  background-color: transparent;
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+.show > .btn-outline-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.btn-link {
+  font-weight: 400;
+  color: #007bff;
+  text-decoration: none;
+}
+
+.btn-link:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+.btn-link:focus, .btn-link.focus {
+  text-decoration: underline;
+}
+
+.btn-link:disabled, .btn-link.disabled {
+  color: #6c757d;
+  pointer-events: none;
+}
+
+.btn-lg, .btn-group-lg > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.btn-block {
+  display: block;
+  width: 100%;
+}
+
+.btn-block + .btn-block {
+  margin-top: 0.5rem;
+}
+
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%;
+}
+
+.fade {
+  transition: opacity 0.15s linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fade {
+    transition: none;
+  }
+}
+
+.fade:not(.show) {
+  opacity: 0;
+}
+
+.collapse:not(.show) {
+  display: none;
+}
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .collapsing {
+    transition: none;
+  }
+}
+
+.collapsing.width {
+  width: 0;
+  height: auto;
+  transition: width 0.35s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .collapsing.width {
+    transition: none;
+  }
+}
+
+.dropup,
+.dropright,
+.dropdown,
+.dropleft {
+  position: relative;
+}
+
+.dropdown-toggle {
+  white-space: nowrap;
+}
+
+.dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0;
+  border-left: 0.3em solid transparent;
+}
+
+.dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 10rem;
+  padding: 0.5rem 0;
+  margin: 0.125rem 0 0;
+  font-size: 1rem;
+  color: #212529;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0.25rem;
+}
+
+.dropdown-menu-left {
+  right: auto;
+  left: 0;
+}
+
+.dropdown-menu-right {
+  right: 0;
+  left: auto;
+}
+
+@media (min-width: 576px) {
+  .dropdown-menu-sm-left {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-sm-right {
+    right: 0;
+    left: auto;
+  }
+}
+
+@media (min-width: 768px) {
+  .dropdown-menu-md-left {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-md-right {
+    right: 0;
+    left: auto;
+  }
+}
+
+@media (min-width: 992px) {
+  .dropdown-menu-lg-left {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-lg-right {
+    right: 0;
+    left: auto;
+  }
+}
+
+@media (min-width: 1200px) {
+  .dropdown-menu-xl-left {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-xl-right {
+    right: 0;
+    left: auto;
+  }
+}
+
+.dropup .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-top: 0;
+  margin-bottom: 0.125rem;
+}
+
+.dropup .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0.3em solid;
+  border-left: 0.3em solid transparent;
+}
+
+.dropup .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropright .dropdown-menu {
+  top: 0;
+  right: auto;
+  left: 100%;
+  margin-top: 0;
+  margin-left: 0.125rem;
+}
+
+.dropright .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid;
+}
+
+.dropright .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropright .dropdown-toggle::after {
+  vertical-align: 0;
+}
+
+.dropleft .dropdown-menu {
+  top: 0;
+  right: 100%;
+  left: auto;
+  margin-top: 0;
+  margin-right: 0.125rem;
+}
+
+.dropleft .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+}
+
+.dropleft .dropdown-toggle::after {
+  display: none;
+}
+
+.dropleft .dropdown-toggle::before {
+  display: inline-block;
+  margin-right: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0.3em solid;
+  border-bottom: 0.3em solid transparent;
+}
+
+.dropleft .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropleft .dropdown-toggle::before {
+  vertical-align: 0;
+}
+
+.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
+  right: auto;
+  bottom: auto;
+}
+
+.dropdown-divider {
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid #e9ecef;
+}
+
+.dropdown-item {
+  display: block;
+  width: 100%;
+  padding: 0.25rem 1.5rem;
+  clear: both;
+  font-weight: 400;
+  color: #212529;
+  text-align: inherit;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 0;
+}
+
+.dropdown-item:hover, .dropdown-item:focus {
+  color: #16181b;
+  text-decoration: none;
+  background-color: #e9ecef;
+}
+
+.dropdown-item.active, .dropdown-item:active {
+  color: #fff;
+  text-decoration: none;
+  background-color: #007bff;
+}
+
+.dropdown-item.disabled, .dropdown-item:disabled {
+  color: #adb5bd;
+  pointer-events: none;
+  background-color: transparent;
+}
+
+.dropdown-menu.show {
+  display: block;
+}
+
+.dropdown-header {
+  display: block;
+  padding: 0.5rem 1.5rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  color: #6c757d;
+  white-space: nowrap;
+}
+
+.dropdown-item-text {
+  display: block;
+  padding: 0.25rem 1.5rem;
+  color: #212529;
+}
+
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+}
+
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover {
+  z-index: 1;
+}
+
+.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+  z-index: 1;
+}
+
+.btn-toolbar {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+}
+
+.btn-toolbar .input-group {
+  width: auto;
+}
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+  margin-left: -1px;
+}
+
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.dropdown-toggle-split {
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem;
+}
+
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropright .dropdown-toggle-split::after {
+  margin-left: 0;
+}
+
+.dropleft .dropdown-toggle-split::before {
+  margin-right: 0;
+}
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+  padding-right: 0.375rem;
+  padding-left: 0.375rem;
+}
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+}
+
+.btn-group-vertical {
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+  width: 100%;
+}
+
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+  margin-top: -1px;
+}
+
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.btn-group-toggle > .btn,
+.btn-group-toggle > .btn-group > .btn {
+  margin-bottom: 0;
+}
+
+.btn-group-toggle > .btn input[type="radio"],
+.btn-group-toggle > .btn input[type="checkbox"],
+.btn-group-toggle > .btn-group > .btn input[type="radio"],
+.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+
+.input-group {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  width: 100%;
+}
+
+.input-group > .form-control,
+.input-group > .form-control-plaintext,
+.input-group > .custom-select,
+.input-group > .custom-file {
+  position: relative;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  width: 1%;
+  min-width: 0;
+  margin-bottom: 0;
+}
+
+.input-group > .form-control + .form-control,
+.input-group > .form-control + .custom-select,
+.input-group > .form-control + .custom-file,
+.input-group > .form-control-plaintext + .form-control,
+.input-group > .form-control-plaintext + .custom-select,
+.input-group > .form-control-plaintext + .custom-file,
+.input-group > .custom-select + .form-control,
+.input-group > .custom-select + .custom-select,
+.input-group > .custom-select + .custom-file,
+.input-group > .custom-file + .form-control,
+.input-group > .custom-file + .custom-select,
+.input-group > .custom-file + .custom-file {
+  margin-left: -1px;
+}
+
+.input-group > .form-control:focus,
+.input-group > .custom-select:focus,
+.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
+  z-index: 3;
+}
+
+.input-group > .custom-file .custom-file-input:focus {
+  z-index: 4;
+}
+
+.input-group > .form-control:not(:first-child),
+.input-group > .custom-select:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group > .custom-file {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.input-group > .custom-file:not(:last-child) .custom-file-label,
+.input-group > .custom-file:not(:last-child) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group > .custom-file:not(:first-child) .custom-file-label {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group:not(.has-validation) > .form-control:not(:last-child),
+.input-group:not(.has-validation) > .custom-select:not(:last-child),
+.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
+.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group.has-validation > .form-control:nth-last-child(n + 3),
+.input-group.has-validation > .custom-select:nth-last-child(n + 3),
+.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label,
+.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group-prepend,
+.input-group-append {
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.input-group-prepend .btn,
+.input-group-append .btn {
+  position: relative;
+  z-index: 2;
+}
+
+.input-group-prepend .btn:focus,
+.input-group-append .btn:focus {
+  z-index: 3;
+}
+
+.input-group-prepend .btn + .btn,
+.input-group-prepend .btn + .input-group-text,
+.input-group-prepend .input-group-text + .input-group-text,
+.input-group-prepend .input-group-text + .btn,
+.input-group-append .btn + .btn,
+.input-group-append .btn + .input-group-text,
+.input-group-append .input-group-text + .input-group-text,
+.input-group-append .input-group-text + .btn {
+  margin-left: -1px;
+}
+
+.input-group-prepend {
+  margin-right: -1px;
+}
+
+.input-group-append {
+  margin-left: -1px;
+}
+
+.input-group-text {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #e9ecef;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+.input-group-text input[type="radio"],
+.input-group-text input[type="checkbox"] {
+  margin-top: 0;
+}
+
+.input-group-lg > .form-control:not(textarea),
+.input-group-lg > .custom-select {
+  height: calc(1.5em + 1rem + 2px);
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .custom-select,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+.input-group-sm > .form-control:not(textarea),
+.input-group-sm > .custom-select {
+  height: calc(1.5em + 0.5rem + 2px);
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .custom-select,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+  padding-right: 1.75rem;
+}
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
+.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
+.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
+.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group > .input-group-append > .btn,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.custom-control {
+  position: relative;
+  z-index: 1;
+  display: block;
+  min-height: 1.5rem;
+  padding-left: 1.5rem;
+  -webkit-print-color-adjust: exact;
+  color-adjust: exact;
+  print-color-adjust: exact;
+}
+
+.custom-control-inline {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  margin-right: 1rem;
+}
+
+.custom-control-input {
+  position: absolute;
+  left: 0;
+  z-index: -1;
+  width: 1rem;
+  height: 1.25rem;
+  opacity: 0;
+}
+
+.custom-control-input:checked ~ .custom-control-label::before {
+  color: #fff;
+  border-color: #007bff;
+  background-color: #007bff;
+}
+
+.custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #80bdff;
+}
+
+.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  color: #fff;
+  background-color: #b3d7ff;
+  border-color: #b3d7ff;
+}
+
+.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
+  color: #6c757d;
+}
+
+.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
+  background-color: #e9ecef;
+}
+
+.custom-control-label {
+  position: relative;
+  margin-bottom: 0;
+  vertical-align: top;
+}
+
+.custom-control-label::before {
+  position: absolute;
+  top: 0.25rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  pointer-events: none;
+  content: "";
+  background-color: #fff;
+  border: 1px solid #adb5bd;
+}
+
+.custom-control-label::after {
+  position: absolute;
+  top: 0.25rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  content: "";
+  background: 50% / 50% 50% no-repeat;
+}
+
+.custom-checkbox .custom-control-label::before {
+  border-radius: 0.25rem;
+}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
+  border-color: #007bff;
+  background-color: #007bff;
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
+}
+
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-radio .custom-control-label::before {
+  border-radius: 50%;
+}
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+}
+
+.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-switch {
+  padding-left: 2.25rem;
+}
+
+.custom-switch .custom-control-label::before {
+  left: -2.25rem;
+  width: 1.75rem;
+  pointer-events: all;
+  border-radius: 0.5rem;
+}
+
+.custom-switch .custom-control-label::after {
+  top: calc(0.25rem + 2px);
+  left: calc(-2.25rem + 2px);
+  width: calc(1rem - 4px);
+  height: calc(1rem - 4px);
+  background-color: #adb5bd;
+  border-radius: 0.5rem;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
+  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-switch .custom-control-label::after {
+    transition: none;
+  }
+}
+
+.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fff;
+  -webkit-transform: translateX(0.75rem);
+  transform: translateX(0.75rem);
+}
+
+.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  vertical-align: middle;
+  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-select:focus {
+  border-color: #80bdff;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-select:focus::-ms-value {
+  color: #495057;
+  background-color: #fff;
+}
+
+.custom-select[multiple], .custom-select[size]:not([size="1"]) {
+  height: auto;
+  padding-right: 0.75rem;
+  background-image: none;
+}
+
+.custom-select:disabled {
+  color: #6c757d;
+  background-color: #e9ecef;
+}
+
+.custom-select::-ms-expand {
+  display: none;
+}
+
+.custom-select:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #495057;
+}
+
+.custom-select-sm {
+  height: calc(1.5em + 0.5rem + 2px);
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  font-size: 0.875rem;
+}
+
+.custom-select-lg {
+  height: calc(1.5em + 1rem + 2px);
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  font-size: 1.25rem;
+}
+
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  margin-bottom: 0;
+}
+
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  margin: 0;
+  overflow: hidden;
+  opacity: 0;
+}
+
+.custom-file-input:focus ~ .custom-file-label {
+  border-color: #80bdff;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-file-input[disabled] ~ .custom-file-label,
+.custom-file-input:disabled ~ .custom-file-label {
+  background-color: #e9ecef;
+}
+
+.custom-file-input:lang(en) ~ .custom-file-label::after {
+  content: "Browse";
+}
+
+.custom-file-input ~ .custom-file-label[data-browse]::after {
+  content: attr(data-browse);
+}
+
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: calc(1.5em + 0.75rem + 2px);
+  padding: 0.375rem 0.75rem;
+  overflow: hidden;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+.custom-file-label::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+  display: block;
+  height: calc(1.5em + 0.75rem);
+  padding: 0.375rem 0.75rem;
+  line-height: 1.5;
+  color: #495057;
+  content: "Browse";
+  background-color: #e9ecef;
+  border-left: inherit;
+  border-radius: 0 0.25rem 0.25rem 0;
+}
+
+.custom-range {
+  width: 100%;
+  height: 1.4rem;
+  padding: 0;
+  background-color: transparent;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-range:focus {
+  outline: 0;
+}
+
+.custom-range:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-range:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-range:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-range::-moz-focus-outer {
+  border: 0;
+}
+
+.custom-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  background-color: #007bff;
+  border: 0;
+  border-radius: 1rem;
+  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-webkit-slider-thumb {
+    -webkit-transition: none;
+    transition: none;
+  }
+}
+
+.custom-range::-webkit-slider-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+
+.custom-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #007bff;
+  border: 0;
+  border-radius: 1rem;
+  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-moz-range-thumb {
+    -moz-transition: none;
+    transition: none;
+  }
+}
+
+.custom-range::-moz-range-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: 0;
+  margin-right: 0.2rem;
+  margin-left: 0.2rem;
+  background-color: #007bff;
+  border: 0;
+  border-radius: 1rem;
+  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-ms-thumb {
+    -ms-transition: none;
+    transition: none;
+  }
+}
+
+.custom-range::-ms-thumb:active {
+  background-color: #b3d7ff;
+}
+
+.custom-range::-ms-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: transparent;
+  border-color: transparent;
+  border-width: 0.5rem;
+}
+
+.custom-range::-ms-fill-lower {
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-fill-upper {
+  margin-right: 15px;
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range:disabled::-webkit-slider-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-range:disabled::-webkit-slider-runnable-track {
+  cursor: default;
+}
+
+.custom-range:disabled::-moz-range-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-range:disabled::-moz-range-track {
+  cursor: default;
+}
+
+.custom-range:disabled::-ms-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-control-label::before,
+  .custom-file-label,
+  .custom-select {
+    transition: none;
+  }
+}
+
+.nav {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.nav-link {
+  display: block;
+  padding: 0.5rem 1rem;
+}
+
+.nav-link:hover, .nav-link:focus {
+  text-decoration: none;
+}
+
+.nav-link.disabled {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: default;
+}
+
+.nav-tabs {
+  border-bottom: 1px solid #dee2e6;
+}
+
+.nav-tabs .nav-link {
+  margin-bottom: -1px;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+  isolation: isolate;
+  border-color: #e9ecef #e9ecef #dee2e6;
+}
+
+.nav-tabs .nav-link.disabled {
+  color: #6c757d;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  color: #495057;
+  background-color: #fff;
+  border-color: #dee2e6 #dee2e6 #fff;
+}
+
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.nav-pills .nav-link {
+  background: none;
+  border: 0;
+  border-radius: 0.25rem;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  color: #fff;
+  background-color: #007bff;
+}
+
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  text-align: center;
+}
+
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+  -ms-flex-preferred-size: 0;
+  flex-basis: 0;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  text-align: center;
+}
+
+.tab-content > .tab-pane {
+  display: none;
+}
+
+.tab-content > .active {
+  display: block;
+}
+
+.navbar {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 0.5rem 1rem;
+}
+
+.navbar .container,
+.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.navbar-brand {
+  display: inline-block;
+  padding-top: 0.3125rem;
+  padding-bottom: 0.3125rem;
+  margin-right: 1rem;
+  font-size: 1.25rem;
+  line-height: inherit;
+  white-space: nowrap;
+}
+
+.navbar-brand:hover, .navbar-brand:focus {
+  text-decoration: none;
+}
+
+.navbar-nav {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.navbar-nav .nav-link {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.navbar-nav .dropdown-menu {
+  position: static;
+  float: none;
+}
+
+.navbar-text {
+  display: inline-block;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.navbar-collapse {
+  -ms-flex-preferred-size: 100%;
+  flex-basis: 100%;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.navbar-toggler {
+  padding: 0.25rem 0.75rem;
+  font-size: 1.25rem;
+  line-height: 1;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}
+
+.navbar-toggler:hover, .navbar-toggler:focus {
+  text-decoration: none;
+}
+
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  content: "";
+  background: 50% / 100% 100% no-repeat;
+}
+
+.navbar-nav-scroll {
+  max-height: 75vh;
+  overflow-y: auto;
+}
+
+@media (max-width: 575.98px) {
+  .navbar-expand-sm > .container,
+  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 576px) {
+  .navbar-expand-sm {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-sm .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-sm .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-sm .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .navbar-expand-sm > .container,
+  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-sm .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-sm .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-sm .navbar-toggler {
+    display: none;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .navbar-expand-md > .container,
+  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar-expand-md {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-md .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-md .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-md .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .navbar-expand-md > .container,
+  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-md .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-md .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-md .navbar-toggler {
+    display: none;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .navbar-expand-lg > .container,
+  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 992px) {
+  .navbar-expand-lg {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-lg .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-lg .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .navbar-expand-lg > .container,
+  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-lg .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-lg .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-lg .navbar-toggler {
+    display: none;
+  }
+}
+
+@media (max-width: 1199.98px) {
+  .navbar-expand-xl > .container,
+  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 1200px) {
+  .navbar-expand-xl {
+    -ms-flex-flow: row nowrap;
+    flex-flow: row nowrap;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+  }
+  .navbar-expand-xl .navbar-nav {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .navbar-expand-xl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-xl .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .navbar-expand-xl > .container,
+  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+  }
+  .navbar-expand-xl .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-xl .navbar-collapse {
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+  }
+  .navbar-expand-xl .navbar-toggler {
+    display: none;
+  }
+}
+
+.navbar-expand {
+  -ms-flex-flow: row nowrap;
+  flex-flow: row nowrap;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+}
+
+.navbar-expand > .container,
+.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.navbar-expand .navbar-nav {
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+  position: absolute;
+}
+
+.navbar-expand .navbar-nav .nav-link {
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.navbar-expand > .container,
+.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+}
+
+.navbar-expand .navbar-nav-scroll {
+  overflow: visible;
+}
+
+.navbar-expand .navbar-collapse {
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+}
+
+.navbar-expand .navbar-toggler {
+  display: none;
+}
+
+.navbar-light .navbar-brand {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-nav .nav-link {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+  color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar-light .navbar-nav .nav-link.disabled {
+  color: rgba(0, 0, 0, 0.3);
+}
+
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .nav-link.active {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-toggler {
+  color: rgba(0, 0, 0, 0.5);
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+.navbar-light .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.navbar-light .navbar-text {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.navbar-light .navbar-text a {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-dark .navbar-brand {
+  color: #fff;
+}
+
+.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
+  color: #fff;
+}
+
+.navbar-dark .navbar-nav .nav-link {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.navbar-dark .navbar-nav .nav-link.disabled {
+  color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+  color: #fff;
+}
+
+.navbar-dark .navbar-toggler {
+  color: rgba(255, 255, 255, 0.5);
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-dark .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.navbar-dark .navbar-text {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.navbar-dark .navbar-text a {
+  color: #fff;
+}
+
+.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
+  color: #fff;
+}
+
+.card {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  border-radius: 0.25rem;
+}
+
+.card > hr {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+.card > .list-group {
+  border-top: inherit;
+  border-bottom: inherit;
+}
+
+.card > .list-group:first-child {
+  border-top-width: 0;
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card > .list-group:last-child {
+  border-bottom-width: 0;
+  border-bottom-right-radius: calc(0.25rem - 1px);
+  border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+  border-top: 0;
+}
+
+.card-body {
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 1px;
+  padding: 1.25rem;
+}
+
+.card-title {
+  margin-bottom: 0.75rem;
+}
+
+.card-subtitle {
+  margin-top: -0.375rem;
+  margin-bottom: 0;
+}
+
+.card-text:last-child {
+  margin-bottom: 0;
+}
+
+.card-link:hover {
+  text-decoration: none;
+}
+
+.card-link + .card-link {
+  margin-left: 1.25rem;
+}
+
+.card-header {
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 0;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-header:first-child {
+  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
+}
+
+.card-footer {
+  padding: 0.75rem 1.25rem;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-top: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-footer:last-child {
+  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
+}
+
+.card-header-tabs {
+  margin-right: -0.625rem;
+  margin-bottom: -0.75rem;
+  margin-left: -0.625rem;
+  border-bottom: 0;
+}
+
+.card-header-pills {
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 1.25rem;
+  border-radius: calc(0.25rem - 1px);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  width: 100%;
+}
+
+.card-img,
+.card-img-top {
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card-img,
+.card-img-bottom {
+  border-bottom-right-radius: calc(0.25rem - 1px);
+  border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.card-deck .card {
+  margin-bottom: 15px;
+}
+
+@media (min-width: 576px) {
+  .card-deck {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+    margin-right: -15px;
+    margin-left: -15px;
+  }
+  .card-deck .card {
+    -ms-flex: 1 0 0%;
+    flex: 1 0 0%;
+    margin-right: 15px;
+    margin-bottom: 0;
+    margin-left: 15px;
+  }
+}
+
+.card-group > .card {
+  margin-bottom: 15px;
+}
+
+@media (min-width: 576px) {
+  .card-group {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-flow: row wrap;
+    flex-flow: row wrap;
+  }
+  .card-group > .card {
+    -ms-flex: 1 0 0%;
+    flex: 1 0 0%;
+    margin-bottom: 0;
+  }
+  .card-group > .card + .card {
+    margin-left: 0;
+    border-left: 0;
+  }
+  .card-group > .card:not(:last-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  .card-group > .card:not(:last-child) .card-img-top,
+  .card-group > .card:not(:last-child) .card-header {
+    border-top-right-radius: 0;
+  }
+  .card-group > .card:not(:last-child) .card-img-bottom,
+  .card-group > .card:not(:last-child) .card-footer {
+    border-bottom-right-radius: 0;
+  }
+  .card-group > .card:not(:first-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .card-group > .card:not(:first-child) .card-img-top,
+  .card-group > .card:not(:first-child) .card-header {
+    border-top-left-radius: 0;
+  }
+  .card-group > .card:not(:first-child) .card-img-bottom,
+  .card-group > .card:not(:first-child) .card-footer {
+    border-bottom-left-radius: 0;
+  }
+}
+
+.card-columns .card {
+  margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+  .card-columns {
+    -webkit-column-count: 3;
+    -moz-column-count: 3;
+    column-count: 3;
+    -webkit-column-gap: 1.25rem;
+    -moz-column-gap: 1.25rem;
+    column-gap: 1.25rem;
+    orphans: 1;
+    widows: 1;
+  }
+  .card-columns .card {
+    display: inline-block;
+    width: 100%;
+  }
+}
+
+.accordion {
+  overflow-anchor: none;
+}
+
+.accordion > .card {
+  overflow: hidden;
+}
+
+.accordion > .card:not(:last-of-type) {
+  border-bottom: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.accordion > .card:not(:first-of-type) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.accordion > .card > .card-header {
+  border-radius: 0;
+  margin-bottom: -1px;
+}
+
+.breadcrumb {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: #e9ecef;
+  border-radius: 0.25rem;
+}
+
+.breadcrumb-item + .breadcrumb-item {
+  padding-left: 0.5rem;
+}
+
+.breadcrumb-item + .breadcrumb-item::before {
+  float: left;
+  padding-right: 0.5rem;
+  color: #6c757d;
+  content: "/";
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: underline;
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: none;
+}
+
+.breadcrumb-item.active {
+  color: #6c757d;
+}
+
+.pagination {
+  display: -ms-flexbox;
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+  border-radius: 0.25rem;
+}
+
+.page-link {
+  position: relative;
+  display: block;
+  padding: 0.5rem 0.75rem;
+  margin-left: -1px;
+  line-height: 1.25;
+  color: #007bff;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+}
+
+.page-link:hover {
+  z-index: 2;
+  color: #0056b3;
+  text-decoration: none;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
+}
+
+.page-link:focus {
+  z-index: 3;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.page-item:first-child .page-link {
+  margin-left: 0;
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
+.page-item.active .page-link {
+  z-index: 3;
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: auto;
+  background-color: #fff;
+  border-color: #dee2e6;
+}
+
+.pagination-lg .page-link {
+  padding: 0.75rem 1.5rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+
+.pagination-lg .page-item:first-child .page-link {
+  border-top-left-radius: 0.3rem;
+  border-bottom-left-radius: 0.3rem;
+}
+
+.pagination-lg .page-item:last-child .page-link {
+  border-top-right-radius: 0.3rem;
+  border-bottom-right-radius: 0.3rem;
+}
+
+.pagination-sm .page-link {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.pagination-sm .page-item:first-child .page-link {
+  border-top-left-radius: 0.2rem;
+  border-bottom-left-radius: 0.2rem;
+}
+
+.pagination-sm .page-item:last-child .page-link {
+  border-top-right-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem;
+}
+
+.badge {
+  display: inline-block;
+  padding: 0.25em 0.4em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .badge {
+    transition: none;
+  }
+}
+
+a.badge:hover, a.badge:focus {
+  text-decoration: none;
+}
+
+.badge:empty {
+  display: none;
+}
+
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+.badge-pill {
+  padding-right: 0.6em;
+  padding-left: 0.6em;
+  border-radius: 10rem;
+}
+
+.badge-primary {
+  color: #fff;
+  background-color: #007bff;
+}
+
+a.badge-primary:hover, a.badge-primary:focus {
+  color: #fff;
+  background-color: #0062cc;
+}
+
+a.badge-primary:focus, a.badge-primary.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+
+.badge-secondary {
+  color: #fff;
+  background-color: #6c757d;
+}
+
+a.badge-secondary:hover, a.badge-secondary:focus {
+  color: #fff;
+  background-color: #545b62;
+}
+
+a.badge-secondary:focus, a.badge-secondary.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.badge-success {
+  color: #fff;
+  background-color: #28a745;
+}
+
+a.badge-success:hover, a.badge-success:focus {
+  color: #fff;
+  background-color: #1e7e34;
+}
+
+a.badge-success:focus, a.badge-success.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.badge-info {
+  color: #fff;
+  background-color: #17a2b8;
+}
+
+a.badge-info:hover, a.badge-info:focus {
+  color: #fff;
+  background-color: #117a8b;
+}
+
+a.badge-info:focus, a.badge-info.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.badge-warning {
+  color: #212529;
+  background-color: #ffc107;
+}
+
+a.badge-warning:hover, a.badge-warning:focus {
+  color: #212529;
+  background-color: #d39e00;
+}
+
+a.badge-warning:focus, a.badge-warning.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.badge-danger {
+  color: #fff;
+  background-color: #dc3545;
+}
+
+a.badge-danger:hover, a.badge-danger:focus {
+  color: #fff;
+  background-color: #bd2130;
+}
+
+a.badge-danger:focus, a.badge-danger.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.badge-light {
+  color: #212529;
+  background-color: #f8f9fa;
+}
+
+a.badge-light:hover, a.badge-light:focus {
+  color: #212529;
+  background-color: #dae0e5;
+}
+
+a.badge-light:focus, a.badge-light.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.badge-dark {
+  color: #fff;
+  background-color: #343a40;
+}
+
+a.badge-dark:hover, a.badge-dark:focus {
+  color: #fff;
+  background-color: #1d2124;
+}
+
+a.badge-dark:focus, a.badge-dark.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.jumbotron {
+  padding: 2rem 1rem;
+  margin-bottom: 2rem;
+  background-color: #e9ecef;
+  border-radius: 0.3rem;
+}
+
+@media (min-width: 576px) {
+  .jumbotron {
+    padding: 4rem 2rem;
+  }
+}
+
+.jumbotron-fluid {
+  padding-right: 0;
+  padding-left: 0;
+  border-radius: 0;
+}
+
+.alert {
+  position: relative;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}
+
+.alert-heading {
+  color: inherit;
+}
+
+.alert-link {
+  font-weight: 700;
+}
+
+.alert-dismissible {
+  padding-right: 4rem;
+}
+
+.alert-dismissible .close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  padding: 0.75rem 1.25rem;
+  color: inherit;
+}
+
+.alert-primary {
+  color: #004085;
+  background-color: #cce5ff;
+  border-color: #b8daff;
+}
+
+.alert-primary hr {
+  border-top-color: #9fcdff;
+}
+
+.alert-primary .alert-link {
+  color: #002752;
+}
+
+.alert-secondary {
+  color: #383d41;
+  background-color: #e2e3e5;
+  border-color: #d6d8db;
+}
+
+.alert-secondary hr {
+  border-top-color: #c8cbcf;
+}
+
+.alert-secondary .alert-link {
+  color: #202326;
+}
+
+.alert-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+}
+
+.alert-success hr {
+  border-top-color: #b1dfbb;
+}
+
+.alert-success .alert-link {
+  color: #0b2e13;
+}
+
+.alert-info {
+  color: #0c5460;
+  background-color: #d1ecf1;
+  border-color: #bee5eb;
+}
+
+.alert-info hr {
+  border-top-color: #abdde5;
+}
+
+.alert-info .alert-link {
+  color: #062c33;
+}
+
+.alert-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba;
+}
+
+.alert-warning hr {
+  border-top-color: #ffe8a1;
+}
+
+.alert-warning .alert-link {
+  color: #533f03;
+}
+
+.alert-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+
+.alert-danger hr {
+  border-top-color: #f1b0b7;
+}
+
+.alert-danger .alert-link {
+  color: #491217;
+}
+
+.alert-light {
+  color: #818182;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
+}
+
+.alert-light hr {
+  border-top-color: #ececf6;
+}
+
+.alert-light .alert-link {
+  color: #686868;
+}
+
+.alert-dark {
+  color: #1b1e21;
+  background-color: #d6d8d9;
+  border-color: #c6c8ca;
+}
+
+.alert-dark hr {
+  border-top-color: #b9bbbe;
+}
+
+.alert-dark .alert-link {
+  color: #040505;
+}
+
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+.progress {
+  display: -ms-flexbox;
+  display: flex;
+  height: 1rem;
+  overflow: hidden;
+  line-height: 0;
+  font-size: 0.75rem;
+  background-color: #e9ecef;
+  border-radius: 0.25rem;
+}
+
+.progress-bar {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: center;
+  justify-content: center;
+  overflow: hidden;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #007bff;
+  transition: width 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar {
+    transition: none;
+  }
+}
+
+.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 1rem 1rem;
+}
+
+.progress-bar-animated {
+  -webkit-animation: 1s linear infinite progress-bar-stripes;
+  animation: 1s linear infinite progress-bar-stripes;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar-animated {
+    -webkit-animation: none;
+    animation: none;
+  }
+}
+
+.media {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+  align-items: flex-start;
+}
+
+.media-body {
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.list-group {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  border-radius: 0.25rem;
+}
+
+.list-group-item-action {
+  width: 100%;
+  color: #495057;
+  text-align: inherit;
+}
+
+.list-group-item-action:hover, .list-group-item-action:focus {
+  z-index: 1;
+  color: #495057;
+  text-decoration: none;
+  background-color: #f8f9fa;
+}
+
+.list-group-item-action:active {
+  color: #212529;
+  background-color: #e9ecef;
+}
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 0.75rem 1.25rem;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.list-group-item:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.list-group-item:last-child {
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.list-group-item.disabled, .list-group-item:disabled {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: #fff;
+}
+
+.list-group-item.active {
+  z-index: 2;
+  color: #fff;
+  background-color: #007bff;
+  border-color: #007bff;
+}
+
+.list-group-item + .list-group-item {
+  border-top-width: 0;
+}
+
+.list-group-item + .list-group-item.active {
+  margin-top: -1px;
+  border-top-width: 1px;
+}
+
+.list-group-horizontal {
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.list-group-horizontal > .list-group-item:first-child {
+  border-bottom-left-radius: 0.25rem;
+  border-top-right-radius: 0;
+}
+
+.list-group-horizontal > .list-group-item:last-child {
+  border-top-right-radius: 0.25rem;
+  border-bottom-left-radius: 0;
+}
+
+.list-group-horizontal > .list-group-item.active {
+  margin-top: 0;
+}
+
+.list-group-horizontal > .list-group-item + .list-group-item {
+  border-top-width: 1px;
+  border-left-width: 0;
+}
+
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+  margin-left: -1px;
+  border-left-width: 1px;
+}
+
+@media (min-width: 576px) {
+  .list-group-horizontal-sm {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-sm > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+@media (min-width: 768px) {
+  .list-group-horizontal-md {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-md > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-md > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-md > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-md > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+@media (min-width: 992px) {
+  .list-group-horizontal-lg {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-lg > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .list-group-horizontal-xl {
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .list-group-horizontal-xl > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+.list-group-flush {
+  border-radius: 0;
+}
+
+.list-group-flush > .list-group-item {
+  border-width: 0 0 1px;
+}
+
+.list-group-flush > .list-group-item:last-child {
+  border-bottom-width: 0;
+}
+
+.list-group-item-primary {
+  color: #004085;
+  background-color: #b8daff;
+}
+
+.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
+  color: #004085;
+  background-color: #9fcdff;
+}
+
+.list-group-item-primary.list-group-item-action.active {
+  color: #fff;
+  background-color: #004085;
+  border-color: #004085;
+}
+
+.list-group-item-secondary {
+  color: #383d41;
+  background-color: #d6d8db;
+}
+
+.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
+  color: #383d41;
+  background-color: #c8cbcf;
+}
+
+.list-group-item-secondary.list-group-item-action.active {
+  color: #fff;
+  background-color: #383d41;
+  border-color: #383d41;
+}
+
+.list-group-item-success {
+  color: #155724;
+  background-color: #c3e6cb;
+}
+
+.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
+  color: #155724;
+  background-color: #b1dfbb;
+}
+
+.list-group-item-success.list-group-item-action.active {
+  color: #fff;
+  background-color: #155724;
+  border-color: #155724;
+}
+
+.list-group-item-info {
+  color: #0c5460;
+  background-color: #bee5eb;
+}
+
+.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
+  color: #0c5460;
+  background-color: #abdde5;
+}
+
+.list-group-item-info.list-group-item-action.active {
+  color: #fff;
+  background-color: #0c5460;
+  border-color: #0c5460;
+}
+
+.list-group-item-warning {
+  color: #856404;
+  background-color: #ffeeba;
+}
+
+.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
+  color: #856404;
+  background-color: #ffe8a1;
+}
+
+.list-group-item-warning.list-group-item-action.active {
+  color: #fff;
+  background-color: #856404;
+  border-color: #856404;
+}
+
+.list-group-item-danger {
+  color: #721c24;
+  background-color: #f5c6cb;
+}
+
+.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
+  color: #721c24;
+  background-color: #f1b0b7;
+}
+
+.list-group-item-danger.list-group-item-action.active {
+  color: #fff;
+  background-color: #721c24;
+  border-color: #721c24;
+}
+
+.list-group-item-light {
+  color: #818182;
+  background-color: #fdfdfe;
+}
+
+.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
+  color: #818182;
+  background-color: #ececf6;
+}
+
+.list-group-item-light.list-group-item-action.active {
+  color: #fff;
+  background-color: #818182;
+  border-color: #818182;
+}
+
+.list-group-item-dark {
+  color: #1b1e21;
+  background-color: #c6c8ca;
+}
+
+.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
+  color: #1b1e21;
+  background-color: #b9bbbe;
+}
+
+.list-group-item-dark.list-group-item-action.active {
+  color: #fff;
+  background-color: #1b1e21;
+  border-color: #1b1e21;
+}
+
+.close {
+  float: right;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: .5;
+}
+
+.close:hover {
+  color: #000;
+  text-decoration: none;
+}
+
+.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
+  opacity: .75;
+}
+
+button.close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+}
+
+a.close.disabled {
+  pointer-events: none;
+}
+
+.toast {
+  -ms-flex-preferred-size: 350px;
+  flex-basis: 350px;
+  max-width: 350px;
+  font-size: 0.875rem;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  border-radius: 0.25rem;
+}
+
+.toast:not(:last-child) {
+  margin-bottom: 0.75rem;
+}
+
+.toast.showing {
+  opacity: 1;
+}
+
+.toast.show {
+  display: block;
+  opacity: 1;
+}
+
+.toast.hide {
+  display: none;
+}
+
+.toast-header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0.25rem 0.75rem;
+  color: #6c757d;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.toast-body {
+  padding: 0.75rem;
+}
+
+.modal-open {
+  overflow: hidden;
+}
+
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  outline: 0;
+}
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 0.5rem;
+  pointer-events: none;
+}
+
+.modal.fade .modal-dialog {
+  transition: -webkit-transform 0.3s ease-out;
+  transition: transform 0.3s ease-out;
+  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
+  -webkit-transform: translate(0, -50px);
+  transform: translate(0, -50px);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+}
+
+.modal.show .modal-dialog {
+  -webkit-transform: none;
+  transform: none;
+}
+
+.modal.modal-static .modal-dialog {
+  -webkit-transform: scale(1.02);
+  transform: scale(1.02);
+}
+
+.modal-dialog-scrollable {
+  display: -ms-flexbox;
+  display: flex;
+  max-height: calc(100% - 1rem);
+}
+
+.modal-dialog-scrollable .modal-content {
+  max-height: calc(100vh - 1rem);
+  overflow: hidden;
+}
+
+.modal-dialog-scrollable .modal-header,
+.modal-dialog-scrollable .modal-footer {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
+}
+
+.modal-dialog-centered {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: calc(100% - 1rem);
+}
+
+.modal-dialog-centered::before {
+  display: block;
+  height: calc(100vh - 1rem);
+  height: -webkit-min-content;
+  height: -moz-min-content;
+  height: min-content;
+  content: "";
+}
+
+.modal-dialog-centered.modal-dialog-scrollable {
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex-pack: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.modal-dialog-centered.modal-dialog-scrollable .modal-content {
+  max-height: none;
+}
+
+.modal-dialog-centered.modal-dialog-scrollable::before {
+  content: none;
+}
+
+.modal-content {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  width: 100%;
+  pointer-events: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  outline: 0;
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1040;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000;
+}
+
+.modal-backdrop.fade {
+  opacity: 0;
+}
+
+.modal-backdrop.show {
+  opacity: 0.5;
+}
+
+.modal-header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 1rem 1rem;
+  border-bottom: 1px solid #dee2e6;
+  border-top-left-radius: calc(0.3rem - 1px);
+  border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.modal-header .close {
+  padding: 1rem 1rem;
+  margin: -1rem -1rem -1rem auto;
+}
+
+.modal-title {
+  margin-bottom: 0;
+  line-height: 1.5;
+}
+
+.modal-body {
+  position: relative;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 1rem;
+}
+
+.modal-footer {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  padding: 0.75rem;
+  border-top: 1px solid #dee2e6;
+  border-bottom-right-radius: calc(0.3rem - 1px);
+  border-bottom-left-radius: calc(0.3rem - 1px);
+}
+
+.modal-footer > * {
+  margin: 0.25rem;
+}
+
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+@media (min-width: 576px) {
+  .modal-dialog {
+    max-width: 500px;
+    margin: 1.75rem auto;
+  }
+  .modal-dialog-scrollable {
+    max-height: calc(100% - 3.5rem);
+  }
+  .modal-dialog-scrollable .modal-content {
+    max-height: calc(100vh - 3.5rem);
+  }
+  .modal-dialog-centered {
+    min-height: calc(100% - 3.5rem);
+  }
+  .modal-dialog-centered::before {
+    height: calc(100vh - 3.5rem);
+    height: -webkit-min-content;
+    height: -moz-min-content;
+    height: min-content;
+  }
+  .modal-sm {
+    max-width: 300px;
+  }
+}
+
+@media (min-width: 992px) {
+  .modal-lg,
+  .modal-xl {
+    max-width: 800px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .modal-xl {
+    max-width: 1140px;
+  }
+}
+
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  white-space: normal;
+  word-spacing: normal;
+  line-break: auto;
+  font-size: 0.875rem;
+  word-wrap: break-word;
+  opacity: 0;
+}
+
+.tooltip.show {
+  opacity: 0.9;
+}
+
+.tooltip .arrow {
+  position: absolute;
+  display: block;
+  width: 0.8rem;
+  height: 0.4rem;
+}
+
+.tooltip .arrow::before {
+  position: absolute;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+
+.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
+  padding: 0.4rem 0;
+}
+
+.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
+  bottom: 0;
+}
+
+.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
+  top: 0;
+  border-width: 0.4rem 0.4rem 0;
+  border-top-color: #000;
+}
+
+.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
+  padding: 0 0.4rem;
+}
+
+.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
+  left: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
+  right: 0;
+  border-width: 0.4rem 0.4rem 0.4rem 0;
+  border-right-color: #000;
+}
+
+.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
+  padding: 0.4rem 0;
+}
+
+.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
+  top: 0;
+}
+
+.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
+  bottom: 0;
+  border-width: 0 0.4rem 0.4rem;
+  border-bottom-color: #000;
+}
+
+.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
+  padding: 0 0.4rem;
+}
+
+.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
+  right: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
+  left: 0;
+  border-width: 0.4rem 0 0.4rem 0.4rem;
+  border-left-color: #000;
+}
+
+.tooltip-inner {
+  max-width: 200px;
+  padding: 0.25rem 0.5rem;
+  color: #fff;
+  text-align: center;
+  background-color: #000;
+  border-radius: 0.25rem;
+}
+
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1060;
+  display: block;
+  max-width: 276px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  white-space: normal;
+  word-spacing: normal;
+  line-break: auto;
+  font-size: 0.875rem;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+}
+
+.popover .arrow {
+  position: absolute;
+  display: block;
+  width: 1rem;
+  height: 0.5rem;
+  margin: 0 0.3rem;
+}
+
+.popover .arrow::before, .popover .arrow::after {
+  position: absolute;
+  display: block;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+
+.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
+  margin-bottom: 0.5rem;
+}
+
+.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
+  bottom: calc(-0.5rem - 1px);
+}
+
+.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
+  bottom: 0;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
+  bottom: 1px;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: #fff;
+}
+
+.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
+  margin-left: 0.5rem;
+}
+
+.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
+  left: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+  margin: 0.3rem 0;
+}
+
+.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
+  left: 0;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
+  left: 1px;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: #fff;
+}
+
+.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
+  margin-top: 0.5rem;
+}
+
+.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
+  top: calc(-0.5rem - 1px);
+}
+
+.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
+  top: 0;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
+  top: 1px;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: #fff;
+}
+
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  width: 1rem;
+  margin-left: -0.5rem;
+  content: "";
+  border-bottom: 1px solid #f7f7f7;
+}
+
+.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
+  margin-right: 0.5rem;
+}
+
+.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
+  right: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+  margin: 0.3rem 0;
+}
+
+.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
+  right: 0;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
+  right: 1px;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: #fff;
+}
+
+.popover-header {
+  padding: 0.5rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-top-left-radius: calc(0.3rem - 1px);
+  border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.popover-header:empty {
+  display: none;
+}
+
+.popover-body {
+  padding: 0.5rem 0.75rem;
+  color: #212529;
+}
+
+.carousel {
+  position: relative;
+}
+
+.carousel.pointer-event {
+  -ms-touch-action: pan-y;
+  touch-action: pan-y;
+}
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+
+.carousel-inner::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.carousel-item {
+  position: relative;
+  display: none;
+  float: left;
+  width: 100%;
+  margin-right: -100%;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  transition: -webkit-transform 0.6s ease-in-out;
+  transition: transform 0.6s ease-in-out;
+  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-item {
+    transition: none;
+  }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block;
+}
+
+.carousel-item-next:not(.carousel-item-left),
+.active.carousel-item-right {
+  -webkit-transform: translateX(100%);
+  transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-right),
+.active.carousel-item-left {
+  -webkit-transform: translateX(-100%);
+  transform: translateX(-100%);
+}
+
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-property: opacity;
+  -webkit-transform: none;
+  transform: none;
+}
+
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right {
+  z-index: 1;
+  opacity: 1;
+}
+
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-right {
+  z-index: 0;
+  opacity: 0;
+  transition: opacity 0s 0.6s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-fade .active.carousel-item-left,
+  .carousel-fade .active.carousel-item-right {
+    transition: none;
+  }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 15%;
+  padding: 0;
+  color: #fff;
+  text-align: center;
+  background: none;
+  border: 0;
+  opacity: 0.5;
+  transition: opacity 0.15s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-control-prev,
+  .carousel-control-next {
+    transition: none;
+  }
+}
+
+.carousel-control-prev:hover, .carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+  color: #fff;
+  text-decoration: none;
+  outline: 0;
+  opacity: 0.9;
+}
+
+.carousel-control-prev {
+  left: 0;
+}
+
+.carousel-control-next {
+  right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: 50% / 100% 100% no-repeat;
+}
+
+.carousel-control-prev-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
+}
+
+.carousel-control-next-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
+}
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 15;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding-left: 0;
+  margin-right: 15%;
+  margin-left: 15%;
+  list-style: none;
+}
+
+.carousel-indicators li {
+  box-sizing: content-box;
+  -ms-flex: 0 1 auto;
+  flex: 0 1 auto;
+  width: 30px;
+  height: 3px;
+  margin-right: 3px;
+  margin-left: 3px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #fff;
+  background-clip: padding-box;
+  border-top: 10px solid transparent;
+  border-bottom: 10px solid transparent;
+  opacity: .5;
+  transition: opacity 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-indicators li {
+    transition: none;
+  }
+}
+
+.carousel-indicators .active {
+  opacity: 1;
+}
+
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 20px;
+  left: 15%;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #fff;
+  text-align: center;
+}
+
+@-webkit-keyframes spinner-border {
+  to {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spinner-border {
+  to {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+.spinner-border {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  border: 0.25em solid currentcolor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  -webkit-animation: .75s linear infinite spinner-border;
+  animation: .75s linear infinite spinner-border;
+}
+
+.spinner-border-sm {
+  width: 1rem;
+  height: 1rem;
+  border-width: 0.2em;
+}
+
+@-webkit-keyframes spinner-grow {
+  0% {
+    -webkit-transform: scale(0);
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes spinner-grow {
+  0% {
+    -webkit-transform: scale(0);
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.spinner-grow {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  background-color: currentcolor;
+  border-radius: 50%;
+  opacity: 0;
+  -webkit-animation: .75s linear infinite spinner-grow;
+  animation: .75s linear infinite spinner-grow;
+}
+
+.spinner-grow-sm {
+  width: 1rem;
+  height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .spinner-border,
+  .spinner-grow {
+    -webkit-animation-duration: 1.5s;
+    animation-duration: 1.5s;
+  }
+}
+
+.align-baseline {
+  vertical-align: baseline !important;
+}
+
+.align-top {
+  vertical-align: top !important;
+}
+
+.align-middle {
+  vertical-align: middle !important;
+}
+
+.align-bottom {
+  vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+  vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+  vertical-align: text-top !important;
+}
+
+.bg-primary {
+  background-color: #007bff !important;
+}
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #0062cc !important;
+}
+
+.bg-secondary {
+  background-color: #6c757d !important;
+}
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important;
+}
+
+.bg-success {
+  background-color: #28a745 !important;
+}
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #1e7e34 !important;
+}
+
+.bg-info {
+  background-color: #17a2b8 !important;
+}
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #117a8b !important;
+}
+
+.bg-warning {
+  background-color: #ffc107 !important;
+}
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #d39e00 !important;
+}
+
+.bg-danger {
+  background-color: #dc3545 !important;
+}
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #bd2130 !important;
+}
+
+.bg-light {
+  background-color: #f8f9fa !important;
+}
+
+a.bg-light:hover, a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus {
+  background-color: #dae0e5 !important;
+}
+
+.bg-dark {
+  background-color: #343a40 !important;
+}
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #1d2124 !important;
+}
+
+.bg-white {
+  background-color: #fff !important;
+}
+
+.bg-transparent {
+  background-color: transparent !important;
+}
+
+.border {
+  border: 1px solid #dee2e6 !important;
+}
+
+.border-top {
+  border-top: 1px solid #dee2e6 !important;
+}
+
+.border-right {
+  border-right: 1px solid #dee2e6 !important;
+}
+
+.border-bottom {
+  border-bottom: 1px solid #dee2e6 !important;
+}
+
+.border-left {
+  border-left: 1px solid #dee2e6 !important;
+}
+
+.border-0 {
+  border: 0 !important;
+}
+
+.border-top-0 {
+  border-top: 0 !important;
+}
+
+.border-right-0 {
+  border-right: 0 !important;
+}
+
+.border-bottom-0 {
+  border-bottom: 0 !important;
+}
+
+.border-left-0 {
+  border-left: 0 !important;
+}
+
+.border-primary {
+  border-color: #007bff !important;
+}
+
+.border-secondary {
+  border-color: #6c757d !important;
+}
+
+.border-success {
+  border-color: #28a745 !important;
+}
+
+.border-info {
+  border-color: #17a2b8 !important;
+}
+
+.border-warning {
+  border-color: #ffc107 !important;
+}
+
+.border-danger {
+  border-color: #dc3545 !important;
+}
+
+.border-light {
+  border-color: #f8f9fa !important;
+}
+
+.border-dark {
+  border-color: #343a40 !important;
+}
+
+.border-white {
+  border-color: #fff !important;
+}
+
+.rounded-sm {
+  border-radius: 0.2rem !important;
+}
+
+.rounded {
+  border-radius: 0.25rem !important;
+}
+
+.rounded-top {
+  border-top-left-radius: 0.25rem !important;
+  border-top-right-radius: 0.25rem !important;
+}
+
+.rounded-right {
+  border-top-right-radius: 0.25rem !important;
+  border-bottom-right-radius: 0.25rem !important;
+}
+
+.rounded-bottom {
+  border-bottom-right-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-left {
+  border-top-left-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-lg {
+  border-radius: 0.3rem !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-pill {
+  border-radius: 50rem !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
+
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.d-none {
+  display: none !important;
+}
+
+.d-inline {
+  display: inline !important;
+}
+
+.d-inline-block {
+  display: inline-block !important;
+}
+
+.d-block {
+  display: block !important;
+}
+
+.d-table {
+  display: table !important;
+}
+
+.d-table-row {
+  display: table-row !important;
+}
+
+.d-table-cell {
+  display: table-cell !important;
+}
+
+.d-flex {
+  display: -ms-flexbox !important;
+  display: flex !important;
+}
+
+.d-inline-flex {
+  display: -ms-inline-flexbox !important;
+  display: inline-flex !important;
+}
+
+@media (min-width: 576px) {
+  .d-sm-none {
+    display: none !important;
+  }
+  .d-sm-inline {
+    display: inline !important;
+  }
+  .d-sm-inline-block {
+    display: inline-block !important;
+  }
+  .d-sm-block {
+    display: block !important;
+  }
+  .d-sm-table {
+    display: table !important;
+  }
+  .d-sm-table-row {
+    display: table-row !important;
+  }
+  .d-sm-table-cell {
+    display: table-cell !important;
+  }
+  .d-sm-flex {
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-sm-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .d-md-none {
+    display: none !important;
+  }
+  .d-md-inline {
+    display: inline !important;
+  }
+  .d-md-inline-block {
+    display: inline-block !important;
+  }
+  .d-md-block {
+    display: block !important;
+  }
+  .d-md-table {
+    display: table !important;
+  }
+  .d-md-table-row {
+    display: table-row !important;
+  }
+  .d-md-table-cell {
+    display: table-cell !important;
+  }
+  .d-md-flex {
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-md-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .d-lg-none {
+    display: none !important;
+  }
+  .d-lg-inline {
+    display: inline !important;
+  }
+  .d-lg-inline-block {
+    display: inline-block !important;
+  }
+  .d-lg-block {
+    display: block !important;
+  }
+  .d-lg-table {
+    display: table !important;
+  }
+  .d-lg-table-row {
+    display: table-row !important;
+  }
+  .d-lg-table-cell {
+    display: table-cell !important;
+  }
+  .d-lg-flex {
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-lg-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .d-xl-none {
+    display: none !important;
+  }
+  .d-xl-inline {
+    display: inline !important;
+  }
+  .d-xl-inline-block {
+    display: inline-block !important;
+  }
+  .d-xl-block {
+    display: block !important;
+  }
+  .d-xl-table {
+    display: table !important;
+  }
+  .d-xl-table-row {
+    display: table-row !important;
+  }
+  .d-xl-table-cell {
+    display: table-cell !important;
+  }
+  .d-xl-flex {
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-xl-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+@media print {
+  .d-print-none {
+    display: none !important;
+  }
+  .d-print-inline {
+    display: inline !important;
+  }
+  .d-print-inline-block {
+    display: inline-block !important;
+  }
+  .d-print-block {
+    display: block !important;
+  }
+  .d-print-table {
+    display: table !important;
+  }
+  .d-print-table-row {
+    display: table-row !important;
+  }
+  .d-print-table-cell {
+    display: table-cell !important;
+  }
+  .d-print-flex {
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+  .d-print-inline-flex {
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
+}
+
+.embed-responsive::before {
+  display: block;
+  content: "";
+}
+
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.embed-responsive-21by9::before {
+  padding-top: 42.857143%;
+}
+
+.embed-responsive-16by9::before {
+  padding-top: 56.25%;
+}
+
+.embed-responsive-4by3::before {
+  padding-top: 75%;
+}
+
+.embed-responsive-1by1::before {
+  padding-top: 100%;
+}
+
+.flex-row {
+  -ms-flex-direction: row !important;
+  flex-direction: row !important;
+}
+
+.flex-column {
+  -ms-flex-direction: column !important;
+  flex-direction: column !important;
+}
+
+.flex-row-reverse {
+  -ms-flex-direction: row-reverse !important;
+  flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+  -ms-flex-direction: column-reverse !important;
+  flex-direction: column-reverse !important;
+}
+
+.flex-wrap {
+  -ms-flex-wrap: wrap !important;
+  flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+  -ms-flex-wrap: nowrap !important;
+  flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+  -ms-flex-wrap: wrap-reverse !important;
+  flex-wrap: wrap-reverse !important;
+}
+
+.flex-fill {
+  -ms-flex: 1 1 auto !important;
+  flex: 1 1 auto !important;
+}
+
+.flex-grow-0 {
+  -ms-flex-positive: 0 !important;
+  flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+  -ms-flex-positive: 1 !important;
+  flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+  -ms-flex-negative: 0 !important;
+  flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+  -ms-flex-negative: 1 !important;
+  flex-shrink: 1 !important;
+}
+
+.justify-content-start {
+  -ms-flex-pack: start !important;
+  justify-content: flex-start !important;
+}
+
+.justify-content-end {
+  -ms-flex-pack: end !important;
+  justify-content: flex-end !important;
+}
+
+.justify-content-center {
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+}
+
+.justify-content-between {
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+}
+
+.justify-content-around {
+  -ms-flex-pack: distribute !important;
+  justify-content: space-around !important;
+}
+
+.align-items-start {
+  -ms-flex-align: start !important;
+  align-items: flex-start !important;
+}
+
+.align-items-end {
+  -ms-flex-align: end !important;
+  align-items: flex-end !important;
+}
+
+.align-items-center {
+  -ms-flex-align: center !important;
+  align-items: center !important;
+}
+
+.align-items-baseline {
+  -ms-flex-align: baseline !important;
+  align-items: baseline !important;
+}
+
+.align-items-stretch {
+  -ms-flex-align: stretch !important;
+  align-items: stretch !important;
+}
+
+.align-content-start {
+  -ms-flex-line-pack: start !important;
+  align-content: flex-start !important;
+}
+
+.align-content-end {
+  -ms-flex-line-pack: end !important;
+  align-content: flex-end !important;
+}
+
+.align-content-center {
+  -ms-flex-line-pack: center !important;
+  align-content: center !important;
+}
+
+.align-content-between {
+  -ms-flex-line-pack: justify !important;
+  align-content: space-between !important;
+}
+
+.align-content-around {
+  -ms-flex-line-pack: distribute !important;
+  align-content: space-around !important;
+}
+
+.align-content-stretch {
+  -ms-flex-line-pack: stretch !important;
+  align-content: stretch !important;
+}
+
+.align-self-auto {
+  -ms-flex-item-align: auto !important;
+  align-self: auto !important;
+}
+
+.align-self-start {
+  -ms-flex-item-align: start !important;
+  align-self: flex-start !important;
+}
+
+.align-self-end {
+  -ms-flex-item-align: end !important;
+  align-self: flex-end !important;
+}
+
+.align-self-center {
+  -ms-flex-item-align: center !important;
+  align-self: center !important;
+}
+
+.align-self-baseline {
+  -ms-flex-item-align: baseline !important;
+  align-self: baseline !important;
+}
+
+.align-self-stretch {
+  -ms-flex-item-align: stretch !important;
+  align-self: stretch !important;
+}
+
+@media (min-width: 576px) {
+  .flex-sm-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-sm-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-sm-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-sm-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-sm-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-sm-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-sm-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-sm-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-sm-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-sm-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-sm-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-sm-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-sm-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-sm-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-sm-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-sm-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-sm-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-sm-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-sm-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-sm-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-sm-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-sm-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-sm-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-sm-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-sm-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-sm-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-sm-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-sm-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-sm-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-sm-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-sm-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-sm-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-sm-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-sm-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-md-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-md-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-md-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-md-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-md-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-md-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-md-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-md-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-md-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-md-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-md-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-md-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-md-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-md-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-md-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-md-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-md-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-md-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-md-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-md-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-md-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-md-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-md-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-md-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-md-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-md-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-md-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-md-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-md-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-md-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-md-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-md-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-md-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-md-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-lg-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-lg-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-lg-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-lg-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-lg-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-lg-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-lg-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-lg-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-lg-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-lg-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-lg-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-lg-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-lg-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-lg-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-lg-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-lg-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-lg-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-lg-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-lg-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-lg-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-lg-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-lg-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-lg-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-lg-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-lg-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-lg-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-lg-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-lg-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-lg-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-lg-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-lg-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-lg-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-lg-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-lg-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-xl-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+  }
+  .flex-xl-column {
+    -ms-flex-direction: column !important;
+    flex-direction: column !important;
+  }
+  .flex-xl-row-reverse {
+    -ms-flex-direction: row-reverse !important;
+    flex-direction: row-reverse !important;
+  }
+  .flex-xl-column-reverse {
+    -ms-flex-direction: column-reverse !important;
+    flex-direction: column-reverse !important;
+  }
+  .flex-xl-wrap {
+    -ms-flex-wrap: wrap !important;
+    flex-wrap: wrap !important;
+  }
+  .flex-xl-nowrap {
+    -ms-flex-wrap: nowrap !important;
+    flex-wrap: nowrap !important;
+  }
+  .flex-xl-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+    flex-wrap: wrap-reverse !important;
+  }
+  .flex-xl-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-xl-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-xl-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-xl-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-xl-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
+  .justify-content-xl-start {
+    -ms-flex-pack: start !important;
+    justify-content: flex-start !important;
+  }
+  .justify-content-xl-end {
+    -ms-flex-pack: end !important;
+    justify-content: flex-end !important;
+  }
+  .justify-content-xl-center {
+    -ms-flex-pack: center !important;
+    justify-content: center !important;
+  }
+  .justify-content-xl-between {
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important;
+  }
+  .justify-content-xl-around {
+    -ms-flex-pack: distribute !important;
+    justify-content: space-around !important;
+  }
+  .align-items-xl-start {
+    -ms-flex-align: start !important;
+    align-items: flex-start !important;
+  }
+  .align-items-xl-end {
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+  }
+  .align-items-xl-center {
+    -ms-flex-align: center !important;
+    align-items: center !important;
+  }
+  .align-items-xl-baseline {
+    -ms-flex-align: baseline !important;
+    align-items: baseline !important;
+  }
+  .align-items-xl-stretch {
+    -ms-flex-align: stretch !important;
+    align-items: stretch !important;
+  }
+  .align-content-xl-start {
+    -ms-flex-line-pack: start !important;
+    align-content: flex-start !important;
+  }
+  .align-content-xl-end {
+    -ms-flex-line-pack: end !important;
+    align-content: flex-end !important;
+  }
+  .align-content-xl-center {
+    -ms-flex-line-pack: center !important;
+    align-content: center !important;
+  }
+  .align-content-xl-between {
+    -ms-flex-line-pack: justify !important;
+    align-content: space-between !important;
+  }
+  .align-content-xl-around {
+    -ms-flex-line-pack: distribute !important;
+    align-content: space-around !important;
+  }
+  .align-content-xl-stretch {
+    -ms-flex-line-pack: stretch !important;
+    align-content: stretch !important;
+  }
+  .align-self-xl-auto {
+    -ms-flex-item-align: auto !important;
+    align-self: auto !important;
+  }
+  .align-self-xl-start {
+    -ms-flex-item-align: start !important;
+    align-self: flex-start !important;
+  }
+  .align-self-xl-end {
+    -ms-flex-item-align: end !important;
+    align-self: flex-end !important;
+  }
+  .align-self-xl-center {
+    -ms-flex-item-align: center !important;
+    align-self: center !important;
+  }
+  .align-self-xl-baseline {
+    -ms-flex-item-align: baseline !important;
+    align-self: baseline !important;
+  }
+  .align-self-xl-stretch {
+    -ms-flex-item-align: stretch !important;
+    align-self: stretch !important;
+  }
+}
+
+.float-left {
+  float: left !important;
+}
+
+.float-right {
+  float: right !important;
+}
+
+.float-none {
+  float: none !important;
+}
+
+@media (min-width: 576px) {
+  .float-sm-left {
+    float: left !important;
+  }
+  .float-sm-right {
+    float: right !important;
+  }
+  .float-sm-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .float-md-left {
+    float: left !important;
+  }
+  .float-md-right {
+    float: right !important;
+  }
+  .float-md-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .float-lg-left {
+    float: left !important;
+  }
+  .float-lg-right {
+    float: right !important;
+  }
+  .float-lg-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .float-xl-left {
+    float: left !important;
+  }
+  .float-xl-right {
+    float: right !important;
+  }
+  .float-xl-none {
+    float: none !important;
+  }
+}
+
+.user-select-all {
+  -webkit-user-select: all !important;
+  -moz-user-select: all !important;
+  user-select: all !important;
+}
+
+.user-select-auto {
+  -webkit-user-select: auto !important;
+  -moz-user-select: auto !important;
+  -ms-user-select: auto !important;
+  user-select: auto !important;
+}
+
+.user-select-none {
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+  user-select: none !important;
+}
+
+.overflow-auto {
+  overflow: auto !important;
+}
+
+.overflow-hidden {
+  overflow: hidden !important;
+}
+
+.position-static {
+  position: static !important;
+}
+
+.position-relative {
+  position: relative !important;
+}
+
+.position-absolute {
+  position: absolute !important;
+}
+
+.position-fixed {
+  position: fixed !important;
+}
+
+.position-sticky {
+  position: -webkit-sticky !important;
+  position: sticky !important;
+}
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+@supports ((position: -webkit-sticky) or (position: sticky)) {
+  .sticky-top {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.shadow-sm {
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.shadow {
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.shadow-lg {
+  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+
+.shadow-none {
+  box-shadow: none !important;
+}
+
+.w-25 {
+  width: 25% !important;
+}
+
+.w-50 {
+  width: 50% !important;
+}
+
+.w-75 {
+  width: 75% !important;
+}
+
+.w-100 {
+  width: 100% !important;
+}
+
+.w-auto {
+  width: auto !important;
+}
+
+.h-25 {
+  height: 25% !important;
+}
+
+.h-50 {
+  height: 50% !important;
+}
+
+.h-75 {
+  height: 75% !important;
+}
+
+.h-100 {
+  height: 100% !important;
+}
+
+.h-auto {
+  height: auto !important;
+}
+
+.mw-100 {
+  max-width: 100% !important;
+}
+
+.mh-100 {
+  max-height: 100% !important;
+}
+
+.min-vw-100 {
+  min-width: 100vw !important;
+}
+
+.min-vh-100 {
+  min-height: 100vh !important;
+}
+
+.vw-100 {
+  width: 100vw !important;
+}
+
+.vh-100 {
+  height: 100vh !important;
+}
+
+.m-0 {
+  margin: 0 !important;
+}
+
+.mt-0,
+.my-0 {
+  margin-top: 0 !important;
+}
+
+.mr-0,
+.mx-0 {
+  margin-right: 0 !important;
+}
+
+.mb-0,
+.my-0 {
+  margin-bottom: 0 !important;
+}
+
+.ml-0,
+.mx-0 {
+  margin-left: 0 !important;
+}
+
+.m-1 {
+  margin: 0.25rem !important;
+}
+
+.mt-1,
+.my-1 {
+  margin-top: 0.25rem !important;
+}
+
+.mr-1,
+.mx-1 {
+  margin-right: 0.25rem !important;
+}
+
+.mb-1,
+.my-1 {
+  margin-bottom: 0.25rem !important;
+}
+
+.ml-1,
+.mx-1 {
+  margin-left: 0.25rem !important;
+}
+
+.m-2 {
+  margin: 0.5rem !important;
+}
+
+.mt-2,
+.my-2 {
+  margin-top: 0.5rem !important;
+}
+
+.mr-2,
+.mx-2 {
+  margin-right: 0.5rem !important;
+}
+
+.mb-2,
+.my-2 {
+  margin-bottom: 0.5rem !important;
+}
+
+.ml-2,
+.mx-2 {
+  margin-left: 0.5rem !important;
+}
+
+.m-3 {
+  margin: 1rem !important;
+}
+
+.mt-3,
+.my-3 {
+  margin-top: 1rem !important;
+}
+
+.mr-3,
+.mx-3 {
+  margin-right: 1rem !important;
+}
+
+.mb-3,
+.my-3 {
+  margin-bottom: 1rem !important;
+}
+
+.ml-3,
+.mx-3 {
+  margin-left: 1rem !important;
+}
+
+.m-4 {
+  margin: 1.5rem !important;
+}
+
+.mt-4,
+.my-4 {
+  margin-top: 1.5rem !important;
+}
+
+.mr-4,
+.mx-4 {
+  margin-right: 1.5rem !important;
+}
+
+.mb-4,
+.my-4 {
+  margin-bottom: 1.5rem !important;
+}
+
+.ml-4,
+.mx-4 {
+  margin-left: 1.5rem !important;
+}
+
+.m-5 {
+  margin: 3rem !important;
+}
+
+.mt-5,
+.my-5 {
+  margin-top: 3rem !important;
+}
+
+.mr-5,
+.mx-5 {
+  margin-right: 3rem !important;
+}
+
+.mb-5,
+.my-5 {
+  margin-bottom: 3rem !important;
+}
+
+.ml-5,
+.mx-5 {
+  margin-left: 3rem !important;
+}
+
+.p-0 {
+  padding: 0 !important;
+}
+
+.pt-0,
+.py-0 {
+  padding-top: 0 !important;
+}
+
+.pr-0,
+.px-0 {
+  padding-right: 0 !important;
+}
+
+.pb-0,
+.py-0 {
+  padding-bottom: 0 !important;
+}
+
+.pl-0,
+.px-0 {
+  padding-left: 0 !important;
+}
+
+.p-1 {
+  padding: 0.25rem !important;
+}
+
+.pt-1,
+.py-1 {
+  padding-top: 0.25rem !important;
+}
+
+.pr-1,
+.px-1 {
+  padding-right: 0.25rem !important;
+}
+
+.pb-1,
+.py-1 {
+  padding-bottom: 0.25rem !important;
+}
+
+.pl-1,
+.px-1 {
+  padding-left: 0.25rem !important;
+}
+
+.p-2 {
+  padding: 0.5rem !important;
+}
+
+.pt-2,
+.py-2 {
+  padding-top: 0.5rem !important;
+}
+
+.pr-2,
+.px-2 {
+  padding-right: 0.5rem !important;
+}
+
+.pb-2,
+.py-2 {
+  padding-bottom: 0.5rem !important;
+}
+
+.pl-2,
+.px-2 {
+  padding-left: 0.5rem !important;
+}
+
+.p-3 {
+  padding: 1rem !important;
+}
+
+.pt-3,
+.py-3 {
+  padding-top: 1rem !important;
+}
+
+.pr-3,
+.px-3 {
+  padding-right: 1rem !important;
+}
+
+.pb-3,
+.py-3 {
+  padding-bottom: 1rem !important;
+}
+
+.pl-3,
+.px-3 {
+  padding-left: 1rem !important;
+}
+
+.p-4 {
+  padding: 1.5rem !important;
+}
+
+.pt-4,
+.py-4 {
+  padding-top: 1.5rem !important;
+}
+
+.pr-4,
+.px-4 {
+  padding-right: 1.5rem !important;
+}
+
+.pb-4,
+.py-4 {
+  padding-bottom: 1.5rem !important;
+}
+
+.pl-4,
+.px-4 {
+  padding-left: 1.5rem !important;
+}
+
+.p-5 {
+  padding: 3rem !important;
+}
+
+.pt-5,
+.py-5 {
+  padding-top: 3rem !important;
+}
+
+.pr-5,
+.px-5 {
+  padding-right: 3rem !important;
+}
+
+.pb-5,
+.py-5 {
+  padding-bottom: 3rem !important;
+}
+
+.pl-5,
+.px-5 {
+  padding-left: 3rem !important;
+}
+
+.m-n1 {
+  margin: -0.25rem !important;
+}
+
+.mt-n1,
+.my-n1 {
+  margin-top: -0.25rem !important;
+}
+
+.mr-n1,
+.mx-n1 {
+  margin-right: -0.25rem !important;
+}
+
+.mb-n1,
+.my-n1 {
+  margin-bottom: -0.25rem !important;
+}
+
+.ml-n1,
+.mx-n1 {
+  margin-left: -0.25rem !important;
+}
+
+.m-n2 {
+  margin: -0.5rem !important;
+}
+
+.mt-n2,
+.my-n2 {
+  margin-top: -0.5rem !important;
+}
+
+.mr-n2,
+.mx-n2 {
+  margin-right: -0.5rem !important;
+}
+
+.mb-n2,
+.my-n2 {
+  margin-bottom: -0.5rem !important;
+}
+
+.ml-n2,
+.mx-n2 {
+  margin-left: -0.5rem !important;
+}
+
+.m-n3 {
+  margin: -1rem !important;
+}
+
+.mt-n3,
+.my-n3 {
+  margin-top: -1rem !important;
+}
+
+.mr-n3,
+.mx-n3 {
+  margin-right: -1rem !important;
+}
+
+.mb-n3,
+.my-n3 {
+  margin-bottom: -1rem !important;
+}
+
+.ml-n3,
+.mx-n3 {
+  margin-left: -1rem !important;
+}
+
+.m-n4 {
+  margin: -1.5rem !important;
+}
+
+.mt-n4,
+.my-n4 {
+  margin-top: -1.5rem !important;
+}
+
+.mr-n4,
+.mx-n4 {
+  margin-right: -1.5rem !important;
+}
+
+.mb-n4,
+.my-n4 {
+  margin-bottom: -1.5rem !important;
+}
+
+.ml-n4,
+.mx-n4 {
+  margin-left: -1.5rem !important;
+}
+
+.m-n5 {
+  margin: -3rem !important;
+}
+
+.mt-n5,
+.my-n5 {
+  margin-top: -3rem !important;
+}
+
+.mr-n5,
+.mx-n5 {
+  margin-right: -3rem !important;
+}
+
+.mb-n5,
+.my-n5 {
+  margin-bottom: -3rem !important;
+}
+
+.ml-n5,
+.mx-n5 {
+  margin-left: -3rem !important;
+}
+
+.m-auto {
+  margin: auto !important;
+}
+
+.mt-auto,
+.my-auto {
+  margin-top: auto !important;
+}
+
+.mr-auto,
+.mx-auto {
+  margin-right: auto !important;
+}
+
+.mb-auto,
+.my-auto {
+  margin-bottom: auto !important;
+}
+
+.ml-auto,
+.mx-auto {
+  margin-left: auto !important;
+}
+
+@media (min-width: 576px) {
+  .m-sm-0 {
+    margin: 0 !important;
+  }
+  .mt-sm-0,
+  .my-sm-0 {
+    margin-top: 0 !important;
+  }
+  .mr-sm-0,
+  .mx-sm-0 {
+    margin-right: 0 !important;
+  }
+  .mb-sm-0,
+  .my-sm-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-sm-0,
+  .mx-sm-0 {
+    margin-left: 0 !important;
+  }
+  .m-sm-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-sm-1,
+  .my-sm-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-sm-1,
+  .mx-sm-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-sm-1,
+  .my-sm-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-sm-1,
+  .mx-sm-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-sm-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-sm-2,
+  .my-sm-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-sm-2,
+  .mx-sm-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-sm-2,
+  .my-sm-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-sm-2,
+  .mx-sm-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-sm-3 {
+    margin: 1rem !important;
+  }
+  .mt-sm-3,
+  .my-sm-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-sm-3,
+  .mx-sm-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-sm-3,
+  .my-sm-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-sm-3,
+  .mx-sm-3 {
+    margin-left: 1rem !important;
+  }
+  .m-sm-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-sm-4,
+  .my-sm-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-sm-4,
+  .mx-sm-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-sm-4,
+  .my-sm-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-sm-4,
+  .mx-sm-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-sm-5 {
+    margin: 3rem !important;
+  }
+  .mt-sm-5,
+  .my-sm-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-sm-5,
+  .mx-sm-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-sm-5,
+  .my-sm-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-sm-5,
+  .mx-sm-5 {
+    margin-left: 3rem !important;
+  }
+  .p-sm-0 {
+    padding: 0 !important;
+  }
+  .pt-sm-0,
+  .py-sm-0 {
+    padding-top: 0 !important;
+  }
+  .pr-sm-0,
+  .px-sm-0 {
+    padding-right: 0 !important;
+  }
+  .pb-sm-0,
+  .py-sm-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-sm-0,
+  .px-sm-0 {
+    padding-left: 0 !important;
+  }
+  .p-sm-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-sm-1,
+  .py-sm-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-sm-1,
+  .px-sm-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-sm-1,
+  .py-sm-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-sm-1,
+  .px-sm-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-sm-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-sm-2,
+  .py-sm-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-sm-2,
+  .px-sm-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-sm-2,
+  .py-sm-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-sm-2,
+  .px-sm-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-sm-3 {
+    padding: 1rem !important;
+  }
+  .pt-sm-3,
+  .py-sm-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-sm-3,
+  .px-sm-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-sm-3,
+  .py-sm-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-sm-3,
+  .px-sm-3 {
+    padding-left: 1rem !important;
+  }
+  .p-sm-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-sm-4,
+  .py-sm-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-sm-4,
+  .px-sm-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-sm-4,
+  .py-sm-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-sm-4,
+  .px-sm-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-sm-5 {
+    padding: 3rem !important;
+  }
+  .pt-sm-5,
+  .py-sm-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-sm-5,
+  .px-sm-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-sm-5,
+  .py-sm-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-sm-5,
+  .px-sm-5 {
+    padding-left: 3rem !important;
+  }
+  .m-sm-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-sm-n1,
+  .my-sm-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-sm-n1,
+  .mx-sm-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-sm-n1,
+  .my-sm-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-sm-n1,
+  .mx-sm-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-sm-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-sm-n2,
+  .my-sm-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-sm-n2,
+  .mx-sm-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-sm-n2,
+  .my-sm-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-sm-n2,
+  .mx-sm-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-sm-n3 {
+    margin: -1rem !important;
+  }
+  .mt-sm-n3,
+  .my-sm-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-sm-n3,
+  .mx-sm-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-sm-n3,
+  .my-sm-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-sm-n3,
+  .mx-sm-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-sm-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-sm-n4,
+  .my-sm-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-sm-n4,
+  .mx-sm-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-sm-n4,
+  .my-sm-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-sm-n4,
+  .mx-sm-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-sm-n5 {
+    margin: -3rem !important;
+  }
+  .mt-sm-n5,
+  .my-sm-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-sm-n5,
+  .mx-sm-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-sm-n5,
+  .my-sm-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-sm-n5,
+  .mx-sm-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-sm-auto {
+    margin: auto !important;
+  }
+  .mt-sm-auto,
+  .my-sm-auto {
+    margin-top: auto !important;
+  }
+  .mr-sm-auto,
+  .mx-sm-auto {
+    margin-right: auto !important;
+  }
+  .mb-sm-auto,
+  .my-sm-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-sm-auto,
+  .mx-sm-auto {
+    margin-left: auto !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .m-md-0 {
+    margin: 0 !important;
+  }
+  .mt-md-0,
+  .my-md-0 {
+    margin-top: 0 !important;
+  }
+  .mr-md-0,
+  .mx-md-0 {
+    margin-right: 0 !important;
+  }
+  .mb-md-0,
+  .my-md-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-md-0,
+  .mx-md-0 {
+    margin-left: 0 !important;
+  }
+  .m-md-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-md-1,
+  .my-md-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-md-1,
+  .mx-md-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-md-1,
+  .my-md-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-md-1,
+  .mx-md-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-md-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-md-2,
+  .my-md-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-md-2,
+  .mx-md-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-md-2,
+  .my-md-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-md-2,
+  .mx-md-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-md-3 {
+    margin: 1rem !important;
+  }
+  .mt-md-3,
+  .my-md-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-md-3,
+  .mx-md-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-md-3,
+  .my-md-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-md-3,
+  .mx-md-3 {
+    margin-left: 1rem !important;
+  }
+  .m-md-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-md-4,
+  .my-md-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-md-4,
+  .mx-md-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-md-4,
+  .my-md-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-md-4,
+  .mx-md-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-md-5 {
+    margin: 3rem !important;
+  }
+  .mt-md-5,
+  .my-md-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-md-5,
+  .mx-md-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-md-5,
+  .my-md-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-md-5,
+  .mx-md-5 {
+    margin-left: 3rem !important;
+  }
+  .p-md-0 {
+    padding: 0 !important;
+  }
+  .pt-md-0,
+  .py-md-0 {
+    padding-top: 0 !important;
+  }
+  .pr-md-0,
+  .px-md-0 {
+    padding-right: 0 !important;
+  }
+  .pb-md-0,
+  .py-md-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-md-0,
+  .px-md-0 {
+    padding-left: 0 !important;
+  }
+  .p-md-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-md-1,
+  .py-md-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-md-1,
+  .px-md-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-md-1,
+  .py-md-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-md-1,
+  .px-md-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-md-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-md-2,
+  .py-md-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-md-2,
+  .px-md-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-md-2,
+  .py-md-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-md-2,
+  .px-md-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-md-3 {
+    padding: 1rem !important;
+  }
+  .pt-md-3,
+  .py-md-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-md-3,
+  .px-md-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-md-3,
+  .py-md-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-md-3,
+  .px-md-3 {
+    padding-left: 1rem !important;
+  }
+  .p-md-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-md-4,
+  .py-md-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-md-4,
+  .px-md-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-md-4,
+  .py-md-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-md-4,
+  .px-md-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-md-5 {
+    padding: 3rem !important;
+  }
+  .pt-md-5,
+  .py-md-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-md-5,
+  .px-md-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-md-5,
+  .py-md-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-md-5,
+  .px-md-5 {
+    padding-left: 3rem !important;
+  }
+  .m-md-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-md-n1,
+  .my-md-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-md-n1,
+  .mx-md-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-md-n1,
+  .my-md-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-md-n1,
+  .mx-md-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-md-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-md-n2,
+  .my-md-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-md-n2,
+  .mx-md-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-md-n2,
+  .my-md-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-md-n2,
+  .mx-md-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-md-n3 {
+    margin: -1rem !important;
+  }
+  .mt-md-n3,
+  .my-md-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-md-n3,
+  .mx-md-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-md-n3,
+  .my-md-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-md-n3,
+  .mx-md-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-md-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-md-n4,
+  .my-md-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-md-n4,
+  .mx-md-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-md-n4,
+  .my-md-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-md-n4,
+  .mx-md-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-md-n5 {
+    margin: -3rem !important;
+  }
+  .mt-md-n5,
+  .my-md-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-md-n5,
+  .mx-md-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-md-n5,
+  .my-md-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-md-n5,
+  .mx-md-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-md-auto {
+    margin: auto !important;
+  }
+  .mt-md-auto,
+  .my-md-auto {
+    margin-top: auto !important;
+  }
+  .mr-md-auto,
+  .mx-md-auto {
+    margin-right: auto !important;
+  }
+  .mb-md-auto,
+  .my-md-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-md-auto,
+  .mx-md-auto {
+    margin-left: auto !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .m-lg-0 {
+    margin: 0 !important;
+  }
+  .mt-lg-0,
+  .my-lg-0 {
+    margin-top: 0 !important;
+  }
+  .mr-lg-0,
+  .mx-lg-0 {
+    margin-right: 0 !important;
+  }
+  .mb-lg-0,
+  .my-lg-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-lg-0,
+  .mx-lg-0 {
+    margin-left: 0 !important;
+  }
+  .m-lg-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-lg-1,
+  .my-lg-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-lg-1,
+  .mx-lg-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-lg-1,
+  .my-lg-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-lg-1,
+  .mx-lg-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-lg-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-lg-2,
+  .my-lg-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-lg-2,
+  .mx-lg-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-lg-2,
+  .my-lg-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-lg-2,
+  .mx-lg-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-lg-3 {
+    margin: 1rem !important;
+  }
+  .mt-lg-3,
+  .my-lg-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-lg-3,
+  .mx-lg-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-lg-3,
+  .my-lg-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-lg-3,
+  .mx-lg-3 {
+    margin-left: 1rem !important;
+  }
+  .m-lg-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-lg-4,
+  .my-lg-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-lg-4,
+  .mx-lg-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-lg-4,
+  .my-lg-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-lg-4,
+  .mx-lg-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-lg-5 {
+    margin: 3rem !important;
+  }
+  .mt-lg-5,
+  .my-lg-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-lg-5,
+  .mx-lg-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-lg-5,
+  .my-lg-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-lg-5,
+  .mx-lg-5 {
+    margin-left: 3rem !important;
+  }
+  .p-lg-0 {
+    padding: 0 !important;
+  }
+  .pt-lg-0,
+  .py-lg-0 {
+    padding-top: 0 !important;
+  }
+  .pr-lg-0,
+  .px-lg-0 {
+    padding-right: 0 !important;
+  }
+  .pb-lg-0,
+  .py-lg-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-lg-0,
+  .px-lg-0 {
+    padding-left: 0 !important;
+  }
+  .p-lg-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-lg-1,
+  .py-lg-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-lg-1,
+  .px-lg-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-lg-1,
+  .py-lg-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-lg-1,
+  .px-lg-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-lg-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-lg-2,
+  .py-lg-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-lg-2,
+  .px-lg-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-lg-2,
+  .py-lg-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-lg-2,
+  .px-lg-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-lg-3 {
+    padding: 1rem !important;
+  }
+  .pt-lg-3,
+  .py-lg-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-lg-3,
+  .px-lg-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-lg-3,
+  .py-lg-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-lg-3,
+  .px-lg-3 {
+    padding-left: 1rem !important;
+  }
+  .p-lg-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-lg-4,
+  .py-lg-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-lg-4,
+  .px-lg-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-lg-4,
+  .py-lg-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-lg-4,
+  .px-lg-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-lg-5 {
+    padding: 3rem !important;
+  }
+  .pt-lg-5,
+  .py-lg-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-lg-5,
+  .px-lg-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-lg-5,
+  .py-lg-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-lg-5,
+  .px-lg-5 {
+    padding-left: 3rem !important;
+  }
+  .m-lg-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-lg-n1,
+  .my-lg-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-lg-n1,
+  .mx-lg-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-lg-n1,
+  .my-lg-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-lg-n1,
+  .mx-lg-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-lg-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-lg-n2,
+  .my-lg-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-lg-n2,
+  .mx-lg-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-lg-n2,
+  .my-lg-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-lg-n2,
+  .mx-lg-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-lg-n3 {
+    margin: -1rem !important;
+  }
+  .mt-lg-n3,
+  .my-lg-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-lg-n3,
+  .mx-lg-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-lg-n3,
+  .my-lg-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-lg-n3,
+  .mx-lg-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-lg-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-lg-n4,
+  .my-lg-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-lg-n4,
+  .mx-lg-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-lg-n4,
+  .my-lg-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-lg-n4,
+  .mx-lg-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-lg-n5 {
+    margin: -3rem !important;
+  }
+  .mt-lg-n5,
+  .my-lg-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-lg-n5,
+  .mx-lg-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-lg-n5,
+  .my-lg-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-lg-n5,
+  .mx-lg-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-lg-auto {
+    margin: auto !important;
+  }
+  .mt-lg-auto,
+  .my-lg-auto {
+    margin-top: auto !important;
+  }
+  .mr-lg-auto,
+  .mx-lg-auto {
+    margin-right: auto !important;
+  }
+  .mb-lg-auto,
+  .my-lg-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-lg-auto,
+  .mx-lg-auto {
+    margin-left: auto !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .m-xl-0 {
+    margin: 0 !important;
+  }
+  .mt-xl-0,
+  .my-xl-0 {
+    margin-top: 0 !important;
+  }
+  .mr-xl-0,
+  .mx-xl-0 {
+    margin-right: 0 !important;
+  }
+  .mb-xl-0,
+  .my-xl-0 {
+    margin-bottom: 0 !important;
+  }
+  .ml-xl-0,
+  .mx-xl-0 {
+    margin-left: 0 !important;
+  }
+  .m-xl-1 {
+    margin: 0.25rem !important;
+  }
+  .mt-xl-1,
+  .my-xl-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mr-xl-1,
+  .mx-xl-1 {
+    margin-right: 0.25rem !important;
+  }
+  .mb-xl-1,
+  .my-xl-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .ml-xl-1,
+  .mx-xl-1 {
+    margin-left: 0.25rem !important;
+  }
+  .m-xl-2 {
+    margin: 0.5rem !important;
+  }
+  .mt-xl-2,
+  .my-xl-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mr-xl-2,
+  .mx-xl-2 {
+    margin-right: 0.5rem !important;
+  }
+  .mb-xl-2,
+  .my-xl-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .ml-xl-2,
+  .mx-xl-2 {
+    margin-left: 0.5rem !important;
+  }
+  .m-xl-3 {
+    margin: 1rem !important;
+  }
+  .mt-xl-3,
+  .my-xl-3 {
+    margin-top: 1rem !important;
+  }
+  .mr-xl-3,
+  .mx-xl-3 {
+    margin-right: 1rem !important;
+  }
+  .mb-xl-3,
+  .my-xl-3 {
+    margin-bottom: 1rem !important;
+  }
+  .ml-xl-3,
+  .mx-xl-3 {
+    margin-left: 1rem !important;
+  }
+  .m-xl-4 {
+    margin: 1.5rem !important;
+  }
+  .mt-xl-4,
+  .my-xl-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mr-xl-4,
+  .mx-xl-4 {
+    margin-right: 1.5rem !important;
+  }
+  .mb-xl-4,
+  .my-xl-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .ml-xl-4,
+  .mx-xl-4 {
+    margin-left: 1.5rem !important;
+  }
+  .m-xl-5 {
+    margin: 3rem !important;
+  }
+  .mt-xl-5,
+  .my-xl-5 {
+    margin-top: 3rem !important;
+  }
+  .mr-xl-5,
+  .mx-xl-5 {
+    margin-right: 3rem !important;
+  }
+  .mb-xl-5,
+  .my-xl-5 {
+    margin-bottom: 3rem !important;
+  }
+  .ml-xl-5,
+  .mx-xl-5 {
+    margin-left: 3rem !important;
+  }
+  .p-xl-0 {
+    padding: 0 !important;
+  }
+  .pt-xl-0,
+  .py-xl-0 {
+    padding-top: 0 !important;
+  }
+  .pr-xl-0,
+  .px-xl-0 {
+    padding-right: 0 !important;
+  }
+  .pb-xl-0,
+  .py-xl-0 {
+    padding-bottom: 0 !important;
+  }
+  .pl-xl-0,
+  .px-xl-0 {
+    padding-left: 0 !important;
+  }
+  .p-xl-1 {
+    padding: 0.25rem !important;
+  }
+  .pt-xl-1,
+  .py-xl-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pr-xl-1,
+  .px-xl-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pb-xl-1,
+  .py-xl-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pl-xl-1,
+  .px-xl-1 {
+    padding-left: 0.25rem !important;
+  }
+  .p-xl-2 {
+    padding: 0.5rem !important;
+  }
+  .pt-xl-2,
+  .py-xl-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pr-xl-2,
+  .px-xl-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pb-xl-2,
+  .py-xl-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pl-xl-2,
+  .px-xl-2 {
+    padding-left: 0.5rem !important;
+  }
+  .p-xl-3 {
+    padding: 1rem !important;
+  }
+  .pt-xl-3,
+  .py-xl-3 {
+    padding-top: 1rem !important;
+  }
+  .pr-xl-3,
+  .px-xl-3 {
+    padding-right: 1rem !important;
+  }
+  .pb-xl-3,
+  .py-xl-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pl-xl-3,
+  .px-xl-3 {
+    padding-left: 1rem !important;
+  }
+  .p-xl-4 {
+    padding: 1.5rem !important;
+  }
+  .pt-xl-4,
+  .py-xl-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pr-xl-4,
+  .px-xl-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pb-xl-4,
+  .py-xl-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pl-xl-4,
+  .px-xl-4 {
+    padding-left: 1.5rem !important;
+  }
+  .p-xl-5 {
+    padding: 3rem !important;
+  }
+  .pt-xl-5,
+  .py-xl-5 {
+    padding-top: 3rem !important;
+  }
+  .pr-xl-5,
+  .px-xl-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-xl-5,
+  .py-xl-5 {
+    padding-bottom: 3rem !important;
+  }
+  .pl-xl-5,
+  .px-xl-5 {
+    padding-left: 3rem !important;
+  }
+  .m-xl-n1 {
+    margin: -0.25rem !important;
+  }
+  .mt-xl-n1,
+  .my-xl-n1 {
+    margin-top: -0.25rem !important;
+  }
+  .mr-xl-n1,
+  .mx-xl-n1 {
+    margin-right: -0.25rem !important;
+  }
+  .mb-xl-n1,
+  .my-xl-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+  .ml-xl-n1,
+  .mx-xl-n1 {
+    margin-left: -0.25rem !important;
+  }
+  .m-xl-n2 {
+    margin: -0.5rem !important;
+  }
+  .mt-xl-n2,
+  .my-xl-n2 {
+    margin-top: -0.5rem !important;
+  }
+  .mr-xl-n2,
+  .mx-xl-n2 {
+    margin-right: -0.5rem !important;
+  }
+  .mb-xl-n2,
+  .my-xl-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+  .ml-xl-n2,
+  .mx-xl-n2 {
+    margin-left: -0.5rem !important;
+  }
+  .m-xl-n3 {
+    margin: -1rem !important;
+  }
+  .mt-xl-n3,
+  .my-xl-n3 {
+    margin-top: -1rem !important;
+  }
+  .mr-xl-n3,
+  .mx-xl-n3 {
+    margin-right: -1rem !important;
+  }
+  .mb-xl-n3,
+  .my-xl-n3 {
+    margin-bottom: -1rem !important;
+  }
+  .ml-xl-n3,
+  .mx-xl-n3 {
+    margin-left: -1rem !important;
+  }
+  .m-xl-n4 {
+    margin: -1.5rem !important;
+  }
+  .mt-xl-n4,
+  .my-xl-n4 {
+    margin-top: -1.5rem !important;
+  }
+  .mr-xl-n4,
+  .mx-xl-n4 {
+    margin-right: -1.5rem !important;
+  }
+  .mb-xl-n4,
+  .my-xl-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+  .ml-xl-n4,
+  .mx-xl-n4 {
+    margin-left: -1.5rem !important;
+  }
+  .m-xl-n5 {
+    margin: -3rem !important;
+  }
+  .mt-xl-n5,
+  .my-xl-n5 {
+    margin-top: -3rem !important;
+  }
+  .mr-xl-n5,
+  .mx-xl-n5 {
+    margin-right: -3rem !important;
+  }
+  .mb-xl-n5,
+  .my-xl-n5 {
+    margin-bottom: -3rem !important;
+  }
+  .ml-xl-n5,
+  .mx-xl-n5 {
+    margin-left: -3rem !important;
+  }
+  .m-xl-auto {
+    margin: auto !important;
+  }
+  .mt-xl-auto,
+  .my-xl-auto {
+    margin-top: auto !important;
+  }
+  .mr-xl-auto,
+  .mx-xl-auto {
+    margin-right: auto !important;
+  }
+  .mb-xl-auto,
+  .my-xl-auto {
+    margin-bottom: auto !important;
+  }
+  .ml-xl-auto,
+  .mx-xl-auto {
+    margin-left: auto !important;
+  }
+}
+
+.stretched-link::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  pointer-events: auto;
+  content: "";
+  background-color: rgba(0, 0, 0, 0);
+}
+
+.text-monospace {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+}
+
+.text-justify {
+  text-align: justify !important;
+}
+
+.text-wrap {
+  white-space: normal !important;
+}
+
+.text-nowrap {
+  white-space: nowrap !important;
+}
+
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.text-left {
+  text-align: left !important;
+}
+
+.text-right {
+  text-align: right !important;
+}
+
+.text-center {
+  text-align: center !important;
+}
+
+@media (min-width: 576px) {
+  .text-sm-left {
+    text-align: left !important;
+  }
+  .text-sm-right {
+    text-align: right !important;
+  }
+  .text-sm-center {
+    text-align: center !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .text-md-left {
+    text-align: left !important;
+  }
+  .text-md-right {
+    text-align: right !important;
+  }
+  .text-md-center {
+    text-align: center !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .text-lg-left {
+    text-align: left !important;
+  }
+  .text-lg-right {
+    text-align: right !important;
+  }
+  .text-lg-center {
+    text-align: center !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .text-xl-left {
+    text-align: left !important;
+  }
+  .text-xl-right {
+    text-align: right !important;
+  }
+  .text-xl-center {
+    text-align: center !important;
+  }
+}
+
+.text-lowercase {
+  text-transform: lowercase !important;
+}
+
+.text-uppercase {
+  text-transform: uppercase !important;
+}
+
+.text-capitalize {
+  text-transform: capitalize !important;
+}
+
+.font-weight-light {
+  font-weight: 300 !important;
+}
+
+.font-weight-lighter {
+  font-weight: lighter !important;
+}
+
+.font-weight-normal {
+  font-weight: 400 !important;
+}
+
+.font-weight-bold {
+  font-weight: 700 !important;
+}
+
+.font-weight-bolder {
+  font-weight: bolder !important;
+}
+
+.font-italic {
+  font-style: italic !important;
+}
+
+.text-white {
+  color: #fff !important;
+}
+
+.text-primary {
+  color: #007bff !important;
+}
+
+a.text-primary:hover, a.text-primary:focus {
+  color: #0056b3 !important;
+}
+
+.text-secondary {
+  color: #6c757d !important;
+}
+
+a.text-secondary:hover, a.text-secondary:focus {
+  color: #494f54 !important;
+}
+
+.text-success {
+  color: #28a745 !important;
+}
+
+a.text-success:hover, a.text-success:focus {
+  color: #19692c !important;
+}
+
+.text-info {
+  color: #17a2b8 !important;
+}
+
+a.text-info:hover, a.text-info:focus {
+  color: #0f6674 !important;
+}
+
+.text-warning {
+  color: #ffc107 !important;
+}
+
+a.text-warning:hover, a.text-warning:focus {
+  color: #ba8b00 !important;
+}
+
+.text-danger {
+  color: #dc3545 !important;
+}
+
+a.text-danger:hover, a.text-danger:focus {
+  color: #a71d2a !important;
+}
+
+.text-light {
+  color: #f8f9fa !important;
+}
+
+a.text-light:hover, a.text-light:focus {
+  color: #cbd3da !important;
+}
+
+.text-dark {
+  color: #343a40 !important;
+}
+
+a.text-dark:hover, a.text-dark:focus {
+  color: #121416 !important;
+}
+
+.text-body {
+  color: #212529 !important;
+}
+
+.text-muted {
+  color: #6c757d !important;
+}
+
+.text-black-50 {
+  color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+
+.text-decoration-none {
+  text-decoration: none !important;
+}
+
+.text-break {
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+}
+
+.text-reset {
+  color: inherit !important;
+}
+
+.visible {
+  visibility: visible !important;
+}
+
+.invisible {
+  visibility: hidden !important;
+}
+
+@media print {
+  *,
+  *::before,
+  *::after {
+    text-shadow: none !important;
+    box-shadow: none !important;
+  }
+  a:not(.btn) {
+    text-decoration: underline;
+  }
+  abbr[title]::after {
+    content: " (" attr(title) ")";
+  }
+  pre {
+    white-space: pre-wrap !important;
+  }
+  pre,
+  blockquote {
+    border: 1px solid #adb5bd;
+    page-break-inside: avoid;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+  @page {
+    size: a3;
+  }
+  body {
+    min-width: 992px !important;
+  }
+  .container {
+    min-width: 992px !important;
+  }
+  .navbar {
+    display: none;
+  }
+  .badge {
+    border: 1px solid #000;
+  }
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table td,
+  .table th {
+    background-color: #fff !important;
+  }
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #dee2e6 !important;
+  }
+  .table-dark {
+    color: inherit;
+  }
+  .table-dark th,
+  .table-dark td,
+  .table-dark thead th,
+  .table-dark tbody + tbody {
+    border-color: #dee2e6;
+  }
+  .table .thead-dark th {
+    color: inherit;
+    border-color: #dee2e6;
+  }
+}
+/*# sourceMappingURL=bootstrap.css.map */
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/tests/bootstrap.5.3.3.css b/packages/css-syntax-patches-for-csstree/tests/bootstrap.5.3.3.css
new file mode 100644
index 0000000000..f4c00228ff
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/bootstrap.5.3.3.css
@@ -0,0 +1,12057 @@
+@charset "UTF-8";
+/*!
+ * Bootstrap  v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1, .h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1, .h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2, .h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2, .h2 {
+    font-size: 2rem;
+  }
+}
+
+h3, .h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3, .h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4, .h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4, .h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5, .h5 {
+  font-size: 1.25rem;
+}
+
+h6, .h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small, .small {
+  font-size: 0.875em;
+}
+
+mark, .mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+.lead {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+
+.display-1 {
+  font-size: calc(1.625rem + 4.5vw);
+  font-weight: 300;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-1 {
+    font-size: 5rem;
+  }
+}
+
+.display-2 {
+  font-size: calc(1.575rem + 3.9vw);
+  font-weight: 300;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-2 {
+    font-size: 4.5rem;
+  }
+}
+
+.display-3 {
+  font-size: calc(1.525rem + 3.3vw);
+  font-weight: 300;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-3 {
+    font-size: 4rem;
+  }
+}
+
+.display-4 {
+  font-size: calc(1.475rem + 2.7vw);
+  font-weight: 300;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-4 {
+    font-size: 3.5rem;
+  }
+}
+
+.display-5 {
+  font-size: calc(1.425rem + 2.1vw);
+  font-weight: 300;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-5 {
+    font-size: 3rem;
+  }
+}
+
+.display-6 {
+  font-size: calc(1.375rem + 1.5vw);
+  font-weight: 300;
+  line-height: 1.2;
+}
+@media (min-width: 1200px) {
+  .display-6 {
+    font-size: 2.5rem;
+  }
+}
+
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+
+.list-inline {
+  padding-left: 0;
+  list-style: none;
+}
+
+.list-inline-item {
+  display: inline-block;
+}
+.list-inline-item:not(:last-child) {
+  margin-right: 0.5rem;
+}
+
+.initialism {
+  font-size: 0.875em;
+  text-transform: uppercase;
+}
+
+.blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.25rem;
+}
+.blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.blockquote-footer {
+  margin-top: -1rem;
+  margin-bottom: 1rem;
+  font-size: 0.875em;
+  color: #6c757d;
+}
+.blockquote-footer::before {
+  content: "— ";
+}
+
+.img-fluid {
+  max-width: 100%;
+  height: auto;
+}
+
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: var(--bs-body-bg);
+  border: var(--bs-border-width) solid var(--bs-border-color);
+  border-radius: var(--bs-border-radius);
+  max-width: 100%;
+  height: auto;
+}
+
+.figure {
+  display: inline-block;
+}
+
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1;
+}
+
+.figure-caption {
+  font-size: 0.875em;
+  color: var(--bs-secondary-color);
+}
+
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+  --bs-gutter-x: 1.5rem;
+  --bs-gutter-y: 0;
+  width: 100%;
+  padding-right: calc(var(--bs-gutter-x) * 0.5);
+  padding-left: calc(var(--bs-gutter-x) * 0.5);
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+  .container-sm, .container {
+    max-width: 540px;
+  }
+}
+@media (min-width: 768px) {
+  .container-md, .container-sm, .container {
+    max-width: 720px;
+  }
+}
+@media (min-width: 992px) {
+  .container-lg, .container-md, .container-sm, .container {
+    max-width: 960px;
+  }
+}
+@media (min-width: 1200px) {
+  .container-xl, .container-lg, .container-md, .container-sm, .container {
+    max-width: 1140px;
+  }
+}
+@media (min-width: 1400px) {
+  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
+    max-width: 1320px;
+  }
+}
+:root {
+  --bs-breakpoint-xs: 0;
+  --bs-breakpoint-sm: 576px;
+  --bs-breakpoint-md: 768px;
+  --bs-breakpoint-lg: 992px;
+  --bs-breakpoint-xl: 1200px;
+  --bs-breakpoint-xxl: 1400px;
+}
+
+.row {
+  --bs-gutter-x: 1.5rem;
+  --bs-gutter-y: 0;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: calc(-1 * var(--bs-gutter-y));
+  margin-right: calc(-0.5 * var(--bs-gutter-x));
+  margin-left: calc(-0.5 * var(--bs-gutter-x));
+}
+.row > * {
+  flex-shrink: 0;
+  width: 100%;
+  max-width: 100%;
+  padding-right: calc(var(--bs-gutter-x) * 0.5);
+  padding-left: calc(var(--bs-gutter-x) * 0.5);
+  margin-top: var(--bs-gutter-y);
+}
+
+.col {
+  flex: 1 0 0%;
+}
+
+.row-cols-auto > * {
+  flex: 0 0 auto;
+  width: auto;
+}
+
+.row-cols-1 > * {
+  flex: 0 0 auto;
+  width: 100%;
+}
+
+.row-cols-2 > * {
+  flex: 0 0 auto;
+  width: 50%;
+}
+
+.row-cols-3 > * {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+}
+
+.row-cols-4 > * {
+  flex: 0 0 auto;
+  width: 25%;
+}
+
+.row-cols-5 > * {
+  flex: 0 0 auto;
+  width: 20%;
+}
+
+.row-cols-6 > * {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+}
+
+.col-auto {
+  flex: 0 0 auto;
+  width: auto;
+}
+
+.col-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+}
+
+.col-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+}
+
+.col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+}
+
+.col-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+}
+
+.col-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+}
+
+.col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+}
+
+.col-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+}
+
+.col-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+}
+
+.col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+}
+
+.col-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+}
+
+.col-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+}
+
+.col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+}
+
+.offset-1 {
+  margin-left: 8.33333333%;
+}
+
+.offset-2 {
+  margin-left: 16.66666667%;
+}
+
+.offset-3 {
+  margin-left: 25%;
+}
+
+.offset-4 {
+  margin-left: 33.33333333%;
+}
+
+.offset-5 {
+  margin-left: 41.66666667%;
+}
+
+.offset-6 {
+  margin-left: 50%;
+}
+
+.offset-7 {
+  margin-left: 58.33333333%;
+}
+
+.offset-8 {
+  margin-left: 66.66666667%;
+}
+
+.offset-9 {
+  margin-left: 75%;
+}
+
+.offset-10 {
+  margin-left: 83.33333333%;
+}
+
+.offset-11 {
+  margin-left: 91.66666667%;
+}
+
+.g-0,
+.gx-0 {
+  --bs-gutter-x: 0;
+}
+
+.g-0,
+.gy-0 {
+  --bs-gutter-y: 0;
+}
+
+.g-1,
+.gx-1 {
+  --bs-gutter-x: 0.25rem;
+}
+
+.g-1,
+.gy-1 {
+  --bs-gutter-y: 0.25rem;
+}
+
+.g-2,
+.gx-2 {
+  --bs-gutter-x: 0.5rem;
+}
+
+.g-2,
+.gy-2 {
+  --bs-gutter-y: 0.5rem;
+}
+
+.g-3,
+.gx-3 {
+  --bs-gutter-x: 1rem;
+}
+
+.g-3,
+.gy-3 {
+  --bs-gutter-y: 1rem;
+}
+
+.g-4,
+.gx-4 {
+  --bs-gutter-x: 1.5rem;
+}
+
+.g-4,
+.gy-4 {
+  --bs-gutter-y: 1.5rem;
+}
+
+.g-5,
+.gx-5 {
+  --bs-gutter-x: 3rem;
+}
+
+.g-5,
+.gy-5 {
+  --bs-gutter-y: 3rem;
+}
+
+@media (min-width: 576px) {
+  .col-sm {
+    flex: 1 0 0%;
+  }
+  .row-cols-sm-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .row-cols-sm-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .row-cols-sm-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .row-cols-sm-3 > * {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .row-cols-sm-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .row-cols-sm-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .row-cols-sm-6 > * {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-sm-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-sm-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .col-sm-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-sm-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-sm-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .col-sm-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .col-sm-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-sm-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .col-sm-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .col-sm-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-sm-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .col-sm-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .col-sm-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .offset-sm-0 {
+    margin-left: 0;
+  }
+  .offset-sm-1 {
+    margin-left: 8.33333333%;
+  }
+  .offset-sm-2 {
+    margin-left: 16.66666667%;
+  }
+  .offset-sm-3 {
+    margin-left: 25%;
+  }
+  .offset-sm-4 {
+    margin-left: 33.33333333%;
+  }
+  .offset-sm-5 {
+    margin-left: 41.66666667%;
+  }
+  .offset-sm-6 {
+    margin-left: 50%;
+  }
+  .offset-sm-7 {
+    margin-left: 58.33333333%;
+  }
+  .offset-sm-8 {
+    margin-left: 66.66666667%;
+  }
+  .offset-sm-9 {
+    margin-left: 75%;
+  }
+  .offset-sm-10 {
+    margin-left: 83.33333333%;
+  }
+  .offset-sm-11 {
+    margin-left: 91.66666667%;
+  }
+  .g-sm-0,
+  .gx-sm-0 {
+    --bs-gutter-x: 0;
+  }
+  .g-sm-0,
+  .gy-sm-0 {
+    --bs-gutter-y: 0;
+  }
+  .g-sm-1,
+  .gx-sm-1 {
+    --bs-gutter-x: 0.25rem;
+  }
+  .g-sm-1,
+  .gy-sm-1 {
+    --bs-gutter-y: 0.25rem;
+  }
+  .g-sm-2,
+  .gx-sm-2 {
+    --bs-gutter-x: 0.5rem;
+  }
+  .g-sm-2,
+  .gy-sm-2 {
+    --bs-gutter-y: 0.5rem;
+  }
+  .g-sm-3,
+  .gx-sm-3 {
+    --bs-gutter-x: 1rem;
+  }
+  .g-sm-3,
+  .gy-sm-3 {
+    --bs-gutter-y: 1rem;
+  }
+  .g-sm-4,
+  .gx-sm-4 {
+    --bs-gutter-x: 1.5rem;
+  }
+  .g-sm-4,
+  .gy-sm-4 {
+    --bs-gutter-y: 1.5rem;
+  }
+  .g-sm-5,
+  .gx-sm-5 {
+    --bs-gutter-x: 3rem;
+  }
+  .g-sm-5,
+  .gy-sm-5 {
+    --bs-gutter-y: 3rem;
+  }
+}
+@media (min-width: 768px) {
+  .col-md {
+    flex: 1 0 0%;
+  }
+  .row-cols-md-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .row-cols-md-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .row-cols-md-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .row-cols-md-3 > * {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .row-cols-md-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .row-cols-md-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .row-cols-md-6 > * {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-md-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-md-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .col-md-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-md-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-md-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .col-md-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .col-md-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-md-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .col-md-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .col-md-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-md-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .col-md-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .col-md-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .offset-md-0 {
+    margin-left: 0;
+  }
+  .offset-md-1 {
+    margin-left: 8.33333333%;
+  }
+  .offset-md-2 {
+    margin-left: 16.66666667%;
+  }
+  .offset-md-3 {
+    margin-left: 25%;
+  }
+  .offset-md-4 {
+    margin-left: 33.33333333%;
+  }
+  .offset-md-5 {
+    margin-left: 41.66666667%;
+  }
+  .offset-md-6 {
+    margin-left: 50%;
+  }
+  .offset-md-7 {
+    margin-left: 58.33333333%;
+  }
+  .offset-md-8 {
+    margin-left: 66.66666667%;
+  }
+  .offset-md-9 {
+    margin-left: 75%;
+  }
+  .offset-md-10 {
+    margin-left: 83.33333333%;
+  }
+  .offset-md-11 {
+    margin-left: 91.66666667%;
+  }
+  .g-md-0,
+  .gx-md-0 {
+    --bs-gutter-x: 0;
+  }
+  .g-md-0,
+  .gy-md-0 {
+    --bs-gutter-y: 0;
+  }
+  .g-md-1,
+  .gx-md-1 {
+    --bs-gutter-x: 0.25rem;
+  }
+  .g-md-1,
+  .gy-md-1 {
+    --bs-gutter-y: 0.25rem;
+  }
+  .g-md-2,
+  .gx-md-2 {
+    --bs-gutter-x: 0.5rem;
+  }
+  .g-md-2,
+  .gy-md-2 {
+    --bs-gutter-y: 0.5rem;
+  }
+  .g-md-3,
+  .gx-md-3 {
+    --bs-gutter-x: 1rem;
+  }
+  .g-md-3,
+  .gy-md-3 {
+    --bs-gutter-y: 1rem;
+  }
+  .g-md-4,
+  .gx-md-4 {
+    --bs-gutter-x: 1.5rem;
+  }
+  .g-md-4,
+  .gy-md-4 {
+    --bs-gutter-y: 1.5rem;
+  }
+  .g-md-5,
+  .gx-md-5 {
+    --bs-gutter-x: 3rem;
+  }
+  .g-md-5,
+  .gy-md-5 {
+    --bs-gutter-y: 3rem;
+  }
+}
+@media (min-width: 992px) {
+  .col-lg {
+    flex: 1 0 0%;
+  }
+  .row-cols-lg-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .row-cols-lg-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .row-cols-lg-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .row-cols-lg-3 > * {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .row-cols-lg-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .row-cols-lg-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .row-cols-lg-6 > * {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-lg-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-lg-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .col-lg-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-lg-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-lg-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .col-lg-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .col-lg-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-lg-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .col-lg-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .col-lg-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-lg-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .col-lg-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .col-lg-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .offset-lg-0 {
+    margin-left: 0;
+  }
+  .offset-lg-1 {
+    margin-left: 8.33333333%;
+  }
+  .offset-lg-2 {
+    margin-left: 16.66666667%;
+  }
+  .offset-lg-3 {
+    margin-left: 25%;
+  }
+  .offset-lg-4 {
+    margin-left: 33.33333333%;
+  }
+  .offset-lg-5 {
+    margin-left: 41.66666667%;
+  }
+  .offset-lg-6 {
+    margin-left: 50%;
+  }
+  .offset-lg-7 {
+    margin-left: 58.33333333%;
+  }
+  .offset-lg-8 {
+    margin-left: 66.66666667%;
+  }
+  .offset-lg-9 {
+    margin-left: 75%;
+  }
+  .offset-lg-10 {
+    margin-left: 83.33333333%;
+  }
+  .offset-lg-11 {
+    margin-left: 91.66666667%;
+  }
+  .g-lg-0,
+  .gx-lg-0 {
+    --bs-gutter-x: 0;
+  }
+  .g-lg-0,
+  .gy-lg-0 {
+    --bs-gutter-y: 0;
+  }
+  .g-lg-1,
+  .gx-lg-1 {
+    --bs-gutter-x: 0.25rem;
+  }
+  .g-lg-1,
+  .gy-lg-1 {
+    --bs-gutter-y: 0.25rem;
+  }
+  .g-lg-2,
+  .gx-lg-2 {
+    --bs-gutter-x: 0.5rem;
+  }
+  .g-lg-2,
+  .gy-lg-2 {
+    --bs-gutter-y: 0.5rem;
+  }
+  .g-lg-3,
+  .gx-lg-3 {
+    --bs-gutter-x: 1rem;
+  }
+  .g-lg-3,
+  .gy-lg-3 {
+    --bs-gutter-y: 1rem;
+  }
+  .g-lg-4,
+  .gx-lg-4 {
+    --bs-gutter-x: 1.5rem;
+  }
+  .g-lg-4,
+  .gy-lg-4 {
+    --bs-gutter-y: 1.5rem;
+  }
+  .g-lg-5,
+  .gx-lg-5 {
+    --bs-gutter-x: 3rem;
+  }
+  .g-lg-5,
+  .gy-lg-5 {
+    --bs-gutter-y: 3rem;
+  }
+}
+@media (min-width: 1200px) {
+  .col-xl {
+    flex: 1 0 0%;
+  }
+  .row-cols-xl-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .row-cols-xl-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .row-cols-xl-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .row-cols-xl-3 > * {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .row-cols-xl-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .row-cols-xl-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .row-cols-xl-6 > * {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-xl-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-xl-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .col-xl-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-xl-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-xl-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .col-xl-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .col-xl-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-xl-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .col-xl-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .col-xl-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-xl-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .col-xl-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .col-xl-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .offset-xl-0 {
+    margin-left: 0;
+  }
+  .offset-xl-1 {
+    margin-left: 8.33333333%;
+  }
+  .offset-xl-2 {
+    margin-left: 16.66666667%;
+  }
+  .offset-xl-3 {
+    margin-left: 25%;
+  }
+  .offset-xl-4 {
+    margin-left: 33.33333333%;
+  }
+  .offset-xl-5 {
+    margin-left: 41.66666667%;
+  }
+  .offset-xl-6 {
+    margin-left: 50%;
+  }
+  .offset-xl-7 {
+    margin-left: 58.33333333%;
+  }
+  .offset-xl-8 {
+    margin-left: 66.66666667%;
+  }
+  .offset-xl-9 {
+    margin-left: 75%;
+  }
+  .offset-xl-10 {
+    margin-left: 83.33333333%;
+  }
+  .offset-xl-11 {
+    margin-left: 91.66666667%;
+  }
+  .g-xl-0,
+  .gx-xl-0 {
+    --bs-gutter-x: 0;
+  }
+  .g-xl-0,
+  .gy-xl-0 {
+    --bs-gutter-y: 0;
+  }
+  .g-xl-1,
+  .gx-xl-1 {
+    --bs-gutter-x: 0.25rem;
+  }
+  .g-xl-1,
+  .gy-xl-1 {
+    --bs-gutter-y: 0.25rem;
+  }
+  .g-xl-2,
+  .gx-xl-2 {
+    --bs-gutter-x: 0.5rem;
+  }
+  .g-xl-2,
+  .gy-xl-2 {
+    --bs-gutter-y: 0.5rem;
+  }
+  .g-xl-3,
+  .gx-xl-3 {
+    --bs-gutter-x: 1rem;
+  }
+  .g-xl-3,
+  .gy-xl-3 {
+    --bs-gutter-y: 1rem;
+  }
+  .g-xl-4,
+  .gx-xl-4 {
+    --bs-gutter-x: 1.5rem;
+  }
+  .g-xl-4,
+  .gy-xl-4 {
+    --bs-gutter-y: 1.5rem;
+  }
+  .g-xl-5,
+  .gx-xl-5 {
+    --bs-gutter-x: 3rem;
+  }
+  .g-xl-5,
+  .gy-xl-5 {
+    --bs-gutter-y: 3rem;
+  }
+}
+@media (min-width: 1400px) {
+  .col-xxl {
+    flex: 1 0 0%;
+  }
+  .row-cols-xxl-auto > * {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .row-cols-xxl-1 > * {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .row-cols-xxl-2 > * {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .row-cols-xxl-3 > * {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .row-cols-xxl-4 > * {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .row-cols-xxl-5 > * {
+    flex: 0 0 auto;
+    width: 20%;
+  }
+  .row-cols-xxl-6 > * {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-xxl-auto {
+    flex: 0 0 auto;
+    width: auto;
+  }
+  .col-xxl-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%;
+  }
+  .col-xxl-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%;
+  }
+  .col-xxl-3 {
+    flex: 0 0 auto;
+    width: 25%;
+  }
+  .col-xxl-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%;
+  }
+  .col-xxl-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%;
+  }
+  .col-xxl-6 {
+    flex: 0 0 auto;
+    width: 50%;
+  }
+  .col-xxl-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%;
+  }
+  .col-xxl-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%;
+  }
+  .col-xxl-9 {
+    flex: 0 0 auto;
+    width: 75%;
+  }
+  .col-xxl-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%;
+  }
+  .col-xxl-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%;
+  }
+  .col-xxl-12 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
+  .offset-xxl-0 {
+    margin-left: 0;
+  }
+  .offset-xxl-1 {
+    margin-left: 8.33333333%;
+  }
+  .offset-xxl-2 {
+    margin-left: 16.66666667%;
+  }
+  .offset-xxl-3 {
+    margin-left: 25%;
+  }
+  .offset-xxl-4 {
+    margin-left: 33.33333333%;
+  }
+  .offset-xxl-5 {
+    margin-left: 41.66666667%;
+  }
+  .offset-xxl-6 {
+    margin-left: 50%;
+  }
+  .offset-xxl-7 {
+    margin-left: 58.33333333%;
+  }
+  .offset-xxl-8 {
+    margin-left: 66.66666667%;
+  }
+  .offset-xxl-9 {
+    margin-left: 75%;
+  }
+  .offset-xxl-10 {
+    margin-left: 83.33333333%;
+  }
+  .offset-xxl-11 {
+    margin-left: 91.66666667%;
+  }
+  .g-xxl-0,
+  .gx-xxl-0 {
+    --bs-gutter-x: 0;
+  }
+  .g-xxl-0,
+  .gy-xxl-0 {
+    --bs-gutter-y: 0;
+  }
+  .g-xxl-1,
+  .gx-xxl-1 {
+    --bs-gutter-x: 0.25rem;
+  }
+  .g-xxl-1,
+  .gy-xxl-1 {
+    --bs-gutter-y: 0.25rem;
+  }
+  .g-xxl-2,
+  .gx-xxl-2 {
+    --bs-gutter-x: 0.5rem;
+  }
+  .g-xxl-2,
+  .gy-xxl-2 {
+    --bs-gutter-y: 0.5rem;
+  }
+  .g-xxl-3,
+  .gx-xxl-3 {
+    --bs-gutter-x: 1rem;
+  }
+  .g-xxl-3,
+  .gy-xxl-3 {
+    --bs-gutter-y: 1rem;
+  }
+  .g-xxl-4,
+  .gx-xxl-4 {
+    --bs-gutter-x: 1.5rem;
+  }
+  .g-xxl-4,
+  .gy-xxl-4 {
+    --bs-gutter-y: 1.5rem;
+  }
+  .g-xxl-5,
+  .gx-xxl-5 {
+    --bs-gutter-x: 3rem;
+  }
+  .g-xxl-5,
+  .gy-xxl-5 {
+    --bs-gutter-y: 3rem;
+  }
+}
+.table {
+  --bs-table-color-type: initial;
+  --bs-table-bg-type: initial;
+  --bs-table-color-state: initial;
+  --bs-table-bg-state: initial;
+  --bs-table-color: var(--bs-emphasis-color);
+  --bs-table-bg: var(--bs-body-bg);
+  --bs-table-border-color: var(--bs-border-color);
+  --bs-table-accent-bg: transparent;
+  --bs-table-striped-color: var(--bs-emphasis-color);
+  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
+  --bs-table-active-color: var(--bs-emphasis-color);
+  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
+  --bs-table-hover-color: var(--bs-emphasis-color);
+  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
+  width: 100%;
+  margin-bottom: 1rem;
+  vertical-align: top;
+  border-color: var(--bs-table-border-color);
+}
+.table > :not(caption) > * > * {
+  padding: 0.5rem 0.5rem;
+  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
+  background-color: var(--bs-table-bg);
+  border-bottom-width: var(--bs-border-width);
+  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
+}
+.table > tbody {
+  vertical-align: inherit;
+}
+.table > thead {
+  vertical-align: bottom;
+}
+
+.table-group-divider {
+  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
+}
+
+.caption-top {
+  caption-side: top;
+}
+
+.table-sm > :not(caption) > * > * {
+  padding: 0.25rem 0.25rem;
+}
+
+.table-bordered > :not(caption) > * {
+  border-width: var(--bs-border-width) 0;
+}
+.table-bordered > :not(caption) > * > * {
+  border-width: 0 var(--bs-border-width);
+}
+
+.table-borderless > :not(caption) > * > * {
+  border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+  border-top-width: 0;
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+  --bs-table-color-type: var(--bs-table-striped-color);
+  --bs-table-bg-type: var(--bs-table-striped-bg);
+}
+
+.table-striped-columns > :not(caption) > tr > :nth-child(even) {
+  --bs-table-color-type: var(--bs-table-striped-color);
+  --bs-table-bg-type: var(--bs-table-striped-bg);
+}
+
+.table-active {
+  --bs-table-color-state: var(--bs-table-active-color);
+  --bs-table-bg-state: var(--bs-table-active-bg);
+}
+
+.table-hover > tbody > tr:hover > * {
+  --bs-table-color-state: var(--bs-table-hover-color);
+  --bs-table-bg-state: var(--bs-table-hover-bg);
+}
+
+.table-primary {
+  --bs-table-color: #000;
+  --bs-table-bg: #cfe2ff;
+  --bs-table-border-color: #a6b5cc;
+  --bs-table-striped-bg: #c5d7f2;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #bacbe6;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #bfd1ec;
+  --bs-table-hover-color: #000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-secondary {
+  --bs-table-color: #000;
+  --bs-table-bg: #e2e3e5;
+  --bs-table-border-color: #b5b6b7;
+  --bs-table-striped-bg: #d7d8da;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #cbccce;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #d1d2d4;
+  --bs-table-hover-color: #000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-success {
+  --bs-table-color: #000;
+  --bs-table-bg: #d1e7dd;
+  --bs-table-border-color: #a7b9b1;
+  --bs-table-striped-bg: #c7dbd2;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #bcd0c7;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #c1d6cc;
+  --bs-table-hover-color: #000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-info {
+  --bs-table-color: #000;
+  --bs-table-bg: #cff4fc;
+  --bs-table-border-color: #a6c3ca;
+  --bs-table-striped-bg: #c5e8ef;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #badce3;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #bfe2e9;
+  --bs-table-hover-color: #000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-warning {
+  --bs-table-color: #000;
+  --bs-table-bg: #fff3cd;
+  --bs-table-border-color: #ccc2a4;
+  --bs-table-striped-bg: #f2e7c3;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #e6dbb9;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #ece1be;
+  --bs-table-hover-color: #000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-danger {
+  --bs-table-color: #000;
+  --bs-table-bg: #f8d7da;
+  --bs-table-border-color: #c6acae;
+  --bs-table-striped-bg: #eccccf;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #dfc2c4;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #e5c7ca;
+  --bs-table-hover-color: #000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-light {
+  --bs-table-color: #000;
+  --bs-table-bg: #f8f9fa;
+  --bs-table-border-color: #c6c7c8;
+  --bs-table-striped-bg: #ecedee;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #dfe0e1;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #e5e6e7;
+  --bs-table-hover-color: #000;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-dark {
+  --bs-table-color: #fff;
+  --bs-table-bg: #212529;
+  --bs-table-border-color: #4d5154;
+  --bs-table-striped-bg: #2c3034;
+  --bs-table-striped-color: #fff;
+  --bs-table-active-bg: #373b3e;
+  --bs-table-active-color: #fff;
+  --bs-table-hover-bg: #323539;
+  --bs-table-hover-color: #fff;
+  color: var(--bs-table-color);
+  border-color: var(--bs-table-border-color);
+}
+
+.table-responsive {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+@media (max-width: 991.98px) {
+  .table-responsive-lg {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+@media (max-width: 1199.98px) {
+  .table-responsive-xl {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+@media (max-width: 1399.98px) {
+  .table-responsive-xxl {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+.form-label {
+  margin-bottom: 0.5rem;
+}
+
+.col-form-label {
+  padding-top: calc(0.375rem + var(--bs-border-width));
+  padding-bottom: calc(0.375rem + var(--bs-border-width));
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.5;
+}
+
+.col-form-label-lg {
+  padding-top: calc(0.5rem + var(--bs-border-width));
+  padding-bottom: calc(0.5rem + var(--bs-border-width));
+  font-size: 1.25rem;
+}
+
+.col-form-label-sm {
+  padding-top: calc(0.25rem + var(--bs-border-width));
+  padding-bottom: calc(0.25rem + var(--bs-border-width));
+  font-size: 0.875rem;
+}
+
+.form-text {
+  margin-top: 0.25rem;
+  font-size: 0.875em;
+  color: var(--bs-secondary-color);
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--bs-body-color);
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: var(--bs-body-bg);
+  background-clip: padding-box;
+  border: var(--bs-border-width) solid var(--bs-border-color);
+  border-radius: var(--bs-border-radius);
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
+}
+.form-control[type=file] {
+  overflow: hidden;
+}
+.form-control[type=file]:not(:disabled):not([readonly]) {
+  cursor: pointer;
+}
+.form-control:focus {
+  color: var(--bs-body-color);
+  background-color: var(--bs-body-bg);
+  border-color: #86b7fe;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+.form-control::-webkit-date-and-time-value {
+  min-width: 85px;
+  height: 1.5em;
+  margin: 0;
+}
+.form-control::-webkit-datetime-edit {
+  display: block;
+  padding: 0;
+}
+.form-control::-moz-placeholder {
+  color: var(--bs-secondary-color);
+  opacity: 1;
+}
+.form-control::placeholder {
+  color: var(--bs-secondary-color);
+  opacity: 1;
+}
+.form-control:disabled {
+  background-color: var(--bs-secondary-bg);
+  opacity: 1;
+}
+.form-control::-webkit-file-upload-button {
+  padding: 0.375rem 0.75rem;
+  margin: -0.375rem -0.75rem;
+  -webkit-margin-end: 0.75rem;
+  margin-inline-end: 0.75rem;
+  color: var(--bs-body-color);
+  background-color: var(--bs-tertiary-bg);
+  pointer-events: none;
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+  border-inline-end-width: var(--bs-border-width);
+  border-radius: 0;
+  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+.form-control::file-selector-button {
+  padding: 0.375rem 0.75rem;
+  margin: -0.375rem -0.75rem;
+  -webkit-margin-end: 0.75rem;
+  margin-inline-end: 0.75rem;
+  color: var(--bs-body-color);
+  background-color: var(--bs-tertiary-bg);
+  pointer-events: none;
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+  border-inline-end-width: var(--bs-border-width);
+  border-radius: 0;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-control::-webkit-file-upload-button {
+    -webkit-transition: none;
+    transition: none;
+  }
+  .form-control::file-selector-button {
+    transition: none;
+  }
+}
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+  background-color: var(--bs-secondary-bg);
+}
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+  background-color: var(--bs-secondary-bg);
+}
+
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 0;
+  margin-bottom: 0;
+  line-height: 1.5;
+  color: var(--bs-body-color);
+  background-color: transparent;
+  border: solid transparent;
+  border-width: var(--bs-border-width) 0;
+}
+.form-control-plaintext:focus {
+  outline: 0;
+}
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.form-control-sm {
+  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  border-radius: var(--bs-border-radius-sm);
+}
+.form-control-sm::-webkit-file-upload-button {
+  padding: 0.25rem 0.5rem;
+  margin: -0.25rem -0.5rem;
+  -webkit-margin-end: 0.5rem;
+  margin-inline-end: 0.5rem;
+}
+.form-control-sm::file-selector-button {
+  padding: 0.25rem 0.5rem;
+  margin: -0.25rem -0.5rem;
+  -webkit-margin-end: 0.5rem;
+  margin-inline-end: 0.5rem;
+}
+
+.form-control-lg {
+  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  border-radius: var(--bs-border-radius-lg);
+}
+.form-control-lg::-webkit-file-upload-button {
+  padding: 0.5rem 1rem;
+  margin: -0.5rem -1rem;
+  -webkit-margin-end: 1rem;
+  margin-inline-end: 1rem;
+}
+.form-control-lg::file-selector-button {
+  padding: 0.5rem 1rem;
+  margin: -0.5rem -1rem;
+  -webkit-margin-end: 1rem;
+  margin-inline-end: 1rem;
+}
+
+textarea.form-control {
+  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
+}
+textarea.form-control-sm {
+  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
+}
+textarea.form-control-lg {
+  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
+}
+
+.form-control-color {
+  width: 3rem;
+  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
+  padding: 0.375rem;
+}
+.form-control-color:not(:disabled):not([readonly]) {
+  cursor: pointer;
+}
+.form-control-color::-moz-color-swatch {
+  border: 0 !important;
+  border-radius: var(--bs-border-radius);
+}
+.form-control-color::-webkit-color-swatch {
+  border: 0 !important;
+  border-radius: var(--bs-border-radius);
+}
+.form-control-color.form-control-sm {
+  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
+}
+.form-control-color.form-control-lg {
+  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
+}
+
+.form-select {
+  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  display: block;
+  width: 100%;
+  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--bs-body-color);
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: var(--bs-body-bg);
+  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
+  background-repeat: no-repeat;
+  background-position: right 0.75rem center;
+  background-size: 16px 12px;
+  border: var(--bs-border-width) solid var(--bs-border-color);
+  border-radius: var(--bs-border-radius);
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-select {
+    transition: none;
+  }
+}
+.form-select:focus {
+  border-color: #86b7fe;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+.form-select[multiple], .form-select[size]:not([size="1"]) {
+  padding-right: 0.75rem;
+  background-image: none;
+}
+.form-select:disabled {
+  background-color: var(--bs-secondary-bg);
+}
+.form-select:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 var(--bs-body-color);
+}
+
+.form-select-sm {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  font-size: 0.875rem;
+  border-radius: var(--bs-border-radius-sm);
+}
+
+.form-select-lg {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  font-size: 1.25rem;
+  border-radius: var(--bs-border-radius-lg);
+}
+
+[data-bs-theme=dark] .form-select {
+  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+}
+
+.form-check {
+  display: block;
+  min-height: 1.5rem;
+  padding-left: 1.5em;
+  margin-bottom: 0.125rem;
+}
+.form-check .form-check-input {
+  float: left;
+  margin-left: -1.5em;
+}
+
+.form-check-reverse {
+  padding-right: 1.5em;
+  padding-left: 0;
+  text-align: right;
+}
+.form-check-reverse .form-check-input {
+  float: right;
+  margin-right: -1.5em;
+  margin-left: 0;
+}
+
+.form-check-input {
+  --bs-form-check-bg: var(--bs-body-bg);
+  flex-shrink: 0;
+  width: 1em;
+  height: 1em;
+  margin-top: 0.25em;
+  vertical-align: top;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: var(--bs-form-check-bg);
+  background-image: var(--bs-form-check-bg-image);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  border: var(--bs-border-width) solid var(--bs-border-color);
+  -webkit-print-color-adjust: exact;
+  color-adjust: exact;
+  print-color-adjust: exact;
+}
+.form-check-input[type=checkbox] {
+  border-radius: 0.25em;
+}
+.form-check-input[type=radio] {
+  border-radius: 50%;
+}
+.form-check-input:active {
+  filter: brightness(90%);
+}
+.form-check-input:focus {
+  border-color: #86b7fe;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+.form-check-input:checked {
+  background-color: #0d6efd;
+  border-color: #0d6efd;
+}
+.form-check-input:checked[type=checkbox] {
+  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
+}
+.form-check-input:checked[type=radio] {
+  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
+}
+.form-check-input[type=checkbox]:indeterminate {
+  background-color: #0d6efd;
+  border-color: #0d6efd;
+  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+}
+.form-check-input:disabled {
+  pointer-events: none;
+  filter: none;
+  opacity: 0.5;
+}
+.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
+  cursor: default;
+  opacity: 0.5;
+}
+
+.form-switch {
+  padding-left: 2.5em;
+}
+.form-switch .form-check-input {
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+  width: 2em;
+  margin-left: -2.5em;
+  background-image: var(--bs-form-switch-bg);
+  background-position: left center;
+  border-radius: 2em;
+  transition: background-position 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-switch .form-check-input {
+    transition: none;
+  }
+}
+.form-switch .form-check-input:focus {
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
+}
+.form-switch .form-check-input:checked {
+  background-position: right center;
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+}
+.form-switch.form-check-reverse {
+  padding-right: 2.5em;
+  padding-left: 0;
+}
+.form-switch.form-check-reverse .form-check-input {
+  margin-right: -2.5em;
+  margin-left: 0;
+}
+
+.form-check-inline {
+  display: inline-block;
+  margin-right: 1rem;
+}
+
+.btn-check {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
+  pointer-events: none;
+  filter: none;
+  opacity: 0.65;
+}
+
+[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
+}
+
+.form-range {
+  width: 100%;
+  height: 1.5rem;
+  padding: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: transparent;
+}
+.form-range:focus {
+  outline: 0;
+}
+.form-range:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+.form-range:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+.form-range::-moz-focus-outer {
+  border: 0;
+}
+.form-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  -webkit-appearance: none;
+  appearance: none;
+  background-color: #0d6efd;
+  border: 0;
+  border-radius: 1rem;
+  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-range::-webkit-slider-thumb {
+    -webkit-transition: none;
+    transition: none;
+  }
+}
+.form-range::-webkit-slider-thumb:active {
+  background-color: #b6d4fe;
+}
+.form-range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: var(--bs-secondary-bg);
+  border-color: transparent;
+  border-radius: 1rem;
+}
+.form-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: #0d6efd;
+  border: 0;
+  border-radius: 1rem;
+  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-range::-moz-range-thumb {
+    -moz-transition: none;
+    transition: none;
+  }
+}
+.form-range::-moz-range-thumb:active {
+  background-color: #b6d4fe;
+}
+.form-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: var(--bs-secondary-bg);
+  border-color: transparent;
+  border-radius: 1rem;
+}
+.form-range:disabled {
+  pointer-events: none;
+}
+.form-range:disabled::-webkit-slider-thumb {
+  background-color: var(--bs-secondary-color);
+}
+.form-range:disabled::-moz-range-thumb {
+  background-color: var(--bs-secondary-color);
+}
+
+.form-floating {
+  position: relative;
+}
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext,
+.form-floating > .form-select {
+  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
+  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
+  line-height: 1.25;
+}
+.form-floating > label {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  height: 100%;
+  padding: 1rem 0.75rem;
+  overflow: hidden;
+  text-align: start;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  pointer-events: none;
+  border: var(--bs-border-width) solid transparent;
+  transform-origin: 0 0;
+  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-floating > label {
+    transition: none;
+  }
+}
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext {
+  padding: 1rem 0.75rem;
+}
+.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
+  color: transparent;
+}
+.form-floating > .form-control::placeholder,
+.form-floating > .form-control-plaintext::placeholder {
+  color: transparent;
+}
+.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
+  padding-top: 1.625rem;
+  padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
+.form-floating > .form-control-plaintext:focus,
+.form-floating > .form-control-plaintext:not(:placeholder-shown) {
+  padding-top: 1.625rem;
+  padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:-webkit-autofill,
+.form-floating > .form-control-plaintext:-webkit-autofill {
+  padding-top: 1.625rem;
+  padding-bottom: 0.625rem;
+}
+.form-floating > .form-select {
+  padding-top: 1.625rem;
+  padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+  color: rgba(var(--bs-body-color-rgb), 0.65);
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-control-plaintext ~ label,
+.form-floating > .form-select ~ label {
+  color: rgba(var(--bs-body-color-rgb), 0.65);
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
+  position: absolute;
+  inset: 1rem 0.375rem;
+  z-index: -1;
+  height: 1.5em;
+  content: "";
+  background-color: var(--bs-body-bg);
+  border-radius: var(--bs-border-radius);
+}
+.form-floating > .form-control:focus ~ label::after,
+.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
+.form-floating > .form-control-plaintext ~ label::after,
+.form-floating > .form-select ~ label::after {
+  position: absolute;
+  inset: 1rem 0.375rem;
+  z-index: -1;
+  height: 1.5em;
+  content: "";
+  background-color: var(--bs-body-bg);
+  border-radius: var(--bs-border-radius);
+}
+.form-floating > .form-control:-webkit-autofill ~ label {
+  color: rgba(var(--bs-body-color-rgb), 0.65);
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control-plaintext ~ label {
+  border-width: var(--bs-border-width) 0;
+}
+.form-floating > :disabled ~ label,
+.form-floating > .form-control:disabled ~ label {
+  color: #6c757d;
+}
+.form-floating > :disabled ~ label::after,
+.form-floating > .form-control:disabled ~ label::after {
+  background-color: var(--bs-secondary-bg);
+}
+
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%;
+}
+.input-group > .form-control,
+.input-group > .form-select,
+.input-group > .form-floating {
+  position: relative;
+  flex: 1 1 auto;
+  width: 1%;
+  min-width: 0;
+}
+.input-group > .form-control:focus,
+.input-group > .form-select:focus,
+.input-group > .form-floating:focus-within {
+  z-index: 5;
+}
+.input-group .btn {
+  position: relative;
+  z-index: 2;
+}
+.input-group .btn:focus {
+  z-index: 5;
+}
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--bs-body-color);
+  text-align: center;
+  white-space: nowrap;
+  background-color: var(--bs-tertiary-bg);
+  border: var(--bs-border-width) solid var(--bs-border-color);
+  border-radius: var(--bs-border-radius);
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  border-radius: var(--bs-border-radius-lg);
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  border-radius: var(--bs-border-radius-sm);
+}
+
+.input-group-lg > .form-select,
+.input-group-sm > .form-select {
+  padding-right: 3rem;
+}
+
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+  margin-left: calc(var(--bs-border-width) * -1);
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-group > .form-floating:not(:first-child) > .form-control,
+.input-group > .form-floating:not(:first-child) > .form-select {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 0.875em;
+  color: var(--bs-form-valid-color);
+}
+
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: 0.1rem;
+  font-size: 0.875rem;
+  color: #fff;
+  background-color: var(--bs-success);
+  border-radius: var(--bs-border-radius);
+}
+
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:valid, .form-control.is-valid {
+  border-color: var(--bs-form-valid-border-color);
+  padding-right: calc(1.5em + 0.75rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+  border-color: var(--bs-form-valid-border-color);
+  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
+}
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+  padding-right: calc(1.5em + 0.75rem);
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.was-validated .form-select:valid, .form-select.is-valid {
+  border-color: var(--bs-form-valid-border-color);
+}
+.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
+  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  padding-right: 4.125rem;
+  background-position: right 0.75rem center, center right 2.25rem;
+  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
+  border-color: var(--bs-form-valid-border-color);
+  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
+}
+
+.was-validated .form-control-color:valid, .form-control-color.is-valid {
+  width: calc(3rem + calc(1.5em + 0.75rem));
+}
+
+.was-validated .form-check-input:valid, .form-check-input.is-valid {
+  border-color: var(--bs-form-valid-border-color);
+}
+.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
+  background-color: var(--bs-form-valid-color);
+}
+.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
+  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
+}
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+  color: var(--bs-form-valid-color);
+}
+
+.form-check-inline .form-check-input ~ .valid-feedback {
+  margin-left: 0.5em;
+}
+
+.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
+.was-validated .input-group > .form-select:not(:focus):valid,
+.input-group > .form-select:not(:focus).is-valid,
+.was-validated .input-group > .form-floating:not(:focus-within):valid,
+.input-group > .form-floating:not(:focus-within).is-valid {
+  z-index: 3;
+}
+
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 0.875em;
+  color: var(--bs-form-invalid-color);
+}
+
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: 0.1rem;
+  font-size: 0.875rem;
+  color: #fff;
+  background-color: var(--bs-danger);
+  border-radius: var(--bs-border-radius);
+}
+
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:invalid, .form-control.is-invalid {
+  border-color: var(--bs-form-invalid-border-color);
+  padding-right: calc(1.5em + 0.75rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+  border-color: var(--bs-form-invalid-border-color);
+  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
+}
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+  padding-right: calc(1.5em + 0.75rem);
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.was-validated .form-select:invalid, .form-select.is-invalid {
+  border-color: var(--bs-form-invalid-border-color);
+}
+.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
+  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  padding-right: 4.125rem;
+  background-position: right 0.75rem center, center right 2.25rem;
+  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
+  border-color: var(--bs-form-invalid-border-color);
+  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
+}
+
+.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
+  width: calc(3rem + calc(1.5em + 0.75rem));
+}
+
+.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
+  border-color: var(--bs-form-invalid-border-color);
+}
+.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
+  background-color: var(--bs-form-invalid-color);
+}
+.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
+  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
+}
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+  color: var(--bs-form-invalid-color);
+}
+
+.form-check-inline .form-check-input ~ .invalid-feedback {
+  margin-left: 0.5em;
+}
+
+.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
+.was-validated .input-group > .form-select:not(:focus):invalid,
+.input-group > .form-select:not(:focus).is-invalid,
+.was-validated .input-group > .form-floating:not(:focus-within):invalid,
+.input-group > .form-floating:not(:focus-within).is-invalid {
+  z-index: 4;
+}
+
+.btn {
+  --bs-btn-padding-x: 0.75rem;
+  --bs-btn-padding-y: 0.375rem;
+  --bs-btn-font-family: ;
+  --bs-btn-font-size: 1rem;
+  --bs-btn-font-weight: 400;
+  --bs-btn-line-height: 1.5;
+  --bs-btn-color: var(--bs-body-color);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-width: var(--bs-border-width);
+  --bs-btn-border-color: transparent;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+  --bs-btn-disabled-opacity: 0.65;
+  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
+  display: inline-block;
+  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
+  font-family: var(--bs-btn-font-family);
+  font-size: var(--bs-btn-font-size);
+  font-weight: var(--bs-btn-font-weight);
+  line-height: var(--bs-btn-line-height);
+  color: var(--bs-btn-color);
+  text-align: center;
+  text-decoration: none;
+  vertical-align: middle;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
+  border-radius: var(--bs-btn-border-radius);
+  background-color: var(--bs-btn-bg);
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
+}
+.btn:hover {
+  color: var(--bs-btn-hover-color);
+  background-color: var(--bs-btn-hover-bg);
+  border-color: var(--bs-btn-hover-border-color);
+}
+.btn-check + .btn:hover {
+  color: var(--bs-btn-color);
+  background-color: var(--bs-btn-bg);
+  border-color: var(--bs-btn-border-color);
+}
+.btn:focus-visible {
+  color: var(--bs-btn-hover-color);
+  background-color: var(--bs-btn-hover-bg);
+  border-color: var(--bs-btn-hover-border-color);
+  outline: 0;
+  box-shadow: var(--bs-btn-focus-box-shadow);
+}
+.btn-check:focus-visible + .btn {
+  border-color: var(--bs-btn-hover-border-color);
+  outline: 0;
+  box-shadow: var(--bs-btn-focus-box-shadow);
+}
+.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
+  color: var(--bs-btn-active-color);
+  background-color: var(--bs-btn-active-bg);
+  border-color: var(--bs-btn-active-border-color);
+}
+.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
+  box-shadow: var(--bs-btn-focus-box-shadow);
+}
+.btn-check:checked:focus-visible + .btn {
+  box-shadow: var(--bs-btn-focus-box-shadow);
+}
+.btn:disabled, .btn.disabled, fieldset:disabled .btn {
+  color: var(--bs-btn-disabled-color);
+  pointer-events: none;
+  background-color: var(--bs-btn-disabled-bg);
+  border-color: var(--bs-btn-disabled-border-color);
+  opacity: var(--bs-btn-disabled-opacity);
+}
+
+.btn-primary {
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #0d6efd;
+  --bs-btn-border-color: #0d6efd;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #0b5ed7;
+  --bs-btn-hover-border-color: #0a58ca;
+  --bs-btn-focus-shadow-rgb: 49, 132, 253;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #0a58ca;
+  --bs-btn-active-border-color: #0a53be;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #0d6efd;
+  --bs-btn-disabled-border-color: #0d6efd;
+}
+
+.btn-secondary {
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #6c757d;
+  --bs-btn-border-color: #6c757d;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #5c636a;
+  --bs-btn-hover-border-color: #565e64;
+  --bs-btn-focus-shadow-rgb: 130, 138, 145;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #565e64;
+  --bs-btn-active-border-color: #51585e;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #6c757d;
+  --bs-btn-disabled-border-color: #6c757d;
+}
+
+.btn-success {
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #198754;
+  --bs-btn-border-color: #198754;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #157347;
+  --bs-btn-hover-border-color: #146c43;
+  --bs-btn-focus-shadow-rgb: 60, 153, 110;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #146c43;
+  --bs-btn-active-border-color: #13653f;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #198754;
+  --bs-btn-disabled-border-color: #198754;
+}
+
+.btn-info {
+  --bs-btn-color: #000;
+  --bs-btn-bg: #0dcaf0;
+  --bs-btn-border-color: #0dcaf0;
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #31d2f2;
+  --bs-btn-hover-border-color: #25cff2;
+  --bs-btn-focus-shadow-rgb: 11, 172, 204;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #3dd5f3;
+  --bs-btn-active-border-color: #25cff2;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000;
+  --bs-btn-disabled-bg: #0dcaf0;
+  --bs-btn-disabled-border-color: #0dcaf0;
+}
+
+.btn-warning {
+  --bs-btn-color: #000;
+  --bs-btn-bg: #ffc107;
+  --bs-btn-border-color: #ffc107;
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #ffca2c;
+  --bs-btn-hover-border-color: #ffc720;
+  --bs-btn-focus-shadow-rgb: 217, 164, 6;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #ffcd39;
+  --bs-btn-active-border-color: #ffc720;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000;
+  --bs-btn-disabled-bg: #ffc107;
+  --bs-btn-disabled-border-color: #ffc107;
+}
+
+.btn-danger {
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #dc3545;
+  --bs-btn-border-color: #dc3545;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #bb2d3b;
+  --bs-btn-hover-border-color: #b02a37;
+  --bs-btn-focus-shadow-rgb: 225, 83, 97;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #b02a37;
+  --bs-btn-active-border-color: #a52834;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #dc3545;
+  --bs-btn-disabled-border-color: #dc3545;
+}
+
+.btn-light {
+  --bs-btn-color: #000;
+  --bs-btn-bg: #f8f9fa;
+  --bs-btn-border-color: #f8f9fa;
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #d3d4d5;
+  --bs-btn-hover-border-color: #c6c7c8;
+  --bs-btn-focus-shadow-rgb: 211, 212, 213;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #c6c7c8;
+  --bs-btn-active-border-color: #babbbc;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000;
+  --bs-btn-disabled-bg: #f8f9fa;
+  --bs-btn-disabled-border-color: #f8f9fa;
+}
+
+.btn-dark {
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #212529;
+  --bs-btn-border-color: #212529;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #424649;
+  --bs-btn-hover-border-color: #373b3e;
+  --bs-btn-focus-shadow-rgb: 66, 70, 73;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #4d5154;
+  --bs-btn-active-border-color: #373b3e;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #212529;
+  --bs-btn-disabled-border-color: #212529;
+}
+
+.btn-outline-primary {
+  --bs-btn-color: #0d6efd;
+  --bs-btn-border-color: #0d6efd;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #0d6efd;
+  --bs-btn-hover-border-color: #0d6efd;
+  --bs-btn-focus-shadow-rgb: 13, 110, 253;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #0d6efd;
+  --bs-btn-active-border-color: #0d6efd;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #0d6efd;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #0d6efd;
+  --bs-gradient: none;
+}
+
+.btn-outline-secondary {
+  --bs-btn-color: #6c757d;
+  --bs-btn-border-color: #6c757d;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #6c757d;
+  --bs-btn-hover-border-color: #6c757d;
+  --bs-btn-focus-shadow-rgb: 108, 117, 125;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #6c757d;
+  --bs-btn-active-border-color: #6c757d;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #6c757d;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #6c757d;
+  --bs-gradient: none;
+}
+
+.btn-outline-success {
+  --bs-btn-color: #198754;
+  --bs-btn-border-color: #198754;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #198754;
+  --bs-btn-hover-border-color: #198754;
+  --bs-btn-focus-shadow-rgb: 25, 135, 84;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #198754;
+  --bs-btn-active-border-color: #198754;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #198754;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #198754;
+  --bs-gradient: none;
+}
+
+.btn-outline-info {
+  --bs-btn-color: #0dcaf0;
+  --bs-btn-border-color: #0dcaf0;
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #0dcaf0;
+  --bs-btn-hover-border-color: #0dcaf0;
+  --bs-btn-focus-shadow-rgb: 13, 202, 240;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #0dcaf0;
+  --bs-btn-active-border-color: #0dcaf0;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #0dcaf0;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #0dcaf0;
+  --bs-gradient: none;
+}
+
+.btn-outline-warning {
+  --bs-btn-color: #ffc107;
+  --bs-btn-border-color: #ffc107;
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #ffc107;
+  --bs-btn-hover-border-color: #ffc107;
+  --bs-btn-focus-shadow-rgb: 255, 193, 7;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #ffc107;
+  --bs-btn-active-border-color: #ffc107;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #ffc107;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #ffc107;
+  --bs-gradient: none;
+}
+
+.btn-outline-danger {
+  --bs-btn-color: #dc3545;
+  --bs-btn-border-color: #dc3545;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #dc3545;
+  --bs-btn-hover-border-color: #dc3545;
+  --bs-btn-focus-shadow-rgb: 220, 53, 69;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #dc3545;
+  --bs-btn-active-border-color: #dc3545;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #dc3545;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #dc3545;
+  --bs-gradient: none;
+}
+
+.btn-outline-light {
+  --bs-btn-color: #f8f9fa;
+  --bs-btn-border-color: #f8f9fa;
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #f8f9fa;
+  --bs-btn-hover-border-color: #f8f9fa;
+  --bs-btn-focus-shadow-rgb: 248, 249, 250;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #f8f9fa;
+  --bs-btn-active-border-color: #f8f9fa;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #f8f9fa;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #f8f9fa;
+  --bs-gradient: none;
+}
+
+.btn-outline-dark {
+  --bs-btn-color: #212529;
+  --bs-btn-border-color: #212529;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #212529;
+  --bs-btn-hover-border-color: #212529;
+  --bs-btn-focus-shadow-rgb: 33, 37, 41;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #212529;
+  --bs-btn-active-border-color: #212529;
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #212529;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: #212529;
+  --bs-gradient: none;
+}
+
+.btn-link {
+  --bs-btn-font-weight: 400;
+  --bs-btn-color: var(--bs-link-color);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-hover-color: var(--bs-link-hover-color);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-active-color: var(--bs-link-hover-color);
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-disabled-color: #6c757d;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-box-shadow: 0 0 0 #000;
+  --bs-btn-focus-shadow-rgb: 49, 132, 253;
+  text-decoration: underline;
+}
+.btn-link:focus-visible {
+  color: var(--bs-btn-color);
+}
+.btn-link:hover {
+  color: var(--bs-btn-hover-color);
+}
+
+.btn-lg, .btn-group-lg > .btn {
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-padding-x: 1rem;
+  --bs-btn-font-size: 1.25rem;
+  --bs-btn-border-radius: var(--bs-border-radius-lg);
+}
+
+.btn-sm, .btn-group-sm > .btn {
+  --bs-btn-padding-y: 0.25rem;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-font-size: 0.875rem;
+  --bs-btn-border-radius: var(--bs-border-radius-sm);
+}
+
+.fade {
+  transition: opacity 0.15s linear;
+}
+@media (prefers-reduced-motion: reduce) {
+  .fade {
+    transition: none;
+  }
+}
+.fade:not(.show) {
+  opacity: 0;
+}
+
+.collapse:not(.show) {
+  display: none;
+}
+
+.collapsing {
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .collapsing {
+    transition: none;
+  }
+}
+.collapsing.collapse-horizontal {
+  width: 0;
+  height: auto;
+  transition: width 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .collapsing.collapse-horizontal {
+    transition: none;
+  }
+}
+
+.dropup,
+.dropend,
+.dropdown,
+.dropstart,
+.dropup-center,
+.dropdown-center {
+  position: relative;
+}
+
+.dropdown-toggle {
+  white-space: nowrap;
+}
+.dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0;
+  border-left: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropdown-menu {
+  --bs-dropdown-zindex: 1000;
+  --bs-dropdown-min-width: 10rem;
+  --bs-dropdown-padding-x: 0;
+  --bs-dropdown-padding-y: 0.5rem;
+  --bs-dropdown-spacer: 0.125rem;
+  --bs-dropdown-font-size: 1rem;
+  --bs-dropdown-color: var(--bs-body-color);
+  --bs-dropdown-bg: var(--bs-body-bg);
+  --bs-dropdown-border-color: var(--bs-border-color-translucent);
+  --bs-dropdown-border-radius: var(--bs-border-radius);
+  --bs-dropdown-border-width: var(--bs-border-width);
+  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
+  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
+  --bs-dropdown-divider-margin-y: 0.5rem;
+  --bs-dropdown-box-shadow: var(--bs-box-shadow);
+  --bs-dropdown-link-color: var(--bs-body-color);
+  --bs-dropdown-link-hover-color: var(--bs-body-color);
+  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
+  --bs-dropdown-link-active-color: #fff;
+  --bs-dropdown-link-active-bg: #0d6efd;
+  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
+  --bs-dropdown-item-padding-x: 1rem;
+  --bs-dropdown-item-padding-y: 0.25rem;
+  --bs-dropdown-header-color: #6c757d;
+  --bs-dropdown-header-padding-x: 1rem;
+  --bs-dropdown-header-padding-y: 0.5rem;
+  position: absolute;
+  z-index: var(--bs-dropdown-zindex);
+  display: none;
+  min-width: var(--bs-dropdown-min-width);
+  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
+  margin: 0;
+  font-size: var(--bs-dropdown-font-size);
+  color: var(--bs-dropdown-color);
+  text-align: left;
+  list-style: none;
+  background-color: var(--bs-dropdown-bg);
+  background-clip: padding-box;
+  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
+  border-radius: var(--bs-dropdown-border-radius);
+}
+.dropdown-menu[data-bs-popper] {
+  top: 100%;
+  left: 0;
+  margin-top: var(--bs-dropdown-spacer);
+}
+
+.dropdown-menu-start {
+  --bs-position: start;
+}
+.dropdown-menu-start[data-bs-popper] {
+  right: auto;
+  left: 0;
+}
+
+.dropdown-menu-end {
+  --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+  right: 0;
+  left: auto;
+}
+
+@media (min-width: 576px) {
+  .dropdown-menu-sm-start {
+    --bs-position: start;
+  }
+  .dropdown-menu-sm-start[data-bs-popper] {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-sm-end {
+    --bs-position: end;
+  }
+  .dropdown-menu-sm-end[data-bs-popper] {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 768px) {
+  .dropdown-menu-md-start {
+    --bs-position: start;
+  }
+  .dropdown-menu-md-start[data-bs-popper] {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-md-end {
+    --bs-position: end;
+  }
+  .dropdown-menu-md-end[data-bs-popper] {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 992px) {
+  .dropdown-menu-lg-start {
+    --bs-position: start;
+  }
+  .dropdown-menu-lg-start[data-bs-popper] {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-lg-end {
+    --bs-position: end;
+  }
+  .dropdown-menu-lg-end[data-bs-popper] {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .dropdown-menu-xl-start {
+    --bs-position: start;
+  }
+  .dropdown-menu-xl-start[data-bs-popper] {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-xl-end {
+    --bs-position: end;
+  }
+  .dropdown-menu-xl-end[data-bs-popper] {
+    right: 0;
+    left: auto;
+  }
+}
+@media (min-width: 1400px) {
+  .dropdown-menu-xxl-start {
+    --bs-position: start;
+  }
+  .dropdown-menu-xxl-start[data-bs-popper] {
+    right: auto;
+    left: 0;
+  }
+  .dropdown-menu-xxl-end {
+    --bs-position: end;
+  }
+  .dropdown-menu-xxl-end[data-bs-popper] {
+    right: 0;
+    left: auto;
+  }
+}
+.dropup .dropdown-menu[data-bs-popper] {
+  top: auto;
+  bottom: 100%;
+  margin-top: 0;
+  margin-bottom: var(--bs-dropdown-spacer);
+}
+.dropup .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0.3em solid;
+  border-left: 0.3em solid transparent;
+}
+.dropup .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropend .dropdown-menu[data-bs-popper] {
+  top: 0;
+  right: auto;
+  left: 100%;
+  margin-top: 0;
+  margin-left: var(--bs-dropdown-spacer);
+}
+.dropend .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid;
+}
+.dropend .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+.dropend .dropdown-toggle::after {
+  vertical-align: 0;
+}
+
+.dropstart .dropdown-menu[data-bs-popper] {
+  top: 0;
+  right: 100%;
+  left: auto;
+  margin-top: 0;
+  margin-right: var(--bs-dropdown-spacer);
+}
+.dropstart .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+}
+.dropstart .dropdown-toggle::after {
+  display: none;
+}
+.dropstart .dropdown-toggle::before {
+  display: inline-block;
+  margin-right: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0.3em solid;
+  border-bottom: 0.3em solid transparent;
+}
+.dropstart .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+.dropstart .dropdown-toggle::before {
+  vertical-align: 0;
+}
+
+.dropdown-divider {
+  height: 0;
+  margin: var(--bs-dropdown-divider-margin-y) 0;
+  overflow: hidden;
+  border-top: 1px solid var(--bs-dropdown-divider-bg);
+  opacity: 1;
+}
+
+.dropdown-item {
+  display: block;
+  width: 100%;
+  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
+  clear: both;
+  font-weight: 400;
+  color: var(--bs-dropdown-link-color);
+  text-align: inherit;
+  text-decoration: none;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 0;
+  border-radius: var(--bs-dropdown-item-border-radius, 0);
+}
+.dropdown-item:hover, .dropdown-item:focus {
+  color: var(--bs-dropdown-link-hover-color);
+  background-color: var(--bs-dropdown-link-hover-bg);
+}
+.dropdown-item.active, .dropdown-item:active {
+  color: var(--bs-dropdown-link-active-color);
+  text-decoration: none;
+  background-color: var(--bs-dropdown-link-active-bg);
+}
+.dropdown-item.disabled, .dropdown-item:disabled {
+  color: var(--bs-dropdown-link-disabled-color);
+  pointer-events: none;
+  background-color: transparent;
+}
+
+.dropdown-menu.show {
+  display: block;
+}
+
+.dropdown-header {
+  display: block;
+  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  color: var(--bs-dropdown-header-color);
+  white-space: nowrap;
+}
+
+.dropdown-item-text {
+  display: block;
+  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
+  color: var(--bs-dropdown-link-color);
+}
+
+.dropdown-menu-dark {
+  --bs-dropdown-color: #dee2e6;
+  --bs-dropdown-bg: #343a40;
+  --bs-dropdown-border-color: var(--bs-border-color-translucent);
+  --bs-dropdown-box-shadow: ;
+  --bs-dropdown-link-color: #dee2e6;
+  --bs-dropdown-link-hover-color: #fff;
+  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
+  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
+  --bs-dropdown-link-active-color: #fff;
+  --bs-dropdown-link-active-bg: #0d6efd;
+  --bs-dropdown-link-disabled-color: #adb5bd;
+  --bs-dropdown-header-color: #adb5bd;
+}
+
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  flex: 1 1 auto;
+}
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+  z-index: 1;
+}
+
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
+.btn-toolbar .input-group {
+  width: auto;
+}
+
+.btn-group {
+  border-radius: var(--bs-border-radius);
+}
+.btn-group > :not(.btn-check:first-child) + .btn,
+.btn-group > .btn-group:not(:first-child) {
+  margin-left: calc(var(--bs-border-width) * -1);
+}
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn.dropdown-toggle-split:first-child,
+.btn-group > .btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.btn-group > .btn:nth-child(n+3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.dropdown-toggle-split {
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem;
+}
+.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
+  margin-left: 0;
+}
+.dropstart .dropdown-toggle-split::before {
+  margin-right: 0;
+}
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+  padding-right: 0.375rem;
+  padding-left: 0.375rem;
+}
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+}
+
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+  width: 100%;
+}
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+  margin-top: calc(var(--bs-border-width) * -1);
+}
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.nav {
+  --bs-nav-link-padding-x: 1rem;
+  --bs-nav-link-padding-y: 0.5rem;
+  --bs-nav-link-font-weight: ;
+  --bs-nav-link-color: var(--bs-link-color);
+  --bs-nav-link-hover-color: var(--bs-link-hover-color);
+  --bs-nav-link-disabled-color: var(--bs-secondary-color);
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.nav-link {
+  display: block;
+  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
+  font-size: var(--bs-nav-link-font-size);
+  font-weight: var(--bs-nav-link-font-weight);
+  color: var(--bs-nav-link-color);
+  text-decoration: none;
+  background: none;
+  border: 0;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .nav-link {
+    transition: none;
+  }
+}
+.nav-link:hover, .nav-link:focus {
+  color: var(--bs-nav-link-hover-color);
+}
+.nav-link:focus-visible {
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+.nav-link.disabled, .nav-link:disabled {
+  color: var(--bs-nav-link-disabled-color);
+  pointer-events: none;
+  cursor: default;
+}
+
+.nav-tabs {
+  --bs-nav-tabs-border-width: var(--bs-border-width);
+  --bs-nav-tabs-border-color: var(--bs-border-color);
+  --bs-nav-tabs-border-radius: var(--bs-border-radius);
+  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
+  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
+  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
+  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
+  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
+}
+.nav-tabs .nav-link {
+  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
+  border: var(--bs-nav-tabs-border-width) solid transparent;
+  border-top-left-radius: var(--bs-nav-tabs-border-radius);
+  border-top-right-radius: var(--bs-nav-tabs-border-radius);
+}
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+  isolation: isolate;
+  border-color: var(--bs-nav-tabs-link-hover-border-color);
+}
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  color: var(--bs-nav-tabs-link-active-color);
+  background-color: var(--bs-nav-tabs-link-active-bg);
+  border-color: var(--bs-nav-tabs-link-active-border-color);
+}
+.nav-tabs .dropdown-menu {
+  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.nav-pills {
+  --bs-nav-pills-border-radius: var(--bs-border-radius);
+  --bs-nav-pills-link-active-color: #fff;
+  --bs-nav-pills-link-active-bg: #0d6efd;
+}
+.nav-pills .nav-link {
+  border-radius: var(--bs-nav-pills-border-radius);
+}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  color: var(--bs-nav-pills-link-active-color);
+  background-color: var(--bs-nav-pills-link-active-bg);
+}
+
+.nav-underline {
+  --bs-nav-underline-gap: 1rem;
+  --bs-nav-underline-border-width: 0.125rem;
+  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+  gap: var(--bs-nav-underline-gap);
+}
+.nav-underline .nav-link {
+  padding-right: 0;
+  padding-left: 0;
+  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
+}
+.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
+  border-bottom-color: currentcolor;
+}
+.nav-underline .nav-link.active,
+.nav-underline .show > .nav-link {
+  font-weight: 700;
+  color: var(--bs-nav-underline-link-active-color);
+  border-bottom-color: currentcolor;
+}
+
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+  flex: 1 1 auto;
+  text-align: center;
+}
+
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+  flex-basis: 0;
+  flex-grow: 1;
+  text-align: center;
+}
+
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+  width: 100%;
+}
+
+.tab-content > .tab-pane {
+  display: none;
+}
+.tab-content > .active {
+  display: block;
+}
+
+.navbar {
+  --bs-navbar-padding-x: 0;
+  --bs-navbar-padding-y: 0.5rem;
+  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
+  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
+  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
+  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
+  --bs-navbar-brand-padding-y: 0.3125rem;
+  --bs-navbar-brand-margin-end: 1rem;
+  --bs-navbar-brand-font-size: 1.25rem;
+  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
+  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
+  --bs-navbar-nav-link-padding-x: 0.5rem;
+  --bs-navbar-toggler-padding-y: 0.25rem;
+  --bs-navbar-toggler-padding-x: 0.75rem;
+  --bs-navbar-toggler-font-size: 1.25rem;
+  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
+  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
+  --bs-navbar-toggler-focus-width: 0.25rem;
+  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
+}
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+  display: flex;
+  flex-wrap: inherit;
+  align-items: center;
+  justify-content: space-between;
+}
+.navbar-brand {
+  padding-top: var(--bs-navbar-brand-padding-y);
+  padding-bottom: var(--bs-navbar-brand-padding-y);
+  margin-right: var(--bs-navbar-brand-margin-end);
+  font-size: var(--bs-navbar-brand-font-size);
+  color: var(--bs-navbar-brand-color);
+  text-decoration: none;
+  white-space: nowrap;
+}
+.navbar-brand:hover, .navbar-brand:focus {
+  color: var(--bs-navbar-brand-hover-color);
+}
+
+.navbar-nav {
+  --bs-nav-link-padding-x: 0;
+  --bs-nav-link-padding-y: 0.5rem;
+  --bs-nav-link-font-weight: ;
+  --bs-nav-link-color: var(--bs-navbar-color);
+  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
+  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
+  color: var(--bs-navbar-active-color);
+}
+.navbar-nav .dropdown-menu {
+  position: static;
+}
+
+.navbar-text {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-navbar-color);
+}
+.navbar-text a,
+.navbar-text a:hover,
+.navbar-text a:focus {
+  color: var(--bs-navbar-active-color);
+}
+
+.navbar-collapse {
+  flex-basis: 100%;
+  flex-grow: 1;
+  align-items: center;
+}
+
+.navbar-toggler {
+  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
+  font-size: var(--bs-navbar-toggler-font-size);
+  line-height: 1;
+  color: var(--bs-navbar-color);
+  background-color: transparent;
+  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
+  border-radius: var(--bs-navbar-toggler-border-radius);
+  transition: var(--bs-navbar-toggler-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .navbar-toggler {
+    transition: none;
+  }
+}
+.navbar-toggler:hover {
+  text-decoration: none;
+}
+.navbar-toggler:focus {
+  text-decoration: none;
+  outline: 0;
+  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
+}
+
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  background-image: var(--bs-navbar-toggler-icon-bg);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
+}
+
+.navbar-nav-scroll {
+  max-height: var(--bs-scroll-height, 75vh);
+  overflow-y: auto;
+}
+
+@media (min-width: 576px) {
+  .navbar-expand-sm {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-sm .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-sm .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-sm .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+  }
+  .navbar-expand-sm .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-sm .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-sm .navbar-toggler {
+    display: none;
+  }
+  .navbar-expand-sm .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    transition: none;
+  }
+  .navbar-expand-sm .offcanvas .offcanvas-header {
+    display: none;
+  }
+  .navbar-expand-sm .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-expand-md {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-md .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-md .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-md .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+  }
+  .navbar-expand-md .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-md .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-md .navbar-toggler {
+    display: none;
+  }
+  .navbar-expand-md .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    transition: none;
+  }
+  .navbar-expand-md .offcanvas .offcanvas-header {
+    display: none;
+  }
+  .navbar-expand-md .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+}
+@media (min-width: 992px) {
+  .navbar-expand-lg {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-lg .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-lg .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+  }
+  .navbar-expand-lg .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-lg .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-lg .navbar-toggler {
+    display: none;
+  }
+  .navbar-expand-lg .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    transition: none;
+  }
+  .navbar-expand-lg .offcanvas .offcanvas-header {
+    display: none;
+  }
+  .navbar-expand-lg .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+}
+@media (min-width: 1200px) {
+  .navbar-expand-xl {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-xl .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-xl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-xl .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+  }
+  .navbar-expand-xl .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-xl .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-xl .navbar-toggler {
+    display: none;
+  }
+  .navbar-expand-xl .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    transition: none;
+  }
+  .navbar-expand-xl .offcanvas .offcanvas-header {
+    display: none;
+  }
+  .navbar-expand-xl .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+}
+@media (min-width: 1400px) {
+  .navbar-expand-xxl {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+  .navbar-expand-xxl .navbar-nav {
+    flex-direction: row;
+  }
+  .navbar-expand-xxl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+  .navbar-expand-xxl .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
+  }
+  .navbar-expand-xxl .navbar-nav-scroll {
+    overflow: visible;
+  }
+  .navbar-expand-xxl .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+  .navbar-expand-xxl .navbar-toggler {
+    display: none;
+  }
+  .navbar-expand-xxl .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    transition: none;
+  }
+  .navbar-expand-xxl .offcanvas .offcanvas-header {
+    display: none;
+  }
+  .navbar-expand-xxl .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+}
+.navbar-expand {
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+}
+.navbar-expand .navbar-nav {
+  flex-direction: row;
+}
+.navbar-expand .navbar-nav .dropdown-menu {
+  position: absolute;
+}
+.navbar-expand .navbar-nav .nav-link {
+  padding-right: var(--bs-navbar-nav-link-padding-x);
+  padding-left: var(--bs-navbar-nav-link-padding-x);
+}
+.navbar-expand .navbar-nav-scroll {
+  overflow: visible;
+}
+.navbar-expand .navbar-collapse {
+  display: flex !important;
+  flex-basis: auto;
+}
+.navbar-expand .navbar-toggler {
+  display: none;
+}
+.navbar-expand .offcanvas {
+  position: static;
+  z-index: auto;
+  flex-grow: 1;
+  width: auto !important;
+  height: auto !important;
+  visibility: visible !important;
+  background-color: transparent !important;
+  border: 0 !important;
+  transform: none !important;
+  transition: none;
+}
+.navbar-expand .offcanvas .offcanvas-header {
+  display: none;
+}
+.navbar-expand .offcanvas .offcanvas-body {
+  display: flex;
+  flex-grow: 0;
+  padding: 0;
+  overflow-y: visible;
+}
+
+.navbar-dark,
+.navbar[data-bs-theme=dark] {
+  --bs-navbar-color: rgba(255, 255, 255, 0.55);
+  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
+  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
+  --bs-navbar-active-color: #fff;
+  --bs-navbar-brand-color: #fff;
+  --bs-navbar-brand-hover-color: #fff;
+  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
+  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+[data-bs-theme=dark] .navbar-toggler-icon {
+  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.card {
+  --bs-card-spacer-y: 1rem;
+  --bs-card-spacer-x: 1rem;
+  --bs-card-title-spacer-y: 0.5rem;
+  --bs-card-title-color: ;
+  --bs-card-subtitle-color: ;
+  --bs-card-border-width: var(--bs-border-width);
+  --bs-card-border-color: var(--bs-border-color-translucent);
+  --bs-card-border-radius: var(--bs-border-radius);
+  --bs-card-box-shadow: ;
+  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
+  --bs-card-cap-padding-y: 0.5rem;
+  --bs-card-cap-padding-x: 1rem;
+  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
+  --bs-card-cap-color: ;
+  --bs-card-height: ;
+  --bs-card-color: ;
+  --bs-card-bg: var(--bs-body-bg);
+  --bs-card-img-overlay-padding: 1rem;
+  --bs-card-group-margin: 0.75rem;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  height: var(--bs-card-height);
+  color: var(--bs-body-color);
+  word-wrap: break-word;
+  background-color: var(--bs-card-bg);
+  background-clip: border-box;
+  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
+  border-radius: var(--bs-card-border-radius);
+}
+.card > hr {
+  margin-right: 0;
+  margin-left: 0;
+}
+.card > .list-group {
+  border-top: inherit;
+  border-bottom: inherit;
+}
+.card > .list-group:first-child {
+  border-top-width: 0;
+  border-top-left-radius: var(--bs-card-inner-border-radius);
+  border-top-right-radius: var(--bs-card-inner-border-radius);
+}
+.card > .list-group:last-child {
+  border-bottom-width: 0;
+  border-bottom-right-radius: var(--bs-card-inner-border-radius);
+  border-bottom-left-radius: var(--bs-card-inner-border-radius);
+}
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+  border-top: 0;
+}
+
+.card-body {
+  flex: 1 1 auto;
+  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
+  color: var(--bs-card-color);
+}
+
+.card-title {
+  margin-bottom: var(--bs-card-title-spacer-y);
+  color: var(--bs-card-title-color);
+}
+
+.card-subtitle {
+  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
+  margin-bottom: 0;
+  color: var(--bs-card-subtitle-color);
+}
+
+.card-text:last-child {
+  margin-bottom: 0;
+}
+
+.card-link + .card-link {
+  margin-left: var(--bs-card-spacer-x);
+}
+
+.card-header {
+  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
+  margin-bottom: 0;
+  color: var(--bs-card-cap-color);
+  background-color: var(--bs-card-cap-bg);
+  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
+}
+.card-header:first-child {
+  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
+}
+
+.card-footer {
+  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
+  color: var(--bs-card-cap-color);
+  background-color: var(--bs-card-cap-bg);
+  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
+}
+.card-footer:last-child {
+  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
+}
+
+.card-header-tabs {
+  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
+  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
+  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
+  border-bottom: 0;
+}
+.card-header-tabs .nav-link.active {
+  background-color: var(--bs-card-bg);
+  border-bottom-color: var(--bs-card-bg);
+}
+
+.card-header-pills {
+  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
+  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
+}
+
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: var(--bs-card-img-overlay-padding);
+  border-radius: var(--bs-card-inner-border-radius);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+  width: 100%;
+}
+
+.card-img,
+.card-img-top {
+  border-top-left-radius: var(--bs-card-inner-border-radius);
+  border-top-right-radius: var(--bs-card-inner-border-radius);
+}
+
+.card-img,
+.card-img-bottom {
+  border-bottom-right-radius: var(--bs-card-inner-border-radius);
+  border-bottom-left-radius: var(--bs-card-inner-border-radius);
+}
+
+.card-group > .card {
+  margin-bottom: var(--bs-card-group-margin);
+}
+@media (min-width: 576px) {
+  .card-group {
+    display: flex;
+    flex-flow: row wrap;
+  }
+  .card-group > .card {
+    flex: 1 0 0%;
+    margin-bottom: 0;
+  }
+  .card-group > .card + .card {
+    margin-left: 0;
+    border-left: 0;
+  }
+  .card-group > .card:not(:last-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  .card-group > .card:not(:last-child) .card-img-top,
+  .card-group > .card:not(:last-child) .card-header {
+    border-top-right-radius: 0;
+  }
+  .card-group > .card:not(:last-child) .card-img-bottom,
+  .card-group > .card:not(:last-child) .card-footer {
+    border-bottom-right-radius: 0;
+  }
+  .card-group > .card:not(:first-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .card-group > .card:not(:first-child) .card-img-top,
+  .card-group > .card:not(:first-child) .card-header {
+    border-top-left-radius: 0;
+  }
+  .card-group > .card:not(:first-child) .card-img-bottom,
+  .card-group > .card:not(:first-child) .card-footer {
+    border-bottom-left-radius: 0;
+  }
+}
+
+.accordion {
+  --bs-accordion-color: var(--bs-body-color);
+  --bs-accordion-bg: var(--bs-body-bg);
+  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
+  --bs-accordion-border-color: var(--bs-border-color);
+  --bs-accordion-border-width: var(--bs-border-width);
+  --bs-accordion-border-radius: var(--bs-border-radius);
+  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
+  --bs-accordion-btn-padding-x: 1.25rem;
+  --bs-accordion-btn-padding-y: 1rem;
+  --bs-accordion-btn-color: var(--bs-body-color);
+  --bs-accordion-btn-bg: var(--bs-accordion-bg);
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon-width: 1.25rem;
+  --bs-accordion-btn-icon-transform: rotate(-180deg);
+  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  --bs-accordion-body-padding-x: 1.25rem;
+  --bs-accordion-body-padding-y: 1rem;
+  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
+  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
+}
+
+.accordion-button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
+  font-size: 1rem;
+  color: var(--bs-accordion-btn-color);
+  text-align: left;
+  background-color: var(--bs-accordion-btn-bg);
+  border: 0;
+  border-radius: 0;
+  overflow-anchor: none;
+  transition: var(--bs-accordion-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .accordion-button {
+    transition: none;
+  }
+}
+.accordion-button:not(.collapsed) {
+  color: var(--bs-accordion-active-color);
+  background-color: var(--bs-accordion-active-bg);
+  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
+}
+.accordion-button:not(.collapsed)::after {
+  background-image: var(--bs-accordion-btn-active-icon);
+  transform: var(--bs-accordion-btn-icon-transform);
+}
+.accordion-button::after {
+  flex-shrink: 0;
+  width: var(--bs-accordion-btn-icon-width);
+  height: var(--bs-accordion-btn-icon-width);
+  margin-left: auto;
+  content: "";
+  background-image: var(--bs-accordion-btn-icon);
+  background-repeat: no-repeat;
+  background-size: var(--bs-accordion-btn-icon-width);
+  transition: var(--bs-accordion-btn-icon-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .accordion-button::after {
+    transition: none;
+  }
+}
+.accordion-button:hover {
+  z-index: 2;
+}
+.accordion-button:focus {
+  z-index: 3;
+  outline: 0;
+  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
+}
+
+.accordion-header {
+  margin-bottom: 0;
+}
+
+.accordion-item {
+  color: var(--bs-accordion-color);
+  background-color: var(--bs-accordion-bg);
+  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
+}
+.accordion-item:first-of-type {
+  border-top-left-radius: var(--bs-accordion-border-radius);
+  border-top-right-radius: var(--bs-accordion-border-radius);
+}
+.accordion-item:first-of-type > .accordion-header .accordion-button {
+  border-top-left-radius: var(--bs-accordion-inner-border-radius);
+  border-top-right-radius: var(--bs-accordion-inner-border-radius);
+}
+.accordion-item:not(:first-of-type) {
+  border-top: 0;
+}
+.accordion-item:last-of-type {
+  border-bottom-right-radius: var(--bs-accordion-border-radius);
+  border-bottom-left-radius: var(--bs-accordion-border-radius);
+}
+.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
+  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
+  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
+}
+.accordion-item:last-of-type > .accordion-collapse {
+  border-bottom-right-radius: var(--bs-accordion-border-radius);
+  border-bottom-left-radius: var(--bs-accordion-border-radius);
+}
+
+.accordion-body {
+  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
+}
+
+.accordion-flush > .accordion-item {
+  border-right: 0;
+  border-left: 0;
+  border-radius: 0;
+}
+.accordion-flush > .accordion-item:first-child {
+  border-top: 0;
+}
+.accordion-flush > .accordion-item:last-child {
+  border-bottom: 0;
+}
+.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
+  border-radius: 0;
+}
+.accordion-flush > .accordion-item > .accordion-collapse {
+  border-radius: 0;
+}
+
+[data-bs-theme=dark] .accordion-button::after {
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
+.breadcrumb {
+  --bs-breadcrumb-padding-x: 0;
+  --bs-breadcrumb-padding-y: 0;
+  --bs-breadcrumb-margin-bottom: 1rem;
+  --bs-breadcrumb-bg: ;
+  --bs-breadcrumb-border-radius: ;
+  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
+  --bs-breadcrumb-item-padding-x: 0.5rem;
+  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
+  display: flex;
+  flex-wrap: wrap;
+  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
+  margin-bottom: var(--bs-breadcrumb-margin-bottom);
+  font-size: var(--bs-breadcrumb-font-size);
+  list-style: none;
+  background-color: var(--bs-breadcrumb-bg);
+  border-radius: var(--bs-breadcrumb-border-radius);
+}
+
+.breadcrumb-item + .breadcrumb-item {
+  padding-left: var(--bs-breadcrumb-item-padding-x);
+}
+.breadcrumb-item + .breadcrumb-item::before {
+  float: left;
+  padding-right: var(--bs-breadcrumb-item-padding-x);
+  color: var(--bs-breadcrumb-divider-color);
+  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
+}
+.breadcrumb-item.active {
+  color: var(--bs-breadcrumb-item-active-color);
+}
+
+.pagination {
+  --bs-pagination-padding-x: 0.75rem;
+  --bs-pagination-padding-y: 0.375rem;
+  --bs-pagination-font-size: 1rem;
+  --bs-pagination-color: var(--bs-link-color);
+  --bs-pagination-bg: var(--bs-body-bg);
+  --bs-pagination-border-width: var(--bs-border-width);
+  --bs-pagination-border-color: var(--bs-border-color);
+  --bs-pagination-border-radius: var(--bs-border-radius);
+  --bs-pagination-hover-color: var(--bs-link-hover-color);
+  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
+  --bs-pagination-hover-border-color: var(--bs-border-color);
+  --bs-pagination-focus-color: var(--bs-link-hover-color);
+  --bs-pagination-focus-bg: var(--bs-secondary-bg);
+  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  --bs-pagination-active-color: #fff;
+  --bs-pagination-active-bg: #0d6efd;
+  --bs-pagination-active-border-color: #0d6efd;
+  --bs-pagination-disabled-color: var(--bs-secondary-color);
+  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
+  --bs-pagination-disabled-border-color: var(--bs-border-color);
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+}
+
+.page-link {
+  position: relative;
+  display: block;
+  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
+  font-size: var(--bs-pagination-font-size);
+  color: var(--bs-pagination-color);
+  text-decoration: none;
+  background-color: var(--bs-pagination-bg);
+  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .page-link {
+    transition: none;
+  }
+}
+.page-link:hover {
+  z-index: 2;
+  color: var(--bs-pagination-hover-color);
+  background-color: var(--bs-pagination-hover-bg);
+  border-color: var(--bs-pagination-hover-border-color);
+}
+.page-link:focus {
+  z-index: 3;
+  color: var(--bs-pagination-focus-color);
+  background-color: var(--bs-pagination-focus-bg);
+  outline: 0;
+  box-shadow: var(--bs-pagination-focus-box-shadow);
+}
+.page-link.active, .active > .page-link {
+  z-index: 3;
+  color: var(--bs-pagination-active-color);
+  background-color: var(--bs-pagination-active-bg);
+  border-color: var(--bs-pagination-active-border-color);
+}
+.page-link.disabled, .disabled > .page-link {
+  color: var(--bs-pagination-disabled-color);
+  pointer-events: none;
+  background-color: var(--bs-pagination-disabled-bg);
+  border-color: var(--bs-pagination-disabled-border-color);
+}
+
+.page-item:not(:first-child) .page-link {
+  margin-left: calc(var(--bs-border-width) * -1);
+}
+.page-item:first-child .page-link {
+  border-top-left-radius: var(--bs-pagination-border-radius);
+  border-bottom-left-radius: var(--bs-pagination-border-radius);
+}
+.page-item:last-child .page-link {
+  border-top-right-radius: var(--bs-pagination-border-radius);
+  border-bottom-right-radius: var(--bs-pagination-border-radius);
+}
+
+.pagination-lg {
+  --bs-pagination-padding-x: 1.5rem;
+  --bs-pagination-padding-y: 0.75rem;
+  --bs-pagination-font-size: 1.25rem;
+  --bs-pagination-border-radius: var(--bs-border-radius-lg);
+}
+
+.pagination-sm {
+  --bs-pagination-padding-x: 0.5rem;
+  --bs-pagination-padding-y: 0.25rem;
+  --bs-pagination-font-size: 0.875rem;
+  --bs-pagination-border-radius: var(--bs-border-radius-sm);
+}
+
+.badge {
+  --bs-badge-padding-x: 0.65em;
+  --bs-badge-padding-y: 0.35em;
+  --bs-badge-font-size: 0.75em;
+  --bs-badge-font-weight: 700;
+  --bs-badge-color: #fff;
+  --bs-badge-border-radius: var(--bs-border-radius);
+  display: inline-block;
+  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
+  font-size: var(--bs-badge-font-size);
+  font-weight: var(--bs-badge-font-weight);
+  line-height: 1;
+  color: var(--bs-badge-color);
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: var(--bs-badge-border-radius);
+}
+.badge:empty {
+  display: none;
+}
+
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+.alert {
+  --bs-alert-bg: transparent;
+  --bs-alert-padding-x: 1rem;
+  --bs-alert-padding-y: 1rem;
+  --bs-alert-margin-bottom: 1rem;
+  --bs-alert-color: inherit;
+  --bs-alert-border-color: transparent;
+  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
+  --bs-alert-border-radius: var(--bs-border-radius);
+  --bs-alert-link-color: inherit;
+  position: relative;
+  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
+  margin-bottom: var(--bs-alert-margin-bottom);
+  color: var(--bs-alert-color);
+  background-color: var(--bs-alert-bg);
+  border: var(--bs-alert-border);
+  border-radius: var(--bs-alert-border-radius);
+}
+
+.alert-heading {
+  color: inherit;
+}
+
+.alert-link {
+  font-weight: 700;
+  color: var(--bs-alert-link-color);
+}
+
+.alert-dismissible {
+  padding-right: 3rem;
+}
+.alert-dismissible .btn-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  padding: 1.25rem 1rem;
+}
+
+.alert-primary {
+  --bs-alert-color: var(--bs-primary-text-emphasis);
+  --bs-alert-bg: var(--bs-primary-bg-subtle);
+  --bs-alert-border-color: var(--bs-primary-border-subtle);
+  --bs-alert-link-color: var(--bs-primary-text-emphasis);
+}
+
+.alert-secondary {
+  --bs-alert-color: var(--bs-secondary-text-emphasis);
+  --bs-alert-bg: var(--bs-secondary-bg-subtle);
+  --bs-alert-border-color: var(--bs-secondary-border-subtle);
+  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
+}
+
+.alert-success {
+  --bs-alert-color: var(--bs-success-text-emphasis);
+  --bs-alert-bg: var(--bs-success-bg-subtle);
+  --bs-alert-border-color: var(--bs-success-border-subtle);
+  --bs-alert-link-color: var(--bs-success-text-emphasis);
+}
+
+.alert-info {
+  --bs-alert-color: var(--bs-info-text-emphasis);
+  --bs-alert-bg: var(--bs-info-bg-subtle);
+  --bs-alert-border-color: var(--bs-info-border-subtle);
+  --bs-alert-link-color: var(--bs-info-text-emphasis);
+}
+
+.alert-warning {
+  --bs-alert-color: var(--bs-warning-text-emphasis);
+  --bs-alert-bg: var(--bs-warning-bg-subtle);
+  --bs-alert-border-color: var(--bs-warning-border-subtle);
+  --bs-alert-link-color: var(--bs-warning-text-emphasis);
+}
+
+.alert-danger {
+  --bs-alert-color: var(--bs-danger-text-emphasis);
+  --bs-alert-bg: var(--bs-danger-bg-subtle);
+  --bs-alert-border-color: var(--bs-danger-border-subtle);
+  --bs-alert-link-color: var(--bs-danger-text-emphasis);
+}
+
+.alert-light {
+  --bs-alert-color: var(--bs-light-text-emphasis);
+  --bs-alert-bg: var(--bs-light-bg-subtle);
+  --bs-alert-border-color: var(--bs-light-border-subtle);
+  --bs-alert-link-color: var(--bs-light-text-emphasis);
+}
+
+.alert-dark {
+  --bs-alert-color: var(--bs-dark-text-emphasis);
+  --bs-alert-bg: var(--bs-dark-bg-subtle);
+  --bs-alert-border-color: var(--bs-dark-border-subtle);
+  --bs-alert-link-color: var(--bs-dark-text-emphasis);
+}
+
+@keyframes progress-bar-stripes {
+  0% {
+    background-position-x: 1rem;
+  }
+}
+.progress,
+.progress-stacked {
+  --bs-progress-height: 1rem;
+  --bs-progress-font-size: 0.75rem;
+  --bs-progress-bg: var(--bs-secondary-bg);
+  --bs-progress-border-radius: var(--bs-border-radius);
+  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
+  --bs-progress-bar-color: #fff;
+  --bs-progress-bar-bg: #0d6efd;
+  --bs-progress-bar-transition: width 0.6s ease;
+  display: flex;
+  height: var(--bs-progress-height);
+  overflow: hidden;
+  font-size: var(--bs-progress-font-size);
+  background-color: var(--bs-progress-bg);
+  border-radius: var(--bs-progress-border-radius);
+}
+
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  color: var(--bs-progress-bar-color);
+  text-align: center;
+  white-space: nowrap;
+  background-color: var(--bs-progress-bar-bg);
+  transition: var(--bs-progress-bar-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar {
+    transition: none;
+  }
+}
+
+.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: var(--bs-progress-height) var(--bs-progress-height);
+}
+
+.progress-stacked > .progress {
+  overflow: visible;
+}
+
+.progress-stacked > .progress > .progress-bar {
+  width: 100%;
+}
+
+.progress-bar-animated {
+  animation: 1s linear infinite progress-bar-stripes;
+}
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar-animated {
+    animation: none;
+  }
+}
+
+.list-group {
+  --bs-list-group-color: var(--bs-body-color);
+  --bs-list-group-bg: var(--bs-body-bg);
+  --bs-list-group-border-color: var(--bs-border-color);
+  --bs-list-group-border-width: var(--bs-border-width);
+  --bs-list-group-border-radius: var(--bs-border-radius);
+  --bs-list-group-item-padding-x: 1rem;
+  --bs-list-group-item-padding-y: 0.5rem;
+  --bs-list-group-action-color: var(--bs-secondary-color);
+  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
+  --bs-list-group-action-active-color: var(--bs-body-color);
+  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
+  --bs-list-group-disabled-color: var(--bs-secondary-color);
+  --bs-list-group-disabled-bg: var(--bs-body-bg);
+  --bs-list-group-active-color: #fff;
+  --bs-list-group-active-bg: #0d6efd;
+  --bs-list-group-active-border-color: #0d6efd;
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  border-radius: var(--bs-list-group-border-radius);
+}
+
+.list-group-numbered {
+  list-style-type: none;
+  counter-reset: section;
+}
+.list-group-numbered > .list-group-item::before {
+  content: counters(section, ".") ". ";
+  counter-increment: section;
+}
+
+.list-group-item-action {
+  width: 100%;
+  color: var(--bs-list-group-action-color);
+  text-align: inherit;
+}
+.list-group-item-action:hover, .list-group-item-action:focus {
+  z-index: 1;
+  color: var(--bs-list-group-action-hover-color);
+  text-decoration: none;
+  background-color: var(--bs-list-group-action-hover-bg);
+}
+.list-group-item-action:active {
+  color: var(--bs-list-group-action-active-color);
+  background-color: var(--bs-list-group-action-active-bg);
+}
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
+  color: var(--bs-list-group-color);
+  text-decoration: none;
+  background-color: var(--bs-list-group-bg);
+  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
+}
+.list-group-item:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+.list-group-item:last-child {
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+.list-group-item.disabled, .list-group-item:disabled {
+  color: var(--bs-list-group-disabled-color);
+  pointer-events: none;
+  background-color: var(--bs-list-group-disabled-bg);
+}
+.list-group-item.active {
+  z-index: 2;
+  color: var(--bs-list-group-active-color);
+  background-color: var(--bs-list-group-active-bg);
+  border-color: var(--bs-list-group-active-border-color);
+}
+.list-group-item + .list-group-item {
+  border-top-width: 0;
+}
+.list-group-item + .list-group-item.active {
+  margin-top: calc(-1 * var(--bs-list-group-border-width));
+  border-top-width: var(--bs-list-group-border-width);
+}
+
+.list-group-horizontal {
+  flex-direction: row;
+}
+.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
+  border-bottom-left-radius: var(--bs-list-group-border-radius);
+  border-top-right-radius: 0;
+}
+.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
+  border-top-right-radius: var(--bs-list-group-border-radius);
+  border-bottom-left-radius: 0;
+}
+.list-group-horizontal > .list-group-item.active {
+  margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+  border-top-width: var(--bs-list-group-border-width);
+  border-left-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+  margin-left: calc(-1 * var(--bs-list-group-border-width));
+  border-left-width: var(--bs-list-group-border-width);
+}
+
+@media (min-width: 576px) {
+  .list-group-horizontal-sm {
+    flex-direction: row;
+  }
+  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item + .list-group-item {
+    border-top-width: var(--bs-list-group-border-width);
+    border-left-width: 0;
+  }
+  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+    margin-left: calc(-1 * var(--bs-list-group-border-width));
+    border-left-width: var(--bs-list-group-border-width);
+  }
+}
+@media (min-width: 768px) {
+  .list-group-horizontal-md {
+    flex-direction: row;
+  }
+  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-md > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-md > .list-group-item + .list-group-item {
+    border-top-width: var(--bs-list-group-border-width);
+    border-left-width: 0;
+  }
+  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+    margin-left: calc(-1 * var(--bs-list-group-border-width));
+    border-left-width: var(--bs-list-group-border-width);
+  }
+}
+@media (min-width: 992px) {
+  .list-group-horizontal-lg {
+    flex-direction: row;
+  }
+  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item + .list-group-item {
+    border-top-width: var(--bs-list-group-border-width);
+    border-left-width: 0;
+  }
+  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+    margin-left: calc(-1 * var(--bs-list-group-border-width));
+    border-left-width: var(--bs-list-group-border-width);
+  }
+}
+@media (min-width: 1200px) {
+  .list-group-horizontal-xl {
+    flex-direction: row;
+  }
+  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item + .list-group-item {
+    border-top-width: var(--bs-list-group-border-width);
+    border-left-width: 0;
+  }
+  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+    margin-left: calc(-1 * var(--bs-list-group-border-width));
+    border-left-width: var(--bs-list-group-border-width);
+  }
+}
+@media (min-width: 1400px) {
+  .list-group-horizontal-xxl {
+    flex-direction: row;
+  }
+  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0;
+  }
+  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    border-bottom-left-radius: 0;
+  }
+  .list-group-horizontal-xxl > .list-group-item.active {
+    margin-top: 0;
+  }
+  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+    border-top-width: var(--bs-list-group-border-width);
+    border-left-width: 0;
+  }
+  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+    margin-left: calc(-1 * var(--bs-list-group-border-width));
+    border-left-width: var(--bs-list-group-border-width);
+  }
+}
+.list-group-flush {
+  border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+  border-width: 0 0 var(--bs-list-group-border-width);
+}
+.list-group-flush > .list-group-item:last-child {
+  border-bottom-width: 0;
+}
+
+.list-group-item-primary {
+  --bs-list-group-color: var(--bs-primary-text-emphasis);
+  --bs-list-group-bg: var(--bs-primary-bg-subtle);
+  --bs-list-group-border-color: var(--bs-primary-border-subtle);
+  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
+  --bs-list-group-action-active-color: var(--bs-emphasis-color);
+  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
+  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
+  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
+  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
+}
+
+.list-group-item-secondary {
+  --bs-list-group-color: var(--bs-secondary-text-emphasis);
+  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
+  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
+  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
+  --bs-list-group-action-active-color: var(--bs-emphasis-color);
+  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
+  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
+  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
+  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
+}
+
+.list-group-item-success {
+  --bs-list-group-color: var(--bs-success-text-emphasis);
+  --bs-list-group-bg: var(--bs-success-bg-subtle);
+  --bs-list-group-border-color: var(--bs-success-border-subtle);
+  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
+  --bs-list-group-action-active-color: var(--bs-emphasis-color);
+  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
+  --bs-list-group-active-color: var(--bs-success-bg-subtle);
+  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
+  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
+}
+
+.list-group-item-info {
+  --bs-list-group-color: var(--bs-info-text-emphasis);
+  --bs-list-group-bg: var(--bs-info-bg-subtle);
+  --bs-list-group-border-color: var(--bs-info-border-subtle);
+  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
+  --bs-list-group-action-active-color: var(--bs-emphasis-color);
+  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
+  --bs-list-group-active-color: var(--bs-info-bg-subtle);
+  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
+  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
+}
+
+.list-group-item-warning {
+  --bs-list-group-color: var(--bs-warning-text-emphasis);
+  --bs-list-group-bg: var(--bs-warning-bg-subtle);
+  --bs-list-group-border-color: var(--bs-warning-border-subtle);
+  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
+  --bs-list-group-action-active-color: var(--bs-emphasis-color);
+  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
+  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
+  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
+  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
+}
+
+.list-group-item-danger {
+  --bs-list-group-color: var(--bs-danger-text-emphasis);
+  --bs-list-group-bg: var(--bs-danger-bg-subtle);
+  --bs-list-group-border-color: var(--bs-danger-border-subtle);
+  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
+  --bs-list-group-action-active-color: var(--bs-emphasis-color);
+  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
+  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
+  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
+  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
+}
+
+.list-group-item-light {
+  --bs-list-group-color: var(--bs-light-text-emphasis);
+  --bs-list-group-bg: var(--bs-light-bg-subtle);
+  --bs-list-group-border-color: var(--bs-light-border-subtle);
+  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
+  --bs-list-group-action-active-color: var(--bs-emphasis-color);
+  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
+  --bs-list-group-active-color: var(--bs-light-bg-subtle);
+  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
+  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
+}
+
+.list-group-item-dark {
+  --bs-list-group-color: var(--bs-dark-text-emphasis);
+  --bs-list-group-bg: var(--bs-dark-bg-subtle);
+  --bs-list-group-border-color: var(--bs-dark-border-subtle);
+  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
+  --bs-list-group-action-active-color: var(--bs-emphasis-color);
+  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
+  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
+  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
+  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
+}
+
+.btn-close {
+  --bs-btn-close-color: #000;
+  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+  --bs-btn-close-opacity: 0.5;
+  --bs-btn-close-hover-opacity: 0.75;
+  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  --bs-btn-close-focus-opacity: 1;
+  --bs-btn-close-disabled-opacity: 0.25;
+  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
+  box-sizing: content-box;
+  width: 1em;
+  height: 1em;
+  padding: 0.25em 0.25em;
+  color: var(--bs-btn-close-color);
+  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
+  border: 0;
+  border-radius: 0.375rem;
+  opacity: var(--bs-btn-close-opacity);
+}
+.btn-close:hover {
+  color: var(--bs-btn-close-color);
+  text-decoration: none;
+  opacity: var(--bs-btn-close-hover-opacity);
+}
+.btn-close:focus {
+  outline: 0;
+  box-shadow: var(--bs-btn-close-focus-shadow);
+  opacity: var(--bs-btn-close-focus-opacity);
+}
+.btn-close:disabled, .btn-close.disabled {
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  opacity: var(--bs-btn-close-disabled-opacity);
+}
+
+.btn-close-white {
+  filter: var(--bs-btn-close-white-filter);
+}
+
+[data-bs-theme=dark] .btn-close {
+  filter: var(--bs-btn-close-white-filter);
+}
+
+.toast {
+  --bs-toast-zindex: 1090;
+  --bs-toast-padding-x: 0.75rem;
+  --bs-toast-padding-y: 0.5rem;
+  --bs-toast-spacing: 1.5rem;
+  --bs-toast-max-width: 350px;
+  --bs-toast-font-size: 0.875rem;
+  --bs-toast-color: ;
+  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
+  --bs-toast-border-width: var(--bs-border-width);
+  --bs-toast-border-color: var(--bs-border-color-translucent);
+  --bs-toast-border-radius: var(--bs-border-radius);
+  --bs-toast-box-shadow: var(--bs-box-shadow);
+  --bs-toast-header-color: var(--bs-secondary-color);
+  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
+  --bs-toast-header-border-color: var(--bs-border-color-translucent);
+  width: var(--bs-toast-max-width);
+  max-width: 100%;
+  font-size: var(--bs-toast-font-size);
+  color: var(--bs-toast-color);
+  pointer-events: auto;
+  background-color: var(--bs-toast-bg);
+  background-clip: padding-box;
+  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
+  box-shadow: var(--bs-toast-box-shadow);
+  border-radius: var(--bs-toast-border-radius);
+}
+.toast.showing {
+  opacity: 0;
+}
+.toast:not(.show) {
+  display: none;
+}
+
+.toast-container {
+  --bs-toast-zindex: 1090;
+  position: absolute;
+  z-index: var(--bs-toast-zindex);
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 100%;
+  pointer-events: none;
+}
+.toast-container > :not(:last-child) {
+  margin-bottom: var(--bs-toast-spacing);
+}
+
+.toast-header {
+  display: flex;
+  align-items: center;
+  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
+  color: var(--bs-toast-header-color);
+  background-color: var(--bs-toast-header-bg);
+  background-clip: padding-box;
+  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
+  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
+  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
+}
+.toast-header .btn-close {
+  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
+  margin-left: var(--bs-toast-padding-x);
+}
+
+.toast-body {
+  padding: var(--bs-toast-padding-x);
+  word-wrap: break-word;
+}
+
+.modal {
+  --bs-modal-zindex: 1055;
+  --bs-modal-width: 500px;
+  --bs-modal-padding: 1rem;
+  --bs-modal-margin: 0.5rem;
+  --bs-modal-color: ;
+  --bs-modal-bg: var(--bs-body-bg);
+  --bs-modal-border-color: var(--bs-border-color-translucent);
+  --bs-modal-border-width: var(--bs-border-width);
+  --bs-modal-border-radius: var(--bs-border-radius-lg);
+  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
+  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
+  --bs-modal-header-padding-x: 1rem;
+  --bs-modal-header-padding-y: 1rem;
+  --bs-modal-header-padding: 1rem 1rem;
+  --bs-modal-header-border-color: var(--bs-border-color);
+  --bs-modal-header-border-width: var(--bs-border-width);
+  --bs-modal-title-line-height: 1.5;
+  --bs-modal-footer-gap: 0.5rem;
+  --bs-modal-footer-bg: ;
+  --bs-modal-footer-border-color: var(--bs-border-color);
+  --bs-modal-footer-border-width: var(--bs-border-width);
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: var(--bs-modal-zindex);
+  display: none;
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  outline: 0;
+}
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: var(--bs-modal-margin);
+  pointer-events: none;
+}
+.modal.fade .modal-dialog {
+  transition: transform 0.3s ease-out;
+  transform: translate(0, -50px);
+}
+@media (prefers-reduced-motion: reduce) {
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+}
+.modal.show .modal-dialog {
+  transform: none;
+}
+.modal.modal-static .modal-dialog {
+  transform: scale(1.02);
+}
+
+.modal-dialog-scrollable {
+  height: calc(100% - var(--bs-modal-margin) * 2);
+}
+.modal-dialog-scrollable .modal-content {
+  max-height: 100%;
+  overflow: hidden;
+}
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
+}
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - var(--bs-modal-margin) * 2);
+}
+
+.modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  color: var(--bs-modal-color);
+  pointer-events: auto;
+  background-color: var(--bs-modal-bg);
+  background-clip: padding-box;
+  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
+  border-radius: var(--bs-modal-border-radius);
+  outline: 0;
+}
+
+.modal-backdrop {
+  --bs-backdrop-zindex: 1050;
+  --bs-backdrop-bg: #000;
+  --bs-backdrop-opacity: 0.5;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: var(--bs-backdrop-zindex);
+  width: 100vw;
+  height: 100vh;
+  background-color: var(--bs-backdrop-bg);
+}
+.modal-backdrop.fade {
+  opacity: 0;
+}
+.modal-backdrop.show {
+  opacity: var(--bs-backdrop-opacity);
+}
+
+.modal-header {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  padding: var(--bs-modal-header-padding);
+  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
+  border-top-left-radius: var(--bs-modal-inner-border-radius);
+  border-top-right-radius: var(--bs-modal-inner-border-radius);
+}
+.modal-header .btn-close {
+  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
+  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
+}
+
+.modal-title {
+  margin-bottom: 0;
+  line-height: var(--bs-modal-title-line-height);
+}
+
+.modal-body {
+  position: relative;
+  flex: 1 1 auto;
+  padding: var(--bs-modal-padding);
+}
+
+.modal-footer {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
+  background-color: var(--bs-modal-footer-bg);
+  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
+  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
+  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
+}
+.modal-footer > * {
+  margin: calc(var(--bs-modal-footer-gap) * 0.5);
+}
+
+@media (min-width: 576px) {
+  .modal {
+    --bs-modal-margin: 1.75rem;
+    --bs-modal-box-shadow: var(--bs-box-shadow);
+  }
+  .modal-dialog {
+    max-width: var(--bs-modal-width);
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .modal-sm {
+    --bs-modal-width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .modal-lg,
+  .modal-xl {
+    --bs-modal-width: 800px;
+  }
+}
+@media (min-width: 1200px) {
+  .modal-xl {
+    --bs-modal-width: 1140px;
+  }
+}
+.modal-fullscreen {
+  width: 100vw;
+  max-width: none;
+  height: 100%;
+  margin: 0;
+}
+.modal-fullscreen .modal-content {
+  height: 100%;
+  border: 0;
+  border-radius: 0;
+}
+.modal-fullscreen .modal-header,
+.modal-fullscreen .modal-footer {
+  border-radius: 0;
+}
+.modal-fullscreen .modal-body {
+  overflow-y: auto;
+}
+
+@media (max-width: 575.98px) {
+  .modal-fullscreen-sm-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+  .modal-fullscreen-sm-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+  .modal-fullscreen-sm-down .modal-header,
+  .modal-fullscreen-sm-down .modal-footer {
+    border-radius: 0;
+  }
+  .modal-fullscreen-sm-down .modal-body {
+    overflow-y: auto;
+  }
+}
+@media (max-width: 767.98px) {
+  .modal-fullscreen-md-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+  .modal-fullscreen-md-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+  .modal-fullscreen-md-down .modal-header,
+  .modal-fullscreen-md-down .modal-footer {
+    border-radius: 0;
+  }
+  .modal-fullscreen-md-down .modal-body {
+    overflow-y: auto;
+  }
+}
+@media (max-width: 991.98px) {
+  .modal-fullscreen-lg-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+  .modal-fullscreen-lg-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+  .modal-fullscreen-lg-down .modal-header,
+  .modal-fullscreen-lg-down .modal-footer {
+    border-radius: 0;
+  }
+  .modal-fullscreen-lg-down .modal-body {
+    overflow-y: auto;
+  }
+}
+@media (max-width: 1199.98px) {
+  .modal-fullscreen-xl-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+  .modal-fullscreen-xl-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+  .modal-fullscreen-xl-down .modal-header,
+  .modal-fullscreen-xl-down .modal-footer {
+    border-radius: 0;
+  }
+  .modal-fullscreen-xl-down .modal-body {
+    overflow-y: auto;
+  }
+}
+@media (max-width: 1399.98px) {
+  .modal-fullscreen-xxl-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+  .modal-fullscreen-xxl-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+  .modal-fullscreen-xxl-down .modal-header,
+  .modal-fullscreen-xxl-down .modal-footer {
+    border-radius: 0;
+  }
+  .modal-fullscreen-xxl-down .modal-body {
+    overflow-y: auto;
+  }
+}
+.tooltip {
+  --bs-tooltip-zindex: 1080;
+  --bs-tooltip-max-width: 200px;
+  --bs-tooltip-padding-x: 0.5rem;
+  --bs-tooltip-padding-y: 0.25rem;
+  --bs-tooltip-margin: ;
+  --bs-tooltip-font-size: 0.875rem;
+  --bs-tooltip-color: var(--bs-body-bg);
+  --bs-tooltip-bg: var(--bs-emphasis-color);
+  --bs-tooltip-border-radius: var(--bs-border-radius);
+  --bs-tooltip-opacity: 0.9;
+  --bs-tooltip-arrow-width: 0.8rem;
+  --bs-tooltip-arrow-height: 0.4rem;
+  z-index: var(--bs-tooltip-zindex);
+  display: block;
+  margin: var(--bs-tooltip-margin);
+  font-family: var(--bs-font-sans-serif);
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  white-space: normal;
+  word-spacing: normal;
+  line-break: auto;
+  font-size: var(--bs-tooltip-font-size);
+  word-wrap: break-word;
+  opacity: 0;
+}
+.tooltip.show {
+  opacity: var(--bs-tooltip-opacity);
+}
+.tooltip .tooltip-arrow {
+  display: block;
+  width: var(--bs-tooltip-arrow-width);
+  height: var(--bs-tooltip-arrow-height);
+}
+.tooltip .tooltip-arrow::before {
+  position: absolute;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+
+.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
+  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
+}
+.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
+  top: -1px;
+  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
+  border-top-color: var(--bs-tooltip-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
+  left: calc(-1 * var(--bs-tooltip-arrow-height));
+  width: var(--bs-tooltip-arrow-height);
+  height: var(--bs-tooltip-arrow-width);
+}
+.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+  right: -1px;
+  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
+  border-right-color: var(--bs-tooltip-bg);
+}
+
+/* rtl:end:ignore */
+.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
+  top: calc(-1 * var(--bs-tooltip-arrow-height));
+}
+.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
+  bottom: -1px;
+  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
+  border-bottom-color: var(--bs-tooltip-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
+  right: calc(-1 * var(--bs-tooltip-arrow-height));
+  width: var(--bs-tooltip-arrow-height);
+  height: var(--bs-tooltip-arrow-width);
+}
+.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
+  left: -1px;
+  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
+  border-left-color: var(--bs-tooltip-bg);
+}
+
+/* rtl:end:ignore */
+.tooltip-inner {
+  max-width: var(--bs-tooltip-max-width);
+  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
+  color: var(--bs-tooltip-color);
+  text-align: center;
+  background-color: var(--bs-tooltip-bg);
+  border-radius: var(--bs-tooltip-border-radius);
+}
+
+.popover {
+  --bs-popover-zindex: 1070;
+  --bs-popover-max-width: 276px;
+  --bs-popover-font-size: 0.875rem;
+  --bs-popover-bg: var(--bs-body-bg);
+  --bs-popover-border-width: var(--bs-border-width);
+  --bs-popover-border-color: var(--bs-border-color-translucent);
+  --bs-popover-border-radius: var(--bs-border-radius-lg);
+  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
+  --bs-popover-box-shadow: var(--bs-box-shadow);
+  --bs-popover-header-padding-x: 1rem;
+  --bs-popover-header-padding-y: 0.5rem;
+  --bs-popover-header-font-size: 1rem;
+  --bs-popover-header-color: inherit;
+  --bs-popover-header-bg: var(--bs-secondary-bg);
+  --bs-popover-body-padding-x: 1rem;
+  --bs-popover-body-padding-y: 1rem;
+  --bs-popover-body-color: var(--bs-body-color);
+  --bs-popover-arrow-width: 1rem;
+  --bs-popover-arrow-height: 0.5rem;
+  --bs-popover-arrow-border: var(--bs-popover-border-color);
+  z-index: var(--bs-popover-zindex);
+  display: block;
+  max-width: var(--bs-popover-max-width);
+  font-family: var(--bs-font-sans-serif);
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  white-space: normal;
+  word-spacing: normal;
+  line-break: auto;
+  font-size: var(--bs-popover-font-size);
+  word-wrap: break-word;
+  background-color: var(--bs-popover-bg);
+  background-clip: padding-box;
+  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
+  border-radius: var(--bs-popover-border-radius);
+}
+.popover .popover-arrow {
+  display: block;
+  width: var(--bs-popover-arrow-width);
+  height: var(--bs-popover-arrow-height);
+}
+.popover .popover-arrow::before, .popover .popover-arrow::after {
+  position: absolute;
+  display: block;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+  border-width: 0;
+}
+
+.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
+  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
+}
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
+}
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
+  bottom: 0;
+  border-top-color: var(--bs-popover-arrow-border);
+}
+.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+  bottom: var(--bs-popover-border-width);
+  border-top-color: var(--bs-popover-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
+  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
+  width: var(--bs-popover-arrow-height);
+  height: var(--bs-popover-arrow-width);
+}
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
+}
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
+  left: 0;
+  border-right-color: var(--bs-popover-arrow-border);
+}
+.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+  left: var(--bs-popover-border-width);
+  border-right-color: var(--bs-popover-bg);
+}
+
+/* rtl:end:ignore */
+.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
+  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
+}
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
+}
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
+  top: 0;
+  border-bottom-color: var(--bs-popover-arrow-border);
+}
+.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+  top: var(--bs-popover-border-width);
+  border-bottom-color: var(--bs-popover-bg);
+}
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  width: var(--bs-popover-arrow-width);
+  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
+  content: "";
+  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
+  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
+  width: var(--bs-popover-arrow-height);
+  height: var(--bs-popover-arrow-width);
+}
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
+}
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
+  right: 0;
+  border-left-color: var(--bs-popover-arrow-border);
+}
+.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+  right: var(--bs-popover-border-width);
+  border-left-color: var(--bs-popover-bg);
+}
+
+/* rtl:end:ignore */
+.popover-header {
+  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
+  margin-bottom: 0;
+  font-size: var(--bs-popover-header-font-size);
+  color: var(--bs-popover-header-color);
+  background-color: var(--bs-popover-header-bg);
+  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
+  border-top-left-radius: var(--bs-popover-inner-border-radius);
+  border-top-right-radius: var(--bs-popover-inner-border-radius);
+}
+.popover-header:empty {
+  display: none;
+}
+
+.popover-body {
+  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
+  color: var(--bs-popover-body-color);
+}
+
+.carousel {
+  position: relative;
+}
+
+.carousel.pointer-event {
+  touch-action: pan-y;
+}
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+.carousel-inner::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.carousel-item {
+  position: relative;
+  display: none;
+  float: left;
+  width: 100%;
+  margin-right: -100%;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  transition: transform 0.6s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-item {
+    transition: none;
+  }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block;
+}
+
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+  transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+  transform: translateX(-100%);
+}
+
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-property: opacity;
+  transform: none;
+}
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+  z-index: 1;
+  opacity: 1;
+}
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+  z-index: 0;
+  opacity: 0;
+  transition: opacity 0s 0.6s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-fade .active.carousel-item-start,
+  .carousel-fade .active.carousel-item-end {
+    transition: none;
+  }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 15%;
+  padding: 0;
+  color: #fff;
+  text-align: center;
+  background: none;
+  border: 0;
+  opacity: 0.5;
+  transition: opacity 0.15s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-control-prev,
+  .carousel-control-next {
+    transition: none;
+  }
+}
+.carousel-control-prev:hover, .carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+  color: #fff;
+  text-decoration: none;
+  outline: 0;
+  opacity: 0.9;
+}
+
+.carousel-control-prev {
+  left: 0;
+}
+
+.carousel-control-next {
+  right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  background-repeat: no-repeat;
+  background-position: 50%;
+  background-size: 100% 100%;
+}
+
+.carousel-control-prev-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
+}
+
+.carousel-control-next-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
+}
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  display: flex;
+  justify-content: center;
+  padding: 0;
+  margin-right: 15%;
+  margin-bottom: 1rem;
+  margin-left: 15%;
+}
+.carousel-indicators [data-bs-target] {
+  box-sizing: content-box;
+  flex: 0 1 auto;
+  width: 30px;
+  height: 3px;
+  padding: 0;
+  margin-right: 3px;
+  margin-left: 3px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 0;
+  border-top: 10px solid transparent;
+  border-bottom: 10px solid transparent;
+  opacity: 0.5;
+  transition: opacity 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .carousel-indicators [data-bs-target] {
+    transition: none;
+  }
+}
+.carousel-indicators .active {
+  opacity: 1;
+}
+
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 1.25rem;
+  left: 15%;
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+  color: #fff;
+  text-align: center;
+}
+
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+  filter: invert(1) grayscale(100);
+}
+.carousel-dark .carousel-indicators [data-bs-target] {
+  background-color: #000;
+}
+.carousel-dark .carousel-caption {
+  color: #000;
+}
+
+[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
+[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
+[data-bs-theme=dark].carousel .carousel-control-next-icon {
+  filter: invert(1) grayscale(100);
+}
+[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
+  background-color: #000;
+}
+[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
+  color: #000;
+}
+
+.spinner-grow,
+.spinner-border {
+  display: inline-block;
+  width: var(--bs-spinner-width);
+  height: var(--bs-spinner-height);
+  vertical-align: var(--bs-spinner-vertical-align);
+  border-radius: 50%;
+  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
+}
+
+@keyframes spinner-border {
+  to {
+    transform: rotate(360deg) /* rtl:ignore */;
+  }
+}
+.spinner-border {
+  --bs-spinner-width: 2rem;
+  --bs-spinner-height: 2rem;
+  --bs-spinner-vertical-align: -0.125em;
+  --bs-spinner-border-width: 0.25em;
+  --bs-spinner-animation-speed: 0.75s;
+  --bs-spinner-animation-name: spinner-border;
+  border: var(--bs-spinner-border-width) solid currentcolor;
+  border-right-color: transparent;
+}
+
+.spinner-border-sm {
+  --bs-spinner-width: 1rem;
+  --bs-spinner-height: 1rem;
+  --bs-spinner-border-width: 0.2em;
+}
+
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+.spinner-grow {
+  --bs-spinner-width: 2rem;
+  --bs-spinner-height: 2rem;
+  --bs-spinner-vertical-align: -0.125em;
+  --bs-spinner-animation-speed: 0.75s;
+  --bs-spinner-animation-name: spinner-grow;
+  background-color: currentcolor;
+  opacity: 0;
+}
+
+.spinner-grow-sm {
+  --bs-spinner-width: 1rem;
+  --bs-spinner-height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .spinner-border,
+  .spinner-grow {
+    --bs-spinner-animation-speed: 1.5s;
+  }
+}
+.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
+  --bs-offcanvas-zindex: 1045;
+  --bs-offcanvas-width: 400px;
+  --bs-offcanvas-height: 30vh;
+  --bs-offcanvas-padding-x: 1rem;
+  --bs-offcanvas-padding-y: 1rem;
+  --bs-offcanvas-color: var(--bs-body-color);
+  --bs-offcanvas-bg: var(--bs-body-bg);
+  --bs-offcanvas-border-width: var(--bs-border-width);
+  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
+  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
+  --bs-offcanvas-transition: transform 0.3s ease-in-out;
+  --bs-offcanvas-title-line-height: 1.5;
+}
+
+@media (max-width: 575.98px) {
+  .offcanvas-sm {
+    position: fixed;
+    bottom: 0;
+    z-index: var(--bs-offcanvas-zindex);
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    transition: var(--bs-offcanvas-transition);
+  }
+}
+@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
+  .offcanvas-sm {
+    transition: none;
+  }
+}
+@media (max-width: 575.98px) {
+  .offcanvas-sm.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%);
+  }
+  .offcanvas-sm.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%);
+  }
+  .offcanvas-sm.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%);
+  }
+  .offcanvas-sm.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%);
+  }
+  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
+    transform: none;
+  }
+  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
+    visibility: visible;
+  }
+}
+@media (min-width: 576px) {
+  .offcanvas-sm {
+    --bs-offcanvas-height: auto;
+    --bs-offcanvas-border-width: 0;
+    background-color: transparent !important;
+  }
+  .offcanvas-sm .offcanvas-header {
+    display: none;
+  }
+  .offcanvas-sm .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+    background-color: transparent !important;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .offcanvas-md {
+    position: fixed;
+    bottom: 0;
+    z-index: var(--bs-offcanvas-zindex);
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    transition: var(--bs-offcanvas-transition);
+  }
+}
+@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
+  .offcanvas-md {
+    transition: none;
+  }
+}
+@media (max-width: 767.98px) {
+  .offcanvas-md.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%);
+  }
+  .offcanvas-md.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%);
+  }
+  .offcanvas-md.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%);
+  }
+  .offcanvas-md.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%);
+  }
+  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
+    transform: none;
+  }
+  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
+    visibility: visible;
+  }
+}
+@media (min-width: 768px) {
+  .offcanvas-md {
+    --bs-offcanvas-height: auto;
+    --bs-offcanvas-border-width: 0;
+    background-color: transparent !important;
+  }
+  .offcanvas-md .offcanvas-header {
+    display: none;
+  }
+  .offcanvas-md .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+    background-color: transparent !important;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .offcanvas-lg {
+    position: fixed;
+    bottom: 0;
+    z-index: var(--bs-offcanvas-zindex);
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    transition: var(--bs-offcanvas-transition);
+  }
+}
+@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
+  .offcanvas-lg {
+    transition: none;
+  }
+}
+@media (max-width: 991.98px) {
+  .offcanvas-lg.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%);
+  }
+  .offcanvas-lg.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%);
+  }
+  .offcanvas-lg.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%);
+  }
+  .offcanvas-lg.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%);
+  }
+  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
+    transform: none;
+  }
+  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
+    visibility: visible;
+  }
+}
+@media (min-width: 992px) {
+  .offcanvas-lg {
+    --bs-offcanvas-height: auto;
+    --bs-offcanvas-border-width: 0;
+    background-color: transparent !important;
+  }
+  .offcanvas-lg .offcanvas-header {
+    display: none;
+  }
+  .offcanvas-lg .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+    background-color: transparent !important;
+  }
+}
+
+@media (max-width: 1199.98px) {
+  .offcanvas-xl {
+    position: fixed;
+    bottom: 0;
+    z-index: var(--bs-offcanvas-zindex);
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    transition: var(--bs-offcanvas-transition);
+  }
+}
+@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
+  .offcanvas-xl {
+    transition: none;
+  }
+}
+@media (max-width: 1199.98px) {
+  .offcanvas-xl.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%);
+  }
+  .offcanvas-xl.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%);
+  }
+  .offcanvas-xl.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%);
+  }
+  .offcanvas-xl.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%);
+  }
+  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
+    transform: none;
+  }
+  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
+    visibility: visible;
+  }
+}
+@media (min-width: 1200px) {
+  .offcanvas-xl {
+    --bs-offcanvas-height: auto;
+    --bs-offcanvas-border-width: 0;
+    background-color: transparent !important;
+  }
+  .offcanvas-xl .offcanvas-header {
+    display: none;
+  }
+  .offcanvas-xl .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+    background-color: transparent !important;
+  }
+}
+
+@media (max-width: 1399.98px) {
+  .offcanvas-xxl {
+    position: fixed;
+    bottom: 0;
+    z-index: var(--bs-offcanvas-zindex);
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    transition: var(--bs-offcanvas-transition);
+  }
+}
+@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
+  .offcanvas-xxl {
+    transition: none;
+  }
+}
+@media (max-width: 1399.98px) {
+  .offcanvas-xxl.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%);
+  }
+  .offcanvas-xxl.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%);
+  }
+  .offcanvas-xxl.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%);
+  }
+  .offcanvas-xxl.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%);
+  }
+  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
+    transform: none;
+  }
+  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
+    visibility: visible;
+  }
+}
+@media (min-width: 1400px) {
+  .offcanvas-xxl {
+    --bs-offcanvas-height: auto;
+    --bs-offcanvas-border-width: 0;
+    background-color: transparent !important;
+  }
+  .offcanvas-xxl .offcanvas-header {
+    display: none;
+  }
+  .offcanvas-xxl .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+    background-color: transparent !important;
+  }
+}
+
+.offcanvas {
+  position: fixed;
+  bottom: 0;
+  z-index: var(--bs-offcanvas-zindex);
+  display: flex;
+  flex-direction: column;
+  max-width: 100%;
+  color: var(--bs-offcanvas-color);
+  visibility: hidden;
+  background-color: var(--bs-offcanvas-bg);
+  background-clip: padding-box;
+  outline: 0;
+  transition: var(--bs-offcanvas-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .offcanvas {
+    transition: none;
+  }
+}
+.offcanvas.offcanvas-start {
+  top: 0;
+  left: 0;
+  width: var(--bs-offcanvas-width);
+  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+  transform: translateX(-100%);
+}
+.offcanvas.offcanvas-end {
+  top: 0;
+  right: 0;
+  width: var(--bs-offcanvas-width);
+  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+  transform: translateX(100%);
+}
+.offcanvas.offcanvas-top {
+  top: 0;
+  right: 0;
+  left: 0;
+  height: var(--bs-offcanvas-height);
+  max-height: 100%;
+  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+  transform: translateY(-100%);
+}
+.offcanvas.offcanvas-bottom {
+  right: 0;
+  left: 0;
+  height: var(--bs-offcanvas-height);
+  max-height: 100%;
+  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+  transform: translateY(100%);
+}
+.offcanvas.showing, .offcanvas.show:not(.hiding) {
+  transform: none;
+}
+.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
+  visibility: visible;
+}
+
+.offcanvas-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1040;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000;
+}
+.offcanvas-backdrop.fade {
+  opacity: 0;
+}
+.offcanvas-backdrop.show {
+  opacity: 0.5;
+}
+
+.offcanvas-header {
+  display: flex;
+  align-items: center;
+  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
+}
+.offcanvas-header .btn-close {
+  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
+  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
+}
+
+.offcanvas-title {
+  margin-bottom: 0;
+  line-height: var(--bs-offcanvas-title-line-height);
+}
+
+.offcanvas-body {
+  flex-grow: 1;
+  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
+  overflow-y: auto;
+}
+
+.placeholder {
+  display: inline-block;
+  min-height: 1em;
+  vertical-align: middle;
+  cursor: wait;
+  background-color: currentcolor;
+  opacity: 0.5;
+}
+.placeholder.btn::before {
+  display: inline-block;
+  content: "";
+}
+
+.placeholder-xs {
+  min-height: 0.6em;
+}
+
+.placeholder-sm {
+  min-height: 0.8em;
+}
+
+.placeholder-lg {
+  min-height: 1.2em;
+}
+
+.placeholder-glow .placeholder {
+  animation: placeholder-glow 2s ease-in-out infinite;
+}
+
+@keyframes placeholder-glow {
+  50% {
+    opacity: 0.2;
+  }
+}
+.placeholder-wave {
+  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+  -webkit-mask-size: 200% 100%;
+  mask-size: 200% 100%;
+  animation: placeholder-wave 2s linear infinite;
+}
+
+@keyframes placeholder-wave {
+  100% {
+    -webkit-mask-position: -200% 0%;
+    mask-position: -200% 0%;
+  }
+}
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.text-bg-primary {
+  color: #fff !important;
+  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-secondary {
+  color: #fff !important;
+  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-success {
+  color: #fff !important;
+  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-info {
+  color: #000 !important;
+  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-warning {
+  color: #000 !important;
+  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-danger {
+  color: #fff !important;
+  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-light {
+  color: #000 !important;
+  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
+.text-bg-dark {
+  color: #fff !important;
+  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
+}
+
+.link-primary {
+  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
+}
+.link-primary:hover, .link-primary:focus {
+  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
+}
+
+.link-secondary {
+  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
+}
+.link-secondary:hover, .link-secondary:focus {
+  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
+}
+
+.link-success {
+  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
+}
+.link-success:hover, .link-success:focus {
+  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
+}
+
+.link-info {
+  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
+}
+.link-info:hover, .link-info:focus {
+  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
+}
+
+.link-warning {
+  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
+}
+.link-warning:hover, .link-warning:focus {
+  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
+}
+
+.link-danger {
+  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
+}
+.link-danger:hover, .link-danger:focus {
+  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
+}
+
+.link-light {
+  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
+}
+.link-light:hover, .link-light:focus {
+  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
+}
+
+.link-dark {
+  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
+}
+.link-dark:hover, .link-dark:focus {
+  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
+}
+
+.link-body-emphasis {
+  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
+}
+.link-body-emphasis:hover, .link-body-emphasis:focus {
+  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
+  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
+}
+
+.focus-ring:focus {
+  outline: 0;
+  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
+}
+
+.icon-link {
+  display: inline-flex;
+  gap: 0.375rem;
+  align-items: center;
+  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
+  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
+  text-underline-offset: 0.25em;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.icon-link > .bi {
+  flex-shrink: 0;
+  width: 1em;
+  height: 1em;
+  fill: currentcolor;
+  transition: 0.2s ease-in-out transform;
+}
+@media (prefers-reduced-motion: reduce) {
+  .icon-link > .bi {
+    transition: none;
+  }
+}
+
+.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
+  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
+}
+
+.ratio {
+  position: relative;
+  width: 100%;
+}
+.ratio::before {
+  display: block;
+  padding-top: var(--bs-aspect-ratio);
+  content: "";
+}
+.ratio > * {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.ratio-1x1 {
+  --bs-aspect-ratio: 100%;
+}
+
+.ratio-4x3 {
+  --bs-aspect-ratio: 75%;
+}
+
+.ratio-16x9 {
+  --bs-aspect-ratio: 56.25%;
+}
+
+.ratio-21x9 {
+  --bs-aspect-ratio: 42.8571428571%;
+}
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.sticky-top {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 1020;
+}
+
+.sticky-bottom {
+  position: -webkit-sticky;
+  position: sticky;
+  bottom: 0;
+  z-index: 1020;
+}
+
+@media (min-width: 576px) {
+  .sticky-sm-top {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+  .sticky-sm-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
+}
+@media (min-width: 768px) {
+  .sticky-md-top {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+  .sticky-md-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
+}
+@media (min-width: 992px) {
+  .sticky-lg-top {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+  .sticky-lg-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
+}
+@media (min-width: 1200px) {
+  .sticky-xl-top {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+  .sticky-xl-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
+}
+@media (min-width: 1400px) {
+  .sticky-xxl-top {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+  .sticky-xxl-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020;
+  }
+}
+.hstack {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  align-self: stretch;
+}
+
+.vstack {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  align-self: stretch;
+}
+
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+}
+.visually-hidden:not(caption),
+.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
+  position: absolute !important;
+}
+
+.stretched-link::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  content: "";
+}
+
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vr {
+  display: inline-block;
+  align-self: stretch;
+  width: var(--bs-border-width);
+  min-height: 1em;
+  background-color: currentcolor;
+  opacity: 0.25;
+}
+
+.align-baseline {
+  vertical-align: baseline !important;
+}
+
+.align-top {
+  vertical-align: top !important;
+}
+
+.align-middle {
+  vertical-align: middle !important;
+}
+
+.align-bottom {
+  vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+  vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+  vertical-align: text-top !important;
+}
+
+.float-start {
+  float: left !important;
+}
+
+.float-end {
+  float: right !important;
+}
+
+.float-none {
+  float: none !important;
+}
+
+.object-fit-contain {
+  -o-object-fit: contain !important;
+  object-fit: contain !important;
+}
+
+.object-fit-cover {
+  -o-object-fit: cover !important;
+  object-fit: cover !important;
+}
+
+.object-fit-fill {
+  -o-object-fit: fill !important;
+  object-fit: fill !important;
+}
+
+.object-fit-scale {
+  -o-object-fit: scale-down !important;
+  object-fit: scale-down !important;
+}
+
+.object-fit-none {
+  -o-object-fit: none !important;
+  object-fit: none !important;
+}
+
+.opacity-0 {
+  opacity: 0 !important;
+}
+
+.opacity-25 {
+  opacity: 0.25 !important;
+}
+
+.opacity-50 {
+  opacity: 0.5 !important;
+}
+
+.opacity-75 {
+  opacity: 0.75 !important;
+}
+
+.opacity-100 {
+  opacity: 1 !important;
+}
+
+.overflow-auto {
+  overflow: auto !important;
+}
+
+.overflow-hidden {
+  overflow: hidden !important;
+}
+
+.overflow-visible {
+  overflow: visible !important;
+}
+
+.overflow-scroll {
+  overflow: scroll !important;
+}
+
+.overflow-x-auto {
+  overflow-x: auto !important;
+}
+
+.overflow-x-hidden {
+  overflow-x: hidden !important;
+}
+
+.overflow-x-visible {
+  overflow-x: visible !important;
+}
+
+.overflow-x-scroll {
+  overflow-x: scroll !important;
+}
+
+.overflow-y-auto {
+  overflow-y: auto !important;
+}
+
+.overflow-y-hidden {
+  overflow-y: hidden !important;
+}
+
+.overflow-y-visible {
+  overflow-y: visible !important;
+}
+
+.overflow-y-scroll {
+  overflow-y: scroll !important;
+}
+
+.d-inline {
+  display: inline !important;
+}
+
+.d-inline-block {
+  display: inline-block !important;
+}
+
+.d-block {
+  display: block !important;
+}
+
+.d-grid {
+  display: grid !important;
+}
+
+.d-inline-grid {
+  display: inline-grid !important;
+}
+
+.d-table {
+  display: table !important;
+}
+
+.d-table-row {
+  display: table-row !important;
+}
+
+.d-table-cell {
+  display: table-cell !important;
+}
+
+.d-flex {
+  display: flex !important;
+}
+
+.d-inline-flex {
+  display: inline-flex !important;
+}
+
+.d-none {
+  display: none !important;
+}
+
+.shadow {
+  box-shadow: var(--bs-box-shadow) !important;
+}
+
+.shadow-sm {
+  box-shadow: var(--bs-box-shadow-sm) !important;
+}
+
+.shadow-lg {
+  box-shadow: var(--bs-box-shadow-lg) !important;
+}
+
+.shadow-none {
+  box-shadow: none !important;
+}
+
+.focus-ring-primary {
+  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
+}
+
+.focus-ring-secondary {
+  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
+}
+
+.focus-ring-success {
+  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
+}
+
+.focus-ring-info {
+  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
+}
+
+.focus-ring-warning {
+  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
+}
+
+.focus-ring-danger {
+  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
+}
+
+.focus-ring-light {
+  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
+}
+
+.focus-ring-dark {
+  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
+}
+
+.position-static {
+  position: static !important;
+}
+
+.position-relative {
+  position: relative !important;
+}
+
+.position-absolute {
+  position: absolute !important;
+}
+
+.position-fixed {
+  position: fixed !important;
+}
+
+.position-sticky {
+  position: -webkit-sticky !important;
+  position: sticky !important;
+}
+
+.top-0 {
+  top: 0 !important;
+}
+
+.top-50 {
+  top: 50% !important;
+}
+
+.top-100 {
+  top: 100% !important;
+}
+
+.bottom-0 {
+  bottom: 0 !important;
+}
+
+.bottom-50 {
+  bottom: 50% !important;
+}
+
+.bottom-100 {
+  bottom: 100% !important;
+}
+
+.start-0 {
+  left: 0 !important;
+}
+
+.start-50 {
+  left: 50% !important;
+}
+
+.start-100 {
+  left: 100% !important;
+}
+
+.end-0 {
+  right: 0 !important;
+}
+
+.end-50 {
+  right: 50% !important;
+}
+
+.end-100 {
+  right: 100% !important;
+}
+
+.translate-middle {
+  transform: translate(-50%, -50%) !important;
+}
+
+.translate-middle-x {
+  transform: translateX(-50%) !important;
+}
+
+.translate-middle-y {
+  transform: translateY(-50%) !important;
+}
+
+.border {
+  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.border-0 {
+  border: 0 !important;
+}
+
+.border-top {
+  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.border-top-0 {
+  border-top: 0 !important;
+}
+
+.border-end {
+  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.border-end-0 {
+  border-right: 0 !important;
+}
+
+.border-bottom {
+  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.border-bottom-0 {
+  border-bottom: 0 !important;
+}
+
+.border-start {
+  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.border-start-0 {
+  border-left: 0 !important;
+}
+
+.border-primary {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-secondary {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-success {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-info {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-warning {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-danger {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-light {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-dark {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-black {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-white {
+  --bs-border-opacity: 1;
+  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
+}
+
+.border-primary-subtle {
+  border-color: var(--bs-primary-border-subtle) !important;
+}
+
+.border-secondary-subtle {
+  border-color: var(--bs-secondary-border-subtle) !important;
+}
+
+.border-success-subtle {
+  border-color: var(--bs-success-border-subtle) !important;
+}
+
+.border-info-subtle {
+  border-color: var(--bs-info-border-subtle) !important;
+}
+
+.border-warning-subtle {
+  border-color: var(--bs-warning-border-subtle) !important;
+}
+
+.border-danger-subtle {
+  border-color: var(--bs-danger-border-subtle) !important;
+}
+
+.border-light-subtle {
+  border-color: var(--bs-light-border-subtle) !important;
+}
+
+.border-dark-subtle {
+  border-color: var(--bs-dark-border-subtle) !important;
+}
+
+.border-1 {
+  border-width: 1px !important;
+}
+
+.border-2 {
+  border-width: 2px !important;
+}
+
+.border-3 {
+  border-width: 3px !important;
+}
+
+.border-4 {
+  border-width: 4px !important;
+}
+
+.border-5 {
+  border-width: 5px !important;
+}
+
+.border-opacity-10 {
+  --bs-border-opacity: 0.1;
+}
+
+.border-opacity-25 {
+  --bs-border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+  --bs-border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+  --bs-border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+  --bs-border-opacity: 1;
+}
+
+.w-25 {
+  width: 25% !important;
+}
+
+.w-50 {
+  width: 50% !important;
+}
+
+.w-75 {
+  width: 75% !important;
+}
+
+.w-100 {
+  width: 100% !important;
+}
+
+.w-auto {
+  width: auto !important;
+}
+
+.mw-100 {
+  max-width: 100% !important;
+}
+
+.vw-100 {
+  width: 100vw !important;
+}
+
+.min-vw-100 {
+  min-width: 100vw !important;
+}
+
+.h-25 {
+  height: 25% !important;
+}
+
+.h-50 {
+  height: 50% !important;
+}
+
+.h-75 {
+  height: 75% !important;
+}
+
+.h-100 {
+  height: 100% !important;
+}
+
+.h-auto {
+  height: auto !important;
+}
+
+.mh-100 {
+  max-height: 100% !important;
+}
+
+.vh-100 {
+  height: 100vh !important;
+}
+
+.min-vh-100 {
+  min-height: 100vh !important;
+}
+
+.flex-fill {
+  flex: 1 1 auto !important;
+}
+
+.flex-row {
+  flex-direction: row !important;
+}
+
+.flex-column {
+  flex-direction: column !important;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+  flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+  flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+  flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start {
+  justify-content: flex-start !important;
+}
+
+.justify-content-end {
+  justify-content: flex-end !important;
+}
+
+.justify-content-center {
+  justify-content: center !important;
+}
+
+.justify-content-between {
+  justify-content: space-between !important;
+}
+
+.justify-content-around {
+  justify-content: space-around !important;
+}
+
+.justify-content-evenly {
+  justify-content: space-evenly !important;
+}
+
+.align-items-start {
+  align-items: flex-start !important;
+}
+
+.align-items-end {
+  align-items: flex-end !important;
+}
+
+.align-items-center {
+  align-items: center !important;
+}
+
+.align-items-baseline {
+  align-items: baseline !important;
+}
+
+.align-items-stretch {
+  align-items: stretch !important;
+}
+
+.align-content-start {
+  align-content: flex-start !important;
+}
+
+.align-content-end {
+  align-content: flex-end !important;
+}
+
+.align-content-center {
+  align-content: center !important;
+}
+
+.align-content-between {
+  align-content: space-between !important;
+}
+
+.align-content-around {
+  align-content: space-around !important;
+}
+
+.align-content-stretch {
+  align-content: stretch !important;
+}
+
+.align-self-auto {
+  align-self: auto !important;
+}
+
+.align-self-start {
+  align-self: flex-start !important;
+}
+
+.align-self-end {
+  align-self: flex-end !important;
+}
+
+.align-self-center {
+  align-self: center !important;
+}
+
+.align-self-baseline {
+  align-self: baseline !important;
+}
+
+.align-self-stretch {
+  align-self: stretch !important;
+}
+
+.order-first {
+  order: -1 !important;
+}
+
+.order-0 {
+  order: 0 !important;
+}
+
+.order-1 {
+  order: 1 !important;
+}
+
+.order-2 {
+  order: 2 !important;
+}
+
+.order-3 {
+  order: 3 !important;
+}
+
+.order-4 {
+  order: 4 !important;
+}
+
+.order-5 {
+  order: 5 !important;
+}
+
+.order-last {
+  order: 6 !important;
+}
+
+.m-0 {
+  margin: 0 !important;
+}
+
+.m-1 {
+  margin: 0.25rem !important;
+}
+
+.m-2 {
+  margin: 0.5rem !important;
+}
+
+.m-3 {
+  margin: 1rem !important;
+}
+
+.m-4 {
+  margin: 1.5rem !important;
+}
+
+.m-5 {
+  margin: 3rem !important;
+}
+
+.m-auto {
+  margin: auto !important;
+}
+
+.mx-0 {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
+
+.mx-1 {
+  margin-right: 0.25rem !important;
+  margin-left: 0.25rem !important;
+}
+
+.mx-2 {
+  margin-right: 0.5rem !important;
+  margin-left: 0.5rem !important;
+}
+
+.mx-3 {
+  margin-right: 1rem !important;
+  margin-left: 1rem !important;
+}
+
+.mx-4 {
+  margin-right: 1.5rem !important;
+  margin-left: 1.5rem !important;
+}
+
+.mx-5 {
+  margin-right: 3rem !important;
+  margin-left: 3rem !important;
+}
+
+.mx-auto {
+  margin-right: auto !important;
+  margin-left: auto !important;
+}
+
+.my-0 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.my-1 {
+  margin-top: 0.25rem !important;
+  margin-bottom: 0.25rem !important;
+}
+
+.my-2 {
+  margin-top: 0.5rem !important;
+  margin-bottom: 0.5rem !important;
+}
+
+.my-3 {
+  margin-top: 1rem !important;
+  margin-bottom: 1rem !important;
+}
+
+.my-4 {
+  margin-top: 1.5rem !important;
+  margin-bottom: 1.5rem !important;
+}
+
+.my-5 {
+  margin-top: 3rem !important;
+  margin-bottom: 3rem !important;
+}
+
+.my-auto {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
+
+.mt-0 {
+  margin-top: 0 !important;
+}
+
+.mt-1 {
+  margin-top: 0.25rem !important;
+}
+
+.mt-2 {
+  margin-top: 0.5rem !important;
+}
+
+.mt-3 {
+  margin-top: 1rem !important;
+}
+
+.mt-4 {
+  margin-top: 1.5rem !important;
+}
+
+.mt-5 {
+  margin-top: 3rem !important;
+}
+
+.mt-auto {
+  margin-top: auto !important;
+}
+
+.me-0 {
+  margin-right: 0 !important;
+}
+
+.me-1 {
+  margin-right: 0.25rem !important;
+}
+
+.me-2 {
+  margin-right: 0.5rem !important;
+}
+
+.me-3 {
+  margin-right: 1rem !important;
+}
+
+.me-4 {
+  margin-right: 1.5rem !important;
+}
+
+.me-5 {
+  margin-right: 3rem !important;
+}
+
+.me-auto {
+  margin-right: auto !important;
+}
+
+.mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.mb-1 {
+  margin-bottom: 0.25rem !important;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem !important;
+}
+
+.mb-3 {
+  margin-bottom: 1rem !important;
+}
+
+.mb-4 {
+  margin-bottom: 1.5rem !important;
+}
+
+.mb-5 {
+  margin-bottom: 3rem !important;
+}
+
+.mb-auto {
+  margin-bottom: auto !important;
+}
+
+.ms-0 {
+  margin-left: 0 !important;
+}
+
+.ms-1 {
+  margin-left: 0.25rem !important;
+}
+
+.ms-2 {
+  margin-left: 0.5rem !important;
+}
+
+.ms-3 {
+  margin-left: 1rem !important;
+}
+
+.ms-4 {
+  margin-left: 1.5rem !important;
+}
+
+.ms-5 {
+  margin-left: 3rem !important;
+}
+
+.ms-auto {
+  margin-left: auto !important;
+}
+
+.p-0 {
+  padding: 0 !important;
+}
+
+.p-1 {
+  padding: 0.25rem !important;
+}
+
+.p-2 {
+  padding: 0.5rem !important;
+}
+
+.p-3 {
+  padding: 1rem !important;
+}
+
+.p-4 {
+  padding: 1.5rem !important;
+}
+
+.p-5 {
+  padding: 3rem !important;
+}
+
+.px-0 {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
+
+.px-1 {
+  padding-right: 0.25rem !important;
+  padding-left: 0.25rem !important;
+}
+
+.px-2 {
+  padding-right: 0.5rem !important;
+  padding-left: 0.5rem !important;
+}
+
+.px-3 {
+  padding-right: 1rem !important;
+  padding-left: 1rem !important;
+}
+
+.px-4 {
+  padding-right: 1.5rem !important;
+  padding-left: 1.5rem !important;
+}
+
+.px-5 {
+  padding-right: 3rem !important;
+  padding-left: 3rem !important;
+}
+
+.py-0 {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+.py-1 {
+  padding-top: 0.25rem !important;
+  padding-bottom: 0.25rem !important;
+}
+
+.py-2 {
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+}
+
+.py-3 {
+  padding-top: 1rem !important;
+  padding-bottom: 1rem !important;
+}
+
+.py-4 {
+  padding-top: 1.5rem !important;
+  padding-bottom: 1.5rem !important;
+}
+
+.py-5 {
+  padding-top: 3rem !important;
+  padding-bottom: 3rem !important;
+}
+
+.pt-0 {
+  padding-top: 0 !important;
+}
+
+.pt-1 {
+  padding-top: 0.25rem !important;
+}
+
+.pt-2 {
+  padding-top: 0.5rem !important;
+}
+
+.pt-3 {
+  padding-top: 1rem !important;
+}
+
+.pt-4 {
+  padding-top: 1.5rem !important;
+}
+
+.pt-5 {
+  padding-top: 3rem !important;
+}
+
+.pe-0 {
+  padding-right: 0 !important;
+}
+
+.pe-1 {
+  padding-right: 0.25rem !important;
+}
+
+.pe-2 {
+  padding-right: 0.5rem !important;
+}
+
+.pe-3 {
+  padding-right: 1rem !important;
+}
+
+.pe-4 {
+  padding-right: 1.5rem !important;
+}
+
+.pe-5 {
+  padding-right: 3rem !important;
+}
+
+.pb-0 {
+  padding-bottom: 0 !important;
+}
+
+.pb-1 {
+  padding-bottom: 0.25rem !important;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem !important;
+}
+
+.pb-3 {
+  padding-bottom: 1rem !important;
+}
+
+.pb-4 {
+  padding-bottom: 1.5rem !important;
+}
+
+.pb-5 {
+  padding-bottom: 3rem !important;
+}
+
+.ps-0 {
+  padding-left: 0 !important;
+}
+
+.ps-1 {
+  padding-left: 0.25rem !important;
+}
+
+.ps-2 {
+  padding-left: 0.5rem !important;
+}
+
+.ps-3 {
+  padding-left: 1rem !important;
+}
+
+.ps-4 {
+  padding-left: 1.5rem !important;
+}
+
+.ps-5 {
+  padding-left: 3rem !important;
+}
+
+.gap-0 {
+  gap: 0 !important;
+}
+
+.gap-1 {
+  gap: 0.25rem !important;
+}
+
+.gap-2 {
+  gap: 0.5rem !important;
+}
+
+.gap-3 {
+  gap: 1rem !important;
+}
+
+.gap-4 {
+  gap: 1.5rem !important;
+}
+
+.gap-5 {
+  gap: 3rem !important;
+}
+
+.row-gap-0 {
+  row-gap: 0 !important;
+}
+
+.row-gap-1 {
+  row-gap: 0.25rem !important;
+}
+
+.row-gap-2 {
+  row-gap: 0.5rem !important;
+}
+
+.row-gap-3 {
+  row-gap: 1rem !important;
+}
+
+.row-gap-4 {
+  row-gap: 1.5rem !important;
+}
+
+.row-gap-5 {
+  row-gap: 3rem !important;
+}
+
+.column-gap-0 {
+  -moz-column-gap: 0 !important;
+  column-gap: 0 !important;
+}
+
+.column-gap-1 {
+  -moz-column-gap: 0.25rem !important;
+  column-gap: 0.25rem !important;
+}
+
+.column-gap-2 {
+  -moz-column-gap: 0.5rem !important;
+  column-gap: 0.5rem !important;
+}
+
+.column-gap-3 {
+  -moz-column-gap: 1rem !important;
+  column-gap: 1rem !important;
+}
+
+.column-gap-4 {
+  -moz-column-gap: 1.5rem !important;
+  column-gap: 1.5rem !important;
+}
+
+.column-gap-5 {
+  -moz-column-gap: 3rem !important;
+  column-gap: 3rem !important;
+}
+
+.font-monospace {
+  font-family: var(--bs-font-monospace) !important;
+}
+
+.fs-1 {
+  font-size: calc(1.375rem + 1.5vw) !important;
+}
+
+.fs-2 {
+  font-size: calc(1.325rem + 0.9vw) !important;
+}
+
+.fs-3 {
+  font-size: calc(1.3rem + 0.6vw) !important;
+}
+
+.fs-4 {
+  font-size: calc(1.275rem + 0.3vw) !important;
+}
+
+.fs-5 {
+  font-size: 1.25rem !important;
+}
+
+.fs-6 {
+  font-size: 1rem !important;
+}
+
+.fst-italic {
+  font-style: italic !important;
+}
+
+.fst-normal {
+  font-style: normal !important;
+}
+
+.fw-lighter {
+  font-weight: lighter !important;
+}
+
+.fw-light {
+  font-weight: 300 !important;
+}
+
+.fw-normal {
+  font-weight: 400 !important;
+}
+
+.fw-medium {
+  font-weight: 500 !important;
+}
+
+.fw-semibold {
+  font-weight: 600 !important;
+}
+
+.fw-bold {
+  font-weight: 700 !important;
+}
+
+.fw-bolder {
+  font-weight: bolder !important;
+}
+
+.lh-1 {
+  line-height: 1 !important;
+}
+
+.lh-sm {
+  line-height: 1.25 !important;
+}
+
+.lh-base {
+  line-height: 1.5 !important;
+}
+
+.lh-lg {
+  line-height: 2 !important;
+}
+
+.text-start {
+  text-align: left !important;
+}
+
+.text-end {
+  text-align: right !important;
+}
+
+.text-center {
+  text-align: center !important;
+}
+
+.text-decoration-none {
+  text-decoration: none !important;
+}
+
+.text-decoration-underline {
+  text-decoration: underline !important;
+}
+
+.text-decoration-line-through {
+  text-decoration: line-through !important;
+}
+
+.text-lowercase {
+  text-transform: lowercase !important;
+}
+
+.text-uppercase {
+  text-transform: uppercase !important;
+}
+
+.text-capitalize {
+  text-transform: capitalize !important;
+}
+
+.text-wrap {
+  white-space: normal !important;
+}
+
+.text-nowrap {
+  white-space: nowrap !important;
+}
+
+/* rtl:begin:remove */
+.text-break {
+  word-wrap: break-word !important;
+  word-break: break-word !important;
+}
+
+/* rtl:end:remove */
+.text-primary {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-secondary {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-success {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-info {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-warning {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-danger {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-light {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-dark {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-black {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-white {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-body {
+  --bs-text-opacity: 1;
+  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-muted {
+  --bs-text-opacity: 1;
+  color: var(--bs-secondary-color) !important;
+}
+
+.text-black-50 {
+  --bs-text-opacity: 1;
+  color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+  --bs-text-opacity: 1;
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-body-secondary {
+  --bs-text-opacity: 1;
+  color: var(--bs-secondary-color) !important;
+}
+
+.text-body-tertiary {
+  --bs-text-opacity: 1;
+  color: var(--bs-tertiary-color) !important;
+}
+
+.text-body-emphasis {
+  --bs-text-opacity: 1;
+  color: var(--bs-emphasis-color) !important;
+}
+
+.text-reset {
+  --bs-text-opacity: 1;
+  color: inherit !important;
+}
+
+.text-opacity-25 {
+  --bs-text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+  --bs-text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+  --bs-text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+  --bs-text-opacity: 1;
+}
+
+.text-primary-emphasis {
+  color: var(--bs-primary-text-emphasis) !important;
+}
+
+.text-secondary-emphasis {
+  color: var(--bs-secondary-text-emphasis) !important;
+}
+
+.text-success-emphasis {
+  color: var(--bs-success-text-emphasis) !important;
+}
+
+.text-info-emphasis {
+  color: var(--bs-info-text-emphasis) !important;
+}
+
+.text-warning-emphasis {
+  color: var(--bs-warning-text-emphasis) !important;
+}
+
+.text-danger-emphasis {
+  color: var(--bs-danger-text-emphasis) !important;
+}
+
+.text-light-emphasis {
+  color: var(--bs-light-text-emphasis) !important;
+}
+
+.text-dark-emphasis {
+  color: var(--bs-dark-text-emphasis) !important;
+}
+
+.link-opacity-10 {
+  --bs-link-opacity: 0.1;
+}
+
+.link-opacity-10-hover:hover {
+  --bs-link-opacity: 0.1;
+}
+
+.link-opacity-25 {
+  --bs-link-opacity: 0.25;
+}
+
+.link-opacity-25-hover:hover {
+  --bs-link-opacity: 0.25;
+}
+
+.link-opacity-50 {
+  --bs-link-opacity: 0.5;
+}
+
+.link-opacity-50-hover:hover {
+  --bs-link-opacity: 0.5;
+}
+
+.link-opacity-75 {
+  --bs-link-opacity: 0.75;
+}
+
+.link-opacity-75-hover:hover {
+  --bs-link-opacity: 0.75;
+}
+
+.link-opacity-100 {
+  --bs-link-opacity: 1;
+}
+
+.link-opacity-100-hover:hover {
+  --bs-link-opacity: 1;
+}
+
+.link-offset-1 {
+  text-underline-offset: 0.125em !important;
+}
+
+.link-offset-1-hover:hover {
+  text-underline-offset: 0.125em !important;
+}
+
+.link-offset-2 {
+  text-underline-offset: 0.25em !important;
+}
+
+.link-offset-2-hover:hover {
+  text-underline-offset: 0.25em !important;
+}
+
+.link-offset-3 {
+  text-underline-offset: 0.375em !important;
+}
+
+.link-offset-3-hover:hover {
+  text-underline-offset: 0.375em !important;
+}
+
+.link-underline-primary {
+  --bs-link-underline-opacity: 1;
+  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
+  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
+}
+
+.link-underline-secondary {
+  --bs-link-underline-opacity: 1;
+  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
+  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
+}
+
+.link-underline-success {
+  --bs-link-underline-opacity: 1;
+  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
+  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
+}
+
+.link-underline-info {
+  --bs-link-underline-opacity: 1;
+  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
+  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
+}
+
+.link-underline-warning {
+  --bs-link-underline-opacity: 1;
+  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
+  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
+}
+
+.link-underline-danger {
+  --bs-link-underline-opacity: 1;
+  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
+  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
+}
+
+.link-underline-light {
+  --bs-link-underline-opacity: 1;
+  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
+  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
+}
+
+.link-underline-dark {
+  --bs-link-underline-opacity: 1;
+  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
+  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
+}
+
+.link-underline {
+  --bs-link-underline-opacity: 1;
+  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
+}
+
+.link-underline-opacity-0 {
+  --bs-link-underline-opacity: 0;
+}
+
+.link-underline-opacity-0-hover:hover {
+  --bs-link-underline-opacity: 0;
+}
+
+.link-underline-opacity-10 {
+  --bs-link-underline-opacity: 0.1;
+}
+
+.link-underline-opacity-10-hover:hover {
+  --bs-link-underline-opacity: 0.1;
+}
+
+.link-underline-opacity-25 {
+  --bs-link-underline-opacity: 0.25;
+}
+
+.link-underline-opacity-25-hover:hover {
+  --bs-link-underline-opacity: 0.25;
+}
+
+.link-underline-opacity-50 {
+  --bs-link-underline-opacity: 0.5;
+}
+
+.link-underline-opacity-50-hover:hover {
+  --bs-link-underline-opacity: 0.5;
+}
+
+.link-underline-opacity-75 {
+  --bs-link-underline-opacity: 0.75;
+}
+
+.link-underline-opacity-75-hover:hover {
+  --bs-link-underline-opacity: 0.75;
+}
+
+.link-underline-opacity-100 {
+  --bs-link-underline-opacity: 1;
+}
+
+.link-underline-opacity-100-hover:hover {
+  --bs-link-underline-opacity: 1;
+}
+
+.bg-primary {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-secondary {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-success {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-info {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-warning {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-danger {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-light {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-dark {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-black {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-white {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-body {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-transparent {
+  --bs-bg-opacity: 1;
+  background-color: transparent !important;
+}
+
+.bg-body-secondary {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-body-tertiary {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-opacity-10 {
+  --bs-bg-opacity: 0.1;
+}
+
+.bg-opacity-25 {
+  --bs-bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+  --bs-bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+  --bs-bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+  --bs-bg-opacity: 1;
+}
+
+.bg-primary-subtle {
+  background-color: var(--bs-primary-bg-subtle) !important;
+}
+
+.bg-secondary-subtle {
+  background-color: var(--bs-secondary-bg-subtle) !important;
+}
+
+.bg-success-subtle {
+  background-color: var(--bs-success-bg-subtle) !important;
+}
+
+.bg-info-subtle {
+  background-color: var(--bs-info-bg-subtle) !important;
+}
+
+.bg-warning-subtle {
+  background-color: var(--bs-warning-bg-subtle) !important;
+}
+
+.bg-danger-subtle {
+  background-color: var(--bs-danger-bg-subtle) !important;
+}
+
+.bg-light-subtle {
+  background-color: var(--bs-light-bg-subtle) !important;
+}
+
+.bg-dark-subtle {
+  background-color: var(--bs-dark-bg-subtle) !important;
+}
+
+.bg-gradient {
+  background-image: var(--bs-gradient) !important;
+}
+
+.user-select-all {
+  -webkit-user-select: all !important;
+  -moz-user-select: all !important;
+  user-select: all !important;
+}
+
+.user-select-auto {
+  -webkit-user-select: auto !important;
+  -moz-user-select: auto !important;
+  user-select: auto !important;
+}
+
+.user-select-none {
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  user-select: none !important;
+}
+
+.pe-none {
+  pointer-events: none !important;
+}
+
+.pe-auto {
+  pointer-events: auto !important;
+}
+
+.rounded {
+  border-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
+
+.rounded-1 {
+  border-radius: var(--bs-border-radius-sm) !important;
+}
+
+.rounded-2 {
+  border-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-3 {
+  border-radius: var(--bs-border-radius-lg) !important;
+}
+
+.rounded-4 {
+  border-radius: var(--bs-border-radius-xl) !important;
+}
+
+.rounded-5 {
+  border-radius: var(--bs-border-radius-xxl) !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-pill {
+  border-radius: var(--bs-border-radius-pill) !important;
+}
+
+.rounded-top {
+  border-top-left-radius: var(--bs-border-radius) !important;
+  border-top-right-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-top-0 {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+
+.rounded-top-1 {
+  border-top-left-radius: var(--bs-border-radius-sm) !important;
+  border-top-right-radius: var(--bs-border-radius-sm) !important;
+}
+
+.rounded-top-2 {
+  border-top-left-radius: var(--bs-border-radius) !important;
+  border-top-right-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-top-3 {
+  border-top-left-radius: var(--bs-border-radius-lg) !important;
+  border-top-right-radius: var(--bs-border-radius-lg) !important;
+}
+
+.rounded-top-4 {
+  border-top-left-radius: var(--bs-border-radius-xl) !important;
+  border-top-right-radius: var(--bs-border-radius-xl) !important;
+}
+
+.rounded-top-5 {
+  border-top-left-radius: var(--bs-border-radius-xxl) !important;
+  border-top-right-radius: var(--bs-border-radius-xxl) !important;
+}
+
+.rounded-top-circle {
+  border-top-left-radius: 50% !important;
+  border-top-right-radius: 50% !important;
+}
+
+.rounded-top-pill {
+  border-top-left-radius: var(--bs-border-radius-pill) !important;
+  border-top-right-radius: var(--bs-border-radius-pill) !important;
+}
+
+.rounded-end {
+  border-top-right-radius: var(--bs-border-radius) !important;
+  border-bottom-right-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-end-0 {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.rounded-end-1 {
+  border-top-right-radius: var(--bs-border-radius-sm) !important;
+  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
+}
+
+.rounded-end-2 {
+  border-top-right-radius: var(--bs-border-radius) !important;
+  border-bottom-right-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-end-3 {
+  border-top-right-radius: var(--bs-border-radius-lg) !important;
+  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
+}
+
+.rounded-end-4 {
+  border-top-right-radius: var(--bs-border-radius-xl) !important;
+  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
+}
+
+.rounded-end-5 {
+  border-top-right-radius: var(--bs-border-radius-xxl) !important;
+  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
+}
+
+.rounded-end-circle {
+  border-top-right-radius: 50% !important;
+  border-bottom-right-radius: 50% !important;
+}
+
+.rounded-end-pill {
+  border-top-right-radius: var(--bs-border-radius-pill) !important;
+  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
+}
+
+.rounded-bottom {
+  border-bottom-right-radius: var(--bs-border-radius) !important;
+  border-bottom-left-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-bottom-0 {
+  border-bottom-right-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+
+.rounded-bottom-1 {
+  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
+  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
+}
+
+.rounded-bottom-2 {
+  border-bottom-right-radius: var(--bs-border-radius) !important;
+  border-bottom-left-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-bottom-3 {
+  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
+  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
+}
+
+.rounded-bottom-4 {
+  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
+  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
+}
+
+.rounded-bottom-5 {
+  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
+  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
+}
+
+.rounded-bottom-circle {
+  border-bottom-right-radius: 50% !important;
+  border-bottom-left-radius: 50% !important;
+}
+
+.rounded-bottom-pill {
+  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
+  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
+}
+
+.rounded-start {
+  border-bottom-left-radius: var(--bs-border-radius) !important;
+  border-top-left-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-start-0 {
+  border-bottom-left-radius: 0 !important;
+  border-top-left-radius: 0 !important;
+}
+
+.rounded-start-1 {
+  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
+  border-top-left-radius: var(--bs-border-radius-sm) !important;
+}
+
+.rounded-start-2 {
+  border-bottom-left-radius: var(--bs-border-radius) !important;
+  border-top-left-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-start-3 {
+  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
+  border-top-left-radius: var(--bs-border-radius-lg) !important;
+}
+
+.rounded-start-4 {
+  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
+  border-top-left-radius: var(--bs-border-radius-xl) !important;
+}
+
+.rounded-start-5 {
+  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
+  border-top-left-radius: var(--bs-border-radius-xxl) !important;
+}
+
+.rounded-start-circle {
+  border-bottom-left-radius: 50% !important;
+  border-top-left-radius: 50% !important;
+}
+
+.rounded-start-pill {
+  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
+  border-top-left-radius: var(--bs-border-radius-pill) !important;
+}
+
+.visible {
+  visibility: visible !important;
+}
+
+.invisible {
+  visibility: hidden !important;
+}
+
+.z-n1 {
+  z-index: -1 !important;
+}
+
+.z-0 {
+  z-index: 0 !important;
+}
+
+.z-1 {
+  z-index: 1 !important;
+}
+
+.z-2 {
+  z-index: 2 !important;
+}
+
+.z-3 {
+  z-index: 3 !important;
+}
+
+@media (min-width: 576px) {
+  .float-sm-start {
+    float: left !important;
+  }
+  .float-sm-end {
+    float: right !important;
+  }
+  .float-sm-none {
+    float: none !important;
+  }
+  .object-fit-sm-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important;
+  }
+  .object-fit-sm-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important;
+  }
+  .object-fit-sm-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important;
+  }
+  .object-fit-sm-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important;
+  }
+  .object-fit-sm-none {
+    -o-object-fit: none !important;
+    object-fit: none !important;
+  }
+  .d-sm-inline {
+    display: inline !important;
+  }
+  .d-sm-inline-block {
+    display: inline-block !important;
+  }
+  .d-sm-block {
+    display: block !important;
+  }
+  .d-sm-grid {
+    display: grid !important;
+  }
+  .d-sm-inline-grid {
+    display: inline-grid !important;
+  }
+  .d-sm-table {
+    display: table !important;
+  }
+  .d-sm-table-row {
+    display: table-row !important;
+  }
+  .d-sm-table-cell {
+    display: table-cell !important;
+  }
+  .d-sm-flex {
+    display: flex !important;
+  }
+  .d-sm-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-sm-none {
+    display: none !important;
+  }
+  .flex-sm-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-sm-row {
+    flex-direction: row !important;
+  }
+  .flex-sm-column {
+    flex-direction: column !important;
+  }
+  .flex-sm-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-sm-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-sm-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-sm-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-sm-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-sm-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-sm-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-sm-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-sm-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .justify-content-sm-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-sm-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-sm-center {
+    justify-content: center !important;
+  }
+  .justify-content-sm-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-sm-around {
+    justify-content: space-around !important;
+  }
+  .justify-content-sm-evenly {
+    justify-content: space-evenly !important;
+  }
+  .align-items-sm-start {
+    align-items: flex-start !important;
+  }
+  .align-items-sm-end {
+    align-items: flex-end !important;
+  }
+  .align-items-sm-center {
+    align-items: center !important;
+  }
+  .align-items-sm-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-sm-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-sm-start {
+    align-content: flex-start !important;
+  }
+  .align-content-sm-end {
+    align-content: flex-end !important;
+  }
+  .align-content-sm-center {
+    align-content: center !important;
+  }
+  .align-content-sm-between {
+    align-content: space-between !important;
+  }
+  .align-content-sm-around {
+    align-content: space-around !important;
+  }
+  .align-content-sm-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-sm-auto {
+    align-self: auto !important;
+  }
+  .align-self-sm-start {
+    align-self: flex-start !important;
+  }
+  .align-self-sm-end {
+    align-self: flex-end !important;
+  }
+  .align-self-sm-center {
+    align-self: center !important;
+  }
+  .align-self-sm-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-sm-stretch {
+    align-self: stretch !important;
+  }
+  .order-sm-first {
+    order: -1 !important;
+  }
+  .order-sm-0 {
+    order: 0 !important;
+  }
+  .order-sm-1 {
+    order: 1 !important;
+  }
+  .order-sm-2 {
+    order: 2 !important;
+  }
+  .order-sm-3 {
+    order: 3 !important;
+  }
+  .order-sm-4 {
+    order: 4 !important;
+  }
+  .order-sm-5 {
+    order: 5 !important;
+  }
+  .order-sm-last {
+    order: 6 !important;
+  }
+  .m-sm-0 {
+    margin: 0 !important;
+  }
+  .m-sm-1 {
+    margin: 0.25rem !important;
+  }
+  .m-sm-2 {
+    margin: 0.5rem !important;
+  }
+  .m-sm-3 {
+    margin: 1rem !important;
+  }
+  .m-sm-4 {
+    margin: 1.5rem !important;
+  }
+  .m-sm-5 {
+    margin: 3rem !important;
+  }
+  .m-sm-auto {
+    margin: auto !important;
+  }
+  .mx-sm-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+  .mx-sm-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+  .mx-sm-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+  .mx-sm-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+  .mx-sm-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+  .mx-sm-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .mx-sm-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  .my-sm-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .my-sm-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+  .my-sm-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+  .my-sm-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+  .my-sm-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  .my-sm-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .my-sm-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+  .mt-sm-0 {
+    margin-top: 0 !important;
+  }
+  .mt-sm-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mt-sm-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mt-sm-3 {
+    margin-top: 1rem !important;
+  }
+  .mt-sm-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mt-sm-5 {
+    margin-top: 3rem !important;
+  }
+  .mt-sm-auto {
+    margin-top: auto !important;
+  }
+  .me-sm-0 {
+    margin-right: 0 !important;
+  }
+  .me-sm-1 {
+    margin-right: 0.25rem !important;
+  }
+  .me-sm-2 {
+    margin-right: 0.5rem !important;
+  }
+  .me-sm-3 {
+    margin-right: 1rem !important;
+  }
+  .me-sm-4 {
+    margin-right: 1.5rem !important;
+  }
+  .me-sm-5 {
+    margin-right: 3rem !important;
+  }
+  .me-sm-auto {
+    margin-right: auto !important;
+  }
+  .mb-sm-0 {
+    margin-bottom: 0 !important;
+  }
+  .mb-sm-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .mb-sm-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .mb-sm-3 {
+    margin-bottom: 1rem !important;
+  }
+  .mb-sm-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .mb-sm-5 {
+    margin-bottom: 3rem !important;
+  }
+  .mb-sm-auto {
+    margin-bottom: auto !important;
+  }
+  .ms-sm-0 {
+    margin-left: 0 !important;
+  }
+  .ms-sm-1 {
+    margin-left: 0.25rem !important;
+  }
+  .ms-sm-2 {
+    margin-left: 0.5rem !important;
+  }
+  .ms-sm-3 {
+    margin-left: 1rem !important;
+  }
+  .ms-sm-4 {
+    margin-left: 1.5rem !important;
+  }
+  .ms-sm-5 {
+    margin-left: 3rem !important;
+  }
+  .ms-sm-auto {
+    margin-left: auto !important;
+  }
+  .p-sm-0 {
+    padding: 0 !important;
+  }
+  .p-sm-1 {
+    padding: 0.25rem !important;
+  }
+  .p-sm-2 {
+    padding: 0.5rem !important;
+  }
+  .p-sm-3 {
+    padding: 1rem !important;
+  }
+  .p-sm-4 {
+    padding: 1.5rem !important;
+  }
+  .p-sm-5 {
+    padding: 3rem !important;
+  }
+  .px-sm-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+  .px-sm-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+  .px-sm-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+  .px-sm-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+  .px-sm-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+  .px-sm-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-sm-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .py-sm-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+  .py-sm-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+  .py-sm-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+  .py-sm-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+  .py-sm-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+  .pt-sm-0 {
+    padding-top: 0 !important;
+  }
+  .pt-sm-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pt-sm-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pt-sm-3 {
+    padding-top: 1rem !important;
+  }
+  .pt-sm-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pt-sm-5 {
+    padding-top: 3rem !important;
+  }
+  .pe-sm-0 {
+    padding-right: 0 !important;
+  }
+  .pe-sm-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pe-sm-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pe-sm-3 {
+    padding-right: 1rem !important;
+  }
+  .pe-sm-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pe-sm-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-sm-0 {
+    padding-bottom: 0 !important;
+  }
+  .pb-sm-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pb-sm-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pb-sm-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pb-sm-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pb-sm-5 {
+    padding-bottom: 3rem !important;
+  }
+  .ps-sm-0 {
+    padding-left: 0 !important;
+  }
+  .ps-sm-1 {
+    padding-left: 0.25rem !important;
+  }
+  .ps-sm-2 {
+    padding-left: 0.5rem !important;
+  }
+  .ps-sm-3 {
+    padding-left: 1rem !important;
+  }
+  .ps-sm-4 {
+    padding-left: 1.5rem !important;
+  }
+  .ps-sm-5 {
+    padding-left: 3rem !important;
+  }
+  .gap-sm-0 {
+    gap: 0 !important;
+  }
+  .gap-sm-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-sm-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-sm-3 {
+    gap: 1rem !important;
+  }
+  .gap-sm-4 {
+    gap: 1.5rem !important;
+  }
+  .gap-sm-5 {
+    gap: 3rem !important;
+  }
+  .row-gap-sm-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-sm-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-sm-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-sm-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-sm-4 {
+    row-gap: 1.5rem !important;
+  }
+  .row-gap-sm-5 {
+    row-gap: 3rem !important;
+  }
+  .column-gap-sm-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important;
+  }
+  .column-gap-sm-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: 0.25rem !important;
+  }
+  .column-gap-sm-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: 0.5rem !important;
+  }
+  .column-gap-sm-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important;
+  }
+  .column-gap-sm-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important;
+  }
+  .column-gap-sm-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important;
+  }
+  .text-sm-start {
+    text-align: left !important;
+  }
+  .text-sm-end {
+    text-align: right !important;
+  }
+  .text-sm-center {
+    text-align: center !important;
+  }
+}
+@media (min-width: 768px) {
+  .float-md-start {
+    float: left !important;
+  }
+  .float-md-end {
+    float: right !important;
+  }
+  .float-md-none {
+    float: none !important;
+  }
+  .object-fit-md-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important;
+  }
+  .object-fit-md-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important;
+  }
+  .object-fit-md-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important;
+  }
+  .object-fit-md-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important;
+  }
+  .object-fit-md-none {
+    -o-object-fit: none !important;
+    object-fit: none !important;
+  }
+  .d-md-inline {
+    display: inline !important;
+  }
+  .d-md-inline-block {
+    display: inline-block !important;
+  }
+  .d-md-block {
+    display: block !important;
+  }
+  .d-md-grid {
+    display: grid !important;
+  }
+  .d-md-inline-grid {
+    display: inline-grid !important;
+  }
+  .d-md-table {
+    display: table !important;
+  }
+  .d-md-table-row {
+    display: table-row !important;
+  }
+  .d-md-table-cell {
+    display: table-cell !important;
+  }
+  .d-md-flex {
+    display: flex !important;
+  }
+  .d-md-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-md-none {
+    display: none !important;
+  }
+  .flex-md-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-md-row {
+    flex-direction: row !important;
+  }
+  .flex-md-column {
+    flex-direction: column !important;
+  }
+  .flex-md-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-md-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-md-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-md-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-md-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-md-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-md-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-md-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-md-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .justify-content-md-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-md-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-md-center {
+    justify-content: center !important;
+  }
+  .justify-content-md-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-md-around {
+    justify-content: space-around !important;
+  }
+  .justify-content-md-evenly {
+    justify-content: space-evenly !important;
+  }
+  .align-items-md-start {
+    align-items: flex-start !important;
+  }
+  .align-items-md-end {
+    align-items: flex-end !important;
+  }
+  .align-items-md-center {
+    align-items: center !important;
+  }
+  .align-items-md-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-md-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-md-start {
+    align-content: flex-start !important;
+  }
+  .align-content-md-end {
+    align-content: flex-end !important;
+  }
+  .align-content-md-center {
+    align-content: center !important;
+  }
+  .align-content-md-between {
+    align-content: space-between !important;
+  }
+  .align-content-md-around {
+    align-content: space-around !important;
+  }
+  .align-content-md-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-md-auto {
+    align-self: auto !important;
+  }
+  .align-self-md-start {
+    align-self: flex-start !important;
+  }
+  .align-self-md-end {
+    align-self: flex-end !important;
+  }
+  .align-self-md-center {
+    align-self: center !important;
+  }
+  .align-self-md-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-md-stretch {
+    align-self: stretch !important;
+  }
+  .order-md-first {
+    order: -1 !important;
+  }
+  .order-md-0 {
+    order: 0 !important;
+  }
+  .order-md-1 {
+    order: 1 !important;
+  }
+  .order-md-2 {
+    order: 2 !important;
+  }
+  .order-md-3 {
+    order: 3 !important;
+  }
+  .order-md-4 {
+    order: 4 !important;
+  }
+  .order-md-5 {
+    order: 5 !important;
+  }
+  .order-md-last {
+    order: 6 !important;
+  }
+  .m-md-0 {
+    margin: 0 !important;
+  }
+  .m-md-1 {
+    margin: 0.25rem !important;
+  }
+  .m-md-2 {
+    margin: 0.5rem !important;
+  }
+  .m-md-3 {
+    margin: 1rem !important;
+  }
+  .m-md-4 {
+    margin: 1.5rem !important;
+  }
+  .m-md-5 {
+    margin: 3rem !important;
+  }
+  .m-md-auto {
+    margin: auto !important;
+  }
+  .mx-md-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+  .mx-md-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+  .mx-md-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+  .mx-md-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+  .mx-md-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+  .mx-md-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .mx-md-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  .my-md-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .my-md-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+  .my-md-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+  .my-md-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+  .my-md-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  .my-md-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .my-md-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+  .mt-md-0 {
+    margin-top: 0 !important;
+  }
+  .mt-md-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mt-md-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mt-md-3 {
+    margin-top: 1rem !important;
+  }
+  .mt-md-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mt-md-5 {
+    margin-top: 3rem !important;
+  }
+  .mt-md-auto {
+    margin-top: auto !important;
+  }
+  .me-md-0 {
+    margin-right: 0 !important;
+  }
+  .me-md-1 {
+    margin-right: 0.25rem !important;
+  }
+  .me-md-2 {
+    margin-right: 0.5rem !important;
+  }
+  .me-md-3 {
+    margin-right: 1rem !important;
+  }
+  .me-md-4 {
+    margin-right: 1.5rem !important;
+  }
+  .me-md-5 {
+    margin-right: 3rem !important;
+  }
+  .me-md-auto {
+    margin-right: auto !important;
+  }
+  .mb-md-0 {
+    margin-bottom: 0 !important;
+  }
+  .mb-md-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .mb-md-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .mb-md-3 {
+    margin-bottom: 1rem !important;
+  }
+  .mb-md-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .mb-md-5 {
+    margin-bottom: 3rem !important;
+  }
+  .mb-md-auto {
+    margin-bottom: auto !important;
+  }
+  .ms-md-0 {
+    margin-left: 0 !important;
+  }
+  .ms-md-1 {
+    margin-left: 0.25rem !important;
+  }
+  .ms-md-2 {
+    margin-left: 0.5rem !important;
+  }
+  .ms-md-3 {
+    margin-left: 1rem !important;
+  }
+  .ms-md-4 {
+    margin-left: 1.5rem !important;
+  }
+  .ms-md-5 {
+    margin-left: 3rem !important;
+  }
+  .ms-md-auto {
+    margin-left: auto !important;
+  }
+  .p-md-0 {
+    padding: 0 !important;
+  }
+  .p-md-1 {
+    padding: 0.25rem !important;
+  }
+  .p-md-2 {
+    padding: 0.5rem !important;
+  }
+  .p-md-3 {
+    padding: 1rem !important;
+  }
+  .p-md-4 {
+    padding: 1.5rem !important;
+  }
+  .p-md-5 {
+    padding: 3rem !important;
+  }
+  .px-md-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+  .px-md-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+  .px-md-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+  .px-md-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+  .px-md-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+  .px-md-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-md-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .py-md-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+  .py-md-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+  .py-md-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+  .py-md-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+  .py-md-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+  .pt-md-0 {
+    padding-top: 0 !important;
+  }
+  .pt-md-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pt-md-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pt-md-3 {
+    padding-top: 1rem !important;
+  }
+  .pt-md-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pt-md-5 {
+    padding-top: 3rem !important;
+  }
+  .pe-md-0 {
+    padding-right: 0 !important;
+  }
+  .pe-md-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pe-md-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pe-md-3 {
+    padding-right: 1rem !important;
+  }
+  .pe-md-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pe-md-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-md-0 {
+    padding-bottom: 0 !important;
+  }
+  .pb-md-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pb-md-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pb-md-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pb-md-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pb-md-5 {
+    padding-bottom: 3rem !important;
+  }
+  .ps-md-0 {
+    padding-left: 0 !important;
+  }
+  .ps-md-1 {
+    padding-left: 0.25rem !important;
+  }
+  .ps-md-2 {
+    padding-left: 0.5rem !important;
+  }
+  .ps-md-3 {
+    padding-left: 1rem !important;
+  }
+  .ps-md-4 {
+    padding-left: 1.5rem !important;
+  }
+  .ps-md-5 {
+    padding-left: 3rem !important;
+  }
+  .gap-md-0 {
+    gap: 0 !important;
+  }
+  .gap-md-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-md-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-md-3 {
+    gap: 1rem !important;
+  }
+  .gap-md-4 {
+    gap: 1.5rem !important;
+  }
+  .gap-md-5 {
+    gap: 3rem !important;
+  }
+  .row-gap-md-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-md-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-md-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-md-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-md-4 {
+    row-gap: 1.5rem !important;
+  }
+  .row-gap-md-5 {
+    row-gap: 3rem !important;
+  }
+  .column-gap-md-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important;
+  }
+  .column-gap-md-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: 0.25rem !important;
+  }
+  .column-gap-md-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: 0.5rem !important;
+  }
+  .column-gap-md-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important;
+  }
+  .column-gap-md-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important;
+  }
+  .column-gap-md-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important;
+  }
+  .text-md-start {
+    text-align: left !important;
+  }
+  .text-md-end {
+    text-align: right !important;
+  }
+  .text-md-center {
+    text-align: center !important;
+  }
+}
+@media (min-width: 992px) {
+  .float-lg-start {
+    float: left !important;
+  }
+  .float-lg-end {
+    float: right !important;
+  }
+  .float-lg-none {
+    float: none !important;
+  }
+  .object-fit-lg-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important;
+  }
+  .object-fit-lg-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important;
+  }
+  .object-fit-lg-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important;
+  }
+  .object-fit-lg-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important;
+  }
+  .object-fit-lg-none {
+    -o-object-fit: none !important;
+    object-fit: none !important;
+  }
+  .d-lg-inline {
+    display: inline !important;
+  }
+  .d-lg-inline-block {
+    display: inline-block !important;
+  }
+  .d-lg-block {
+    display: block !important;
+  }
+  .d-lg-grid {
+    display: grid !important;
+  }
+  .d-lg-inline-grid {
+    display: inline-grid !important;
+  }
+  .d-lg-table {
+    display: table !important;
+  }
+  .d-lg-table-row {
+    display: table-row !important;
+  }
+  .d-lg-table-cell {
+    display: table-cell !important;
+  }
+  .d-lg-flex {
+    display: flex !important;
+  }
+  .d-lg-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-lg-none {
+    display: none !important;
+  }
+  .flex-lg-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-lg-row {
+    flex-direction: row !important;
+  }
+  .flex-lg-column {
+    flex-direction: column !important;
+  }
+  .flex-lg-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-lg-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-lg-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-lg-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-lg-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-lg-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-lg-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-lg-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-lg-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .justify-content-lg-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-lg-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-lg-center {
+    justify-content: center !important;
+  }
+  .justify-content-lg-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-lg-around {
+    justify-content: space-around !important;
+  }
+  .justify-content-lg-evenly {
+    justify-content: space-evenly !important;
+  }
+  .align-items-lg-start {
+    align-items: flex-start !important;
+  }
+  .align-items-lg-end {
+    align-items: flex-end !important;
+  }
+  .align-items-lg-center {
+    align-items: center !important;
+  }
+  .align-items-lg-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-lg-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-lg-start {
+    align-content: flex-start !important;
+  }
+  .align-content-lg-end {
+    align-content: flex-end !important;
+  }
+  .align-content-lg-center {
+    align-content: center !important;
+  }
+  .align-content-lg-between {
+    align-content: space-between !important;
+  }
+  .align-content-lg-around {
+    align-content: space-around !important;
+  }
+  .align-content-lg-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-lg-auto {
+    align-self: auto !important;
+  }
+  .align-self-lg-start {
+    align-self: flex-start !important;
+  }
+  .align-self-lg-end {
+    align-self: flex-end !important;
+  }
+  .align-self-lg-center {
+    align-self: center !important;
+  }
+  .align-self-lg-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-lg-stretch {
+    align-self: stretch !important;
+  }
+  .order-lg-first {
+    order: -1 !important;
+  }
+  .order-lg-0 {
+    order: 0 !important;
+  }
+  .order-lg-1 {
+    order: 1 !important;
+  }
+  .order-lg-2 {
+    order: 2 !important;
+  }
+  .order-lg-3 {
+    order: 3 !important;
+  }
+  .order-lg-4 {
+    order: 4 !important;
+  }
+  .order-lg-5 {
+    order: 5 !important;
+  }
+  .order-lg-last {
+    order: 6 !important;
+  }
+  .m-lg-0 {
+    margin: 0 !important;
+  }
+  .m-lg-1 {
+    margin: 0.25rem !important;
+  }
+  .m-lg-2 {
+    margin: 0.5rem !important;
+  }
+  .m-lg-3 {
+    margin: 1rem !important;
+  }
+  .m-lg-4 {
+    margin: 1.5rem !important;
+  }
+  .m-lg-5 {
+    margin: 3rem !important;
+  }
+  .m-lg-auto {
+    margin: auto !important;
+  }
+  .mx-lg-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+  .mx-lg-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+  .mx-lg-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+  .mx-lg-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+  .mx-lg-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+  .mx-lg-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .mx-lg-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  .my-lg-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .my-lg-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+  .my-lg-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+  .my-lg-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+  .my-lg-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  .my-lg-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .my-lg-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+  .mt-lg-0 {
+    margin-top: 0 !important;
+  }
+  .mt-lg-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mt-lg-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mt-lg-3 {
+    margin-top: 1rem !important;
+  }
+  .mt-lg-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mt-lg-5 {
+    margin-top: 3rem !important;
+  }
+  .mt-lg-auto {
+    margin-top: auto !important;
+  }
+  .me-lg-0 {
+    margin-right: 0 !important;
+  }
+  .me-lg-1 {
+    margin-right: 0.25rem !important;
+  }
+  .me-lg-2 {
+    margin-right: 0.5rem !important;
+  }
+  .me-lg-3 {
+    margin-right: 1rem !important;
+  }
+  .me-lg-4 {
+    margin-right: 1.5rem !important;
+  }
+  .me-lg-5 {
+    margin-right: 3rem !important;
+  }
+  .me-lg-auto {
+    margin-right: auto !important;
+  }
+  .mb-lg-0 {
+    margin-bottom: 0 !important;
+  }
+  .mb-lg-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .mb-lg-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .mb-lg-3 {
+    margin-bottom: 1rem !important;
+  }
+  .mb-lg-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .mb-lg-5 {
+    margin-bottom: 3rem !important;
+  }
+  .mb-lg-auto {
+    margin-bottom: auto !important;
+  }
+  .ms-lg-0 {
+    margin-left: 0 !important;
+  }
+  .ms-lg-1 {
+    margin-left: 0.25rem !important;
+  }
+  .ms-lg-2 {
+    margin-left: 0.5rem !important;
+  }
+  .ms-lg-3 {
+    margin-left: 1rem !important;
+  }
+  .ms-lg-4 {
+    margin-left: 1.5rem !important;
+  }
+  .ms-lg-5 {
+    margin-left: 3rem !important;
+  }
+  .ms-lg-auto {
+    margin-left: auto !important;
+  }
+  .p-lg-0 {
+    padding: 0 !important;
+  }
+  .p-lg-1 {
+    padding: 0.25rem !important;
+  }
+  .p-lg-2 {
+    padding: 0.5rem !important;
+  }
+  .p-lg-3 {
+    padding: 1rem !important;
+  }
+  .p-lg-4 {
+    padding: 1.5rem !important;
+  }
+  .p-lg-5 {
+    padding: 3rem !important;
+  }
+  .px-lg-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+  .px-lg-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+  .px-lg-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+  .px-lg-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+  .px-lg-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+  .px-lg-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-lg-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .py-lg-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+  .py-lg-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+  .py-lg-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+  .py-lg-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+  .py-lg-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+  .pt-lg-0 {
+    padding-top: 0 !important;
+  }
+  .pt-lg-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pt-lg-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pt-lg-3 {
+    padding-top: 1rem !important;
+  }
+  .pt-lg-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pt-lg-5 {
+    padding-top: 3rem !important;
+  }
+  .pe-lg-0 {
+    padding-right: 0 !important;
+  }
+  .pe-lg-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pe-lg-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pe-lg-3 {
+    padding-right: 1rem !important;
+  }
+  .pe-lg-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pe-lg-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-lg-0 {
+    padding-bottom: 0 !important;
+  }
+  .pb-lg-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pb-lg-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pb-lg-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pb-lg-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pb-lg-5 {
+    padding-bottom: 3rem !important;
+  }
+  .ps-lg-0 {
+    padding-left: 0 !important;
+  }
+  .ps-lg-1 {
+    padding-left: 0.25rem !important;
+  }
+  .ps-lg-2 {
+    padding-left: 0.5rem !important;
+  }
+  .ps-lg-3 {
+    padding-left: 1rem !important;
+  }
+  .ps-lg-4 {
+    padding-left: 1.5rem !important;
+  }
+  .ps-lg-5 {
+    padding-left: 3rem !important;
+  }
+  .gap-lg-0 {
+    gap: 0 !important;
+  }
+  .gap-lg-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-lg-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-lg-3 {
+    gap: 1rem !important;
+  }
+  .gap-lg-4 {
+    gap: 1.5rem !important;
+  }
+  .gap-lg-5 {
+    gap: 3rem !important;
+  }
+  .row-gap-lg-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-lg-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-lg-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-lg-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-lg-4 {
+    row-gap: 1.5rem !important;
+  }
+  .row-gap-lg-5 {
+    row-gap: 3rem !important;
+  }
+  .column-gap-lg-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important;
+  }
+  .column-gap-lg-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: 0.25rem !important;
+  }
+  .column-gap-lg-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: 0.5rem !important;
+  }
+  .column-gap-lg-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important;
+  }
+  .column-gap-lg-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important;
+  }
+  .column-gap-lg-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important;
+  }
+  .text-lg-start {
+    text-align: left !important;
+  }
+  .text-lg-end {
+    text-align: right !important;
+  }
+  .text-lg-center {
+    text-align: center !important;
+  }
+}
+@media (min-width: 1200px) {
+  .float-xl-start {
+    float: left !important;
+  }
+  .float-xl-end {
+    float: right !important;
+  }
+  .float-xl-none {
+    float: none !important;
+  }
+  .object-fit-xl-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important;
+  }
+  .object-fit-xl-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important;
+  }
+  .object-fit-xl-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important;
+  }
+  .object-fit-xl-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important;
+  }
+  .object-fit-xl-none {
+    -o-object-fit: none !important;
+    object-fit: none !important;
+  }
+  .d-xl-inline {
+    display: inline !important;
+  }
+  .d-xl-inline-block {
+    display: inline-block !important;
+  }
+  .d-xl-block {
+    display: block !important;
+  }
+  .d-xl-grid {
+    display: grid !important;
+  }
+  .d-xl-inline-grid {
+    display: inline-grid !important;
+  }
+  .d-xl-table {
+    display: table !important;
+  }
+  .d-xl-table-row {
+    display: table-row !important;
+  }
+  .d-xl-table-cell {
+    display: table-cell !important;
+  }
+  .d-xl-flex {
+    display: flex !important;
+  }
+  .d-xl-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-xl-none {
+    display: none !important;
+  }
+  .flex-xl-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-xl-row {
+    flex-direction: row !important;
+  }
+  .flex-xl-column {
+    flex-direction: column !important;
+  }
+  .flex-xl-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-xl-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-xl-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-xl-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-xl-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-xl-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-xl-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-xl-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-xl-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .justify-content-xl-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-xl-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-xl-center {
+    justify-content: center !important;
+  }
+  .justify-content-xl-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-xl-around {
+    justify-content: space-around !important;
+  }
+  .justify-content-xl-evenly {
+    justify-content: space-evenly !important;
+  }
+  .align-items-xl-start {
+    align-items: flex-start !important;
+  }
+  .align-items-xl-end {
+    align-items: flex-end !important;
+  }
+  .align-items-xl-center {
+    align-items: center !important;
+  }
+  .align-items-xl-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-xl-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-xl-start {
+    align-content: flex-start !important;
+  }
+  .align-content-xl-end {
+    align-content: flex-end !important;
+  }
+  .align-content-xl-center {
+    align-content: center !important;
+  }
+  .align-content-xl-between {
+    align-content: space-between !important;
+  }
+  .align-content-xl-around {
+    align-content: space-around !important;
+  }
+  .align-content-xl-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-xl-auto {
+    align-self: auto !important;
+  }
+  .align-self-xl-start {
+    align-self: flex-start !important;
+  }
+  .align-self-xl-end {
+    align-self: flex-end !important;
+  }
+  .align-self-xl-center {
+    align-self: center !important;
+  }
+  .align-self-xl-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-xl-stretch {
+    align-self: stretch !important;
+  }
+  .order-xl-first {
+    order: -1 !important;
+  }
+  .order-xl-0 {
+    order: 0 !important;
+  }
+  .order-xl-1 {
+    order: 1 !important;
+  }
+  .order-xl-2 {
+    order: 2 !important;
+  }
+  .order-xl-3 {
+    order: 3 !important;
+  }
+  .order-xl-4 {
+    order: 4 !important;
+  }
+  .order-xl-5 {
+    order: 5 !important;
+  }
+  .order-xl-last {
+    order: 6 !important;
+  }
+  .m-xl-0 {
+    margin: 0 !important;
+  }
+  .m-xl-1 {
+    margin: 0.25rem !important;
+  }
+  .m-xl-2 {
+    margin: 0.5rem !important;
+  }
+  .m-xl-3 {
+    margin: 1rem !important;
+  }
+  .m-xl-4 {
+    margin: 1.5rem !important;
+  }
+  .m-xl-5 {
+    margin: 3rem !important;
+  }
+  .m-xl-auto {
+    margin: auto !important;
+  }
+  .mx-xl-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+  .mx-xl-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+  .mx-xl-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+  .mx-xl-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+  .mx-xl-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+  .mx-xl-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .mx-xl-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  .my-xl-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .my-xl-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+  .my-xl-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+  .my-xl-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+  .my-xl-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  .my-xl-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .my-xl-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+  .mt-xl-0 {
+    margin-top: 0 !important;
+  }
+  .mt-xl-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mt-xl-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mt-xl-3 {
+    margin-top: 1rem !important;
+  }
+  .mt-xl-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mt-xl-5 {
+    margin-top: 3rem !important;
+  }
+  .mt-xl-auto {
+    margin-top: auto !important;
+  }
+  .me-xl-0 {
+    margin-right: 0 !important;
+  }
+  .me-xl-1 {
+    margin-right: 0.25rem !important;
+  }
+  .me-xl-2 {
+    margin-right: 0.5rem !important;
+  }
+  .me-xl-3 {
+    margin-right: 1rem !important;
+  }
+  .me-xl-4 {
+    margin-right: 1.5rem !important;
+  }
+  .me-xl-5 {
+    margin-right: 3rem !important;
+  }
+  .me-xl-auto {
+    margin-right: auto !important;
+  }
+  .mb-xl-0 {
+    margin-bottom: 0 !important;
+  }
+  .mb-xl-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .mb-xl-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .mb-xl-3 {
+    margin-bottom: 1rem !important;
+  }
+  .mb-xl-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .mb-xl-5 {
+    margin-bottom: 3rem !important;
+  }
+  .mb-xl-auto {
+    margin-bottom: auto !important;
+  }
+  .ms-xl-0 {
+    margin-left: 0 !important;
+  }
+  .ms-xl-1 {
+    margin-left: 0.25rem !important;
+  }
+  .ms-xl-2 {
+    margin-left: 0.5rem !important;
+  }
+  .ms-xl-3 {
+    margin-left: 1rem !important;
+  }
+  .ms-xl-4 {
+    margin-left: 1.5rem !important;
+  }
+  .ms-xl-5 {
+    margin-left: 3rem !important;
+  }
+  .ms-xl-auto {
+    margin-left: auto !important;
+  }
+  .p-xl-0 {
+    padding: 0 !important;
+  }
+  .p-xl-1 {
+    padding: 0.25rem !important;
+  }
+  .p-xl-2 {
+    padding: 0.5rem !important;
+  }
+  .p-xl-3 {
+    padding: 1rem !important;
+  }
+  .p-xl-4 {
+    padding: 1.5rem !important;
+  }
+  .p-xl-5 {
+    padding: 3rem !important;
+  }
+  .px-xl-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+  .px-xl-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+  .px-xl-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+  .px-xl-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+  .px-xl-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+  .px-xl-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-xl-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .py-xl-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+  .py-xl-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+  .py-xl-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+  .py-xl-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+  .py-xl-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+  .pt-xl-0 {
+    padding-top: 0 !important;
+  }
+  .pt-xl-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pt-xl-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pt-xl-3 {
+    padding-top: 1rem !important;
+  }
+  .pt-xl-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pt-xl-5 {
+    padding-top: 3rem !important;
+  }
+  .pe-xl-0 {
+    padding-right: 0 !important;
+  }
+  .pe-xl-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pe-xl-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pe-xl-3 {
+    padding-right: 1rem !important;
+  }
+  .pe-xl-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pe-xl-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-xl-0 {
+    padding-bottom: 0 !important;
+  }
+  .pb-xl-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pb-xl-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pb-xl-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pb-xl-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pb-xl-5 {
+    padding-bottom: 3rem !important;
+  }
+  .ps-xl-0 {
+    padding-left: 0 !important;
+  }
+  .ps-xl-1 {
+    padding-left: 0.25rem !important;
+  }
+  .ps-xl-2 {
+    padding-left: 0.5rem !important;
+  }
+  .ps-xl-3 {
+    padding-left: 1rem !important;
+  }
+  .ps-xl-4 {
+    padding-left: 1.5rem !important;
+  }
+  .ps-xl-5 {
+    padding-left: 3rem !important;
+  }
+  .gap-xl-0 {
+    gap: 0 !important;
+  }
+  .gap-xl-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-xl-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-xl-3 {
+    gap: 1rem !important;
+  }
+  .gap-xl-4 {
+    gap: 1.5rem !important;
+  }
+  .gap-xl-5 {
+    gap: 3rem !important;
+  }
+  .row-gap-xl-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-xl-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-xl-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-xl-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-xl-4 {
+    row-gap: 1.5rem !important;
+  }
+  .row-gap-xl-5 {
+    row-gap: 3rem !important;
+  }
+  .column-gap-xl-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important;
+  }
+  .column-gap-xl-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: 0.25rem !important;
+  }
+  .column-gap-xl-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: 0.5rem !important;
+  }
+  .column-gap-xl-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important;
+  }
+  .column-gap-xl-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important;
+  }
+  .column-gap-xl-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important;
+  }
+  .text-xl-start {
+    text-align: left !important;
+  }
+  .text-xl-end {
+    text-align: right !important;
+  }
+  .text-xl-center {
+    text-align: center !important;
+  }
+}
+@media (min-width: 1400px) {
+  .float-xxl-start {
+    float: left !important;
+  }
+  .float-xxl-end {
+    float: right !important;
+  }
+  .float-xxl-none {
+    float: none !important;
+  }
+  .object-fit-xxl-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important;
+  }
+  .object-fit-xxl-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important;
+  }
+  .object-fit-xxl-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important;
+  }
+  .object-fit-xxl-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important;
+  }
+  .object-fit-xxl-none {
+    -o-object-fit: none !important;
+    object-fit: none !important;
+  }
+  .d-xxl-inline {
+    display: inline !important;
+  }
+  .d-xxl-inline-block {
+    display: inline-block !important;
+  }
+  .d-xxl-block {
+    display: block !important;
+  }
+  .d-xxl-grid {
+    display: grid !important;
+  }
+  .d-xxl-inline-grid {
+    display: inline-grid !important;
+  }
+  .d-xxl-table {
+    display: table !important;
+  }
+  .d-xxl-table-row {
+    display: table-row !important;
+  }
+  .d-xxl-table-cell {
+    display: table-cell !important;
+  }
+  .d-xxl-flex {
+    display: flex !important;
+  }
+  .d-xxl-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-xxl-none {
+    display: none !important;
+  }
+  .flex-xxl-fill {
+    flex: 1 1 auto !important;
+  }
+  .flex-xxl-row {
+    flex-direction: row !important;
+  }
+  .flex-xxl-column {
+    flex-direction: column !important;
+  }
+  .flex-xxl-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  .flex-xxl-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  .flex-xxl-grow-0 {
+    flex-grow: 0 !important;
+  }
+  .flex-xxl-grow-1 {
+    flex-grow: 1 !important;
+  }
+  .flex-xxl-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+  .flex-xxl-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+  .flex-xxl-wrap {
+    flex-wrap: wrap !important;
+  }
+  .flex-xxl-nowrap {
+    flex-wrap: nowrap !important;
+  }
+  .flex-xxl-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+  .justify-content-xxl-start {
+    justify-content: flex-start !important;
+  }
+  .justify-content-xxl-end {
+    justify-content: flex-end !important;
+  }
+  .justify-content-xxl-center {
+    justify-content: center !important;
+  }
+  .justify-content-xxl-between {
+    justify-content: space-between !important;
+  }
+  .justify-content-xxl-around {
+    justify-content: space-around !important;
+  }
+  .justify-content-xxl-evenly {
+    justify-content: space-evenly !important;
+  }
+  .align-items-xxl-start {
+    align-items: flex-start !important;
+  }
+  .align-items-xxl-end {
+    align-items: flex-end !important;
+  }
+  .align-items-xxl-center {
+    align-items: center !important;
+  }
+  .align-items-xxl-baseline {
+    align-items: baseline !important;
+  }
+  .align-items-xxl-stretch {
+    align-items: stretch !important;
+  }
+  .align-content-xxl-start {
+    align-content: flex-start !important;
+  }
+  .align-content-xxl-end {
+    align-content: flex-end !important;
+  }
+  .align-content-xxl-center {
+    align-content: center !important;
+  }
+  .align-content-xxl-between {
+    align-content: space-between !important;
+  }
+  .align-content-xxl-around {
+    align-content: space-around !important;
+  }
+  .align-content-xxl-stretch {
+    align-content: stretch !important;
+  }
+  .align-self-xxl-auto {
+    align-self: auto !important;
+  }
+  .align-self-xxl-start {
+    align-self: flex-start !important;
+  }
+  .align-self-xxl-end {
+    align-self: flex-end !important;
+  }
+  .align-self-xxl-center {
+    align-self: center !important;
+  }
+  .align-self-xxl-baseline {
+    align-self: baseline !important;
+  }
+  .align-self-xxl-stretch {
+    align-self: stretch !important;
+  }
+  .order-xxl-first {
+    order: -1 !important;
+  }
+  .order-xxl-0 {
+    order: 0 !important;
+  }
+  .order-xxl-1 {
+    order: 1 !important;
+  }
+  .order-xxl-2 {
+    order: 2 !important;
+  }
+  .order-xxl-3 {
+    order: 3 !important;
+  }
+  .order-xxl-4 {
+    order: 4 !important;
+  }
+  .order-xxl-5 {
+    order: 5 !important;
+  }
+  .order-xxl-last {
+    order: 6 !important;
+  }
+  .m-xxl-0 {
+    margin: 0 !important;
+  }
+  .m-xxl-1 {
+    margin: 0.25rem !important;
+  }
+  .m-xxl-2 {
+    margin: 0.5rem !important;
+  }
+  .m-xxl-3 {
+    margin: 1rem !important;
+  }
+  .m-xxl-4 {
+    margin: 1.5rem !important;
+  }
+  .m-xxl-5 {
+    margin: 3rem !important;
+  }
+  .m-xxl-auto {
+    margin: auto !important;
+  }
+  .mx-xxl-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+  .mx-xxl-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+  .mx-xxl-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+  .mx-xxl-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+  .mx-xxl-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+  .mx-xxl-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .mx-xxl-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+  .my-xxl-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .my-xxl-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+  .my-xxl-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+  .my-xxl-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+  .my-xxl-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  .my-xxl-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .my-xxl-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+  .mt-xxl-0 {
+    margin-top: 0 !important;
+  }
+  .mt-xxl-1 {
+    margin-top: 0.25rem !important;
+  }
+  .mt-xxl-2 {
+    margin-top: 0.5rem !important;
+  }
+  .mt-xxl-3 {
+    margin-top: 1rem !important;
+  }
+  .mt-xxl-4 {
+    margin-top: 1.5rem !important;
+  }
+  .mt-xxl-5 {
+    margin-top: 3rem !important;
+  }
+  .mt-xxl-auto {
+    margin-top: auto !important;
+  }
+  .me-xxl-0 {
+    margin-right: 0 !important;
+  }
+  .me-xxl-1 {
+    margin-right: 0.25rem !important;
+  }
+  .me-xxl-2 {
+    margin-right: 0.5rem !important;
+  }
+  .me-xxl-3 {
+    margin-right: 1rem !important;
+  }
+  .me-xxl-4 {
+    margin-right: 1.5rem !important;
+  }
+  .me-xxl-5 {
+    margin-right: 3rem !important;
+  }
+  .me-xxl-auto {
+    margin-right: auto !important;
+  }
+  .mb-xxl-0 {
+    margin-bottom: 0 !important;
+  }
+  .mb-xxl-1 {
+    margin-bottom: 0.25rem !important;
+  }
+  .mb-xxl-2 {
+    margin-bottom: 0.5rem !important;
+  }
+  .mb-xxl-3 {
+    margin-bottom: 1rem !important;
+  }
+  .mb-xxl-4 {
+    margin-bottom: 1.5rem !important;
+  }
+  .mb-xxl-5 {
+    margin-bottom: 3rem !important;
+  }
+  .mb-xxl-auto {
+    margin-bottom: auto !important;
+  }
+  .ms-xxl-0 {
+    margin-left: 0 !important;
+  }
+  .ms-xxl-1 {
+    margin-left: 0.25rem !important;
+  }
+  .ms-xxl-2 {
+    margin-left: 0.5rem !important;
+  }
+  .ms-xxl-3 {
+    margin-left: 1rem !important;
+  }
+  .ms-xxl-4 {
+    margin-left: 1.5rem !important;
+  }
+  .ms-xxl-5 {
+    margin-left: 3rem !important;
+  }
+  .ms-xxl-auto {
+    margin-left: auto !important;
+  }
+  .p-xxl-0 {
+    padding: 0 !important;
+  }
+  .p-xxl-1 {
+    padding: 0.25rem !important;
+  }
+  .p-xxl-2 {
+    padding: 0.5rem !important;
+  }
+  .p-xxl-3 {
+    padding: 1rem !important;
+  }
+  .p-xxl-4 {
+    padding: 1.5rem !important;
+  }
+  .p-xxl-5 {
+    padding: 3rem !important;
+  }
+  .px-xxl-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+  .px-xxl-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+  .px-xxl-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+  .px-xxl-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+  .px-xxl-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+  .px-xxl-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-xxl-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .py-xxl-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+  .py-xxl-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+  .py-xxl-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+  .py-xxl-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+  .py-xxl-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+  .pt-xxl-0 {
+    padding-top: 0 !important;
+  }
+  .pt-xxl-1 {
+    padding-top: 0.25rem !important;
+  }
+  .pt-xxl-2 {
+    padding-top: 0.5rem !important;
+  }
+  .pt-xxl-3 {
+    padding-top: 1rem !important;
+  }
+  .pt-xxl-4 {
+    padding-top: 1.5rem !important;
+  }
+  .pt-xxl-5 {
+    padding-top: 3rem !important;
+  }
+  .pe-xxl-0 {
+    padding-right: 0 !important;
+  }
+  .pe-xxl-1 {
+    padding-right: 0.25rem !important;
+  }
+  .pe-xxl-2 {
+    padding-right: 0.5rem !important;
+  }
+  .pe-xxl-3 {
+    padding-right: 1rem !important;
+  }
+  .pe-xxl-4 {
+    padding-right: 1.5rem !important;
+  }
+  .pe-xxl-5 {
+    padding-right: 3rem !important;
+  }
+  .pb-xxl-0 {
+    padding-bottom: 0 !important;
+  }
+  .pb-xxl-1 {
+    padding-bottom: 0.25rem !important;
+  }
+  .pb-xxl-2 {
+    padding-bottom: 0.5rem !important;
+  }
+  .pb-xxl-3 {
+    padding-bottom: 1rem !important;
+  }
+  .pb-xxl-4 {
+    padding-bottom: 1.5rem !important;
+  }
+  .pb-xxl-5 {
+    padding-bottom: 3rem !important;
+  }
+  .ps-xxl-0 {
+    padding-left: 0 !important;
+  }
+  .ps-xxl-1 {
+    padding-left: 0.25rem !important;
+  }
+  .ps-xxl-2 {
+    padding-left: 0.5rem !important;
+  }
+  .ps-xxl-3 {
+    padding-left: 1rem !important;
+  }
+  .ps-xxl-4 {
+    padding-left: 1.5rem !important;
+  }
+  .ps-xxl-5 {
+    padding-left: 3rem !important;
+  }
+  .gap-xxl-0 {
+    gap: 0 !important;
+  }
+  .gap-xxl-1 {
+    gap: 0.25rem !important;
+  }
+  .gap-xxl-2 {
+    gap: 0.5rem !important;
+  }
+  .gap-xxl-3 {
+    gap: 1rem !important;
+  }
+  .gap-xxl-4 {
+    gap: 1.5rem !important;
+  }
+  .gap-xxl-5 {
+    gap: 3rem !important;
+  }
+  .row-gap-xxl-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-xxl-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-xxl-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-xxl-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-xxl-4 {
+    row-gap: 1.5rem !important;
+  }
+  .row-gap-xxl-5 {
+    row-gap: 3rem !important;
+  }
+  .column-gap-xxl-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important;
+  }
+  .column-gap-xxl-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: 0.25rem !important;
+  }
+  .column-gap-xxl-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: 0.5rem !important;
+  }
+  .column-gap-xxl-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important;
+  }
+  .column-gap-xxl-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important;
+  }
+  .column-gap-xxl-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important;
+  }
+  .text-xxl-start {
+    text-align: left !important;
+  }
+  .text-xxl-end {
+    text-align: right !important;
+  }
+  .text-xxl-center {
+    text-align: center !important;
+  }
+}
+@media (min-width: 1200px) {
+  .fs-1 {
+    font-size: 2.5rem !important;
+  }
+  .fs-2 {
+    font-size: 2rem !important;
+  }
+  .fs-3 {
+    font-size: 1.75rem !important;
+  }
+  .fs-4 {
+    font-size: 1.5rem !important;
+  }
+}
+@media print {
+  .d-print-inline {
+    display: inline !important;
+  }
+  .d-print-inline-block {
+    display: inline-block !important;
+  }
+  .d-print-block {
+    display: block !important;
+  }
+  .d-print-grid {
+    display: grid !important;
+  }
+  .d-print-inline-grid {
+    display: inline-grid !important;
+  }
+  .d-print-table {
+    display: table !important;
+  }
+  .d-print-table-row {
+    display: table-row !important;
+  }
+  .d-print-table-cell {
+    display: table-cell !important;
+  }
+  .d-print-flex {
+    display: flex !important;
+  }
+  .d-print-inline-flex {
+    display: inline-flex !important;
+  }
+  .d-print-none {
+    display: none !important;
+  }
+}
+
+/*# sourceMappingURL=bootstrap.css.map */
diff --git a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
new file mode 100644
index 0000000000..368d648f58
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
@@ -0,0 +1,101 @@
+import test from 'node:test';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+import postcss from 'postcss';
+import { find, fork, parse } from 'css-tree';
+
+async function get_files(dir, recursive = true) {
+	dir = path.resolve(dir);
+	const dirents = await fs.readdir(dir, { withFileTypes: true });
+	const files = await Promise.all(dirents.map((dirent) => {
+		const res = path.resolve(dir, dirent.name);
+		if (!res.startsWith(dir)) {
+			return [];
+		}
+
+		if (dirent.isSymbolicLink()) {
+			return [];
+		}
+
+		if (recursive && dirent.isDirectory()) {
+			return get_files(res);
+		}
+
+		if (path.extname(res) !== '.css') {
+			return [];
+		}
+
+		if (path.basename(res).includes('ignored')) {
+			return [];
+		}
+
+		return [res];
+	}));
+
+	return files.flat();
+}
+
+function contains_unsupported_function(cssTreeNode) {
+	return Boolean(
+		find(
+			cssTreeNode,
+			(node) => node.type === 'Function' && ['var', 'env'].includes(node.name),
+		),
+	);
+}
+
+const css_files = await get_files('./tests');
+
+const patches = JSON.parse(await fs.readFile('./dist/index.json', 'utf-8')).next;
+
+const forkedLexer = fork({
+	properties: patches.properties,
+	types: patches.types,
+}).lexer;
+
+for (const css_file of css_files) {
+	await test(path.basename(css_file), async (t) => {
+		const css_file_contents = await fs.readFile(css_file);
+
+		const root = postcss.parse(css_file_contents, { from: css_file });
+
+		const all_declarations = [];
+		root.walkDecls((decl) => {
+			all_declarations.push(decl);
+		});
+
+		for (let i = 0; i < all_declarations.length; i++) {
+			const decl = all_declarations[i];
+			if (decl.variable) {
+				continue;
+			}
+
+			if (decl.parent?.type === 'atrule' && decl.parent.name === 'page') {
+				continue;
+			}
+
+			if (css_file.includes('/bootstrap.') && /^-(?:o|moz|ms|webkit)-/i.test(decl.prop)) {
+				// Bootstrap contains too many generated vendor prefixed props.
+				// We don't want to test cycles between tools, only CSS written by humans.
+				continue;
+			}
+
+			await t.test(`(${i}) ${decl}`, () => {
+				const { prop, value } = decl;
+
+				const csstree_value_node = parse(value, { context: 'value' });
+				if (contains_unsupported_function(csstree_value_node)) {
+					return;
+				}
+
+				const result = forkedLexer.matchProperty(prop, csstree_value_node);
+				if (!result.error) {
+					return;
+				}
+
+				throw result.error;
+			});
+		}
+	});
+}

From b51ac9a9939e330ecfb9dcd3890a920ecf12bf7c Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 28 Aug 2024 20:30:16 +0200
Subject: [PATCH 14/66] add more community tests

---
 .../dist/index.json                           |    2 +
 .../webref-over-csstree-properties.json       |   28 +-
 .../tests/960.css                             |  653 ++
 .../tests/animate.css                         | 4072 ++++++++++++
 .../tests/blueprint.css                       |  553 ++
 ....1.0.0.css => bootstrap.1.0.0.ignored.css} |    0
 .../tests/community.test.mjs                  |   55 +-
 .../tests/font-awesome-all.css                | 4586 ++++++++++++++
 .../tests/foundation.css                      | 5588 +++++++++++++++++
 .../tests/normalize.css                       |  349 +
 .../tests/open-props.min.css                  |    1 +
 .../tests/pure.css                            | 1380 ++++
 .../tests/reset.css                           |   48 +
 13 files changed, 17298 insertions(+), 17 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/960.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/animate.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/blueprint.css
 rename packages/css-syntax-patches-for-csstree/tests/{bootstrap.1.0.0.css => bootstrap.1.0.0.ignored.css} (100%)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/font-awesome-all.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/foundation.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/normalize.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/open-props.min.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/pure.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/reset.css

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 41b1ec40b5..42f4b5b76b 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -7,6 +7,8 @@
 			"anchor-name": "none | <dashed-ident>#",
 			"anchor-scope": "none | all | <dashed-ident>#",
 			"appearance": "none | auto | <compat-auto> | <compat-special>",
+			"color-adjust": "<'print-color-adjust'>",
+			"justify-items": "| anchor-center",
 			"position-anchor": "auto | <anchor-element>",
 			"position-area": "none | <position-area>",
 			"position-try-fallbacks": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index f9ff2600a1..3a14c02bc8 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1210,10 +1210,21 @@
 		"syntax-before": "",
 		"syntax-after": "<'print-color-adjust'>",
 		"comment": "",
-		"merged": false,
+		"merged": "<'print-color-adjust'>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "exact"
+				},
+				{
+					"value": "economy"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"color-interpolation": {
@@ -2200,9 +2211,16 @@
 		"syntax-before": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
 		"syntax-after": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
 		"comment": "",
-		"merged": false,
+		"merged": "| anchor-center",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "anchor-center"
+				},
+				{
+					"value": "normal"
+				}
+			],
 			"failing": []
 		}
 	},
diff --git a/packages/css-syntax-patches-for-csstree/tests/960.css b/packages/css-syntax-patches-for-csstree/tests/960.css
new file mode 100644
index 0000000000..260fa15291
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/960.css
@@ -0,0 +1,653 @@
+/*
+  960 Grid System ~ Core CSS.
+  Learn more ~ http://960.gs/
+
+  Licensed under GPL and MIT.
+*/
+
+/*
+  Forces backgrounds to span full width,
+  even if there is horizontal scrolling.
+  Increase this if your layout is wider.
+
+  Note: IE6 works fine without this fix.
+*/
+
+body {
+  min-width: 960px;
+}
+
+/* `Container
+----------------------------------------------------------------------------------------------------*/
+
+.container_12,
+.container_16 {
+  margin-left: auto;
+  margin-right: auto;
+  width: 960px;
+}
+
+/* `Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16 {
+  display: inline;
+  float: left;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+.push_1, .pull_1,
+.push_2, .pull_2,
+.push_3, .pull_3,
+.push_4, .pull_4,
+.push_5, .pull_5,
+.push_6, .pull_6,
+.push_7, .pull_7,
+.push_8, .pull_8,
+.push_9, .pull_9,
+.push_10, .pull_10,
+.push_11, .pull_11,
+.push_12, .pull_12,
+.push_13, .pull_13,
+.push_14, .pull_14,
+.push_15, .pull_15 {
+  position: relative;
+}
+
+.container_12 .grid_3,
+.container_16 .grid_4 {
+  width: 220px;
+}
+
+.container_12 .grid_6,
+.container_16 .grid_8 {
+  width: 460px;
+}
+
+.container_12 .grid_9,
+.container_16 .grid_12 {
+  width: 700px;
+}
+
+.container_12 .grid_12,
+.container_16 .grid_16 {
+  width: 940px;
+}
+
+/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+  margin-left: 0;
+}
+
+.omega {
+  margin-right: 0;
+}
+
+/* `Grid >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .grid_1 {
+  width: 60px;
+}
+
+.container_12 .grid_2 {
+  width: 140px;
+}
+
+.container_12 .grid_4 {
+  width: 300px;
+}
+
+.container_12 .grid_5 {
+  width: 380px;
+}
+
+.container_12 .grid_7 {
+  width: 540px;
+}
+
+.container_12 .grid_8 {
+  width: 620px;
+}
+
+.container_12 .grid_10 {
+  width: 780px;
+}
+
+.container_12 .grid_11 {
+  width: 860px;
+}
+
+/* `Grid >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .grid_1 {
+  width: 40px;
+}
+
+.container_16 .grid_2 {
+  width: 100px;
+}
+
+.container_16 .grid_3 {
+  width: 160px;
+}
+
+.container_16 .grid_5 {
+  width: 280px;
+}
+
+.container_16 .grid_6 {
+  width: 340px;
+}
+
+.container_16 .grid_7 {
+  width: 400px;
+}
+
+.container_16 .grid_9 {
+  width: 520px;
+}
+
+.container_16 .grid_10 {
+  width: 580px;
+}
+
+.container_16 .grid_11 {
+  width: 640px;
+}
+
+.container_16 .grid_13 {
+  width: 760px;
+}
+
+.container_16 .grid_14 {
+  width: 820px;
+}
+
+.container_16 .grid_15 {
+  width: 880px;
+}
+
+/* `Prefix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_3,
+.container_16 .prefix_4 {
+  padding-left: 240px;
+}
+
+.container_12 .prefix_6,
+.container_16 .prefix_8 {
+  padding-left: 480px;
+}
+
+.container_12 .prefix_9,
+.container_16 .prefix_12 {
+  padding-left: 720px;
+}
+
+/* `Prefix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_1 {
+  padding-left: 80px;
+}
+
+.container_12 .prefix_2 {
+  padding-left: 160px;
+}
+
+.container_12 .prefix_4 {
+  padding-left: 320px;
+}
+
+.container_12 .prefix_5 {
+  padding-left: 400px;
+}
+
+.container_12 .prefix_7 {
+  padding-left: 560px;
+}
+
+.container_12 .prefix_8 {
+  padding-left: 640px;
+}
+
+.container_12 .prefix_10 {
+  padding-left: 800px;
+}
+
+.container_12 .prefix_11 {
+  padding-left: 880px;
+}
+
+/* `Prefix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .prefix_1 {
+  padding-left: 60px;
+}
+
+.container_16 .prefix_2 {
+  padding-left: 120px;
+}
+
+.container_16 .prefix_3 {
+  padding-left: 180px;
+}
+
+.container_16 .prefix_5 {
+  padding-left: 300px;
+}
+
+.container_16 .prefix_6 {
+  padding-left: 360px;
+}
+
+.container_16 .prefix_7 {
+  padding-left: 420px;
+}
+
+.container_16 .prefix_9 {
+  padding-left: 540px;
+}
+
+.container_16 .prefix_10 {
+  padding-left: 600px;
+}
+
+.container_16 .prefix_11 {
+  padding-left: 660px;
+}
+
+.container_16 .prefix_13 {
+  padding-left: 780px;
+}
+
+.container_16 .prefix_14 {
+  padding-left: 840px;
+}
+
+.container_16 .prefix_15 {
+  padding-left: 900px;
+}
+
+/* `Suffix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_3,
+.container_16 .suffix_4 {
+  padding-right: 240px;
+}
+
+.container_12 .suffix_6,
+.container_16 .suffix_8 {
+  padding-right: 480px;
+}
+
+.container_12 .suffix_9,
+.container_16 .suffix_12 {
+  padding-right: 720px;
+}
+
+/* `Suffix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_1 {
+  padding-right: 80px;
+}
+
+.container_12 .suffix_2 {
+  padding-right: 160px;
+}
+
+.container_12 .suffix_4 {
+  padding-right: 320px;
+}
+
+.container_12 .suffix_5 {
+  padding-right: 400px;
+}
+
+.container_12 .suffix_7 {
+  padding-right: 560px;
+}
+
+.container_12 .suffix_8 {
+  padding-right: 640px;
+}
+
+.container_12 .suffix_10 {
+  padding-right: 800px;
+}
+
+.container_12 .suffix_11 {
+  padding-right: 880px;
+}
+
+/* `Suffix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .suffix_1 {
+  padding-right: 60px;
+}
+
+.container_16 .suffix_2 {
+  padding-right: 120px;
+}
+
+.container_16 .suffix_3 {
+  padding-right: 180px;
+}
+
+.container_16 .suffix_5 {
+  padding-right: 300px;
+}
+
+.container_16 .suffix_6 {
+  padding-right: 360px;
+}
+
+.container_16 .suffix_7 {
+  padding-right: 420px;
+}
+
+.container_16 .suffix_9 {
+  padding-right: 540px;
+}
+
+.container_16 .suffix_10 {
+  padding-right: 600px;
+}
+
+.container_16 .suffix_11 {
+  padding-right: 660px;
+}
+
+.container_16 .suffix_13 {
+  padding-right: 780px;
+}
+
+.container_16 .suffix_14 {
+  padding-right: 840px;
+}
+
+.container_16 .suffix_15 {
+  padding-right: 900px;
+}
+
+/* `Push Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .push_3,
+.container_16 .push_4 {
+  left: 240px;
+}
+
+.container_12 .push_6,
+.container_16 .push_8 {
+  left: 480px;
+}
+
+.container_12 .push_9,
+.container_16 .push_12 {
+  left: 720px;
+}
+
+/* `Push Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .push_1 {
+  left: 80px;
+}
+
+.container_12 .push_2 {
+  left: 160px;
+}
+
+.container_12 .push_4 {
+  left: 320px;
+}
+
+.container_12 .push_5 {
+  left: 400px;
+}
+
+.container_12 .push_7 {
+  left: 560px;
+}
+
+.container_12 .push_8 {
+  left: 640px;
+}
+
+.container_12 .push_10 {
+  left: 800px;
+}
+
+.container_12 .push_11 {
+  left: 880px;
+}
+
+/* `Push Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .push_1 {
+  left: 60px;
+}
+
+.container_16 .push_2 {
+  left: 120px;
+}
+
+.container_16 .push_3 {
+  left: 180px;
+}
+
+.container_16 .push_5 {
+  left: 300px;
+}
+
+.container_16 .push_6 {
+  left: 360px;
+}
+
+.container_16 .push_7 {
+  left: 420px;
+}
+
+.container_16 .push_9 {
+  left: 540px;
+}
+
+.container_16 .push_10 {
+  left: 600px;
+}
+
+.container_16 .push_11 {
+  left: 660px;
+}
+
+.container_16 .push_13 {
+  left: 780px;
+}
+
+.container_16 .push_14 {
+  left: 840px;
+}
+
+.container_16 .push_15 {
+  left: 900px;
+}
+
+/* `Pull Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .pull_3,
+.container_16 .pull_4 {
+  left: -240px;
+}
+
+.container_12 .pull_6,
+.container_16 .pull_8 {
+  left: -480px;
+}
+
+.container_12 .pull_9,
+.container_16 .pull_12 {
+  left: -720px;
+}
+
+/* `Pull Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .pull_1 {
+  left: -80px;
+}
+
+.container_12 .pull_2 {
+  left: -160px;
+}
+
+.container_12 .pull_4 {
+  left: -320px;
+}
+
+.container_12 .pull_5 {
+  left: -400px;
+}
+
+.container_12 .pull_7 {
+  left: -560px;
+}
+
+.container_12 .pull_8 {
+  left: -640px;
+}
+
+.container_12 .pull_10 {
+  left: -800px;
+}
+
+.container_12 .pull_11 {
+  left: -880px;
+}
+
+/* `Pull Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .pull_1 {
+  left: -60px;
+}
+
+.container_16 .pull_2 {
+  left: -120px;
+}
+
+.container_16 .pull_3 {
+  left: -180px;
+}
+
+.container_16 .pull_5 {
+  left: -300px;
+}
+
+.container_16 .pull_6 {
+  left: -360px;
+}
+
+.container_16 .pull_7 {
+  left: -420px;
+}
+
+.container_16 .pull_9 {
+  left: -540px;
+}
+
+.container_16 .pull_10 {
+  left: -600px;
+}
+
+.container_16 .pull_11 {
+  left: -660px;
+}
+
+.container_16 .pull_13 {
+  left: -780px;
+}
+
+.container_16 .pull_14 {
+  left: -840px;
+}
+
+.container_16 .pull_15 {
+  left: -900px;
+}
+
+/* `Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+  clear: both;
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+
+/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
+
+.clearfix:before,
+.clearfix:after,
+.container_12:before,
+.container_12:after,
+.container_16:before,
+.container_16:after {
+  content: '.';
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  font-size: 0;
+  line-height: 0;
+  width: 0;
+  height: 0;
+}
+
+.clearfix:after,
+.container_12:after,
+.container_16:after {
+  clear: both;
+}
+
+/*
+  The following zoom:1 rule is specifically for IE6 + IE7.
+  Move to separate stylesheet if invalid CSS is a problem.
+*/
+
+.clearfix,
+.container_12,
+.container_16 {
+  zoom: 1;
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/tests/animate.css b/packages/css-syntax-patches-for-csstree/tests/animate.css
new file mode 100644
index 0000000000..c3c1389f92
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/animate.css
@@ -0,0 +1,4072 @@
+@charset "UTF-8";/*!
+ * animate.css - https://animate.style/
+ * Version - 4.1.1
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2020 Animate.css
+ */
+:root {
+  --animate-duration: 1s;
+  --animate-delay: 1s;
+  --animate-repeat: 1;
+}
+.animate__animated {
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-duration: var(--animate-duration);
+  animation-duration: var(--animate-duration);
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+.animate__animated.animate__infinite {
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+.animate__animated.animate__repeat-1 {
+  -webkit-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+  -webkit-animation-iteration-count: var(--animate-repeat);
+  animation-iteration-count: var(--animate-repeat);
+}
+.animate__animated.animate__repeat-2 {
+  -webkit-animation-iteration-count: calc(1 * 2);
+  animation-iteration-count: calc(1 * 2);
+  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
+  animation-iteration-count: calc(var(--animate-repeat) * 2);
+}
+.animate__animated.animate__repeat-3 {
+  -webkit-animation-iteration-count: calc(1 * 3);
+  animation-iteration-count: calc(1 * 3);
+  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
+  animation-iteration-count: calc(var(--animate-repeat) * 3);
+}
+.animate__animated.animate__delay-1s {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+  -webkit-animation-delay: var(--animate-delay);
+  animation-delay: var(--animate-delay);
+}
+.animate__animated.animate__delay-2s {
+  -webkit-animation-delay: calc(1s * 2);
+  animation-delay: calc(1s * 2);
+  -webkit-animation-delay: calc(var(--animate-delay) * 2);
+  animation-delay: calc(var(--animate-delay) * 2);
+}
+.animate__animated.animate__delay-3s {
+  -webkit-animation-delay: calc(1s * 3);
+  animation-delay: calc(1s * 3);
+  -webkit-animation-delay: calc(var(--animate-delay) * 3);
+  animation-delay: calc(var(--animate-delay) * 3);
+}
+.animate__animated.animate__delay-4s {
+  -webkit-animation-delay: calc(1s * 4);
+  animation-delay: calc(1s * 4);
+  -webkit-animation-delay: calc(var(--animate-delay) * 4);
+  animation-delay: calc(var(--animate-delay) * 4);
+}
+.animate__animated.animate__delay-5s {
+  -webkit-animation-delay: calc(1s * 5);
+  animation-delay: calc(1s * 5);
+  -webkit-animation-delay: calc(var(--animate-delay) * 5);
+  animation-delay: calc(var(--animate-delay) * 5);
+}
+.animate__animated.animate__faster {
+  -webkit-animation-duration: calc(1s / 2);
+  animation-duration: calc(1s / 2);
+  -webkit-animation-duration: calc(var(--animate-duration) / 2);
+  animation-duration: calc(var(--animate-duration) / 2);
+}
+.animate__animated.animate__fast {
+  -webkit-animation-duration: calc(1s * 0.8);
+  animation-duration: calc(1s * 0.8);
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
+  animation-duration: calc(var(--animate-duration) * 0.8);
+}
+.animate__animated.animate__slow {
+  -webkit-animation-duration: calc(1s * 2);
+  animation-duration: calc(1s * 2);
+  -webkit-animation-duration: calc(var(--animate-duration) * 2);
+  animation-duration: calc(var(--animate-duration) * 2);
+}
+.animate__animated.animate__slower {
+  -webkit-animation-duration: calc(1s * 3);
+  animation-duration: calc(1s * 3);
+  -webkit-animation-duration: calc(var(--animate-duration) * 3);
+  animation-duration: calc(var(--animate-duration) * 3);
+}
+@media print, (prefers-reduced-motion: reduce) {
+  .animate__animated {
+    -webkit-animation-duration: 1ms !important;
+    animation-duration: 1ms !important;
+    -webkit-transition-duration: 1ms !important;
+    transition-duration: 1ms !important;
+    -webkit-animation-iteration-count: 1 !important;
+    animation-iteration-count: 1 !important;
+  }
+
+  .animate__animated[class*='Out'] {
+    opacity: 0;
+  }
+}
+/* Attention seekers  */
+@-webkit-keyframes bounce {
+  from,
+  20%,
+  53%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
+    transform: translate3d(0, -30px, 0) scaleY(1.1);
+  }
+
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
+    transform: translate3d(0, -15px, 0) scaleY(1.05);
+  }
+
+  80% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
+    transform: translate3d(0, 0, 0) scaleY(0.95);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
+    transform: translate3d(0, -4px, 0) scaleY(1.02);
+  }
+}
+@keyframes bounce {
+  from,
+  20%,
+  53%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
+    transform: translate3d(0, -30px, 0) scaleY(1.1);
+  }
+
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
+    transform: translate3d(0, -15px, 0) scaleY(1.05);
+  }
+
+  80% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
+    transform: translate3d(0, 0, 0) scaleY(0.95);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
+    transform: translate3d(0, -4px, 0) scaleY(1.02);
+  }
+}
+.animate__bounce {
+  -webkit-animation-name: bounce;
+  animation-name: bounce;
+  -webkit-transform-origin: center bottom;
+  transform-origin: center bottom;
+}
+@-webkit-keyframes flash {
+  from,
+  50%,
+  to {
+    opacity: 1;
+  }
+
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+@keyframes flash {
+  from,
+  50%,
+  to {
+    opacity: 1;
+  }
+
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+.animate__flash {
+  -webkit-animation-name: flash;
+  animation-name: flash;
+}
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@-webkit-keyframes pulse {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+@keyframes pulse {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+.animate__pulse {
+  -webkit-animation-name: pulse;
+  animation-name: pulse;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+}
+@-webkit-keyframes rubberBand {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+@keyframes rubberBand {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+.animate__rubberBand {
+  -webkit-animation-name: rubberBand;
+  animation-name: rubberBand;
+}
+@-webkit-keyframes shakeX {
+  from,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+@keyframes shakeX {
+  from,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+.animate__shakeX {
+  -webkit-animation-name: shakeX;
+  animation-name: shakeX;
+}
+@-webkit-keyframes shakeY {
+  from,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+}
+@keyframes shakeY {
+  from,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+}
+.animate__shakeY {
+  -webkit-animation-name: shakeY;
+  animation-name: shakeY;
+}
+@-webkit-keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+@keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+.animate__headShake {
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+  -webkit-animation-name: headShake;
+  animation-name: headShake;
+}
+@-webkit-keyframes swing {
+  20% {
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+@keyframes swing {
+  20% {
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+.animate__swing {
+  -webkit-transform-origin: top center;
+  transform-origin: top center;
+  -webkit-animation-name: swing;
+  animation-name: swing;
+}
+@-webkit-keyframes tada {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+@keyframes tada {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+.animate__tada {
+  -webkit-animation-name: tada;
+  animation-name: tada;
+}
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@-webkit-keyframes wobble {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes wobble {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__wobble {
+  -webkit-animation-name: wobble;
+  animation-name: wobble;
+}
+@-webkit-keyframes jello {
+  from,
+  11.1%,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+@keyframes jello {
+  from,
+  11.1%,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+.animate__jello {
+  -webkit-animation-name: jello;
+  animation-name: jello;
+  -webkit-transform-origin: center;
+  transform-origin: center;
+}
+@-webkit-keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+.animate__heartBeat {
+  -webkit-animation-name: heartBeat;
+  animation-name: heartBeat;
+  -webkit-animation-duration: calc(1s * 1.3);
+  animation-duration: calc(1s * 1.3);
+  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
+  animation-duration: calc(var(--animate-duration) * 1.3);
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+}
+/* Back entrances */
+@-webkit-keyframes backInDown {
+  0% {
+    -webkit-transform: translateY(-1200px) scale(0.7);
+    transform: translateY(-1200px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  80% {
+    -webkit-transform: translateY(0px) scale(0.7);
+    transform: translateY(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes backInDown {
+  0% {
+    -webkit-transform: translateY(-1200px) scale(0.7);
+    transform: translateY(-1200px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  80% {
+    -webkit-transform: translateY(0px) scale(0.7);
+    transform: translateY(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+.animate__backInDown {
+  -webkit-animation-name: backInDown;
+  animation-name: backInDown;
+}
+@-webkit-keyframes backInLeft {
+  0% {
+    -webkit-transform: translateX(-2000px) scale(0.7);
+    transform: translateX(-2000px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  80% {
+    -webkit-transform: translateX(0px) scale(0.7);
+    transform: translateX(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes backInLeft {
+  0% {
+    -webkit-transform: translateX(-2000px) scale(0.7);
+    transform: translateX(-2000px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  80% {
+    -webkit-transform: translateX(0px) scale(0.7);
+    transform: translateX(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+.animate__backInLeft {
+  -webkit-animation-name: backInLeft;
+  animation-name: backInLeft;
+}
+@-webkit-keyframes backInRight {
+  0% {
+    -webkit-transform: translateX(2000px) scale(0.7);
+    transform: translateX(2000px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  80% {
+    -webkit-transform: translateX(0px) scale(0.7);
+    transform: translateX(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes backInRight {
+  0% {
+    -webkit-transform: translateX(2000px) scale(0.7);
+    transform: translateX(2000px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  80% {
+    -webkit-transform: translateX(0px) scale(0.7);
+    transform: translateX(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+.animate__backInRight {
+  -webkit-animation-name: backInRight;
+  animation-name: backInRight;
+}
+@-webkit-keyframes backInUp {
+  0% {
+    -webkit-transform: translateY(1200px) scale(0.7);
+    transform: translateY(1200px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  80% {
+    -webkit-transform: translateY(0px) scale(0.7);
+    transform: translateY(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes backInUp {
+  0% {
+    -webkit-transform: translateY(1200px) scale(0.7);
+    transform: translateY(1200px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  80% {
+    -webkit-transform: translateY(0px) scale(0.7);
+    transform: translateY(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+.animate__backInUp {
+  -webkit-animation-name: backInUp;
+  animation-name: backInUp;
+}
+/* Back exits */
+@-webkit-keyframes backOutDown {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+
+  20% {
+    -webkit-transform: translateY(0px) scale(0.7);
+    transform: translateY(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: translateY(700px) scale(0.7);
+    transform: translateY(700px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+@keyframes backOutDown {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+
+  20% {
+    -webkit-transform: translateY(0px) scale(0.7);
+    transform: translateY(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: translateY(700px) scale(0.7);
+    transform: translateY(700px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+.animate__backOutDown {
+  -webkit-animation-name: backOutDown;
+  animation-name: backOutDown;
+}
+@-webkit-keyframes backOutLeft {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+
+  20% {
+    -webkit-transform: translateX(0px) scale(0.7);
+    transform: translateX(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: translateX(-2000px) scale(0.7);
+    transform: translateX(-2000px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+@keyframes backOutLeft {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+
+  20% {
+    -webkit-transform: translateX(0px) scale(0.7);
+    transform: translateX(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: translateX(-2000px) scale(0.7);
+    transform: translateX(-2000px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+.animate__backOutLeft {
+  -webkit-animation-name: backOutLeft;
+  animation-name: backOutLeft;
+}
+@-webkit-keyframes backOutRight {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+
+  20% {
+    -webkit-transform: translateX(0px) scale(0.7);
+    transform: translateX(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: translateX(2000px) scale(0.7);
+    transform: translateX(2000px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+@keyframes backOutRight {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+
+  20% {
+    -webkit-transform: translateX(0px) scale(0.7);
+    transform: translateX(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: translateX(2000px) scale(0.7);
+    transform: translateX(2000px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+.animate__backOutRight {
+  -webkit-animation-name: backOutRight;
+  animation-name: backOutRight;
+}
+@-webkit-keyframes backOutUp {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+
+  20% {
+    -webkit-transform: translateY(0px) scale(0.7);
+    transform: translateY(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: translateY(-700px) scale(0.7);
+    transform: translateY(-700px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+@keyframes backOutUp {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+
+  20% {
+    -webkit-transform: translateY(0px) scale(0.7);
+    transform: translateY(0px) scale(0.7);
+    opacity: 0.7;
+  }
+
+  100% {
+    -webkit-transform: translateY(-700px) scale(0.7);
+    transform: translateY(-700px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+.animate__backOutUp {
+  -webkit-animation-name: backOutUp;
+  animation-name: backOutUp;
+}
+/* Bouncing entrances  */
+@-webkit-keyframes bounceIn {
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+@keyframes bounceIn {
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+.animate__bounceIn {
+  -webkit-animation-duration: calc(1s * 0.75);
+  animation-duration: calc(1s * 0.75);
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  -webkit-animation-name: bounceIn;
+  animation-name: bounceIn;
+}
+@-webkit-keyframes bounceInDown {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
+    transform: translate3d(0, -3000px, 0) scaleY(3);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
+    transform: translate3d(0, 25px, 0) scaleY(0.9);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
+    transform: translate3d(0, -10px, 0) scaleY(0.95);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
+    transform: translate3d(0, 5px, 0) scaleY(0.985);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes bounceInDown {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
+    transform: translate3d(0, -3000px, 0) scaleY(3);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
+    transform: translate3d(0, 25px, 0) scaleY(0.9);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
+    transform: translate3d(0, -10px, 0) scaleY(0.95);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
+    transform: translate3d(0, 5px, 0) scaleY(0.985);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__bounceInDown {
+  -webkit-animation-name: bounceInDown;
+  animation-name: bounceInDown;
+}
+@-webkit-keyframes bounceInLeft {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
+    transform: translate3d(-3000px, 0, 0) scaleX(3);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
+    transform: translate3d(25px, 0, 0) scaleX(1);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
+    transform: translate3d(-10px, 0, 0) scaleX(0.98);
+  }
+
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
+    transform: translate3d(5px, 0, 0) scaleX(0.995);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes bounceInLeft {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
+    transform: translate3d(-3000px, 0, 0) scaleX(3);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
+    transform: translate3d(25px, 0, 0) scaleX(1);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
+    transform: translate3d(-10px, 0, 0) scaleX(0.98);
+  }
+
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
+    transform: translate3d(5px, 0, 0) scaleX(0.995);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__bounceInLeft {
+  -webkit-animation-name: bounceInLeft;
+  animation-name: bounceInLeft;
+}
+@-webkit-keyframes bounceInRight {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
+    transform: translate3d(3000px, 0, 0) scaleX(3);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
+    transform: translate3d(-25px, 0, 0) scaleX(1);
+  }
+
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
+    transform: translate3d(10px, 0, 0) scaleX(0.98);
+  }
+
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
+    transform: translate3d(-5px, 0, 0) scaleX(0.995);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes bounceInRight {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
+    transform: translate3d(3000px, 0, 0) scaleX(3);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
+    transform: translate3d(-25px, 0, 0) scaleX(1);
+  }
+
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
+    transform: translate3d(10px, 0, 0) scaleX(0.98);
+  }
+
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
+    transform: translate3d(-5px, 0, 0) scaleX(0.995);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__bounceInRight {
+  -webkit-animation-name: bounceInRight;
+  animation-name: bounceInRight;
+}
+@-webkit-keyframes bounceInUp {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
+    transform: translate3d(0, 3000px, 0) scaleY(5);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
+    transform: translate3d(0, 10px, 0) scaleY(0.95);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
+    transform: translate3d(0, -5px, 0) scaleY(0.985);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes bounceInUp {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
+    transform: translate3d(0, 3000px, 0) scaleY(5);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
+    transform: translate3d(0, 10px, 0) scaleY(0.95);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
+    transform: translate3d(0, -5px, 0) scaleY(0.985);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__bounceInUp {
+  -webkit-animation-name: bounceInUp;
+  animation-name: bounceInUp;
+}
+/* Bouncing exits  */
+@-webkit-keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  50%,
+  55% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+@keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  50%,
+  55% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+.animate__bounceOut {
+  -webkit-animation-duration: calc(1s * 0.75);
+  animation-duration: calc(1s * 0.75);
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  -webkit-animation-name: bounceOut;
+  animation-name: bounceOut;
+}
+@-webkit-keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
+    transform: translate3d(0, 10px, 0) scaleY(0.985);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
+    transform: translate3d(0, 2000px, 0) scaleY(3);
+  }
+}
+@keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
+    transform: translate3d(0, 10px, 0) scaleY(0.985);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
+    transform: translate3d(0, 2000px, 0) scaleY(3);
+  }
+}
+.animate__bounceOutDown {
+  -webkit-animation-name: bounceOutDown;
+  animation-name: bounceOutDown;
+}
+@-webkit-keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
+    transform: translate3d(20px, 0, 0) scaleX(0.9);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
+    transform: translate3d(-2000px, 0, 0) scaleX(2);
+  }
+}
+@keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
+    transform: translate3d(20px, 0, 0) scaleX(0.9);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
+    transform: translate3d(-2000px, 0, 0) scaleX(2);
+  }
+}
+.animate__bounceOutLeft {
+  -webkit-animation-name: bounceOutLeft;
+  animation-name: bounceOutLeft;
+}
+@-webkit-keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
+    transform: translate3d(-20px, 0, 0) scaleX(0.9);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
+    transform: translate3d(2000px, 0, 0) scaleX(2);
+  }
+}
+@keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
+    transform: translate3d(-20px, 0, 0) scaleX(0.9);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
+    transform: translate3d(2000px, 0, 0) scaleX(2);
+  }
+}
+.animate__bounceOutRight {
+  -webkit-animation-name: bounceOutRight;
+  animation-name: bounceOutRight;
+}
+@-webkit-keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
+    transform: translate3d(0, -10px, 0) scaleY(0.985);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
+    transform: translate3d(0, 20px, 0) scaleY(0.9);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
+    transform: translate3d(0, -2000px, 0) scaleY(3);
+  }
+}
+@keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
+    transform: translate3d(0, -10px, 0) scaleY(0.985);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
+    transform: translate3d(0, 20px, 0) scaleY(0.9);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
+    transform: translate3d(0, -2000px, 0) scaleY(3);
+  }
+}
+.animate__bounceOutUp {
+  -webkit-animation-name: bounceOutUp;
+  animation-name: bounceOutUp;
+}
+/* Fading entrances  */
+@-webkit-keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+.animate__fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+@-webkit-keyframes fadeInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInDown {
+  -webkit-animation-name: fadeInDown;
+  animation-name: fadeInDown;
+}
+@-webkit-keyframes fadeInDownBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInDownBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInDownBig {
+  -webkit-animation-name: fadeInDownBig;
+  animation-name: fadeInDownBig;
+}
+@-webkit-keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
+  animation-name: fadeInLeft;
+}
+@-webkit-keyframes fadeInLeftBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInLeftBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInLeftBig {
+  -webkit-animation-name: fadeInLeftBig;
+  animation-name: fadeInLeftBig;
+}
+@-webkit-keyframes fadeInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInRight {
+  -webkit-animation-name: fadeInRight;
+  animation-name: fadeInRight;
+}
+@-webkit-keyframes fadeInRightBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInRightBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInRightBig {
+  -webkit-animation-name: fadeInRightBig;
+  animation-name: fadeInRightBig;
+}
+@-webkit-keyframes fadeInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInUp {
+  -webkit-animation-name: fadeInUp;
+  animation-name: fadeInUp;
+}
+@-webkit-keyframes fadeInUpBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInUpBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInUpBig {
+  -webkit-animation-name: fadeInUpBig;
+  animation-name: fadeInUpBig;
+}
+@-webkit-keyframes fadeInTopLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, -100%, 0);
+    transform: translate3d(-100%, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInTopLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, -100%, 0);
+    transform: translate3d(-100%, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInTopLeft {
+  -webkit-animation-name: fadeInTopLeft;
+  animation-name: fadeInTopLeft;
+}
+@-webkit-keyframes fadeInTopRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, -100%, 0);
+    transform: translate3d(100%, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInTopRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, -100%, 0);
+    transform: translate3d(100%, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInTopRight {
+  -webkit-animation-name: fadeInTopRight;
+  animation-name: fadeInTopRight;
+}
+@-webkit-keyframes fadeInBottomLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 100%, 0);
+    transform: translate3d(-100%, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInBottomLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 100%, 0);
+    transform: translate3d(-100%, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInBottomLeft {
+  -webkit-animation-name: fadeInBottomLeft;
+  animation-name: fadeInBottomLeft;
+}
+@-webkit-keyframes fadeInBottomRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 100%, 0);
+    transform: translate3d(100%, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes fadeInBottomRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 100%, 0);
+    transform: translate3d(100%, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__fadeInBottomRight {
+  -webkit-animation-name: fadeInBottomRight;
+  animation-name: fadeInBottomRight;
+}
+/* Fading exits */
+@-webkit-keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+.animate__fadeOut {
+  -webkit-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
+@-webkit-keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+@keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+.animate__fadeOutDown {
+  -webkit-animation-name: fadeOutDown;
+  animation-name: fadeOutDown;
+}
+@-webkit-keyframes fadeOutDownBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+@keyframes fadeOutDownBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+.animate__fadeOutDownBig {
+  -webkit-animation-name: fadeOutDownBig;
+  animation-name: fadeOutDownBig;
+}
+@-webkit-keyframes fadeOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+@keyframes fadeOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+.animate__fadeOutLeft {
+  -webkit-animation-name: fadeOutLeft;
+  animation-name: fadeOutLeft;
+}
+@-webkit-keyframes fadeOutLeftBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+@keyframes fadeOutLeftBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+.animate__fadeOutLeftBig {
+  -webkit-animation-name: fadeOutLeftBig;
+  animation-name: fadeOutLeftBig;
+}
+@-webkit-keyframes fadeOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+@keyframes fadeOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+.animate__fadeOutRight {
+  -webkit-animation-name: fadeOutRight;
+  animation-name: fadeOutRight;
+}
+@-webkit-keyframes fadeOutRightBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+@keyframes fadeOutRightBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+.animate__fadeOutRightBig {
+  -webkit-animation-name: fadeOutRightBig;
+  animation-name: fadeOutRightBig;
+}
+@-webkit-keyframes fadeOutUp {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+@keyframes fadeOutUp {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+.animate__fadeOutUp {
+  -webkit-animation-name: fadeOutUp;
+  animation-name: fadeOutUp;
+}
+@-webkit-keyframes fadeOutUpBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+@keyframes fadeOutUpBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+.animate__fadeOutUpBig {
+  -webkit-animation-name: fadeOutUpBig;
+  animation-name: fadeOutUpBig;
+}
+@-webkit-keyframes fadeOutTopLeft {
+  from {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, -100%, 0);
+    transform: translate3d(-100%, -100%, 0);
+  }
+}
+@keyframes fadeOutTopLeft {
+  from {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, -100%, 0);
+    transform: translate3d(-100%, -100%, 0);
+  }
+}
+.animate__fadeOutTopLeft {
+  -webkit-animation-name: fadeOutTopLeft;
+  animation-name: fadeOutTopLeft;
+}
+@-webkit-keyframes fadeOutTopRight {
+  from {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, -100%, 0);
+    transform: translate3d(100%, -100%, 0);
+  }
+}
+@keyframes fadeOutTopRight {
+  from {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, -100%, 0);
+    transform: translate3d(100%, -100%, 0);
+  }
+}
+.animate__fadeOutTopRight {
+  -webkit-animation-name: fadeOutTopRight;
+  animation-name: fadeOutTopRight;
+}
+@-webkit-keyframes fadeOutBottomRight {
+  from {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 100%, 0);
+    transform: translate3d(100%, 100%, 0);
+  }
+}
+@keyframes fadeOutBottomRight {
+  from {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 100%, 0);
+    transform: translate3d(100%, 100%, 0);
+  }
+}
+.animate__fadeOutBottomRight {
+  -webkit-animation-name: fadeOutBottomRight;
+  animation-name: fadeOutBottomRight;
+}
+@-webkit-keyframes fadeOutBottomLeft {
+  from {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 100%, 0);
+    transform: translate3d(-100%, 100%, 0);
+  }
+}
+@keyframes fadeOutBottomLeft {
+  from {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 100%, 0);
+    transform: translate3d(-100%, 100%, 0);
+  }
+}
+.animate__fadeOutBottomLeft {
+  -webkit-animation-name: fadeOutBottomLeft;
+  animation-name: fadeOutBottomLeft;
+}
+/* Flippers */
+@-webkit-keyframes flip {
+  from {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  50% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+}
+@keyframes flip {
+  from {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  50% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+}
+.animate__animated.animate__flip {
+  -webkit-backface-visibility: visible;
+  backface-visibility: visible;
+  -webkit-animation-name: flip;
+  animation-name: flip;
+}
+@-webkit-keyframes flipInX {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+@keyframes flipInX {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+.animate__flipInX {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipInX;
+  animation-name: flipInX;
+}
+@-webkit-keyframes flipInY {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+@keyframes flipInY {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+.animate__flipInY {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipInY;
+  animation-name: flipInY;
+}
+@-webkit-keyframes flipOutX {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+@keyframes flipOutX {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+.animate__flipOutX {
+  -webkit-animation-duration: calc(1s * 0.75);
+  animation-duration: calc(1s * 0.75);
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  -webkit-animation-name: flipOutX;
+  animation-name: flipOutX;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+}
+@-webkit-keyframes flipOutY {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+@keyframes flipOutY {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+.animate__flipOutY {
+  -webkit-animation-duration: calc(1s * 0.75);
+  animation-duration: calc(1s * 0.75);
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipOutY;
+  animation-name: flipOutY;
+}
+/* Lightspeed */
+@-webkit-keyframes lightSpeedInRight {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    -webkit-transform: skewX(20deg);
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes lightSpeedInRight {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    -webkit-transform: skewX(20deg);
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__lightSpeedInRight {
+  -webkit-animation-name: lightSpeedInRight;
+  animation-name: lightSpeedInRight;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+@-webkit-keyframes lightSpeedInLeft {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
+    transform: translate3d(-100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+
+  60% {
+    -webkit-transform: skewX(-20deg);
+    transform: skewX(-20deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: skewX(5deg);
+    transform: skewX(5deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes lightSpeedInLeft {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
+    transform: translate3d(-100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+
+  60% {
+    -webkit-transform: skewX(-20deg);
+    transform: skewX(-20deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: skewX(5deg);
+    transform: skewX(5deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__lightSpeedInLeft {
+  -webkit-animation-name: lightSpeedInLeft;
+  animation-name: lightSpeedInLeft;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+@-webkit-keyframes lightSpeedOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+@keyframes lightSpeedOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+.animate__lightSpeedOutRight {
+  -webkit-animation-name: lightSpeedOutRight;
+  animation-name: lightSpeedOutRight;
+  -webkit-animation-timing-function: ease-in;
+  animation-timing-function: ease-in;
+}
+@-webkit-keyframes lightSpeedOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
+    transform: translate3d(-100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+}
+@keyframes lightSpeedOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
+    transform: translate3d(-100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+}
+.animate__lightSpeedOutLeft {
+  -webkit-animation-name: lightSpeedOutLeft;
+  animation-name: lightSpeedOutLeft;
+  -webkit-animation-timing-function: ease-in;
+  animation-timing-function: ease-in;
+}
+/* Rotating entrances */
+@-webkit-keyframes rotateIn {
+  from {
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+@keyframes rotateIn {
+  from {
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+.animate__rotateIn {
+  -webkit-animation-name: rotateIn;
+  animation-name: rotateIn;
+  -webkit-transform-origin: center;
+  transform-origin: center;
+}
+@-webkit-keyframes rotateInDownLeft {
+  from {
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+@keyframes rotateInDownLeft {
+  from {
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+.animate__rotateInDownLeft {
+  -webkit-animation-name: rotateInDownLeft;
+  animation-name: rotateInDownLeft;
+  -webkit-transform-origin: left bottom;
+  transform-origin: left bottom;
+}
+@-webkit-keyframes rotateInDownRight {
+  from {
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+@keyframes rotateInDownRight {
+  from {
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+.animate__rotateInDownRight {
+  -webkit-animation-name: rotateInDownRight;
+  animation-name: rotateInDownRight;
+  -webkit-transform-origin: right bottom;
+  transform-origin: right bottom;
+}
+@-webkit-keyframes rotateInUpLeft {
+  from {
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+@keyframes rotateInUpLeft {
+  from {
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+.animate__rotateInUpLeft {
+  -webkit-animation-name: rotateInUpLeft;
+  animation-name: rotateInUpLeft;
+  -webkit-transform-origin: left bottom;
+  transform-origin: left bottom;
+}
+@-webkit-keyframes rotateInUpRight {
+  from {
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+@keyframes rotateInUpRight {
+  from {
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+.animate__rotateInUpRight {
+  -webkit-animation-name: rotateInUpRight;
+  animation-name: rotateInUpRight;
+  -webkit-transform-origin: right bottom;
+  transform-origin: right bottom;
+}
+/* Rotating exits */
+@-webkit-keyframes rotateOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOut {
+  -webkit-animation-name: rotateOut;
+  animation-name: rotateOut;
+  -webkit-transform-origin: center;
+  transform-origin: center;
+}
+@-webkit-keyframes rotateOutDownLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateOutDownLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutDownLeft {
+  -webkit-animation-name: rotateOutDownLeft;
+  animation-name: rotateOutDownLeft;
+  -webkit-transform-origin: left bottom;
+  transform-origin: left bottom;
+}
+@-webkit-keyframes rotateOutDownRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateOutDownRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutDownRight {
+  -webkit-animation-name: rotateOutDownRight;
+  animation-name: rotateOutDownRight;
+  -webkit-transform-origin: right bottom;
+  transform-origin: right bottom;
+}
+@-webkit-keyframes rotateOutUpLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateOutUpLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutUpLeft {
+  -webkit-animation-name: rotateOutUpLeft;
+  animation-name: rotateOutUpLeft;
+  -webkit-transform-origin: left bottom;
+  transform-origin: left bottom;
+}
+@-webkit-keyframes rotateOutUpRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 90deg);
+    transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateOutUpRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 90deg);
+    transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutUpRight {
+  -webkit-animation-name: rotateOutUpRight;
+  animation-name: rotateOutUpRight;
+  -webkit-transform-origin: right bottom;
+  transform-origin: right bottom;
+}
+/* Specials */
+@-webkit-keyframes hinge {
+  0% {
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  20%,
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 80deg);
+    transform: rotate3d(0, 0, 1, 80deg);
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  40%,
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, 60deg);
+    transform: rotate3d(0, 0, 1, 60deg);
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+@keyframes hinge {
+  0% {
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  20%,
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 80deg);
+    transform: rotate3d(0, 0, 1, 80deg);
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  40%,
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, 60deg);
+    transform: rotate3d(0, 0, 1, 60deg);
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+.animate__hinge {
+  -webkit-animation-duration: calc(1s * 2);
+  animation-duration: calc(1s * 2);
+  -webkit-animation-duration: calc(var(--animate-duration) * 2);
+  animation-duration: calc(var(--animate-duration) * 2);
+  -webkit-animation-name: hinge;
+  animation-name: hinge;
+  -webkit-transform-origin: top left;
+  transform-origin: top left;
+}
+@-webkit-keyframes jackInTheBox {
+  from {
+    opacity: 0;
+    -webkit-transform: scale(0.1) rotate(30deg);
+    transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+  }
+
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes jackInTheBox {
+  from {
+    opacity: 0;
+    -webkit-transform: scale(0.1) rotate(30deg);
+    transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+  }
+
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+.animate__jackInTheBox {
+  -webkit-animation-name: jackInTheBox;
+  animation-name: jackInTheBox;
+}
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@-webkit-keyframes rollIn {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes rollIn {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__rollIn {
+  -webkit-animation-name: rollIn;
+  animation-name: rollIn;
+}
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+@-webkit-keyframes rollOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+@keyframes rollOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+.animate__rollOut {
+  -webkit-animation-name: rollOut;
+  animation-name: rollOut;
+}
+/* Zooming entrances */
+@-webkit-keyframes zoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+.animate__zoomIn {
+  -webkit-animation-name: zoomIn;
+  animation-name: zoomIn;
+}
+@-webkit-keyframes zoomInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInDown {
+  -webkit-animation-name: zoomInDown;
+  animation-name: zoomInDown;
+}
+@-webkit-keyframes zoomInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInLeft {
+  -webkit-animation-name: zoomInLeft;
+  animation-name: zoomInLeft;
+}
+@-webkit-keyframes zoomInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInRight {
+  -webkit-animation-name: zoomInRight;
+  animation-name: zoomInRight;
+}
+@-webkit-keyframes zoomInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInUp {
+  -webkit-animation-name: zoomInUp;
+  animation-name: zoomInUp;
+}
+/* Zooming exits */
+@-webkit-keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+@keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+.animate__zoomOut {
+  -webkit-animation-name: zoomOut;
+  animation-name: zoomOut;
+}
+@-webkit-keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomOutDown {
+  -webkit-animation-name: zoomOutDown;
+  animation-name: zoomOutDown;
+  -webkit-transform-origin: center bottom;
+  transform-origin: center bottom;
+}
+@-webkit-keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+  }
+}
+@keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+  }
+}
+.animate__zoomOutLeft {
+  -webkit-animation-name: zoomOutLeft;
+  animation-name: zoomOutLeft;
+  -webkit-transform-origin: left center;
+  transform-origin: left center;
+}
+@-webkit-keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+  }
+}
+@keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+  }
+}
+.animate__zoomOutRight {
+  -webkit-animation-name: zoomOutRight;
+  animation-name: zoomOutRight;
+  -webkit-transform-origin: right center;
+  transform-origin: right center;
+}
+@-webkit-keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomOutUp {
+  -webkit-animation-name: zoomOutUp;
+  animation-name: zoomOutUp;
+  -webkit-transform-origin: center bottom;
+  transform-origin: center bottom;
+}
+/* Sliding entrances */
+@-webkit-keyframes slideInDown {
+  from {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes slideInDown {
+  from {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__slideInDown {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+@-webkit-keyframes slideInLeft {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes slideInLeft {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__slideInLeft {
+  -webkit-animation-name: slideInLeft;
+  animation-name: slideInLeft;
+}
+@-webkit-keyframes slideInRight {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes slideInRight {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__slideInRight {
+  -webkit-animation-name: slideInRight;
+  animation-name: slideInRight;
+}
+@-webkit-keyframes slideInUp {
+  from {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes slideInUp {
+  from {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+.animate__slideInUp {
+  -webkit-animation-name: slideInUp;
+  animation-name: slideInUp;
+}
+/* Sliding exits */
+@-webkit-keyframes slideOutDown {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+@keyframes slideOutDown {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+.animate__slideOutDown {
+  -webkit-animation-name: slideOutDown;
+  animation-name: slideOutDown;
+}
+@-webkit-keyframes slideOutLeft {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+@keyframes slideOutLeft {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+.animate__slideOutLeft {
+  -webkit-animation-name: slideOutLeft;
+  animation-name: slideOutLeft;
+}
+@-webkit-keyframes slideOutRight {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+@keyframes slideOutRight {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+.animate__slideOutRight {
+  -webkit-animation-name: slideOutRight;
+  animation-name: slideOutRight;
+}
+@-webkit-keyframes slideOutUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+@keyframes slideOutUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+.animate__slideOutUp {
+  -webkit-animation-name: slideOutUp;
+  animation-name: slideOutUp;
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/blueprint.css b/packages/css-syntax-patches-for-csstree/tests/blueprint.css
new file mode 100644
index 0000000000..85dcff9d8b
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/blueprint.css
@@ -0,0 +1,553 @@
+/* --------------------------------------------------------------
+
+   reset.css
+   * Resets default browser CSS.
+
+-------------------------------------------------------------- */
+
+html {
+  margin:0;
+  padding:0;
+  border:0;
+}
+
+body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, code,
+del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+/* This helps to make newer HTML5 elements behave like DIVs in older browers */
+article, aside, details, figcaption, figure, dialog,
+footer, header, hgroup, menu, nav, section {
+    display:block;
+}
+
+/* Line-height should always be unitless! */
+body {
+  line-height: 1.5;
+  background: white;
+}
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table {
+  border-collapse: separate;
+  border-spacing: 0;
+}
+/* float:none prevents the span-x classes from breaking table-cell display */
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  float:none !important;
+}
+table, th, td {
+  vertical-align: middle;
+}
+
+/* Remove possible quote marks (") from <q>, <blockquote>. */
+blockquote:before, blockquote:after, q:before, q:after { content: ''; }
+blockquote, q { quotes: "" ""; }
+
+/* Remove annoying border on linked images. */
+a img { border: none; }
+
+/* Remember to define your own focus styles! */
+:focus { outline: 0; }
+
+/* --------------------------------------------------------------
+
+   typography.css
+   * Sets up some sensible default typography.
+
+-------------------------------------------------------------- */
+
+/* Default font settings.
+   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
+html { font-size:100.01%; }
+body {
+  font-size: 75%;
+  color: #222;
+  background: #fff;
+  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+
+/* Headings
+-------------------------------------------------------------- */
+
+h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
+
+h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
+h2 { font-size: 2em; margin-bottom: 0.75em; }
+h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
+h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
+h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
+h6 { font-size: 1em; font-weight: bold; }
+
+h1 img, h2 img, h3 img,
+h4 img, h5 img, h6 img {
+  margin: 0;
+}
+
+
+/* Text elements
+-------------------------------------------------------------- */
+
+p           { margin: 0 0 1.5em; }
+/*
+  These can be used to pull an image at the start of a paragraph, so
+  that the text flows around it (usage: <p><img class="left">Text</p>)
+ */
+.left       { float: left !important; }
+p .left     { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
+.right      { float: right !important; }
+p .right    { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
+
+a:focus,
+a:hover     { color: #09f; }
+a           { color: #06c; text-decoration: underline; }
+
+blockquote  { margin: 1.5em; color: #666; font-style: italic; }
+strong,dfn  { font-weight: bold; }
+em,dfn      { font-style: italic; }
+sup, sub    { line-height: 0; }
+
+abbr,
+acronym     { border-bottom: 1px dotted #666; }
+address     { margin: 0 0 1.5em; font-style: italic; }
+del         { color:#666; }
+
+pre         { margin: 1.5em 0; white-space: pre; }
+pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
+
+
+/* Lists
+-------------------------------------------------------------- */
+
+li ul,
+li ol  { margin: 0; }
+ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }
+
+ul     { list-style-type: disc; }
+ol     { list-style-type: decimal; }
+
+dl     { margin: 0 0 1.5em 0; }
+dl dt  { font-weight: bold; }
+dd     { margin-left: 1.5em;}
+
+
+/* Tables
+-------------------------------------------------------------- */
+
+/*
+  Because of the need for padding on TH and TD, the vertical rhythm
+  on table cells has to be 27px, instead of the standard 18px or 36px
+  of other elements.
+ */
+table         { margin-bottom: 1.4em; width:100%; }
+th            { font-weight: bold; }
+thead th      { background: #c3d9ff; }
+th,td,caption { padding: 4px 10px 4px 5px; }
+/*
+  You can zebra-stripe your tables in outdated browsers by adding
+  the class "even" to every other table row.
+ */
+tbody tr:nth-child(even) td,
+tbody tr.even td  {
+  background: #e5ecf9;
+}
+tfoot       { font-style: italic; }
+caption     { background: #eee; }
+
+
+/* Misc classes
+-------------------------------------------------------------- */
+
+.small     { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
+.large     { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
+.hide      { display: none; }
+
+.quiet     { color: #666; }
+.loud      { color: #000; }
+.highlight { background:#ff0; }
+.added     { background:#060; color: #fff; }
+.removed   { background:#900; color: #fff; }
+
+.first     { margin-left:0; padding-left:0; }
+.last      { margin-right:0; padding-right:0; }
+.top       { margin-top:0; padding-top:0; }
+.bottom    { margin-bottom:0; padding-bottom:0; }
+
+/* --------------------------------------------------------------
+
+   forms.css
+   * Sets up some default styling for forms
+   * Gives you classes to enhance your forms
+
+   Usage:
+   * For text fields, use class .title or .text
+   * For inline forms, use .inline (even when using columns)
+
+-------------------------------------------------------------- */
+
+/*
+  A special hack is included for IE8 since it does not apply padding
+  correctly on fieldsets
+ */
+label    { font-weight: bold; }
+fieldset { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
+legend   { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }
+
+fieldset, #IE8#HACK { padding-top:1.4em; }
+legend, #IE8#HACK { margin-top:0; margin-bottom:0; }
+
+/* Form fields
+-------------------------------------------------------------- */
+
+/*
+  Attribute selectors are used to differentiate the different types
+  of input elements, but to support old browsers, you will have to
+  add classes for each one. ".title" simply creates a large text
+  field, this is purely for looks.
+ */
+input[type=text], input[type=password], input[type=url], input[type=email],
+input.text, input.title,
+textarea {
+  background-color:#fff;
+  border:1px solid #bbb;
+  color:#000;
+}
+input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus,
+input.text:focus, input.title:focus,
+textarea:focus {
+  border-color:#666;
+}
+select { background-color:#fff; border-width:1px; border-style:solid; }
+
+input[type=text], input[type=password], input[type=url], input[type=email],
+input.text, input.title,
+textarea, select {
+  margin:0.5em 0;
+}
+
+input.text,
+input.title { width: 300px; padding:5px; }
+input.title { font-size:1.5em; }
+textarea    { width: 390px; height: 250px; padding:5px; }
+
+/*
+  This is to be used on forms where a variety of elements are
+  placed side-by-side. Use the p tag to denote a line.
+ */
+form.inline { line-height:3; }
+form.inline p { margin-bottom:0; }
+
+
+/* Success, info, notice and error/alert boxes
+-------------------------------------------------------------- */
+
+.error,
+.alert,
+.notice,
+.success,
+.info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
+
+.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
+.notice        { background: #fff6bf; color: #514721; border-color: #ffd324; }
+.success       { background: #e6efc2; color: #264409; border-color: #c6d880; }
+.info          { background: #d5edf8; color: #205791; border-color: #92cae4; }
+.error a, .alert a { color: #8a1f11; }
+.notice a          { color: #514721; }
+.success a         { color: #264409; }
+.info a            { color: #205791; }
+
+/* --------------------------------------------------------------
+
+   grid.css
+   * Sets up an easy-to-use grid of 24 columns.
+
+   By default, the grid is 950px wide, with 24 columns
+   spanning 30px, and a 10px margin between columns.
+
+   If you need fewer or more columns, namespaces or semantic
+   element names, use the compressor script (lib/compress.rb)
+
+-------------------------------------------------------------- */
+
+/* A container should group all your columns. */
+.container {
+  width: 950px;
+  margin: 0 auto;
+}
+
+/* Use this class on any .span / container to see the grid. */
+.showgrid {
+  background: url(src/grid.png);
+}
+
+
+/* Columns
+-------------------------------------------------------------- */
+
+/* Sets up basic grid floating and margin. */
+.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
+  float: left;
+  margin-right: 10px;
+}
+
+/* The last column in a row needs this class. */
+.last { margin-right: 0; }
+
+/* Use these classes to set the width of a column. */
+.span-1 {width: 30px;}
+
+.span-2 {width: 70px;}
+.span-3 {width: 110px;}
+.span-4 {width: 150px;}
+.span-5 {width: 190px;}
+.span-6 {width: 230px;}
+.span-7 {width: 270px;}
+.span-8 {width: 310px;}
+.span-9 {width: 350px;}
+.span-10 {width: 390px;}
+.span-11 {width: 430px;}
+.span-12 {width: 470px;}
+.span-13 {width: 510px;}
+.span-14 {width: 550px;}
+.span-15 {width: 590px;}
+.span-16 {width: 630px;}
+.span-17 {width: 670px;}
+.span-18 {width: 710px;}
+.span-19 {width: 750px;}
+.span-20 {width: 790px;}
+.span-21 {width: 830px;}
+.span-22 {width: 870px;}
+.span-23 {width: 910px;}
+.span-24 {width:950px; margin-right:0;}
+
+/* Use these classes to set the width of an input. */
+input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
+  border-left-width: 1px;
+  border-right-width: 1px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+input.span-1, textarea.span-1 { width: 18px; }
+input.span-2, textarea.span-2 { width: 58px; }
+input.span-3, textarea.span-3 { width: 98px; }
+input.span-4, textarea.span-4 { width: 138px; }
+input.span-5, textarea.span-5 { width: 178px; }
+input.span-6, textarea.span-6 { width: 218px; }
+input.span-7, textarea.span-7 { width: 258px; }
+input.span-8, textarea.span-8 { width: 298px; }
+input.span-9, textarea.span-9 { width: 338px; }
+input.span-10, textarea.span-10 { width: 378px; }
+input.span-11, textarea.span-11 { width: 418px; }
+input.span-12, textarea.span-12 { width: 458px; }
+input.span-13, textarea.span-13 { width: 498px; }
+input.span-14, textarea.span-14 { width: 538px; }
+input.span-15, textarea.span-15 { width: 578px; }
+input.span-16, textarea.span-16 { width: 618px; }
+input.span-17, textarea.span-17 { width: 658px; }
+input.span-18, textarea.span-18 { width: 698px; }
+input.span-19, textarea.span-19 { width: 738px; }
+input.span-20, textarea.span-20 { width: 778px; }
+input.span-21, textarea.span-21 { width: 818px; }
+input.span-22, textarea.span-22 { width: 858px; }
+input.span-23, textarea.span-23 { width: 898px; }
+input.span-24, textarea.span-24 { width: 938px; }
+
+/* Add these to a column to append empty cols. */
+
+.append-1 { padding-right: 40px;}
+.append-2 { padding-right: 80px;}
+.append-3 { padding-right: 120px;}
+.append-4 { padding-right: 160px;}
+.append-5 { padding-right: 200px;}
+.append-6 { padding-right: 240px;}
+.append-7 { padding-right: 280px;}
+.append-8 { padding-right: 320px;}
+.append-9 { padding-right: 360px;}
+.append-10 { padding-right: 400px;}
+.append-11 { padding-right: 440px;}
+.append-12 { padding-right: 480px;}
+.append-13 { padding-right: 520px;}
+.append-14 { padding-right: 560px;}
+.append-15 { padding-right: 600px;}
+.append-16 { padding-right: 640px;}
+.append-17 { padding-right: 680px;}
+.append-18 { padding-right: 720px;}
+.append-19 { padding-right: 760px;}
+.append-20 { padding-right: 800px;}
+.append-21 { padding-right: 840px;}
+.append-22 { padding-right: 880px;}
+.append-23 { padding-right: 920px;}
+
+/* Add these to a column to prepend empty cols. */
+
+.prepend-1 { padding-left: 40px;}
+.prepend-2 { padding-left: 80px;}
+.prepend-3 { padding-left: 120px;}
+.prepend-4 { padding-left: 160px;}
+.prepend-5 { padding-left: 200px;}
+.prepend-6 { padding-left: 240px;}
+.prepend-7 { padding-left: 280px;}
+.prepend-8 { padding-left: 320px;}
+.prepend-9 { padding-left: 360px;}
+.prepend-10 { padding-left: 400px;}
+.prepend-11 { padding-left: 440px;}
+.prepend-12 { padding-left: 480px;}
+.prepend-13 { padding-left: 520px;}
+.prepend-14 { padding-left: 560px;}
+.prepend-15 { padding-left: 600px;}
+.prepend-16 { padding-left: 640px;}
+.prepend-17 { padding-left: 680px;}
+.prepend-18 { padding-left: 720px;}
+.prepend-19 { padding-left: 760px;}
+.prepend-20 { padding-left: 800px;}
+.prepend-21 { padding-left: 840px;}
+.prepend-22 { padding-left: 880px;}
+.prepend-23 { padding-left: 920px;}
+
+
+/* Border on right hand side of a column. */
+.border {
+  padding-right: 4px;
+  margin-right: 5px;
+  border-right: 1px solid #ddd;
+}
+
+/* Border with more whitespace, spans one column. */
+.colborder {
+  padding-right: 24px;
+  margin-right: 25px;
+  border-right: 1px solid #ddd;
+}
+
+
+/* Use these classes on an element to push it into the
+next column, or to pull it into the previous column.  */
+
+
+.pull-1 { margin-left: -40px; }
+.pull-2 { margin-left: -80px; }
+.pull-3 { margin-left: -120px; }
+.pull-4 { margin-left: -160px; }
+.pull-5 { margin-left: -200px; }
+.pull-6 { margin-left: -240px; }
+.pull-7 { margin-left: -280px; }
+.pull-8 { margin-left: -320px; }
+.pull-9 { margin-left: -360px; }
+.pull-10 { margin-left: -400px; }
+.pull-11 { margin-left: -440px; }
+.pull-12 { margin-left: -480px; }
+.pull-13 { margin-left: -520px; }
+.pull-14 { margin-left: -560px; }
+.pull-15 { margin-left: -600px; }
+.pull-16 { margin-left: -640px; }
+.pull-17 { margin-left: -680px; }
+.pull-18 { margin-left: -720px; }
+.pull-19 { margin-left: -760px; }
+.pull-20 { margin-left: -800px; }
+.pull-21 { margin-left: -840px; }
+.pull-22 { margin-left: -880px; }
+.pull-23 { margin-left: -920px; }
+.pull-24 { margin-left: -960px; }
+
+.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}
+
+
+.push-1 { margin: 0 -40px 1.5em 40px; }
+.push-2 { margin: 0 -80px 1.5em 80px; }
+.push-3 { margin: 0 -120px 1.5em 120px; }
+.push-4 { margin: 0 -160px 1.5em 160px; }
+.push-5 { margin: 0 -200px 1.5em 200px; }
+.push-6 { margin: 0 -240px 1.5em 240px; }
+.push-7 { margin: 0 -280px 1.5em 280px; }
+.push-8 { margin: 0 -320px 1.5em 320px; }
+.push-9 { margin: 0 -360px 1.5em 360px; }
+.push-10 { margin: 0 -400px 1.5em 400px; }
+.push-11 { margin: 0 -440px 1.5em 440px; }
+.push-12 { margin: 0 -480px 1.5em 480px; }
+.push-13 { margin: 0 -520px 1.5em 520px; }
+.push-14 { margin: 0 -560px 1.5em 560px; }
+.push-15 { margin: 0 -600px 1.5em 600px; }
+.push-16 { margin: 0 -640px 1.5em 640px; }
+.push-17 { margin: 0 -680px 1.5em 680px; }
+.push-18 { margin: 0 -720px 1.5em 720px; }
+.push-19 { margin: 0 -760px 1.5em 760px; }
+.push-20 { margin: 0 -800px 1.5em 800px; }
+.push-21 { margin: 0 -840px 1.5em 840px; }
+.push-22 { margin: 0 -880px 1.5em 880px; }
+.push-23 { margin: 0 -920px 1.5em 920px; }
+.push-24 { margin: 0 -960px 1.5em 960px; }
+
+.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: left; position:relative;}
+
+
+/* Misc classes and elements
+-------------------------------------------------------------- */
+
+/* In case you need to add a gutter above/below an element */
+div.prepend-top, .prepend-top {
+  margin-top:1.5em;
+}
+div.append-bottom, .append-bottom {
+  margin-bottom:1.5em;
+}
+
+/* Use a .box to create a padded box inside a column.  */
+.box {
+  padding: 1.5em;
+  margin-bottom: 1.5em;
+  background: #e5eCf9;
+}
+
+/* Use this to create a horizontal ruler across a column. */
+hr {
+  background: #ddd;
+  color: #ddd;
+  clear: both;
+  float: none;
+  width: 100%;
+  height: 1px;
+  margin: 0 0 17px;
+  border: none;
+}
+
+hr.space {
+  background: #fff;
+  color: #fff;
+  visibility: hidden;
+}
+
+
+/* Clearing floats without extra markup
+   Based on How To Clear Floats Without Structural Markup by PiE
+   [http://www.positioniseverything.net/easyclearing.html] */
+
+.clearfix:after, .container:after {
+  content: "\0020";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+  overflow:hidden;
+}
+.clearfix, .container {display: block;}
+
+/* Regular clearing
+   apply to column that should drop below previous ones. */
+
+.clear { clear:both; }
diff --git a/packages/css-syntax-patches-for-csstree/tests/bootstrap.1.0.0.css b/packages/css-syntax-patches-for-csstree/tests/bootstrap.1.0.0.ignored.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/bootstrap.1.0.0.css
rename to packages/css-syntax-patches-for-csstree/tests/bootstrap.1.0.0.ignored.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
index 368d648f58..be6f04e09f 100644
--- a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
+++ b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
@@ -71,29 +71,60 @@ for (const css_file of css_files) {
 				continue;
 			}
 
-			if (decl.parent?.type === 'atrule' && decl.parent.name === 'page') {
+			if (
+				decl.parent?.type === 'atrule' &&
+				(
+					decl.parent.name === 'page' ||
+					decl.parent.name === 'font-face'
+				)
+			) {
+				// Remove this when adding support for descriptors.
 				continue;
 			}
 
-			if (css_file.includes('/bootstrap.') && /^-(?:o|moz|ms|webkit)-/i.test(decl.prop)) {
+			if (
+				(
+					css_file.includes('/bootstrap.') ||
+					css_file.includes('/foundation.') ||
+					css_file.includes('/pure.')
+				) &&
+				/^-(?:o|moz|ms|webkit|khtml)-/i.test(decl.prop)
+			) {
 				// Bootstrap contains too many generated vendor prefixed props.
 				// We don't want to test cycles between tools, only CSS written by humans.
 				continue;
 			}
 
-			await t.test(`(${i}) ${decl}`, () => {
-				const { prop, value } = decl;
+			if (
+				(
+					css_file.includes('/bootstrap.') ||
+					css_file.includes('/foundation.') ||
+					css_file.includes('/pure.')
+				) &&
+				(
+					/-(?:o|moz|ms|webkit|khtml)-/i.test(decl.value) ||
+					decl.value.includes('progid:') ||
+					decl.value.includes('alpha(opacity=')
+				)
+			) {
+				// Bootstrap contains too many generated vendor prefixed props.
+				// We don't want to test cycles between tools, only CSS written by humans.
+				continue;
+			}
 
-				const csstree_value_node = parse(value, { context: 'value' });
-				if (contains_unsupported_function(csstree_value_node)) {
-					return;
-				}
+			const { prop, value } = decl;
 
-				const result = forkedLexer.matchProperty(prop, csstree_value_node);
-				if (!result.error) {
-					return;
-				}
+			const csstree_value_node = parse(value, { context: 'value' });
+			if (contains_unsupported_function(csstree_value_node)) {
+				continue;
+			}
+
+			const result = forkedLexer.matchProperty(prop, csstree_value_node);
+			if (!result.error) {
+				continue;
+			}
 
+			await t.test(`(${path.basename(css_file) } - ${i}) ${decl}`, () => {
 				throw result.error;
 			});
 		}
diff --git a/packages/css-syntax-patches-for-csstree/tests/font-awesome-all.css b/packages/css-syntax-patches-for-csstree/tests/font-awesome-all.css
new file mode 100644
index 0000000000..934c5ca655
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/font-awesome-all.css
@@ -0,0 +1,4586 @@
+/*!
+ * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+.fa,
+.fas,
+.far,
+.fal,
+.fad,
+.fab {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1; }
+
+.fa-lg {
+  font-size: 1.33333em;
+  line-height: 0.75em;
+  vertical-align: -.0667em; }
+
+.fa-xs {
+  font-size: .75em; }
+
+.fa-sm {
+  font-size: .875em; }
+
+.fa-1x {
+  font-size: 1em; }
+
+.fa-2x {
+  font-size: 2em; }
+
+.fa-3x {
+  font-size: 3em; }
+
+.fa-4x {
+  font-size: 4em; }
+
+.fa-5x {
+  font-size: 5em; }
+
+.fa-6x {
+  font-size: 6em; }
+
+.fa-7x {
+  font-size: 7em; }
+
+.fa-8x {
+  font-size: 8em; }
+
+.fa-9x {
+  font-size: 9em; }
+
+.fa-10x {
+  font-size: 10em; }
+
+.fa-fw {
+  text-align: center;
+  width: 1.25em; }
+
+.fa-ul {
+  list-style-type: none;
+  margin-left: 2.5em;
+  padding-left: 0; }
+  .fa-ul > li {
+    position: relative; }
+
+.fa-li {
+  left: -2em;
+  position: absolute;
+  text-align: center;
+  width: 2em;
+  line-height: inherit; }
+
+.fa-border {
+  border: solid 0.08em #eee;
+  border-radius: .1em;
+  padding: .2em .25em .15em; }
+
+.fa-pull-left {
+  float: left; }
+
+.fa-pull-right {
+  float: right; }
+
+.fa.fa-pull-left,
+.fas.fa-pull-left,
+.far.fa-pull-left,
+.fal.fa-pull-left,
+.fab.fa-pull-left {
+  margin-right: .3em; }
+
+.fa.fa-pull-right,
+.fas.fa-pull-right,
+.far.fa-pull-right,
+.fal.fa-pull-right,
+.fab.fa-pull-right {
+  margin-left: .3em; }
+
+.fa-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+          animation: fa-spin 2s infinite linear; }
+
+.fa-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+          animation: fa-spin 1s infinite steps(8); }
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+.fa-rotate-90 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg); }
+
+.fa-rotate-180 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg); }
+
+.fa-rotate-270 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+  -webkit-transform: rotate(270deg);
+          transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+  -webkit-transform: scale(-1, 1);
+          transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(1, -1);
+          transform: scale(1, -1); }
+
+.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(-1, -1);
+          transform: scale(-1, -1); }
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical,
+:root .fa-flip-both {
+  -webkit-filter: none;
+          filter: none; }
+
+.fa-stack {
+  display: inline-block;
+  height: 2em;
+  line-height: 2em;
+  position: relative;
+  vertical-align: middle;
+  width: 2.5em; }
+
+.fa-stack-1x,
+.fa-stack-2x {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%; }
+
+.fa-stack-1x {
+  line-height: inherit; }
+
+.fa-stack-2x {
+  font-size: 2em; }
+
+.fa-inverse {
+  color: #fff; }
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+readers do not read off random characters that represent icons */
+.fa-500px:before {
+  content: "\f26e"; }
+
+.fa-accessible-icon:before {
+  content: "\f368"; }
+
+.fa-accusoft:before {
+  content: "\f369"; }
+
+.fa-acquisitions-incorporated:before {
+  content: "\f6af"; }
+
+.fa-ad:before {
+  content: "\f641"; }
+
+.fa-address-book:before {
+  content: "\f2b9"; }
+
+.fa-address-card:before {
+  content: "\f2bb"; }
+
+.fa-adjust:before {
+  content: "\f042"; }
+
+.fa-adn:before {
+  content: "\f170"; }
+
+.fa-adobe:before {
+  content: "\f778"; }
+
+.fa-adversal:before {
+  content: "\f36a"; }
+
+.fa-affiliatetheme:before {
+  content: "\f36b"; }
+
+.fa-air-freshener:before {
+  content: "\f5d0"; }
+
+.fa-airbnb:before {
+  content: "\f834"; }
+
+.fa-algolia:before {
+  content: "\f36c"; }
+
+.fa-align-center:before {
+  content: "\f037"; }
+
+.fa-align-justify:before {
+  content: "\f039"; }
+
+.fa-align-left:before {
+  content: "\f036"; }
+
+.fa-align-right:before {
+  content: "\f038"; }
+
+.fa-alipay:before {
+  content: "\f642"; }
+
+.fa-allergies:before {
+  content: "\f461"; }
+
+.fa-amazon:before {
+  content: "\f270"; }
+
+.fa-amazon-pay:before {
+  content: "\f42c"; }
+
+.fa-ambulance:before {
+  content: "\f0f9"; }
+
+.fa-american-sign-language-interpreting:before {
+  content: "\f2a3"; }
+
+.fa-amilia:before {
+  content: "\f36d"; }
+
+.fa-anchor:before {
+  content: "\f13d"; }
+
+.fa-android:before {
+  content: "\f17b"; }
+
+.fa-angellist:before {
+  content: "\f209"; }
+
+.fa-angle-double-down:before {
+  content: "\f103"; }
+
+.fa-angle-double-left:before {
+  content: "\f100"; }
+
+.fa-angle-double-right:before {
+  content: "\f101"; }
+
+.fa-angle-double-up:before {
+  content: "\f102"; }
+
+.fa-angle-down:before {
+  content: "\f107"; }
+
+.fa-angle-left:before {
+  content: "\f104"; }
+
+.fa-angle-right:before {
+  content: "\f105"; }
+
+.fa-angle-up:before {
+  content: "\f106"; }
+
+.fa-angry:before {
+  content: "\f556"; }
+
+.fa-angrycreative:before {
+  content: "\f36e"; }
+
+.fa-angular:before {
+  content: "\f420"; }
+
+.fa-ankh:before {
+  content: "\f644"; }
+
+.fa-app-store:before {
+  content: "\f36f"; }
+
+.fa-app-store-ios:before {
+  content: "\f370"; }
+
+.fa-apper:before {
+  content: "\f371"; }
+
+.fa-apple:before {
+  content: "\f179"; }
+
+.fa-apple-alt:before {
+  content: "\f5d1"; }
+
+.fa-apple-pay:before {
+  content: "\f415"; }
+
+.fa-archive:before {
+  content: "\f187"; }
+
+.fa-archway:before {
+  content: "\f557"; }
+
+.fa-arrow-alt-circle-down:before {
+  content: "\f358"; }
+
+.fa-arrow-alt-circle-left:before {
+  content: "\f359"; }
+
+.fa-arrow-alt-circle-right:before {
+  content: "\f35a"; }
+
+.fa-arrow-alt-circle-up:before {
+  content: "\f35b"; }
+
+.fa-arrow-circle-down:before {
+  content: "\f0ab"; }
+
+.fa-arrow-circle-left:before {
+  content: "\f0a8"; }
+
+.fa-arrow-circle-right:before {
+  content: "\f0a9"; }
+
+.fa-arrow-circle-up:before {
+  content: "\f0aa"; }
+
+.fa-arrow-down:before {
+  content: "\f063"; }
+
+.fa-arrow-left:before {
+  content: "\f060"; }
+
+.fa-arrow-right:before {
+  content: "\f061"; }
+
+.fa-arrow-up:before {
+  content: "\f062"; }
+
+.fa-arrows-alt:before {
+  content: "\f0b2"; }
+
+.fa-arrows-alt-h:before {
+  content: "\f337"; }
+
+.fa-arrows-alt-v:before {
+  content: "\f338"; }
+
+.fa-artstation:before {
+  content: "\f77a"; }
+
+.fa-assistive-listening-systems:before {
+  content: "\f2a2"; }
+
+.fa-asterisk:before {
+  content: "\f069"; }
+
+.fa-asymmetrik:before {
+  content: "\f372"; }
+
+.fa-at:before {
+  content: "\f1fa"; }
+
+.fa-atlas:before {
+  content: "\f558"; }
+
+.fa-atlassian:before {
+  content: "\f77b"; }
+
+.fa-atom:before {
+  content: "\f5d2"; }
+
+.fa-audible:before {
+  content: "\f373"; }
+
+.fa-audio-description:before {
+  content: "\f29e"; }
+
+.fa-autoprefixer:before {
+  content: "\f41c"; }
+
+.fa-avianex:before {
+  content: "\f374"; }
+
+.fa-aviato:before {
+  content: "\f421"; }
+
+.fa-award:before {
+  content: "\f559"; }
+
+.fa-aws:before {
+  content: "\f375"; }
+
+.fa-baby:before {
+  content: "\f77c"; }
+
+.fa-baby-carriage:before {
+  content: "\f77d"; }
+
+.fa-backspace:before {
+  content: "\f55a"; }
+
+.fa-backward:before {
+  content: "\f04a"; }
+
+.fa-bacon:before {
+  content: "\f7e5"; }
+
+.fa-bacteria:before {
+  content: "\e059"; }
+
+.fa-bacterium:before {
+  content: "\e05a"; }
+
+.fa-bahai:before {
+  content: "\f666"; }
+
+.fa-balance-scale:before {
+  content: "\f24e"; }
+
+.fa-balance-scale-left:before {
+  content: "\f515"; }
+
+.fa-balance-scale-right:before {
+  content: "\f516"; }
+
+.fa-ban:before {
+  content: "\f05e"; }
+
+.fa-band-aid:before {
+  content: "\f462"; }
+
+.fa-bandcamp:before {
+  content: "\f2d5"; }
+
+.fa-barcode:before {
+  content: "\f02a"; }
+
+.fa-bars:before {
+  content: "\f0c9"; }
+
+.fa-baseball-ball:before {
+  content: "\f433"; }
+
+.fa-basketball-ball:before {
+  content: "\f434"; }
+
+.fa-bath:before {
+  content: "\f2cd"; }
+
+.fa-battery-empty:before {
+  content: "\f244"; }
+
+.fa-battery-full:before {
+  content: "\f240"; }
+
+.fa-battery-half:before {
+  content: "\f242"; }
+
+.fa-battery-quarter:before {
+  content: "\f243"; }
+
+.fa-battery-three-quarters:before {
+  content: "\f241"; }
+
+.fa-battle-net:before {
+  content: "\f835"; }
+
+.fa-bed:before {
+  content: "\f236"; }
+
+.fa-beer:before {
+  content: "\f0fc"; }
+
+.fa-behance:before {
+  content: "\f1b4"; }
+
+.fa-behance-square:before {
+  content: "\f1b5"; }
+
+.fa-bell:before {
+  content: "\f0f3"; }
+
+.fa-bell-slash:before {
+  content: "\f1f6"; }
+
+.fa-bezier-curve:before {
+  content: "\f55b"; }
+
+.fa-bible:before {
+  content: "\f647"; }
+
+.fa-bicycle:before {
+  content: "\f206"; }
+
+.fa-biking:before {
+  content: "\f84a"; }
+
+.fa-bimobject:before {
+  content: "\f378"; }
+
+.fa-binoculars:before {
+  content: "\f1e5"; }
+
+.fa-biohazard:before {
+  content: "\f780"; }
+
+.fa-birthday-cake:before {
+  content: "\f1fd"; }
+
+.fa-bitbucket:before {
+  content: "\f171"; }
+
+.fa-bitcoin:before {
+  content: "\f379"; }
+
+.fa-bity:before {
+  content: "\f37a"; }
+
+.fa-black-tie:before {
+  content: "\f27e"; }
+
+.fa-blackberry:before {
+  content: "\f37b"; }
+
+.fa-blender:before {
+  content: "\f517"; }
+
+.fa-blender-phone:before {
+  content: "\f6b6"; }
+
+.fa-blind:before {
+  content: "\f29d"; }
+
+.fa-blog:before {
+  content: "\f781"; }
+
+.fa-blogger:before {
+  content: "\f37c"; }
+
+.fa-blogger-b:before {
+  content: "\f37d"; }
+
+.fa-bluetooth:before {
+  content: "\f293"; }
+
+.fa-bluetooth-b:before {
+  content: "\f294"; }
+
+.fa-bold:before {
+  content: "\f032"; }
+
+.fa-bolt:before {
+  content: "\f0e7"; }
+
+.fa-bomb:before {
+  content: "\f1e2"; }
+
+.fa-bone:before {
+  content: "\f5d7"; }
+
+.fa-bong:before {
+  content: "\f55c"; }
+
+.fa-book:before {
+  content: "\f02d"; }
+
+.fa-book-dead:before {
+  content: "\f6b7"; }
+
+.fa-book-medical:before {
+  content: "\f7e6"; }
+
+.fa-book-open:before {
+  content: "\f518"; }
+
+.fa-book-reader:before {
+  content: "\f5da"; }
+
+.fa-bookmark:before {
+  content: "\f02e"; }
+
+.fa-bootstrap:before {
+  content: "\f836"; }
+
+.fa-border-all:before {
+  content: "\f84c"; }
+
+.fa-border-none:before {
+  content: "\f850"; }
+
+.fa-border-style:before {
+  content: "\f853"; }
+
+.fa-bowling-ball:before {
+  content: "\f436"; }
+
+.fa-box:before {
+  content: "\f466"; }
+
+.fa-box-open:before {
+  content: "\f49e"; }
+
+.fa-box-tissue:before {
+  content: "\e05b"; }
+
+.fa-boxes:before {
+  content: "\f468"; }
+
+.fa-braille:before {
+  content: "\f2a1"; }
+
+.fa-brain:before {
+  content: "\f5dc"; }
+
+.fa-bread-slice:before {
+  content: "\f7ec"; }
+
+.fa-briefcase:before {
+  content: "\f0b1"; }
+
+.fa-briefcase-medical:before {
+  content: "\f469"; }
+
+.fa-broadcast-tower:before {
+  content: "\f519"; }
+
+.fa-broom:before {
+  content: "\f51a"; }
+
+.fa-brush:before {
+  content: "\f55d"; }
+
+.fa-btc:before {
+  content: "\f15a"; }
+
+.fa-buffer:before {
+  content: "\f837"; }
+
+.fa-bug:before {
+  content: "\f188"; }
+
+.fa-building:before {
+  content: "\f1ad"; }
+
+.fa-bullhorn:before {
+  content: "\f0a1"; }
+
+.fa-bullseye:before {
+  content: "\f140"; }
+
+.fa-burn:before {
+  content: "\f46a"; }
+
+.fa-buromobelexperte:before {
+  content: "\f37f"; }
+
+.fa-bus:before {
+  content: "\f207"; }
+
+.fa-bus-alt:before {
+  content: "\f55e"; }
+
+.fa-business-time:before {
+  content: "\f64a"; }
+
+.fa-buy-n-large:before {
+  content: "\f8a6"; }
+
+.fa-buysellads:before {
+  content: "\f20d"; }
+
+.fa-calculator:before {
+  content: "\f1ec"; }
+
+.fa-calendar:before {
+  content: "\f133"; }
+
+.fa-calendar-alt:before {
+  content: "\f073"; }
+
+.fa-calendar-check:before {
+  content: "\f274"; }
+
+.fa-calendar-day:before {
+  content: "\f783"; }
+
+.fa-calendar-minus:before {
+  content: "\f272"; }
+
+.fa-calendar-plus:before {
+  content: "\f271"; }
+
+.fa-calendar-times:before {
+  content: "\f273"; }
+
+.fa-calendar-week:before {
+  content: "\f784"; }
+
+.fa-camera:before {
+  content: "\f030"; }
+
+.fa-camera-retro:before {
+  content: "\f083"; }
+
+.fa-campground:before {
+  content: "\f6bb"; }
+
+.fa-canadian-maple-leaf:before {
+  content: "\f785"; }
+
+.fa-candy-cane:before {
+  content: "\f786"; }
+
+.fa-cannabis:before {
+  content: "\f55f"; }
+
+.fa-capsules:before {
+  content: "\f46b"; }
+
+.fa-car:before {
+  content: "\f1b9"; }
+
+.fa-car-alt:before {
+  content: "\f5de"; }
+
+.fa-car-battery:before {
+  content: "\f5df"; }
+
+.fa-car-crash:before {
+  content: "\f5e1"; }
+
+.fa-car-side:before {
+  content: "\f5e4"; }
+
+.fa-caravan:before {
+  content: "\f8ff"; }
+
+.fa-caret-down:before {
+  content: "\f0d7"; }
+
+.fa-caret-left:before {
+  content: "\f0d9"; }
+
+.fa-caret-right:before {
+  content: "\f0da"; }
+
+.fa-caret-square-down:before {
+  content: "\f150"; }
+
+.fa-caret-square-left:before {
+  content: "\f191"; }
+
+.fa-caret-square-right:before {
+  content: "\f152"; }
+
+.fa-caret-square-up:before {
+  content: "\f151"; }
+
+.fa-caret-up:before {
+  content: "\f0d8"; }
+
+.fa-carrot:before {
+  content: "\f787"; }
+
+.fa-cart-arrow-down:before {
+  content: "\f218"; }
+
+.fa-cart-plus:before {
+  content: "\f217"; }
+
+.fa-cash-register:before {
+  content: "\f788"; }
+
+.fa-cat:before {
+  content: "\f6be"; }
+
+.fa-cc-amazon-pay:before {
+  content: "\f42d"; }
+
+.fa-cc-amex:before {
+  content: "\f1f3"; }
+
+.fa-cc-apple-pay:before {
+  content: "\f416"; }
+
+.fa-cc-diners-club:before {
+  content: "\f24c"; }
+
+.fa-cc-discover:before {
+  content: "\f1f2"; }
+
+.fa-cc-jcb:before {
+  content: "\f24b"; }
+
+.fa-cc-mastercard:before {
+  content: "\f1f1"; }
+
+.fa-cc-paypal:before {
+  content: "\f1f4"; }
+
+.fa-cc-stripe:before {
+  content: "\f1f5"; }
+
+.fa-cc-visa:before {
+  content: "\f1f0"; }
+
+.fa-centercode:before {
+  content: "\f380"; }
+
+.fa-centos:before {
+  content: "\f789"; }
+
+.fa-certificate:before {
+  content: "\f0a3"; }
+
+.fa-chair:before {
+  content: "\f6c0"; }
+
+.fa-chalkboard:before {
+  content: "\f51b"; }
+
+.fa-chalkboard-teacher:before {
+  content: "\f51c"; }
+
+.fa-charging-station:before {
+  content: "\f5e7"; }
+
+.fa-chart-area:before {
+  content: "\f1fe"; }
+
+.fa-chart-bar:before {
+  content: "\f080"; }
+
+.fa-chart-line:before {
+  content: "\f201"; }
+
+.fa-chart-pie:before {
+  content: "\f200"; }
+
+.fa-check:before {
+  content: "\f00c"; }
+
+.fa-check-circle:before {
+  content: "\f058"; }
+
+.fa-check-double:before {
+  content: "\f560"; }
+
+.fa-check-square:before {
+  content: "\f14a"; }
+
+.fa-cheese:before {
+  content: "\f7ef"; }
+
+.fa-chess:before {
+  content: "\f439"; }
+
+.fa-chess-bishop:before {
+  content: "\f43a"; }
+
+.fa-chess-board:before {
+  content: "\f43c"; }
+
+.fa-chess-king:before {
+  content: "\f43f"; }
+
+.fa-chess-knight:before {
+  content: "\f441"; }
+
+.fa-chess-pawn:before {
+  content: "\f443"; }
+
+.fa-chess-queen:before {
+  content: "\f445"; }
+
+.fa-chess-rook:before {
+  content: "\f447"; }
+
+.fa-chevron-circle-down:before {
+  content: "\f13a"; }
+
+.fa-chevron-circle-left:before {
+  content: "\f137"; }
+
+.fa-chevron-circle-right:before {
+  content: "\f138"; }
+
+.fa-chevron-circle-up:before {
+  content: "\f139"; }
+
+.fa-chevron-down:before {
+  content: "\f078"; }
+
+.fa-chevron-left:before {
+  content: "\f053"; }
+
+.fa-chevron-right:before {
+  content: "\f054"; }
+
+.fa-chevron-up:before {
+  content: "\f077"; }
+
+.fa-child:before {
+  content: "\f1ae"; }
+
+.fa-chrome:before {
+  content: "\f268"; }
+
+.fa-chromecast:before {
+  content: "\f838"; }
+
+.fa-church:before {
+  content: "\f51d"; }
+
+.fa-circle:before {
+  content: "\f111"; }
+
+.fa-circle-notch:before {
+  content: "\f1ce"; }
+
+.fa-city:before {
+  content: "\f64f"; }
+
+.fa-clinic-medical:before {
+  content: "\f7f2"; }
+
+.fa-clipboard:before {
+  content: "\f328"; }
+
+.fa-clipboard-check:before {
+  content: "\f46c"; }
+
+.fa-clipboard-list:before {
+  content: "\f46d"; }
+
+.fa-clock:before {
+  content: "\f017"; }
+
+.fa-clone:before {
+  content: "\f24d"; }
+
+.fa-closed-captioning:before {
+  content: "\f20a"; }
+
+.fa-cloud:before {
+  content: "\f0c2"; }
+
+.fa-cloud-download-alt:before {
+  content: "\f381"; }
+
+.fa-cloud-meatball:before {
+  content: "\f73b"; }
+
+.fa-cloud-moon:before {
+  content: "\f6c3"; }
+
+.fa-cloud-moon-rain:before {
+  content: "\f73c"; }
+
+.fa-cloud-rain:before {
+  content: "\f73d"; }
+
+.fa-cloud-showers-heavy:before {
+  content: "\f740"; }
+
+.fa-cloud-sun:before {
+  content: "\f6c4"; }
+
+.fa-cloud-sun-rain:before {
+  content: "\f743"; }
+
+.fa-cloud-upload-alt:before {
+  content: "\f382"; }
+
+.fa-cloudscale:before {
+  content: "\f383"; }
+
+.fa-cloudsmith:before {
+  content: "\f384"; }
+
+.fa-cloudversify:before {
+  content: "\f385"; }
+
+.fa-cocktail:before {
+  content: "\f561"; }
+
+.fa-code:before {
+  content: "\f121"; }
+
+.fa-code-branch:before {
+  content: "\f126"; }
+
+.fa-codepen:before {
+  content: "\f1cb"; }
+
+.fa-codiepie:before {
+  content: "\f284"; }
+
+.fa-coffee:before {
+  content: "\f0f4"; }
+
+.fa-cog:before {
+  content: "\f013"; }
+
+.fa-cogs:before {
+  content: "\f085"; }
+
+.fa-coins:before {
+  content: "\f51e"; }
+
+.fa-columns:before {
+  content: "\f0db"; }
+
+.fa-comment:before {
+  content: "\f075"; }
+
+.fa-comment-alt:before {
+  content: "\f27a"; }
+
+.fa-comment-dollar:before {
+  content: "\f651"; }
+
+.fa-comment-dots:before {
+  content: "\f4ad"; }
+
+.fa-comment-medical:before {
+  content: "\f7f5"; }
+
+.fa-comment-slash:before {
+  content: "\f4b3"; }
+
+.fa-comments:before {
+  content: "\f086"; }
+
+.fa-comments-dollar:before {
+  content: "\f653"; }
+
+.fa-compact-disc:before {
+  content: "\f51f"; }
+
+.fa-compass:before {
+  content: "\f14e"; }
+
+.fa-compress:before {
+  content: "\f066"; }
+
+.fa-compress-alt:before {
+  content: "\f422"; }
+
+.fa-compress-arrows-alt:before {
+  content: "\f78c"; }
+
+.fa-concierge-bell:before {
+  content: "\f562"; }
+
+.fa-confluence:before {
+  content: "\f78d"; }
+
+.fa-connectdevelop:before {
+  content: "\f20e"; }
+
+.fa-contao:before {
+  content: "\f26d"; }
+
+.fa-cookie:before {
+  content: "\f563"; }
+
+.fa-cookie-bite:before {
+  content: "\f564"; }
+
+.fa-copy:before {
+  content: "\f0c5"; }
+
+.fa-copyright:before {
+  content: "\f1f9"; }
+
+.fa-cotton-bureau:before {
+  content: "\f89e"; }
+
+.fa-couch:before {
+  content: "\f4b8"; }
+
+.fa-cpanel:before {
+  content: "\f388"; }
+
+.fa-creative-commons:before {
+  content: "\f25e"; }
+
+.fa-creative-commons-by:before {
+  content: "\f4e7"; }
+
+.fa-creative-commons-nc:before {
+  content: "\f4e8"; }
+
+.fa-creative-commons-nc-eu:before {
+  content: "\f4e9"; }
+
+.fa-creative-commons-nc-jp:before {
+  content: "\f4ea"; }
+
+.fa-creative-commons-nd:before {
+  content: "\f4eb"; }
+
+.fa-creative-commons-pd:before {
+  content: "\f4ec"; }
+
+.fa-creative-commons-pd-alt:before {
+  content: "\f4ed"; }
+
+.fa-creative-commons-remix:before {
+  content: "\f4ee"; }
+
+.fa-creative-commons-sa:before {
+  content: "\f4ef"; }
+
+.fa-creative-commons-sampling:before {
+  content: "\f4f0"; }
+
+.fa-creative-commons-sampling-plus:before {
+  content: "\f4f1"; }
+
+.fa-creative-commons-share:before {
+  content: "\f4f2"; }
+
+.fa-creative-commons-zero:before {
+  content: "\f4f3"; }
+
+.fa-credit-card:before {
+  content: "\f09d"; }
+
+.fa-critical-role:before {
+  content: "\f6c9"; }
+
+.fa-crop:before {
+  content: "\f125"; }
+
+.fa-crop-alt:before {
+  content: "\f565"; }
+
+.fa-cross:before {
+  content: "\f654"; }
+
+.fa-crosshairs:before {
+  content: "\f05b"; }
+
+.fa-crow:before {
+  content: "\f520"; }
+
+.fa-crown:before {
+  content: "\f521"; }
+
+.fa-crutch:before {
+  content: "\f7f7"; }
+
+.fa-css3:before {
+  content: "\f13c"; }
+
+.fa-css3-alt:before {
+  content: "\f38b"; }
+
+.fa-cube:before {
+  content: "\f1b2"; }
+
+.fa-cubes:before {
+  content: "\f1b3"; }
+
+.fa-cut:before {
+  content: "\f0c4"; }
+
+.fa-cuttlefish:before {
+  content: "\f38c"; }
+
+.fa-d-and-d:before {
+  content: "\f38d"; }
+
+.fa-d-and-d-beyond:before {
+  content: "\f6ca"; }
+
+.fa-dailymotion:before {
+  content: "\e052"; }
+
+.fa-dashcube:before {
+  content: "\f210"; }
+
+.fa-database:before {
+  content: "\f1c0"; }
+
+.fa-deaf:before {
+  content: "\f2a4"; }
+
+.fa-deezer:before {
+  content: "\e077"; }
+
+.fa-delicious:before {
+  content: "\f1a5"; }
+
+.fa-democrat:before {
+  content: "\f747"; }
+
+.fa-deploydog:before {
+  content: "\f38e"; }
+
+.fa-deskpro:before {
+  content: "\f38f"; }
+
+.fa-desktop:before {
+  content: "\f108"; }
+
+.fa-dev:before {
+  content: "\f6cc"; }
+
+.fa-deviantart:before {
+  content: "\f1bd"; }
+
+.fa-dharmachakra:before {
+  content: "\f655"; }
+
+.fa-dhl:before {
+  content: "\f790"; }
+
+.fa-diagnoses:before {
+  content: "\f470"; }
+
+.fa-diaspora:before {
+  content: "\f791"; }
+
+.fa-dice:before {
+  content: "\f522"; }
+
+.fa-dice-d20:before {
+  content: "\f6cf"; }
+
+.fa-dice-d6:before {
+  content: "\f6d1"; }
+
+.fa-dice-five:before {
+  content: "\f523"; }
+
+.fa-dice-four:before {
+  content: "\f524"; }
+
+.fa-dice-one:before {
+  content: "\f525"; }
+
+.fa-dice-six:before {
+  content: "\f526"; }
+
+.fa-dice-three:before {
+  content: "\f527"; }
+
+.fa-dice-two:before {
+  content: "\f528"; }
+
+.fa-digg:before {
+  content: "\f1a6"; }
+
+.fa-digital-ocean:before {
+  content: "\f391"; }
+
+.fa-digital-tachograph:before {
+  content: "\f566"; }
+
+.fa-directions:before {
+  content: "\f5eb"; }
+
+.fa-discord:before {
+  content: "\f392"; }
+
+.fa-discourse:before {
+  content: "\f393"; }
+
+.fa-disease:before {
+  content: "\f7fa"; }
+
+.fa-divide:before {
+  content: "\f529"; }
+
+.fa-dizzy:before {
+  content: "\f567"; }
+
+.fa-dna:before {
+  content: "\f471"; }
+
+.fa-dochub:before {
+  content: "\f394"; }
+
+.fa-docker:before {
+  content: "\f395"; }
+
+.fa-dog:before {
+  content: "\f6d3"; }
+
+.fa-dollar-sign:before {
+  content: "\f155"; }
+
+.fa-dolly:before {
+  content: "\f472"; }
+
+.fa-dolly-flatbed:before {
+  content: "\f474"; }
+
+.fa-donate:before {
+  content: "\f4b9"; }
+
+.fa-door-closed:before {
+  content: "\f52a"; }
+
+.fa-door-open:before {
+  content: "\f52b"; }
+
+.fa-dot-circle:before {
+  content: "\f192"; }
+
+.fa-dove:before {
+  content: "\f4ba"; }
+
+.fa-download:before {
+  content: "\f019"; }
+
+.fa-draft2digital:before {
+  content: "\f396"; }
+
+.fa-drafting-compass:before {
+  content: "\f568"; }
+
+.fa-dragon:before {
+  content: "\f6d5"; }
+
+.fa-draw-polygon:before {
+  content: "\f5ee"; }
+
+.fa-dribbble:before {
+  content: "\f17d"; }
+
+.fa-dribbble-square:before {
+  content: "\f397"; }
+
+.fa-dropbox:before {
+  content: "\f16b"; }
+
+.fa-drum:before {
+  content: "\f569"; }
+
+.fa-drum-steelpan:before {
+  content: "\f56a"; }
+
+.fa-drumstick-bite:before {
+  content: "\f6d7"; }
+
+.fa-drupal:before {
+  content: "\f1a9"; }
+
+.fa-dumbbell:before {
+  content: "\f44b"; }
+
+.fa-dumpster:before {
+  content: "\f793"; }
+
+.fa-dumpster-fire:before {
+  content: "\f794"; }
+
+.fa-dungeon:before {
+  content: "\f6d9"; }
+
+.fa-dyalog:before {
+  content: "\f399"; }
+
+.fa-earlybirds:before {
+  content: "\f39a"; }
+
+.fa-ebay:before {
+  content: "\f4f4"; }
+
+.fa-edge:before {
+  content: "\f282"; }
+
+.fa-edge-legacy:before {
+  content: "\e078"; }
+
+.fa-edit:before {
+  content: "\f044"; }
+
+.fa-egg:before {
+  content: "\f7fb"; }
+
+.fa-eject:before {
+  content: "\f052"; }
+
+.fa-elementor:before {
+  content: "\f430"; }
+
+.fa-ellipsis-h:before {
+  content: "\f141"; }
+
+.fa-ellipsis-v:before {
+  content: "\f142"; }
+
+.fa-ello:before {
+  content: "\f5f1"; }
+
+.fa-ember:before {
+  content: "\f423"; }
+
+.fa-empire:before {
+  content: "\f1d1"; }
+
+.fa-envelope:before {
+  content: "\f0e0"; }
+
+.fa-envelope-open:before {
+  content: "\f2b6"; }
+
+.fa-envelope-open-text:before {
+  content: "\f658"; }
+
+.fa-envelope-square:before {
+  content: "\f199"; }
+
+.fa-envira:before {
+  content: "\f299"; }
+
+.fa-equals:before {
+  content: "\f52c"; }
+
+.fa-eraser:before {
+  content: "\f12d"; }
+
+.fa-erlang:before {
+  content: "\f39d"; }
+
+.fa-ethereum:before {
+  content: "\f42e"; }
+
+.fa-ethernet:before {
+  content: "\f796"; }
+
+.fa-etsy:before {
+  content: "\f2d7"; }
+
+.fa-euro-sign:before {
+  content: "\f153"; }
+
+.fa-evernote:before {
+  content: "\f839"; }
+
+.fa-exchange-alt:before {
+  content: "\f362"; }
+
+.fa-exclamation:before {
+  content: "\f12a"; }
+
+.fa-exclamation-circle:before {
+  content: "\f06a"; }
+
+.fa-exclamation-triangle:before {
+  content: "\f071"; }
+
+.fa-expand:before {
+  content: "\f065"; }
+
+.fa-expand-alt:before {
+  content: "\f424"; }
+
+.fa-expand-arrows-alt:before {
+  content: "\f31e"; }
+
+.fa-expeditedssl:before {
+  content: "\f23e"; }
+
+.fa-external-link-alt:before {
+  content: "\f35d"; }
+
+.fa-external-link-square-alt:before {
+  content: "\f360"; }
+
+.fa-eye:before {
+  content: "\f06e"; }
+
+.fa-eye-dropper:before {
+  content: "\f1fb"; }
+
+.fa-eye-slash:before {
+  content: "\f070"; }
+
+.fa-facebook:before {
+  content: "\f09a"; }
+
+.fa-facebook-f:before {
+  content: "\f39e"; }
+
+.fa-facebook-messenger:before {
+  content: "\f39f"; }
+
+.fa-facebook-square:before {
+  content: "\f082"; }
+
+.fa-fan:before {
+  content: "\f863"; }
+
+.fa-fantasy-flight-games:before {
+  content: "\f6dc"; }
+
+.fa-fast-backward:before {
+  content: "\f049"; }
+
+.fa-fast-forward:before {
+  content: "\f050"; }
+
+.fa-faucet:before {
+  content: "\e005"; }
+
+.fa-fax:before {
+  content: "\f1ac"; }
+
+.fa-feather:before {
+  content: "\f52d"; }
+
+.fa-feather-alt:before {
+  content: "\f56b"; }
+
+.fa-fedex:before {
+  content: "\f797"; }
+
+.fa-fedora:before {
+  content: "\f798"; }
+
+.fa-female:before {
+  content: "\f182"; }
+
+.fa-fighter-jet:before {
+  content: "\f0fb"; }
+
+.fa-figma:before {
+  content: "\f799"; }
+
+.fa-file:before {
+  content: "\f15b"; }
+
+.fa-file-alt:before {
+  content: "\f15c"; }
+
+.fa-file-archive:before {
+  content: "\f1c6"; }
+
+.fa-file-audio:before {
+  content: "\f1c7"; }
+
+.fa-file-code:before {
+  content: "\f1c9"; }
+
+.fa-file-contract:before {
+  content: "\f56c"; }
+
+.fa-file-csv:before {
+  content: "\f6dd"; }
+
+.fa-file-download:before {
+  content: "\f56d"; }
+
+.fa-file-excel:before {
+  content: "\f1c3"; }
+
+.fa-file-export:before {
+  content: "\f56e"; }
+
+.fa-file-image:before {
+  content: "\f1c5"; }
+
+.fa-file-import:before {
+  content: "\f56f"; }
+
+.fa-file-invoice:before {
+  content: "\f570"; }
+
+.fa-file-invoice-dollar:before {
+  content: "\f571"; }
+
+.fa-file-medical:before {
+  content: "\f477"; }
+
+.fa-file-medical-alt:before {
+  content: "\f478"; }
+
+.fa-file-pdf:before {
+  content: "\f1c1"; }
+
+.fa-file-powerpoint:before {
+  content: "\f1c4"; }
+
+.fa-file-prescription:before {
+  content: "\f572"; }
+
+.fa-file-signature:before {
+  content: "\f573"; }
+
+.fa-file-upload:before {
+  content: "\f574"; }
+
+.fa-file-video:before {
+  content: "\f1c8"; }
+
+.fa-file-word:before {
+  content: "\f1c2"; }
+
+.fa-fill:before {
+  content: "\f575"; }
+
+.fa-fill-drip:before {
+  content: "\f576"; }
+
+.fa-film:before {
+  content: "\f008"; }
+
+.fa-filter:before {
+  content: "\f0b0"; }
+
+.fa-fingerprint:before {
+  content: "\f577"; }
+
+.fa-fire:before {
+  content: "\f06d"; }
+
+.fa-fire-alt:before {
+  content: "\f7e4"; }
+
+.fa-fire-extinguisher:before {
+  content: "\f134"; }
+
+.fa-firefox:before {
+  content: "\f269"; }
+
+.fa-firefox-browser:before {
+  content: "\e007"; }
+
+.fa-first-aid:before {
+  content: "\f479"; }
+
+.fa-first-order:before {
+  content: "\f2b0"; }
+
+.fa-first-order-alt:before {
+  content: "\f50a"; }
+
+.fa-firstdraft:before {
+  content: "\f3a1"; }
+
+.fa-fish:before {
+  content: "\f578"; }
+
+.fa-fist-raised:before {
+  content: "\f6de"; }
+
+.fa-flag:before {
+  content: "\f024"; }
+
+.fa-flag-checkered:before {
+  content: "\f11e"; }
+
+.fa-flag-usa:before {
+  content: "\f74d"; }
+
+.fa-flask:before {
+  content: "\f0c3"; }
+
+.fa-flickr:before {
+  content: "\f16e"; }
+
+.fa-flipboard:before {
+  content: "\f44d"; }
+
+.fa-flushed:before {
+  content: "\f579"; }
+
+.fa-fly:before {
+  content: "\f417"; }
+
+.fa-folder:before {
+  content: "\f07b"; }
+
+.fa-folder-minus:before {
+  content: "\f65d"; }
+
+.fa-folder-open:before {
+  content: "\f07c"; }
+
+.fa-folder-plus:before {
+  content: "\f65e"; }
+
+.fa-font:before {
+  content: "\f031"; }
+
+.fa-font-awesome:before {
+  content: "\f2b4"; }
+
+.fa-font-awesome-alt:before {
+  content: "\f35c"; }
+
+.fa-font-awesome-flag:before {
+  content: "\f425"; }
+
+.fa-font-awesome-logo-full:before {
+  content: "\f4e6"; }
+
+.fa-fonticons:before {
+  content: "\f280"; }
+
+.fa-fonticons-fi:before {
+  content: "\f3a2"; }
+
+.fa-football-ball:before {
+  content: "\f44e"; }
+
+.fa-fort-awesome:before {
+  content: "\f286"; }
+
+.fa-fort-awesome-alt:before {
+  content: "\f3a3"; }
+
+.fa-forumbee:before {
+  content: "\f211"; }
+
+.fa-forward:before {
+  content: "\f04e"; }
+
+.fa-foursquare:before {
+  content: "\f180"; }
+
+.fa-free-code-camp:before {
+  content: "\f2c5"; }
+
+.fa-freebsd:before {
+  content: "\f3a4"; }
+
+.fa-frog:before {
+  content: "\f52e"; }
+
+.fa-frown:before {
+  content: "\f119"; }
+
+.fa-frown-open:before {
+  content: "\f57a"; }
+
+.fa-fulcrum:before {
+  content: "\f50b"; }
+
+.fa-funnel-dollar:before {
+  content: "\f662"; }
+
+.fa-futbol:before {
+  content: "\f1e3"; }
+
+.fa-galactic-republic:before {
+  content: "\f50c"; }
+
+.fa-galactic-senate:before {
+  content: "\f50d"; }
+
+.fa-gamepad:before {
+  content: "\f11b"; }
+
+.fa-gas-pump:before {
+  content: "\f52f"; }
+
+.fa-gavel:before {
+  content: "\f0e3"; }
+
+.fa-gem:before {
+  content: "\f3a5"; }
+
+.fa-genderless:before {
+  content: "\f22d"; }
+
+.fa-get-pocket:before {
+  content: "\f265"; }
+
+.fa-gg:before {
+  content: "\f260"; }
+
+.fa-gg-circle:before {
+  content: "\f261"; }
+
+.fa-ghost:before {
+  content: "\f6e2"; }
+
+.fa-gift:before {
+  content: "\f06b"; }
+
+.fa-gifts:before {
+  content: "\f79c"; }
+
+.fa-git:before {
+  content: "\f1d3"; }
+
+.fa-git-alt:before {
+  content: "\f841"; }
+
+.fa-git-square:before {
+  content: "\f1d2"; }
+
+.fa-github:before {
+  content: "\f09b"; }
+
+.fa-github-alt:before {
+  content: "\f113"; }
+
+.fa-github-square:before {
+  content: "\f092"; }
+
+.fa-gitkraken:before {
+  content: "\f3a6"; }
+
+.fa-gitlab:before {
+  content: "\f296"; }
+
+.fa-gitter:before {
+  content: "\f426"; }
+
+.fa-glass-cheers:before {
+  content: "\f79f"; }
+
+.fa-glass-martini:before {
+  content: "\f000"; }
+
+.fa-glass-martini-alt:before {
+  content: "\f57b"; }
+
+.fa-glass-whiskey:before {
+  content: "\f7a0"; }
+
+.fa-glasses:before {
+  content: "\f530"; }
+
+.fa-glide:before {
+  content: "\f2a5"; }
+
+.fa-glide-g:before {
+  content: "\f2a6"; }
+
+.fa-globe:before {
+  content: "\f0ac"; }
+
+.fa-globe-africa:before {
+  content: "\f57c"; }
+
+.fa-globe-americas:before {
+  content: "\f57d"; }
+
+.fa-globe-asia:before {
+  content: "\f57e"; }
+
+.fa-globe-europe:before {
+  content: "\f7a2"; }
+
+.fa-gofore:before {
+  content: "\f3a7"; }
+
+.fa-golf-ball:before {
+  content: "\f450"; }
+
+.fa-goodreads:before {
+  content: "\f3a8"; }
+
+.fa-goodreads-g:before {
+  content: "\f3a9"; }
+
+.fa-google:before {
+  content: "\f1a0"; }
+
+.fa-google-drive:before {
+  content: "\f3aa"; }
+
+.fa-google-pay:before {
+  content: "\e079"; }
+
+.fa-google-play:before {
+  content: "\f3ab"; }
+
+.fa-google-plus:before {
+  content: "\f2b3"; }
+
+.fa-google-plus-g:before {
+  content: "\f0d5"; }
+
+.fa-google-plus-square:before {
+  content: "\f0d4"; }
+
+.fa-google-wallet:before {
+  content: "\f1ee"; }
+
+.fa-gopuram:before {
+  content: "\f664"; }
+
+.fa-graduation-cap:before {
+  content: "\f19d"; }
+
+.fa-gratipay:before {
+  content: "\f184"; }
+
+.fa-grav:before {
+  content: "\f2d6"; }
+
+.fa-greater-than:before {
+  content: "\f531"; }
+
+.fa-greater-than-equal:before {
+  content: "\f532"; }
+
+.fa-grimace:before {
+  content: "\f57f"; }
+
+.fa-grin:before {
+  content: "\f580"; }
+
+.fa-grin-alt:before {
+  content: "\f581"; }
+
+.fa-grin-beam:before {
+  content: "\f582"; }
+
+.fa-grin-beam-sweat:before {
+  content: "\f583"; }
+
+.fa-grin-hearts:before {
+  content: "\f584"; }
+
+.fa-grin-squint:before {
+  content: "\f585"; }
+
+.fa-grin-squint-tears:before {
+  content: "\f586"; }
+
+.fa-grin-stars:before {
+  content: "\f587"; }
+
+.fa-grin-tears:before {
+  content: "\f588"; }
+
+.fa-grin-tongue:before {
+  content: "\f589"; }
+
+.fa-grin-tongue-squint:before {
+  content: "\f58a"; }
+
+.fa-grin-tongue-wink:before {
+  content: "\f58b"; }
+
+.fa-grin-wink:before {
+  content: "\f58c"; }
+
+.fa-grip-horizontal:before {
+  content: "\f58d"; }
+
+.fa-grip-lines:before {
+  content: "\f7a4"; }
+
+.fa-grip-lines-vertical:before {
+  content: "\f7a5"; }
+
+.fa-grip-vertical:before {
+  content: "\f58e"; }
+
+.fa-gripfire:before {
+  content: "\f3ac"; }
+
+.fa-grunt:before {
+  content: "\f3ad"; }
+
+.fa-guitar:before {
+  content: "\f7a6"; }
+
+.fa-gulp:before {
+  content: "\f3ae"; }
+
+.fa-h-square:before {
+  content: "\f0fd"; }
+
+.fa-hacker-news:before {
+  content: "\f1d4"; }
+
+.fa-hacker-news-square:before {
+  content: "\f3af"; }
+
+.fa-hackerrank:before {
+  content: "\f5f7"; }
+
+.fa-hamburger:before {
+  content: "\f805"; }
+
+.fa-hammer:before {
+  content: "\f6e3"; }
+
+.fa-hamsa:before {
+  content: "\f665"; }
+
+.fa-hand-holding:before {
+  content: "\f4bd"; }
+
+.fa-hand-holding-heart:before {
+  content: "\f4be"; }
+
+.fa-hand-holding-medical:before {
+  content: "\e05c"; }
+
+.fa-hand-holding-usd:before {
+  content: "\f4c0"; }
+
+.fa-hand-holding-water:before {
+  content: "\f4c1"; }
+
+.fa-hand-lizard:before {
+  content: "\f258"; }
+
+.fa-hand-middle-finger:before {
+  content: "\f806"; }
+
+.fa-hand-paper:before {
+  content: "\f256"; }
+
+.fa-hand-peace:before {
+  content: "\f25b"; }
+
+.fa-hand-point-down:before {
+  content: "\f0a7"; }
+
+.fa-hand-point-left:before {
+  content: "\f0a5"; }
+
+.fa-hand-point-right:before {
+  content: "\f0a4"; }
+
+.fa-hand-point-up:before {
+  content: "\f0a6"; }
+
+.fa-hand-pointer:before {
+  content: "\f25a"; }
+
+.fa-hand-rock:before {
+  content: "\f255"; }
+
+.fa-hand-scissors:before {
+  content: "\f257"; }
+
+.fa-hand-sparkles:before {
+  content: "\e05d"; }
+
+.fa-hand-spock:before {
+  content: "\f259"; }
+
+.fa-hands:before {
+  content: "\f4c2"; }
+
+.fa-hands-helping:before {
+  content: "\f4c4"; }
+
+.fa-hands-wash:before {
+  content: "\e05e"; }
+
+.fa-handshake:before {
+  content: "\f2b5"; }
+
+.fa-handshake-alt-slash:before {
+  content: "\e05f"; }
+
+.fa-handshake-slash:before {
+  content: "\e060"; }
+
+.fa-hanukiah:before {
+  content: "\f6e6"; }
+
+.fa-hard-hat:before {
+  content: "\f807"; }
+
+.fa-hashtag:before {
+  content: "\f292"; }
+
+.fa-hat-cowboy:before {
+  content: "\f8c0"; }
+
+.fa-hat-cowboy-side:before {
+  content: "\f8c1"; }
+
+.fa-hat-wizard:before {
+  content: "\f6e8"; }
+
+.fa-hdd:before {
+  content: "\f0a0"; }
+
+.fa-head-side-cough:before {
+  content: "\e061"; }
+
+.fa-head-side-cough-slash:before {
+  content: "\e062"; }
+
+.fa-head-side-mask:before {
+  content: "\e063"; }
+
+.fa-head-side-virus:before {
+  content: "\e064"; }
+
+.fa-heading:before {
+  content: "\f1dc"; }
+
+.fa-headphones:before {
+  content: "\f025"; }
+
+.fa-headphones-alt:before {
+  content: "\f58f"; }
+
+.fa-headset:before {
+  content: "\f590"; }
+
+.fa-heart:before {
+  content: "\f004"; }
+
+.fa-heart-broken:before {
+  content: "\f7a9"; }
+
+.fa-heartbeat:before {
+  content: "\f21e"; }
+
+.fa-helicopter:before {
+  content: "\f533"; }
+
+.fa-highlighter:before {
+  content: "\f591"; }
+
+.fa-hiking:before {
+  content: "\f6ec"; }
+
+.fa-hippo:before {
+  content: "\f6ed"; }
+
+.fa-hips:before {
+  content: "\f452"; }
+
+.fa-hire-a-helper:before {
+  content: "\f3b0"; }
+
+.fa-history:before {
+  content: "\f1da"; }
+
+.fa-hockey-puck:before {
+  content: "\f453"; }
+
+.fa-holly-berry:before {
+  content: "\f7aa"; }
+
+.fa-home:before {
+  content: "\f015"; }
+
+.fa-hooli:before {
+  content: "\f427"; }
+
+.fa-hornbill:before {
+  content: "\f592"; }
+
+.fa-horse:before {
+  content: "\f6f0"; }
+
+.fa-horse-head:before {
+  content: "\f7ab"; }
+
+.fa-hospital:before {
+  content: "\f0f8"; }
+
+.fa-hospital-alt:before {
+  content: "\f47d"; }
+
+.fa-hospital-symbol:before {
+  content: "\f47e"; }
+
+.fa-hospital-user:before {
+  content: "\f80d"; }
+
+.fa-hot-tub:before {
+  content: "\f593"; }
+
+.fa-hotdog:before {
+  content: "\f80f"; }
+
+.fa-hotel:before {
+  content: "\f594"; }
+
+.fa-hotjar:before {
+  content: "\f3b1"; }
+
+.fa-hourglass:before {
+  content: "\f254"; }
+
+.fa-hourglass-end:before {
+  content: "\f253"; }
+
+.fa-hourglass-half:before {
+  content: "\f252"; }
+
+.fa-hourglass-start:before {
+  content: "\f251"; }
+
+.fa-house-damage:before {
+  content: "\f6f1"; }
+
+.fa-house-user:before {
+  content: "\e065"; }
+
+.fa-houzz:before {
+  content: "\f27c"; }
+
+.fa-hryvnia:before {
+  content: "\f6f2"; }
+
+.fa-html5:before {
+  content: "\f13b"; }
+
+.fa-hubspot:before {
+  content: "\f3b2"; }
+
+.fa-i-cursor:before {
+  content: "\f246"; }
+
+.fa-ice-cream:before {
+  content: "\f810"; }
+
+.fa-icicles:before {
+  content: "\f7ad"; }
+
+.fa-icons:before {
+  content: "\f86d"; }
+
+.fa-id-badge:before {
+  content: "\f2c1"; }
+
+.fa-id-card:before {
+  content: "\f2c2"; }
+
+.fa-id-card-alt:before {
+  content: "\f47f"; }
+
+.fa-ideal:before {
+  content: "\e013"; }
+
+.fa-igloo:before {
+  content: "\f7ae"; }
+
+.fa-image:before {
+  content: "\f03e"; }
+
+.fa-images:before {
+  content: "\f302"; }
+
+.fa-imdb:before {
+  content: "\f2d8"; }
+
+.fa-inbox:before {
+  content: "\f01c"; }
+
+.fa-indent:before {
+  content: "\f03c"; }
+
+.fa-industry:before {
+  content: "\f275"; }
+
+.fa-infinity:before {
+  content: "\f534"; }
+
+.fa-info:before {
+  content: "\f129"; }
+
+.fa-info-circle:before {
+  content: "\f05a"; }
+
+.fa-instagram:before {
+  content: "\f16d"; }
+
+.fa-instagram-square:before {
+  content: "\e055"; }
+
+.fa-intercom:before {
+  content: "\f7af"; }
+
+.fa-internet-explorer:before {
+  content: "\f26b"; }
+
+.fa-invision:before {
+  content: "\f7b0"; }
+
+.fa-ioxhost:before {
+  content: "\f208"; }
+
+.fa-italic:before {
+  content: "\f033"; }
+
+.fa-itch-io:before {
+  content: "\f83a"; }
+
+.fa-itunes:before {
+  content: "\f3b4"; }
+
+.fa-itunes-note:before {
+  content: "\f3b5"; }
+
+.fa-java:before {
+  content: "\f4e4"; }
+
+.fa-jedi:before {
+  content: "\f669"; }
+
+.fa-jedi-order:before {
+  content: "\f50e"; }
+
+.fa-jenkins:before {
+  content: "\f3b6"; }
+
+.fa-jira:before {
+  content: "\f7b1"; }
+
+.fa-joget:before {
+  content: "\f3b7"; }
+
+.fa-joint:before {
+  content: "\f595"; }
+
+.fa-joomla:before {
+  content: "\f1aa"; }
+
+.fa-journal-whills:before {
+  content: "\f66a"; }
+
+.fa-js:before {
+  content: "\f3b8"; }
+
+.fa-js-square:before {
+  content: "\f3b9"; }
+
+.fa-jsfiddle:before {
+  content: "\f1cc"; }
+
+.fa-kaaba:before {
+  content: "\f66b"; }
+
+.fa-kaggle:before {
+  content: "\f5fa"; }
+
+.fa-key:before {
+  content: "\f084"; }
+
+.fa-keybase:before {
+  content: "\f4f5"; }
+
+.fa-keyboard:before {
+  content: "\f11c"; }
+
+.fa-keycdn:before {
+  content: "\f3ba"; }
+
+.fa-khanda:before {
+  content: "\f66d"; }
+
+.fa-kickstarter:before {
+  content: "\f3bb"; }
+
+.fa-kickstarter-k:before {
+  content: "\f3bc"; }
+
+.fa-kiss:before {
+  content: "\f596"; }
+
+.fa-kiss-beam:before {
+  content: "\f597"; }
+
+.fa-kiss-wink-heart:before {
+  content: "\f598"; }
+
+.fa-kiwi-bird:before {
+  content: "\f535"; }
+
+.fa-korvue:before {
+  content: "\f42f"; }
+
+.fa-landmark:before {
+  content: "\f66f"; }
+
+.fa-language:before {
+  content: "\f1ab"; }
+
+.fa-laptop:before {
+  content: "\f109"; }
+
+.fa-laptop-code:before {
+  content: "\f5fc"; }
+
+.fa-laptop-house:before {
+  content: "\e066"; }
+
+.fa-laptop-medical:before {
+  content: "\f812"; }
+
+.fa-laravel:before {
+  content: "\f3bd"; }
+
+.fa-lastfm:before {
+  content: "\f202"; }
+
+.fa-lastfm-square:before {
+  content: "\f203"; }
+
+.fa-laugh:before {
+  content: "\f599"; }
+
+.fa-laugh-beam:before {
+  content: "\f59a"; }
+
+.fa-laugh-squint:before {
+  content: "\f59b"; }
+
+.fa-laugh-wink:before {
+  content: "\f59c"; }
+
+.fa-layer-group:before {
+  content: "\f5fd"; }
+
+.fa-leaf:before {
+  content: "\f06c"; }
+
+.fa-leanpub:before {
+  content: "\f212"; }
+
+.fa-lemon:before {
+  content: "\f094"; }
+
+.fa-less:before {
+  content: "\f41d"; }
+
+.fa-less-than:before {
+  content: "\f536"; }
+
+.fa-less-than-equal:before {
+  content: "\f537"; }
+
+.fa-level-down-alt:before {
+  content: "\f3be"; }
+
+.fa-level-up-alt:before {
+  content: "\f3bf"; }
+
+.fa-life-ring:before {
+  content: "\f1cd"; }
+
+.fa-lightbulb:before {
+  content: "\f0eb"; }
+
+.fa-line:before {
+  content: "\f3c0"; }
+
+.fa-link:before {
+  content: "\f0c1"; }
+
+.fa-linkedin:before {
+  content: "\f08c"; }
+
+.fa-linkedin-in:before {
+  content: "\f0e1"; }
+
+.fa-linode:before {
+  content: "\f2b8"; }
+
+.fa-linux:before {
+  content: "\f17c"; }
+
+.fa-lira-sign:before {
+  content: "\f195"; }
+
+.fa-list:before {
+  content: "\f03a"; }
+
+.fa-list-alt:before {
+  content: "\f022"; }
+
+.fa-list-ol:before {
+  content: "\f0cb"; }
+
+.fa-list-ul:before {
+  content: "\f0ca"; }
+
+.fa-location-arrow:before {
+  content: "\f124"; }
+
+.fa-lock:before {
+  content: "\f023"; }
+
+.fa-lock-open:before {
+  content: "\f3c1"; }
+
+.fa-long-arrow-alt-down:before {
+  content: "\f309"; }
+
+.fa-long-arrow-alt-left:before {
+  content: "\f30a"; }
+
+.fa-long-arrow-alt-right:before {
+  content: "\f30b"; }
+
+.fa-long-arrow-alt-up:before {
+  content: "\f30c"; }
+
+.fa-low-vision:before {
+  content: "\f2a8"; }
+
+.fa-luggage-cart:before {
+  content: "\f59d"; }
+
+.fa-lungs:before {
+  content: "\f604"; }
+
+.fa-lungs-virus:before {
+  content: "\e067"; }
+
+.fa-lyft:before {
+  content: "\f3c3"; }
+
+.fa-magento:before {
+  content: "\f3c4"; }
+
+.fa-magic:before {
+  content: "\f0d0"; }
+
+.fa-magnet:before {
+  content: "\f076"; }
+
+.fa-mail-bulk:before {
+  content: "\f674"; }
+
+.fa-mailchimp:before {
+  content: "\f59e"; }
+
+.fa-male:before {
+  content: "\f183"; }
+
+.fa-mandalorian:before {
+  content: "\f50f"; }
+
+.fa-map:before {
+  content: "\f279"; }
+
+.fa-map-marked:before {
+  content: "\f59f"; }
+
+.fa-map-marked-alt:before {
+  content: "\f5a0"; }
+
+.fa-map-marker:before {
+  content: "\f041"; }
+
+.fa-map-marker-alt:before {
+  content: "\f3c5"; }
+
+.fa-map-pin:before {
+  content: "\f276"; }
+
+.fa-map-signs:before {
+  content: "\f277"; }
+
+.fa-markdown:before {
+  content: "\f60f"; }
+
+.fa-marker:before {
+  content: "\f5a1"; }
+
+.fa-mars:before {
+  content: "\f222"; }
+
+.fa-mars-double:before {
+  content: "\f227"; }
+
+.fa-mars-stroke:before {
+  content: "\f229"; }
+
+.fa-mars-stroke-h:before {
+  content: "\f22b"; }
+
+.fa-mars-stroke-v:before {
+  content: "\f22a"; }
+
+.fa-mask:before {
+  content: "\f6fa"; }
+
+.fa-mastodon:before {
+  content: "\f4f6"; }
+
+.fa-maxcdn:before {
+  content: "\f136"; }
+
+.fa-mdb:before {
+  content: "\f8ca"; }
+
+.fa-medal:before {
+  content: "\f5a2"; }
+
+.fa-medapps:before {
+  content: "\f3c6"; }
+
+.fa-medium:before {
+  content: "\f23a"; }
+
+.fa-medium-m:before {
+  content: "\f3c7"; }
+
+.fa-medkit:before {
+  content: "\f0fa"; }
+
+.fa-medrt:before {
+  content: "\f3c8"; }
+
+.fa-meetup:before {
+  content: "\f2e0"; }
+
+.fa-megaport:before {
+  content: "\f5a3"; }
+
+.fa-meh:before {
+  content: "\f11a"; }
+
+.fa-meh-blank:before {
+  content: "\f5a4"; }
+
+.fa-meh-rolling-eyes:before {
+  content: "\f5a5"; }
+
+.fa-memory:before {
+  content: "\f538"; }
+
+.fa-mendeley:before {
+  content: "\f7b3"; }
+
+.fa-menorah:before {
+  content: "\f676"; }
+
+.fa-mercury:before {
+  content: "\f223"; }
+
+.fa-meteor:before {
+  content: "\f753"; }
+
+.fa-microblog:before {
+  content: "\e01a"; }
+
+.fa-microchip:before {
+  content: "\f2db"; }
+
+.fa-microphone:before {
+  content: "\f130"; }
+
+.fa-microphone-alt:before {
+  content: "\f3c9"; }
+
+.fa-microphone-alt-slash:before {
+  content: "\f539"; }
+
+.fa-microphone-slash:before {
+  content: "\f131"; }
+
+.fa-microscope:before {
+  content: "\f610"; }
+
+.fa-microsoft:before {
+  content: "\f3ca"; }
+
+.fa-minus:before {
+  content: "\f068"; }
+
+.fa-minus-circle:before {
+  content: "\f056"; }
+
+.fa-minus-square:before {
+  content: "\f146"; }
+
+.fa-mitten:before {
+  content: "\f7b5"; }
+
+.fa-mix:before {
+  content: "\f3cb"; }
+
+.fa-mixcloud:before {
+  content: "\f289"; }
+
+.fa-mixer:before {
+  content: "\e056"; }
+
+.fa-mizuni:before {
+  content: "\f3cc"; }
+
+.fa-mobile:before {
+  content: "\f10b"; }
+
+.fa-mobile-alt:before {
+  content: "\f3cd"; }
+
+.fa-modx:before {
+  content: "\f285"; }
+
+.fa-monero:before {
+  content: "\f3d0"; }
+
+.fa-money-bill:before {
+  content: "\f0d6"; }
+
+.fa-money-bill-alt:before {
+  content: "\f3d1"; }
+
+.fa-money-bill-wave:before {
+  content: "\f53a"; }
+
+.fa-money-bill-wave-alt:before {
+  content: "\f53b"; }
+
+.fa-money-check:before {
+  content: "\f53c"; }
+
+.fa-money-check-alt:before {
+  content: "\f53d"; }
+
+.fa-monument:before {
+  content: "\f5a6"; }
+
+.fa-moon:before {
+  content: "\f186"; }
+
+.fa-mortar-pestle:before {
+  content: "\f5a7"; }
+
+.fa-mosque:before {
+  content: "\f678"; }
+
+.fa-motorcycle:before {
+  content: "\f21c"; }
+
+.fa-mountain:before {
+  content: "\f6fc"; }
+
+.fa-mouse:before {
+  content: "\f8cc"; }
+
+.fa-mouse-pointer:before {
+  content: "\f245"; }
+
+.fa-mug-hot:before {
+  content: "\f7b6"; }
+
+.fa-music:before {
+  content: "\f001"; }
+
+.fa-napster:before {
+  content: "\f3d2"; }
+
+.fa-neos:before {
+  content: "\f612"; }
+
+.fa-network-wired:before {
+  content: "\f6ff"; }
+
+.fa-neuter:before {
+  content: "\f22c"; }
+
+.fa-newspaper:before {
+  content: "\f1ea"; }
+
+.fa-nimblr:before {
+  content: "\f5a8"; }
+
+.fa-node:before {
+  content: "\f419"; }
+
+.fa-node-js:before {
+  content: "\f3d3"; }
+
+.fa-not-equal:before {
+  content: "\f53e"; }
+
+.fa-notes-medical:before {
+  content: "\f481"; }
+
+.fa-npm:before {
+  content: "\f3d4"; }
+
+.fa-ns8:before {
+  content: "\f3d5"; }
+
+.fa-nutritionix:before {
+  content: "\f3d6"; }
+
+.fa-object-group:before {
+  content: "\f247"; }
+
+.fa-object-ungroup:before {
+  content: "\f248"; }
+
+.fa-odnoklassniki:before {
+  content: "\f263"; }
+
+.fa-odnoklassniki-square:before {
+  content: "\f264"; }
+
+.fa-oil-can:before {
+  content: "\f613"; }
+
+.fa-old-republic:before {
+  content: "\f510"; }
+
+.fa-om:before {
+  content: "\f679"; }
+
+.fa-opencart:before {
+  content: "\f23d"; }
+
+.fa-openid:before {
+  content: "\f19b"; }
+
+.fa-opera:before {
+  content: "\f26a"; }
+
+.fa-optin-monster:before {
+  content: "\f23c"; }
+
+.fa-orcid:before {
+  content: "\f8d2"; }
+
+.fa-osi:before {
+  content: "\f41a"; }
+
+.fa-otter:before {
+  content: "\f700"; }
+
+.fa-outdent:before {
+  content: "\f03b"; }
+
+.fa-page4:before {
+  content: "\f3d7"; }
+
+.fa-pagelines:before {
+  content: "\f18c"; }
+
+.fa-pager:before {
+  content: "\f815"; }
+
+.fa-paint-brush:before {
+  content: "\f1fc"; }
+
+.fa-paint-roller:before {
+  content: "\f5aa"; }
+
+.fa-palette:before {
+  content: "\f53f"; }
+
+.fa-palfed:before {
+  content: "\f3d8"; }
+
+.fa-pallet:before {
+  content: "\f482"; }
+
+.fa-paper-plane:before {
+  content: "\f1d8"; }
+
+.fa-paperclip:before {
+  content: "\f0c6"; }
+
+.fa-parachute-box:before {
+  content: "\f4cd"; }
+
+.fa-paragraph:before {
+  content: "\f1dd"; }
+
+.fa-parking:before {
+  content: "\f540"; }
+
+.fa-passport:before {
+  content: "\f5ab"; }
+
+.fa-pastafarianism:before {
+  content: "\f67b"; }
+
+.fa-paste:before {
+  content: "\f0ea"; }
+
+.fa-patreon:before {
+  content: "\f3d9"; }
+
+.fa-pause:before {
+  content: "\f04c"; }
+
+.fa-pause-circle:before {
+  content: "\f28b"; }
+
+.fa-paw:before {
+  content: "\f1b0"; }
+
+.fa-paypal:before {
+  content: "\f1ed"; }
+
+.fa-peace:before {
+  content: "\f67c"; }
+
+.fa-pen:before {
+  content: "\f304"; }
+
+.fa-pen-alt:before {
+  content: "\f305"; }
+
+.fa-pen-fancy:before {
+  content: "\f5ac"; }
+
+.fa-pen-nib:before {
+  content: "\f5ad"; }
+
+.fa-pen-square:before {
+  content: "\f14b"; }
+
+.fa-pencil-alt:before {
+  content: "\f303"; }
+
+.fa-pencil-ruler:before {
+  content: "\f5ae"; }
+
+.fa-penny-arcade:before {
+  content: "\f704"; }
+
+.fa-people-arrows:before {
+  content: "\e068"; }
+
+.fa-people-carry:before {
+  content: "\f4ce"; }
+
+.fa-pepper-hot:before {
+  content: "\f816"; }
+
+.fa-percent:before {
+  content: "\f295"; }
+
+.fa-percentage:before {
+  content: "\f541"; }
+
+.fa-periscope:before {
+  content: "\f3da"; }
+
+.fa-person-booth:before {
+  content: "\f756"; }
+
+.fa-phabricator:before {
+  content: "\f3db"; }
+
+.fa-phoenix-framework:before {
+  content: "\f3dc"; }
+
+.fa-phoenix-squadron:before {
+  content: "\f511"; }
+
+.fa-phone:before {
+  content: "\f095"; }
+
+.fa-phone-alt:before {
+  content: "\f879"; }
+
+.fa-phone-slash:before {
+  content: "\f3dd"; }
+
+.fa-phone-square:before {
+  content: "\f098"; }
+
+.fa-phone-square-alt:before {
+  content: "\f87b"; }
+
+.fa-phone-volume:before {
+  content: "\f2a0"; }
+
+.fa-photo-video:before {
+  content: "\f87c"; }
+
+.fa-php:before {
+  content: "\f457"; }
+
+.fa-pied-piper:before {
+  content: "\f2ae"; }
+
+.fa-pied-piper-alt:before {
+  content: "\f1a8"; }
+
+.fa-pied-piper-hat:before {
+  content: "\f4e5"; }
+
+.fa-pied-piper-pp:before {
+  content: "\f1a7"; }
+
+.fa-pied-piper-square:before {
+  content: "\e01e"; }
+
+.fa-piggy-bank:before {
+  content: "\f4d3"; }
+
+.fa-pills:before {
+  content: "\f484"; }
+
+.fa-pinterest:before {
+  content: "\f0d2"; }
+
+.fa-pinterest-p:before {
+  content: "\f231"; }
+
+.fa-pinterest-square:before {
+  content: "\f0d3"; }
+
+.fa-pizza-slice:before {
+  content: "\f818"; }
+
+.fa-place-of-worship:before {
+  content: "\f67f"; }
+
+.fa-plane:before {
+  content: "\f072"; }
+
+.fa-plane-arrival:before {
+  content: "\f5af"; }
+
+.fa-plane-departure:before {
+  content: "\f5b0"; }
+
+.fa-plane-slash:before {
+  content: "\e069"; }
+
+.fa-play:before {
+  content: "\f04b"; }
+
+.fa-play-circle:before {
+  content: "\f144"; }
+
+.fa-playstation:before {
+  content: "\f3df"; }
+
+.fa-plug:before {
+  content: "\f1e6"; }
+
+.fa-plus:before {
+  content: "\f067"; }
+
+.fa-plus-circle:before {
+  content: "\f055"; }
+
+.fa-plus-square:before {
+  content: "\f0fe"; }
+
+.fa-podcast:before {
+  content: "\f2ce"; }
+
+.fa-poll:before {
+  content: "\f681"; }
+
+.fa-poll-h:before {
+  content: "\f682"; }
+
+.fa-poo:before {
+  content: "\f2fe"; }
+
+.fa-poo-storm:before {
+  content: "\f75a"; }
+
+.fa-poop:before {
+  content: "\f619"; }
+
+.fa-portrait:before {
+  content: "\f3e0"; }
+
+.fa-pound-sign:before {
+  content: "\f154"; }
+
+.fa-power-off:before {
+  content: "\f011"; }
+
+.fa-pray:before {
+  content: "\f683"; }
+
+.fa-praying-hands:before {
+  content: "\f684"; }
+
+.fa-prescription:before {
+  content: "\f5b1"; }
+
+.fa-prescription-bottle:before {
+  content: "\f485"; }
+
+.fa-prescription-bottle-alt:before {
+  content: "\f486"; }
+
+.fa-print:before {
+  content: "\f02f"; }
+
+.fa-procedures:before {
+  content: "\f487"; }
+
+.fa-product-hunt:before {
+  content: "\f288"; }
+
+.fa-project-diagram:before {
+  content: "\f542"; }
+
+.fa-pump-medical:before {
+  content: "\e06a"; }
+
+.fa-pump-soap:before {
+  content: "\e06b"; }
+
+.fa-pushed:before {
+  content: "\f3e1"; }
+
+.fa-puzzle-piece:before {
+  content: "\f12e"; }
+
+.fa-python:before {
+  content: "\f3e2"; }
+
+.fa-qq:before {
+  content: "\f1d6"; }
+
+.fa-qrcode:before {
+  content: "\f029"; }
+
+.fa-question:before {
+  content: "\f128"; }
+
+.fa-question-circle:before {
+  content: "\f059"; }
+
+.fa-quidditch:before {
+  content: "\f458"; }
+
+.fa-quinscape:before {
+  content: "\f459"; }
+
+.fa-quora:before {
+  content: "\f2c4"; }
+
+.fa-quote-left:before {
+  content: "\f10d"; }
+
+.fa-quote-right:before {
+  content: "\f10e"; }
+
+.fa-quran:before {
+  content: "\f687"; }
+
+.fa-r-project:before {
+  content: "\f4f7"; }
+
+.fa-radiation:before {
+  content: "\f7b9"; }
+
+.fa-radiation-alt:before {
+  content: "\f7ba"; }
+
+.fa-rainbow:before {
+  content: "\f75b"; }
+
+.fa-random:before {
+  content: "\f074"; }
+
+.fa-raspberry-pi:before {
+  content: "\f7bb"; }
+
+.fa-ravelry:before {
+  content: "\f2d9"; }
+
+.fa-react:before {
+  content: "\f41b"; }
+
+.fa-reacteurope:before {
+  content: "\f75d"; }
+
+.fa-readme:before {
+  content: "\f4d5"; }
+
+.fa-rebel:before {
+  content: "\f1d0"; }
+
+.fa-receipt:before {
+  content: "\f543"; }
+
+.fa-record-vinyl:before {
+  content: "\f8d9"; }
+
+.fa-recycle:before {
+  content: "\f1b8"; }
+
+.fa-red-river:before {
+  content: "\f3e3"; }
+
+.fa-reddit:before {
+  content: "\f1a1"; }
+
+.fa-reddit-alien:before {
+  content: "\f281"; }
+
+.fa-reddit-square:before {
+  content: "\f1a2"; }
+
+.fa-redhat:before {
+  content: "\f7bc"; }
+
+.fa-redo:before {
+  content: "\f01e"; }
+
+.fa-redo-alt:before {
+  content: "\f2f9"; }
+
+.fa-registered:before {
+  content: "\f25d"; }
+
+.fa-remove-format:before {
+  content: "\f87d"; }
+
+.fa-renren:before {
+  content: "\f18b"; }
+
+.fa-reply:before {
+  content: "\f3e5"; }
+
+.fa-reply-all:before {
+  content: "\f122"; }
+
+.fa-replyd:before {
+  content: "\f3e6"; }
+
+.fa-republican:before {
+  content: "\f75e"; }
+
+.fa-researchgate:before {
+  content: "\f4f8"; }
+
+.fa-resolving:before {
+  content: "\f3e7"; }
+
+.fa-restroom:before {
+  content: "\f7bd"; }
+
+.fa-retweet:before {
+  content: "\f079"; }
+
+.fa-rev:before {
+  content: "\f5b2"; }
+
+.fa-ribbon:before {
+  content: "\f4d6"; }
+
+.fa-ring:before {
+  content: "\f70b"; }
+
+.fa-road:before {
+  content: "\f018"; }
+
+.fa-robot:before {
+  content: "\f544"; }
+
+.fa-rocket:before {
+  content: "\f135"; }
+
+.fa-rocketchat:before {
+  content: "\f3e8"; }
+
+.fa-rockrms:before {
+  content: "\f3e9"; }
+
+.fa-route:before {
+  content: "\f4d7"; }
+
+.fa-rss:before {
+  content: "\f09e"; }
+
+.fa-rss-square:before {
+  content: "\f143"; }
+
+.fa-ruble-sign:before {
+  content: "\f158"; }
+
+.fa-ruler:before {
+  content: "\f545"; }
+
+.fa-ruler-combined:before {
+  content: "\f546"; }
+
+.fa-ruler-horizontal:before {
+  content: "\f547"; }
+
+.fa-ruler-vertical:before {
+  content: "\f548"; }
+
+.fa-running:before {
+  content: "\f70c"; }
+
+.fa-rupee-sign:before {
+  content: "\f156"; }
+
+.fa-rust:before {
+  content: "\e07a"; }
+
+.fa-sad-cry:before {
+  content: "\f5b3"; }
+
+.fa-sad-tear:before {
+  content: "\f5b4"; }
+
+.fa-safari:before {
+  content: "\f267"; }
+
+.fa-salesforce:before {
+  content: "\f83b"; }
+
+.fa-sass:before {
+  content: "\f41e"; }
+
+.fa-satellite:before {
+  content: "\f7bf"; }
+
+.fa-satellite-dish:before {
+  content: "\f7c0"; }
+
+.fa-save:before {
+  content: "\f0c7"; }
+
+.fa-schlix:before {
+  content: "\f3ea"; }
+
+.fa-school:before {
+  content: "\f549"; }
+
+.fa-screwdriver:before {
+  content: "\f54a"; }
+
+.fa-scribd:before {
+  content: "\f28a"; }
+
+.fa-scroll:before {
+  content: "\f70e"; }
+
+.fa-sd-card:before {
+  content: "\f7c2"; }
+
+.fa-search:before {
+  content: "\f002"; }
+
+.fa-search-dollar:before {
+  content: "\f688"; }
+
+.fa-search-location:before {
+  content: "\f689"; }
+
+.fa-search-minus:before {
+  content: "\f010"; }
+
+.fa-search-plus:before {
+  content: "\f00e"; }
+
+.fa-searchengin:before {
+  content: "\f3eb"; }
+
+.fa-seedling:before {
+  content: "\f4d8"; }
+
+.fa-sellcast:before {
+  content: "\f2da"; }
+
+.fa-sellsy:before {
+  content: "\f213"; }
+
+.fa-server:before {
+  content: "\f233"; }
+
+.fa-servicestack:before {
+  content: "\f3ec"; }
+
+.fa-shapes:before {
+  content: "\f61f"; }
+
+.fa-share:before {
+  content: "\f064"; }
+
+.fa-share-alt:before {
+  content: "\f1e0"; }
+
+.fa-share-alt-square:before {
+  content: "\f1e1"; }
+
+.fa-share-square:before {
+  content: "\f14d"; }
+
+.fa-shekel-sign:before {
+  content: "\f20b"; }
+
+.fa-shield-alt:before {
+  content: "\f3ed"; }
+
+.fa-shield-virus:before {
+  content: "\e06c"; }
+
+.fa-ship:before {
+  content: "\f21a"; }
+
+.fa-shipping-fast:before {
+  content: "\f48b"; }
+
+.fa-shirtsinbulk:before {
+  content: "\f214"; }
+
+.fa-shoe-prints:before {
+  content: "\f54b"; }
+
+.fa-shopify:before {
+  content: "\e057"; }
+
+.fa-shopping-bag:before {
+  content: "\f290"; }
+
+.fa-shopping-basket:before {
+  content: "\f291"; }
+
+.fa-shopping-cart:before {
+  content: "\f07a"; }
+
+.fa-shopware:before {
+  content: "\f5b5"; }
+
+.fa-shower:before {
+  content: "\f2cc"; }
+
+.fa-shuttle-van:before {
+  content: "\f5b6"; }
+
+.fa-sign:before {
+  content: "\f4d9"; }
+
+.fa-sign-in-alt:before {
+  content: "\f2f6"; }
+
+.fa-sign-language:before {
+  content: "\f2a7"; }
+
+.fa-sign-out-alt:before {
+  content: "\f2f5"; }
+
+.fa-signal:before {
+  content: "\f012"; }
+
+.fa-signature:before {
+  content: "\f5b7"; }
+
+.fa-sim-card:before {
+  content: "\f7c4"; }
+
+.fa-simplybuilt:before {
+  content: "\f215"; }
+
+.fa-sink:before {
+  content: "\e06d"; }
+
+.fa-sistrix:before {
+  content: "\f3ee"; }
+
+.fa-sitemap:before {
+  content: "\f0e8"; }
+
+.fa-sith:before {
+  content: "\f512"; }
+
+.fa-skating:before {
+  content: "\f7c5"; }
+
+.fa-sketch:before {
+  content: "\f7c6"; }
+
+.fa-skiing:before {
+  content: "\f7c9"; }
+
+.fa-skiing-nordic:before {
+  content: "\f7ca"; }
+
+.fa-skull:before {
+  content: "\f54c"; }
+
+.fa-skull-crossbones:before {
+  content: "\f714"; }
+
+.fa-skyatlas:before {
+  content: "\f216"; }
+
+.fa-skype:before {
+  content: "\f17e"; }
+
+.fa-slack:before {
+  content: "\f198"; }
+
+.fa-slack-hash:before {
+  content: "\f3ef"; }
+
+.fa-slash:before {
+  content: "\f715"; }
+
+.fa-sleigh:before {
+  content: "\f7cc"; }
+
+.fa-sliders-h:before {
+  content: "\f1de"; }
+
+.fa-slideshare:before {
+  content: "\f1e7"; }
+
+.fa-smile:before {
+  content: "\f118"; }
+
+.fa-smile-beam:before {
+  content: "\f5b8"; }
+
+.fa-smile-wink:before {
+  content: "\f4da"; }
+
+.fa-smog:before {
+  content: "\f75f"; }
+
+.fa-smoking:before {
+  content: "\f48d"; }
+
+.fa-smoking-ban:before {
+  content: "\f54d"; }
+
+.fa-sms:before {
+  content: "\f7cd"; }
+
+.fa-snapchat:before {
+  content: "\f2ab"; }
+
+.fa-snapchat-ghost:before {
+  content: "\f2ac"; }
+
+.fa-snapchat-square:before {
+  content: "\f2ad"; }
+
+.fa-snowboarding:before {
+  content: "\f7ce"; }
+
+.fa-snowflake:before {
+  content: "\f2dc"; }
+
+.fa-snowman:before {
+  content: "\f7d0"; }
+
+.fa-snowplow:before {
+  content: "\f7d2"; }
+
+.fa-soap:before {
+  content: "\e06e"; }
+
+.fa-socks:before {
+  content: "\f696"; }
+
+.fa-solar-panel:before {
+  content: "\f5ba"; }
+
+.fa-sort:before {
+  content: "\f0dc"; }
+
+.fa-sort-alpha-down:before {
+  content: "\f15d"; }
+
+.fa-sort-alpha-down-alt:before {
+  content: "\f881"; }
+
+.fa-sort-alpha-up:before {
+  content: "\f15e"; }
+
+.fa-sort-alpha-up-alt:before {
+  content: "\f882"; }
+
+.fa-sort-amount-down:before {
+  content: "\f160"; }
+
+.fa-sort-amount-down-alt:before {
+  content: "\f884"; }
+
+.fa-sort-amount-up:before {
+  content: "\f161"; }
+
+.fa-sort-amount-up-alt:before {
+  content: "\f885"; }
+
+.fa-sort-down:before {
+  content: "\f0dd"; }
+
+.fa-sort-numeric-down:before {
+  content: "\f162"; }
+
+.fa-sort-numeric-down-alt:before {
+  content: "\f886"; }
+
+.fa-sort-numeric-up:before {
+  content: "\f163"; }
+
+.fa-sort-numeric-up-alt:before {
+  content: "\f887"; }
+
+.fa-sort-up:before {
+  content: "\f0de"; }
+
+.fa-soundcloud:before {
+  content: "\f1be"; }
+
+.fa-sourcetree:before {
+  content: "\f7d3"; }
+
+.fa-spa:before {
+  content: "\f5bb"; }
+
+.fa-space-shuttle:before {
+  content: "\f197"; }
+
+.fa-speakap:before {
+  content: "\f3f3"; }
+
+.fa-speaker-deck:before {
+  content: "\f83c"; }
+
+.fa-spell-check:before {
+  content: "\f891"; }
+
+.fa-spider:before {
+  content: "\f717"; }
+
+.fa-spinner:before {
+  content: "\f110"; }
+
+.fa-splotch:before {
+  content: "\f5bc"; }
+
+.fa-spotify:before {
+  content: "\f1bc"; }
+
+.fa-spray-can:before {
+  content: "\f5bd"; }
+
+.fa-square:before {
+  content: "\f0c8"; }
+
+.fa-square-full:before {
+  content: "\f45c"; }
+
+.fa-square-root-alt:before {
+  content: "\f698"; }
+
+.fa-squarespace:before {
+  content: "\f5be"; }
+
+.fa-stack-exchange:before {
+  content: "\f18d"; }
+
+.fa-stack-overflow:before {
+  content: "\f16c"; }
+
+.fa-stackpath:before {
+  content: "\f842"; }
+
+.fa-stamp:before {
+  content: "\f5bf"; }
+
+.fa-star:before {
+  content: "\f005"; }
+
+.fa-star-and-crescent:before {
+  content: "\f699"; }
+
+.fa-star-half:before {
+  content: "\f089"; }
+
+.fa-star-half-alt:before {
+  content: "\f5c0"; }
+
+.fa-star-of-david:before {
+  content: "\f69a"; }
+
+.fa-star-of-life:before {
+  content: "\f621"; }
+
+.fa-staylinked:before {
+  content: "\f3f5"; }
+
+.fa-steam:before {
+  content: "\f1b6"; }
+
+.fa-steam-square:before {
+  content: "\f1b7"; }
+
+.fa-steam-symbol:before {
+  content: "\f3f6"; }
+
+.fa-step-backward:before {
+  content: "\f048"; }
+
+.fa-step-forward:before {
+  content: "\f051"; }
+
+.fa-stethoscope:before {
+  content: "\f0f1"; }
+
+.fa-sticker-mule:before {
+  content: "\f3f7"; }
+
+.fa-sticky-note:before {
+  content: "\f249"; }
+
+.fa-stop:before {
+  content: "\f04d"; }
+
+.fa-stop-circle:before {
+  content: "\f28d"; }
+
+.fa-stopwatch:before {
+  content: "\f2f2"; }
+
+.fa-stopwatch-20:before {
+  content: "\e06f"; }
+
+.fa-store:before {
+  content: "\f54e"; }
+
+.fa-store-alt:before {
+  content: "\f54f"; }
+
+.fa-store-alt-slash:before {
+  content: "\e070"; }
+
+.fa-store-slash:before {
+  content: "\e071"; }
+
+.fa-strava:before {
+  content: "\f428"; }
+
+.fa-stream:before {
+  content: "\f550"; }
+
+.fa-street-view:before {
+  content: "\f21d"; }
+
+.fa-strikethrough:before {
+  content: "\f0cc"; }
+
+.fa-stripe:before {
+  content: "\f429"; }
+
+.fa-stripe-s:before {
+  content: "\f42a"; }
+
+.fa-stroopwafel:before {
+  content: "\f551"; }
+
+.fa-studiovinari:before {
+  content: "\f3f8"; }
+
+.fa-stumbleupon:before {
+  content: "\f1a4"; }
+
+.fa-stumbleupon-circle:before {
+  content: "\f1a3"; }
+
+.fa-subscript:before {
+  content: "\f12c"; }
+
+.fa-subway:before {
+  content: "\f239"; }
+
+.fa-suitcase:before {
+  content: "\f0f2"; }
+
+.fa-suitcase-rolling:before {
+  content: "\f5c1"; }
+
+.fa-sun:before {
+  content: "\f185"; }
+
+.fa-superpowers:before {
+  content: "\f2dd"; }
+
+.fa-superscript:before {
+  content: "\f12b"; }
+
+.fa-supple:before {
+  content: "\f3f9"; }
+
+.fa-surprise:before {
+  content: "\f5c2"; }
+
+.fa-suse:before {
+  content: "\f7d6"; }
+
+.fa-swatchbook:before {
+  content: "\f5c3"; }
+
+.fa-swift:before {
+  content: "\f8e1"; }
+
+.fa-swimmer:before {
+  content: "\f5c4"; }
+
+.fa-swimming-pool:before {
+  content: "\f5c5"; }
+
+.fa-symfony:before {
+  content: "\f83d"; }
+
+.fa-synagogue:before {
+  content: "\f69b"; }
+
+.fa-sync:before {
+  content: "\f021"; }
+
+.fa-sync-alt:before {
+  content: "\f2f1"; }
+
+.fa-syringe:before {
+  content: "\f48e"; }
+
+.fa-table:before {
+  content: "\f0ce"; }
+
+.fa-table-tennis:before {
+  content: "\f45d"; }
+
+.fa-tablet:before {
+  content: "\f10a"; }
+
+.fa-tablet-alt:before {
+  content: "\f3fa"; }
+
+.fa-tablets:before {
+  content: "\f490"; }
+
+.fa-tachometer-alt:before {
+  content: "\f3fd"; }
+
+.fa-tag:before {
+  content: "\f02b"; }
+
+.fa-tags:before {
+  content: "\f02c"; }
+
+.fa-tape:before {
+  content: "\f4db"; }
+
+.fa-tasks:before {
+  content: "\f0ae"; }
+
+.fa-taxi:before {
+  content: "\f1ba"; }
+
+.fa-teamspeak:before {
+  content: "\f4f9"; }
+
+.fa-teeth:before {
+  content: "\f62e"; }
+
+.fa-teeth-open:before {
+  content: "\f62f"; }
+
+.fa-telegram:before {
+  content: "\f2c6"; }
+
+.fa-telegram-plane:before {
+  content: "\f3fe"; }
+
+.fa-temperature-high:before {
+  content: "\f769"; }
+
+.fa-temperature-low:before {
+  content: "\f76b"; }
+
+.fa-tencent-weibo:before {
+  content: "\f1d5"; }
+
+.fa-tenge:before {
+  content: "\f7d7"; }
+
+.fa-terminal:before {
+  content: "\f120"; }
+
+.fa-text-height:before {
+  content: "\f034"; }
+
+.fa-text-width:before {
+  content: "\f035"; }
+
+.fa-th:before {
+  content: "\f00a"; }
+
+.fa-th-large:before {
+  content: "\f009"; }
+
+.fa-th-list:before {
+  content: "\f00b"; }
+
+.fa-the-red-yeti:before {
+  content: "\f69d"; }
+
+.fa-theater-masks:before {
+  content: "\f630"; }
+
+.fa-themeco:before {
+  content: "\f5c6"; }
+
+.fa-themeisle:before {
+  content: "\f2b2"; }
+
+.fa-thermometer:before {
+  content: "\f491"; }
+
+.fa-thermometer-empty:before {
+  content: "\f2cb"; }
+
+.fa-thermometer-full:before {
+  content: "\f2c7"; }
+
+.fa-thermometer-half:before {
+  content: "\f2c9"; }
+
+.fa-thermometer-quarter:before {
+  content: "\f2ca"; }
+
+.fa-thermometer-three-quarters:before {
+  content: "\f2c8"; }
+
+.fa-think-peaks:before {
+  content: "\f731"; }
+
+.fa-thumbs-down:before {
+  content: "\f165"; }
+
+.fa-thumbs-up:before {
+  content: "\f164"; }
+
+.fa-thumbtack:before {
+  content: "\f08d"; }
+
+.fa-ticket-alt:before {
+  content: "\f3ff"; }
+
+.fa-tiktok:before {
+  content: "\e07b"; }
+
+.fa-times:before {
+  content: "\f00d"; }
+
+.fa-times-circle:before {
+  content: "\f057"; }
+
+.fa-tint:before {
+  content: "\f043"; }
+
+.fa-tint-slash:before {
+  content: "\f5c7"; }
+
+.fa-tired:before {
+  content: "\f5c8"; }
+
+.fa-toggle-off:before {
+  content: "\f204"; }
+
+.fa-toggle-on:before {
+  content: "\f205"; }
+
+.fa-toilet:before {
+  content: "\f7d8"; }
+
+.fa-toilet-paper:before {
+  content: "\f71e"; }
+
+.fa-toilet-paper-slash:before {
+  content: "\e072"; }
+
+.fa-toolbox:before {
+  content: "\f552"; }
+
+.fa-tools:before {
+  content: "\f7d9"; }
+
+.fa-tooth:before {
+  content: "\f5c9"; }
+
+.fa-torah:before {
+  content: "\f6a0"; }
+
+.fa-torii-gate:before {
+  content: "\f6a1"; }
+
+.fa-tractor:before {
+  content: "\f722"; }
+
+.fa-trade-federation:before {
+  content: "\f513"; }
+
+.fa-trademark:before {
+  content: "\f25c"; }
+
+.fa-traffic-light:before {
+  content: "\f637"; }
+
+.fa-trailer:before {
+  content: "\e041"; }
+
+.fa-train:before {
+  content: "\f238"; }
+
+.fa-tram:before {
+  content: "\f7da"; }
+
+.fa-transgender:before {
+  content: "\f224"; }
+
+.fa-transgender-alt:before {
+  content: "\f225"; }
+
+.fa-trash:before {
+  content: "\f1f8"; }
+
+.fa-trash-alt:before {
+  content: "\f2ed"; }
+
+.fa-trash-restore:before {
+  content: "\f829"; }
+
+.fa-trash-restore-alt:before {
+  content: "\f82a"; }
+
+.fa-tree:before {
+  content: "\f1bb"; }
+
+.fa-trello:before {
+  content: "\f181"; }
+
+.fa-tripadvisor:before {
+  content: "\f262"; }
+
+.fa-trophy:before {
+  content: "\f091"; }
+
+.fa-truck:before {
+  content: "\f0d1"; }
+
+.fa-truck-loading:before {
+  content: "\f4de"; }
+
+.fa-truck-monster:before {
+  content: "\f63b"; }
+
+.fa-truck-moving:before {
+  content: "\f4df"; }
+
+.fa-truck-pickup:before {
+  content: "\f63c"; }
+
+.fa-tshirt:before {
+  content: "\f553"; }
+
+.fa-tty:before {
+  content: "\f1e4"; }
+
+.fa-tumblr:before {
+  content: "\f173"; }
+
+.fa-tumblr-square:before {
+  content: "\f174"; }
+
+.fa-tv:before {
+  content: "\f26c"; }
+
+.fa-twitch:before {
+  content: "\f1e8"; }
+
+.fa-twitter:before {
+  content: "\f099"; }
+
+.fa-twitter-square:before {
+  content: "\f081"; }
+
+.fa-typo3:before {
+  content: "\f42b"; }
+
+.fa-uber:before {
+  content: "\f402"; }
+
+.fa-ubuntu:before {
+  content: "\f7df"; }
+
+.fa-uikit:before {
+  content: "\f403"; }
+
+.fa-umbraco:before {
+  content: "\f8e8"; }
+
+.fa-umbrella:before {
+  content: "\f0e9"; }
+
+.fa-umbrella-beach:before {
+  content: "\f5ca"; }
+
+.fa-underline:before {
+  content: "\f0cd"; }
+
+.fa-undo:before {
+  content: "\f0e2"; }
+
+.fa-undo-alt:before {
+  content: "\f2ea"; }
+
+.fa-uniregistry:before {
+  content: "\f404"; }
+
+.fa-unity:before {
+  content: "\e049"; }
+
+.fa-universal-access:before {
+  content: "\f29a"; }
+
+.fa-university:before {
+  content: "\f19c"; }
+
+.fa-unlink:before {
+  content: "\f127"; }
+
+.fa-unlock:before {
+  content: "\f09c"; }
+
+.fa-unlock-alt:before {
+  content: "\f13e"; }
+
+.fa-unsplash:before {
+  content: "\e07c"; }
+
+.fa-untappd:before {
+  content: "\f405"; }
+
+.fa-upload:before {
+  content: "\f093"; }
+
+.fa-ups:before {
+  content: "\f7e0"; }
+
+.fa-usb:before {
+  content: "\f287"; }
+
+.fa-user:before {
+  content: "\f007"; }
+
+.fa-user-alt:before {
+  content: "\f406"; }
+
+.fa-user-alt-slash:before {
+  content: "\f4fa"; }
+
+.fa-user-astronaut:before {
+  content: "\f4fb"; }
+
+.fa-user-check:before {
+  content: "\f4fc"; }
+
+.fa-user-circle:before {
+  content: "\f2bd"; }
+
+.fa-user-clock:before {
+  content: "\f4fd"; }
+
+.fa-user-cog:before {
+  content: "\f4fe"; }
+
+.fa-user-edit:before {
+  content: "\f4ff"; }
+
+.fa-user-friends:before {
+  content: "\f500"; }
+
+.fa-user-graduate:before {
+  content: "\f501"; }
+
+.fa-user-injured:before {
+  content: "\f728"; }
+
+.fa-user-lock:before {
+  content: "\f502"; }
+
+.fa-user-md:before {
+  content: "\f0f0"; }
+
+.fa-user-minus:before {
+  content: "\f503"; }
+
+.fa-user-ninja:before {
+  content: "\f504"; }
+
+.fa-user-nurse:before {
+  content: "\f82f"; }
+
+.fa-user-plus:before {
+  content: "\f234"; }
+
+.fa-user-secret:before {
+  content: "\f21b"; }
+
+.fa-user-shield:before {
+  content: "\f505"; }
+
+.fa-user-slash:before {
+  content: "\f506"; }
+
+.fa-user-tag:before {
+  content: "\f507"; }
+
+.fa-user-tie:before {
+  content: "\f508"; }
+
+.fa-user-times:before {
+  content: "\f235"; }
+
+.fa-users:before {
+  content: "\f0c0"; }
+
+.fa-users-cog:before {
+  content: "\f509"; }
+
+.fa-users-slash:before {
+  content: "\e073"; }
+
+.fa-usps:before {
+  content: "\f7e1"; }
+
+.fa-ussunnah:before {
+  content: "\f407"; }
+
+.fa-utensil-spoon:before {
+  content: "\f2e5"; }
+
+.fa-utensils:before {
+  content: "\f2e7"; }
+
+.fa-vaadin:before {
+  content: "\f408"; }
+
+.fa-vector-square:before {
+  content: "\f5cb"; }
+
+.fa-venus:before {
+  content: "\f221"; }
+
+.fa-venus-double:before {
+  content: "\f226"; }
+
+.fa-venus-mars:before {
+  content: "\f228"; }
+
+.fa-viacoin:before {
+  content: "\f237"; }
+
+.fa-viadeo:before {
+  content: "\f2a9"; }
+
+.fa-viadeo-square:before {
+  content: "\f2aa"; }
+
+.fa-vial:before {
+  content: "\f492"; }
+
+.fa-vials:before {
+  content: "\f493"; }
+
+.fa-viber:before {
+  content: "\f409"; }
+
+.fa-video:before {
+  content: "\f03d"; }
+
+.fa-video-slash:before {
+  content: "\f4e2"; }
+
+.fa-vihara:before {
+  content: "\f6a7"; }
+
+.fa-vimeo:before {
+  content: "\f40a"; }
+
+.fa-vimeo-square:before {
+  content: "\f194"; }
+
+.fa-vimeo-v:before {
+  content: "\f27d"; }
+
+.fa-vine:before {
+  content: "\f1ca"; }
+
+.fa-virus:before {
+  content: "\e074"; }
+
+.fa-virus-slash:before {
+  content: "\e075"; }
+
+.fa-viruses:before {
+  content: "\e076"; }
+
+.fa-vk:before {
+  content: "\f189"; }
+
+.fa-vnv:before {
+  content: "\f40b"; }
+
+.fa-voicemail:before {
+  content: "\f897"; }
+
+.fa-volleyball-ball:before {
+  content: "\f45f"; }
+
+.fa-volume-down:before {
+  content: "\f027"; }
+
+.fa-volume-mute:before {
+  content: "\f6a9"; }
+
+.fa-volume-off:before {
+  content: "\f026"; }
+
+.fa-volume-up:before {
+  content: "\f028"; }
+
+.fa-vote-yea:before {
+  content: "\f772"; }
+
+.fa-vr-cardboard:before {
+  content: "\f729"; }
+
+.fa-vuejs:before {
+  content: "\f41f"; }
+
+.fa-walking:before {
+  content: "\f554"; }
+
+.fa-wallet:before {
+  content: "\f555"; }
+
+.fa-warehouse:before {
+  content: "\f494"; }
+
+.fa-water:before {
+  content: "\f773"; }
+
+.fa-wave-square:before {
+  content: "\f83e"; }
+
+.fa-waze:before {
+  content: "\f83f"; }
+
+.fa-weebly:before {
+  content: "\f5cc"; }
+
+.fa-weibo:before {
+  content: "\f18a"; }
+
+.fa-weight:before {
+  content: "\f496"; }
+
+.fa-weight-hanging:before {
+  content: "\f5cd"; }
+
+.fa-weixin:before {
+  content: "\f1d7"; }
+
+.fa-whatsapp:before {
+  content: "\f232"; }
+
+.fa-whatsapp-square:before {
+  content: "\f40c"; }
+
+.fa-wheelchair:before {
+  content: "\f193"; }
+
+.fa-whmcs:before {
+  content: "\f40d"; }
+
+.fa-wifi:before {
+  content: "\f1eb"; }
+
+.fa-wikipedia-w:before {
+  content: "\f266"; }
+
+.fa-wind:before {
+  content: "\f72e"; }
+
+.fa-window-close:before {
+  content: "\f410"; }
+
+.fa-window-maximize:before {
+  content: "\f2d0"; }
+
+.fa-window-minimize:before {
+  content: "\f2d1"; }
+
+.fa-window-restore:before {
+  content: "\f2d2"; }
+
+.fa-windows:before {
+  content: "\f17a"; }
+
+.fa-wine-bottle:before {
+  content: "\f72f"; }
+
+.fa-wine-glass:before {
+  content: "\f4e3"; }
+
+.fa-wine-glass-alt:before {
+  content: "\f5ce"; }
+
+.fa-wix:before {
+  content: "\f5cf"; }
+
+.fa-wizards-of-the-coast:before {
+  content: "\f730"; }
+
+.fa-wolf-pack-battalion:before {
+  content: "\f514"; }
+
+.fa-won-sign:before {
+  content: "\f159"; }
+
+.fa-wordpress:before {
+  content: "\f19a"; }
+
+.fa-wordpress-simple:before {
+  content: "\f411"; }
+
+.fa-wpbeginner:before {
+  content: "\f297"; }
+
+.fa-wpexplorer:before {
+  content: "\f2de"; }
+
+.fa-wpforms:before {
+  content: "\f298"; }
+
+.fa-wpressr:before {
+  content: "\f3e4"; }
+
+.fa-wrench:before {
+  content: "\f0ad"; }
+
+.fa-x-ray:before {
+  content: "\f497"; }
+
+.fa-xbox:before {
+  content: "\f412"; }
+
+.fa-xing:before {
+  content: "\f168"; }
+
+.fa-xing-square:before {
+  content: "\f169"; }
+
+.fa-y-combinator:before {
+  content: "\f23b"; }
+
+.fa-yahoo:before {
+  content: "\f19e"; }
+
+.fa-yammer:before {
+  content: "\f840"; }
+
+.fa-yandex:before {
+  content: "\f413"; }
+
+.fa-yandex-international:before {
+  content: "\f414"; }
+
+.fa-yarn:before {
+  content: "\f7e3"; }
+
+.fa-yelp:before {
+  content: "\f1e9"; }
+
+.fa-yen-sign:before {
+  content: "\f157"; }
+
+.fa-yin-yang:before {
+  content: "\f6ad"; }
+
+.fa-yoast:before {
+  content: "\f2b1"; }
+
+.fa-youtube:before {
+  content: "\f167"; }
+
+.fa-youtube-square:before {
+  content: "\f431"; }
+
+.fa-zhihu:before {
+  content: "\f63f"; }
+
+.sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  clip: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  width: auto; }
+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/fa-brands-400.eot");
+  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
+
+.fab {
+  font-family: 'Font Awesome 5 Brands';
+  font-weight: 400; }
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/fa-regular-400.eot");
+  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
+
+.far {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 400; }
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-style: normal;
+  font-weight: 900;
+  font-display: block;
+  src: url("../webfonts/fa-solid-900.eot");
+  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
+
+.fa,
+.fas {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 900; }
diff --git a/packages/css-syntax-patches-for-csstree/tests/foundation.css b/packages/css-syntax-patches-for-csstree/tests/foundation.css
new file mode 100644
index 0000000000..88bbff71cd
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/foundation.css
@@ -0,0 +1,5588 @@
+@charset "UTF-8";
+/**
+ * Foundation for Sites
+ * Version 6.6.3
+ * https://get.foundation
+ * Licensed under MIT Open Source
+ */
+@media print, screen and (min-width: 40em) {
+  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
+    right: auto;
+    left: auto;
+    margin: 0 auto; } }
+
+/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
+html {
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%; }
+
+body {
+  margin: 0; }
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+hr {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  height: 0;
+  overflow: visible; }
+
+pre {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+a {
+  background-color: transparent; }
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted; }
+
+b,
+strong {
+  font-weight: bolder; }
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+small {
+  font-size: 80%; }
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -0.25em; }
+
+sup {
+  top: -0.5em; }
+
+img {
+  border-style: none; }
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0; }
+
+button,
+input {
+  overflow: visible; }
+
+button,
+select {
+  text-transform: none; }
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; }
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0; }
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText; }
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em; }
+
+legend {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal; }
+
+progress {
+  vertical-align: baseline; }
+
+textarea {
+  overflow: auto; }
+
+[type="checkbox"],
+[type="radio"] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0; }
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+[type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px; }
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit; }
+
+details {
+  display: block; }
+
+summary {
+  display: list-item; }
+
+template {
+  display: none; }
+
+[hidden] {
+  display: none; }
+
+.foundation-mq {
+  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
+
+html {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  font-size: 100%; }
+
+*,
+*::before,
+*::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit; }
+
+body {
+  margin: 0;
+  padding: 0;
+  background: #fefefe;
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-weight: normal;
+  line-height: 1.5;
+  color: #0a0a0a;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+img {
+  display: inline-block;
+  vertical-align: middle;
+  max-width: 100%;
+  height: auto;
+  -ms-interpolation-mode: bicubic; }
+
+textarea {
+  height: auto;
+  min-height: 50px;
+  border-radius: 0; }
+
+select {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100%;
+  border-radius: 0; }
+
+.map_canvas img,
+.map_canvas embed,
+.map_canvas object,
+.mqa-display img,
+.mqa-display embed,
+.mqa-display object {
+  max-width: none !important; }
+
+button {
+  padding: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  line-height: 1;
+  cursor: auto; }
+  [data-whatinput='mouse'] button {
+    outline: 0; }
+
+pre {
+  overflow: auto; }
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; }
+
+.is-visible {
+  display: block !important; }
+
+.is-hidden {
+  display: none !important; }
+
+[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
+textarea {
+  display: block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100%;
+  height: 2.4375rem;
+  margin: 0 0 1rem;
+  padding: 0.5rem;
+  border: 1px solid #cacaca;
+  border-radius: 0;
+  background-color: #fefefe;
+  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+          box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+  font-family: inherit;
+  font-size: 1rem;
+  font-weight: normal;
+  line-height: 1.5;
+  color: #0a0a0a;
+  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
+  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
+  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
+  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none; }
+  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
+  textarea:focus {
+    outline: none;
+    border: 1px solid #8a8a8a;
+    background-color: #fefefe;
+    -webkit-box-shadow: 0 0 5px #cacaca;
+            box-shadow: 0 0 5px #cacaca;
+    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
+    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
+    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
+    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
+
+textarea {
+  max-width: 100%; }
+  textarea[rows] {
+    height: auto; }
+
+input:disabled, input[readonly],
+textarea:disabled,
+textarea[readonly] {
+  background-color: #e6e6e6;
+  cursor: not-allowed; }
+
+[type='submit'],
+[type='button'] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border-radius: 0; }
+
+input[type='search'] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; }
+
+::-webkit-input-placeholder {
+  color: #cacaca; }
+
+::-moz-placeholder {
+  color: #cacaca; }
+
+:-ms-input-placeholder {
+  color: #cacaca; }
+
+::-ms-input-placeholder {
+  color: #cacaca; }
+
+::placeholder {
+  color: #cacaca; }
+
+[type='file'],
+[type='checkbox'],
+[type='radio'] {
+  margin: 0 0 1rem; }
+
+[type='checkbox'] + label,
+[type='radio'] + label {
+  display: inline-block;
+  vertical-align: baseline;
+  margin-left: 0.5rem;
+  margin-right: 1rem;
+  margin-bottom: 0; }
+  [type='checkbox'] + label[for],
+  [type='radio'] + label[for] {
+    cursor: pointer; }
+
+label > [type='checkbox'],
+label > [type='radio'] {
+  margin-right: 0.5rem; }
+
+[type='file'] {
+  width: 100%; }
+
+label {
+  display: block;
+  margin: 0;
+  font-size: 0.875rem;
+  font-weight: normal;
+  line-height: 1.8;
+  color: #0a0a0a; }
+  label.middle {
+    margin: 0 0 1rem;
+    padding: 0.5625rem 0; }
+
+.help-text {
+  margin-top: -0.5rem;
+  font-size: 0.8125rem;
+  font-style: italic;
+  color: #0a0a0a; }
+
+.input-group {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  margin-bottom: 1rem;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch; }
+  .input-group > :first-child, .input-group > :first-child.input-group-button > * {
+    border-radius: 0 0 0 0; }
+  .input-group > :last-child, .input-group > :last-child.input-group-button > * {
+    border-radius: 0 0 0 0; }
+
+.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
+.input-group-button input,
+.input-group-button button,
+.input-group-button label {
+  margin: 0;
+  white-space: nowrap; }
+
+.input-group-label {
+  padding: 0 1rem;
+  border: 1px solid #cacaca;
+  background: #e6e6e6;
+  color: #0a0a0a;
+  text-align: center;
+  white-space: nowrap;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+  .input-group-label:first-child {
+    border-right: 0; }
+  .input-group-label:last-child {
+    border-left: 0; }
+
+.input-group-field {
+  border-radius: 0;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 1 0px;
+      -ms-flex: 1 1 0px;
+          flex: 1 1 0px;
+  min-width: 0; }
+
+.input-group-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  text-align: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto; }
+  .input-group-button a,
+  .input-group-button input,
+  .input-group-button button,
+  .input-group-button label {
+    -webkit-align-self: stretch;
+        -ms-flex-item-align: stretch;
+            align-self: stretch;
+    height: auto;
+    padding-top: 0;
+    padding-bottom: 0;
+    font-size: 1rem; }
+
+fieldset {
+  margin: 0;
+  padding: 0;
+  border: 0; }
+
+legend {
+  max-width: 100%;
+  margin-bottom: 0.5rem; }
+
+.fieldset {
+  margin: 1.125rem 0;
+  padding: 1.25rem;
+  border: 1px solid #cacaca; }
+  .fieldset legend {
+    margin: 0;
+    margin-left: -0.1875rem;
+    padding: 0 0.1875rem; }
+
+select {
+  height: 2.4375rem;
+  margin: 0 0 1rem;
+  padding: 0.5rem;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: 1px solid #cacaca;
+  border-radius: 0;
+  background-color: #fefefe;
+  font-family: inherit;
+  font-size: 1rem;
+  font-weight: normal;
+  line-height: 1.5;
+  color: #0a0a0a;
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
+  background-origin: content-box;
+  background-position: right -1rem center;
+  background-repeat: no-repeat;
+  background-size: 9px 6px;
+  padding-right: 1.5rem;
+  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
+  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
+  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
+  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
+  @media screen and (min-width: 0\0) {
+    select {
+      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
+  select:focus {
+    outline: none;
+    border: 1px solid #8a8a8a;
+    background-color: #fefefe;
+    -webkit-box-shadow: 0 0 5px #cacaca;
+            box-shadow: 0 0 5px #cacaca;
+    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
+    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
+    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
+    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
+  select:disabled {
+    background-color: #e6e6e6;
+    cursor: not-allowed; }
+  select::-ms-expand {
+    display: none; }
+  select[multiple] {
+    height: auto;
+    background-image: none; }
+  select:not([multiple]) {
+    padding-top: 0;
+    padding-bottom: 0; }
+
+.is-invalid-input:not(:focus) {
+  border-color: #cc4b37;
+  background-color: #f9ecea; }
+  .is-invalid-input:not(:focus)::-webkit-input-placeholder {
+    color: #cc4b37; }
+  .is-invalid-input:not(:focus)::-moz-placeholder {
+    color: #cc4b37; }
+  .is-invalid-input:not(:focus):-ms-input-placeholder {
+    color: #cc4b37; }
+  .is-invalid-input:not(:focus)::-ms-input-placeholder {
+    color: #cc4b37; }
+  .is-invalid-input:not(:focus)::placeholder {
+    color: #cc4b37; }
+
+.is-invalid-label {
+  color: #cc4b37; }
+
+.form-error {
+  display: none;
+  margin-top: -0.5rem;
+  margin-bottom: 1rem;
+  font-size: 0.75rem;
+  font-weight: bold;
+  color: #cc4b37; }
+  .form-error.is-visible {
+    display: block; }
+
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+p,
+blockquote,
+th,
+td {
+  margin: 0;
+  padding: 0; }
+
+p {
+  margin-bottom: 1rem;
+  font-size: inherit;
+  line-height: 1.6;
+  text-rendering: optimizeLegibility; }
+
+em,
+i {
+  font-style: italic;
+  line-height: inherit; }
+
+strong,
+b {
+  font-weight: bold;
+  line-height: inherit; }
+
+small {
+  font-size: 80%;
+  line-height: inherit; }
+
+h1, .h1,
+h2, .h2,
+h3, .h3,
+h4, .h4,
+h5, .h5,
+h6, .h6 {
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-style: normal;
+  font-weight: normal;
+  color: inherit;
+  text-rendering: optimizeLegibility; }
+  h1 small, .h1 small,
+  h2 small, .h2 small,
+  h3 small, .h3 small,
+  h4 small, .h4 small,
+  h5 small, .h5 small,
+  h6 small, .h6 small {
+    line-height: 0;
+    color: #cacaca; }
+
+h1, .h1 {
+  font-size: 1.5rem;
+  line-height: 1.4;
+  margin-top: 0;
+  margin-bottom: 0.5rem; }
+
+h2, .h2 {
+  font-size: 1.25rem;
+  line-height: 1.4;
+  margin-top: 0;
+  margin-bottom: 0.5rem; }
+
+h3, .h3 {
+  font-size: 1.1875rem;
+  line-height: 1.4;
+  margin-top: 0;
+  margin-bottom: 0.5rem; }
+
+h4, .h4 {
+  font-size: 1.125rem;
+  line-height: 1.4;
+  margin-top: 0;
+  margin-bottom: 0.5rem; }
+
+h5, .h5 {
+  font-size: 1.0625rem;
+  line-height: 1.4;
+  margin-top: 0;
+  margin-bottom: 0.5rem; }
+
+h6, .h6 {
+  font-size: 1rem;
+  line-height: 1.4;
+  margin-top: 0;
+  margin-bottom: 0.5rem; }
+
+@media print, screen and (min-width: 40em) {
+  h1, .h1 {
+    font-size: 3rem; }
+  h2, .h2 {
+    font-size: 2.5rem; }
+  h3, .h3 {
+    font-size: 1.9375rem; }
+  h4, .h4 {
+    font-size: 1.5625rem; }
+  h5, .h5 {
+    font-size: 1.25rem; }
+  h6, .h6 {
+    font-size: 1rem; } }
+
+a {
+  line-height: inherit;
+  color: #1779ba;
+  text-decoration: none;
+  cursor: pointer; }
+  a:hover, a:focus {
+    color: #1468a0; }
+  a img {
+    border: 0; }
+
+hr {
+  clear: both;
+  max-width: 75rem;
+  height: 0;
+  margin: 1.25rem auto;
+  border-top: 0;
+  border-right: 0;
+  border-bottom: 1px solid #cacaca;
+  border-left: 0; }
+
+ul,
+ol,
+dl {
+  margin-bottom: 1rem;
+  list-style-position: outside;
+  line-height: 1.6; }
+
+li {
+  font-size: inherit; }
+
+ul {
+  margin-left: 1.25rem;
+  list-style-type: disc; }
+
+ol {
+  margin-left: 1.25rem; }
+
+ul ul, ol ul, ul ol, ol ol {
+  margin-left: 1.25rem;
+  margin-bottom: 0; }
+
+dl {
+  margin-bottom: 1rem; }
+  dl dt {
+    margin-bottom: 0.3rem;
+    font-weight: bold; }
+
+blockquote {
+  margin: 0 0 1rem;
+  padding: 0.5625rem 1.25rem 0 1.1875rem;
+  border-left: 1px solid #cacaca; }
+  blockquote, blockquote p {
+    line-height: 1.6;
+    color: #8a8a8a; }
+
+abbr, abbr[title] {
+  border-bottom: 1px dotted #0a0a0a;
+  cursor: help;
+  text-decoration: none; }
+
+figure {
+  margin: 0; }
+
+kbd {
+  margin: 0;
+  padding: 0.125rem 0.25rem 0;
+  background-color: #e6e6e6;
+  font-family: Consolas, "Liberation Mono", Courier, monospace;
+  color: #0a0a0a; }
+
+.subheader {
+  margin-top: 0.2rem;
+  margin-bottom: 0.5rem;
+  font-weight: normal;
+  line-height: 1.4;
+  color: #8a8a8a; }
+
+.lead {
+  font-size: 125%;
+  line-height: 1.6; }
+
+.stat {
+  font-size: 2.5rem;
+  line-height: 1; }
+  p + .stat {
+    margin-top: -1rem; }
+
+ul.no-bullet, ol.no-bullet {
+  margin-left: 0;
+  list-style: none; }
+
+.cite-block, cite {
+  display: block;
+  color: #8a8a8a;
+  font-size: 0.8125rem; }
+  .cite-block:before, cite:before {
+    content: "— "; }
+
+.code-inline, code {
+  border: 1px solid #cacaca;
+  background-color: #e6e6e6;
+  font-family: Consolas, "Liberation Mono", Courier, monospace;
+  font-weight: normal;
+  color: #0a0a0a;
+  display: inline;
+  max-width: 100%;
+  word-wrap: break-word;
+  padding: 0.125rem 0.3125rem 0.0625rem; }
+
+.code-block {
+  border: 1px solid #cacaca;
+  background-color: #e6e6e6;
+  font-family: Consolas, "Liberation Mono", Courier, monospace;
+  font-weight: normal;
+  color: #0a0a0a;
+  display: block;
+  overflow: auto;
+  white-space: pre;
+  padding: 1rem;
+  margin-bottom: 1.5rem; }
+
+.text-left {
+  text-align: left; }
+
+.text-right {
+  text-align: right; }
+
+.text-center {
+  text-align: center; }
+
+.text-justify {
+  text-align: justify; }
+
+@media print, screen and (min-width: 40em) {
+  .medium-text-left {
+    text-align: left; }
+  .medium-text-right {
+    text-align: right; }
+  .medium-text-center {
+    text-align: center; }
+  .medium-text-justify {
+    text-align: justify; } }
+
+@media print, screen and (min-width: 64em) {
+  .large-text-left {
+    text-align: left; }
+  .large-text-right {
+    text-align: right; }
+  .large-text-center {
+    text-align: center; }
+  .large-text-justify {
+    text-align: justify; } }
+
+.show-for-print {
+  display: none !important; }
+
+@media print {
+  * {
+    background: transparent !important;
+    color: black !important;
+    -webkit-print-color-adjust: economy;
+            color-adjust: economy;
+    -webkit-box-shadow: none !important;
+            box-shadow: none !important;
+    text-shadow: none !important; }
+  .show-for-print {
+    display: block !important; }
+  .hide-for-print {
+    display: none !important; }
+  table.show-for-print {
+    display: table !important; }
+  thead.show-for-print {
+    display: table-header-group !important; }
+  tbody.show-for-print {
+    display: table-row-group !important; }
+  tr.show-for-print {
+    display: table-row !important; }
+  td.show-for-print {
+    display: table-cell !important; }
+  th.show-for-print {
+    display: table-cell !important; }
+  a,
+  a:visited {
+    text-decoration: underline; }
+  a[href]:after {
+    content: " (" attr(href) ")"; }
+  .ir a:after,
+  a[href^='javascript:']:after,
+  a[href^='#']:after {
+    content: ''; }
+  abbr[title]:after {
+    content: " (" attr(title) ")"; }
+  pre,
+  blockquote {
+    border: 1px solid #8a8a8a;
+    page-break-inside: avoid; }
+  thead {
+    display: table-header-group; }
+  tr,
+  img {
+    page-break-inside: avoid; }
+  img {
+    max-width: 100% !important; }
+  @page {
+    margin: 0.5cm; }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3; }
+  h2,
+  h3 {
+    page-break-after: avoid; }
+  .print-break-inside {
+    page-break-inside: auto; } }
+
+.grid-container {
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  max-width: 75rem;
+  margin-left: auto;
+  margin-right: auto; }
+  @media print, screen and (min-width: 40em) {
+    .grid-container {
+      padding-right: 0.9375rem;
+      padding-left: 0.9375rem; } }
+  .grid-container.fluid {
+    padding-right: 0.625rem;
+    padding-left: 0.625rem;
+    max-width: 100%;
+    margin-left: auto;
+    margin-right: auto; }
+    @media print, screen and (min-width: 40em) {
+      .grid-container.fluid {
+        padding-right: 0.9375rem;
+        padding-left: 0.9375rem; } }
+  .grid-container.full {
+    padding-right: 0;
+    padding-left: 0;
+    max-width: 100%;
+    margin-left: auto;
+    margin-right: auto; }
+
+.grid-x {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-flow: row wrap;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap; }
+
+.cell {
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  min-height: 0px;
+  min-width: 0px;
+  width: 100%; }
+  .cell.auto {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 1 0px;
+        -ms-flex: 1 1 0px;
+            flex: 1 1 0px; }
+  .cell.shrink {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+            flex: 0 0 auto; }
+
+.grid-x > .auto {
+  width: auto; }
+
+.grid-x > .shrink {
+  width: auto; }
+
+.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
+  -webkit-flex-basis: auto;
+      -ms-flex-preferred-size: auto;
+          flex-basis: auto; }
+
+@media print, screen and (min-width: 40em) {
+  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
+    -webkit-flex-basis: auto;
+        -ms-flex-preferred-size: auto;
+            flex-basis: auto; } }
+
+@media print, screen and (min-width: 64em) {
+  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
+    -webkit-flex-basis: auto;
+        -ms-flex-preferred-size: auto;
+            flex-basis: auto; } }
+
+.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto; }
+
+.grid-x > .small-1 {
+  width: 8.33333%; }
+
+.grid-x > .small-2 {
+  width: 16.66667%; }
+
+.grid-x > .small-3 {
+  width: 25%; }
+
+.grid-x > .small-4 {
+  width: 33.33333%; }
+
+.grid-x > .small-5 {
+  width: 41.66667%; }
+
+.grid-x > .small-6 {
+  width: 50%; }
+
+.grid-x > .small-7 {
+  width: 58.33333%; }
+
+.grid-x > .small-8 {
+  width: 66.66667%; }
+
+.grid-x > .small-9 {
+  width: 75%; }
+
+.grid-x > .small-10 {
+  width: 83.33333%; }
+
+.grid-x > .small-11 {
+  width: 91.66667%; }
+
+.grid-x > .small-12 {
+  width: 100%; }
+
+@media print, screen and (min-width: 40em) {
+  .grid-x > .medium-auto {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 1 0px;
+        -ms-flex: 1 1 0px;
+            flex: 1 1 0px;
+    width: auto; }
+  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+            flex: 0 0 auto; }
+  .grid-x > .medium-shrink {
+    width: auto; }
+  .grid-x > .medium-1 {
+    width: 8.33333%; }
+  .grid-x > .medium-2 {
+    width: 16.66667%; }
+  .grid-x > .medium-3 {
+    width: 25%; }
+  .grid-x > .medium-4 {
+    width: 33.33333%; }
+  .grid-x > .medium-5 {
+    width: 41.66667%; }
+  .grid-x > .medium-6 {
+    width: 50%; }
+  .grid-x > .medium-7 {
+    width: 58.33333%; }
+  .grid-x > .medium-8 {
+    width: 66.66667%; }
+  .grid-x > .medium-9 {
+    width: 75%; }
+  .grid-x > .medium-10 {
+    width: 83.33333%; }
+  .grid-x > .medium-11 {
+    width: 91.66667%; }
+  .grid-x > .medium-12 {
+    width: 100%; } }
+
+@media print, screen and (min-width: 64em) {
+  .grid-x > .large-auto {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 1 0px;
+        -ms-flex: 1 1 0px;
+            flex: 1 1 0px;
+    width: auto; }
+  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+            flex: 0 0 auto; }
+  .grid-x > .large-shrink {
+    width: auto; }
+  .grid-x > .large-1 {
+    width: 8.33333%; }
+  .grid-x > .large-2 {
+    width: 16.66667%; }
+  .grid-x > .large-3 {
+    width: 25%; }
+  .grid-x > .large-4 {
+    width: 33.33333%; }
+  .grid-x > .large-5 {
+    width: 41.66667%; }
+  .grid-x > .large-6 {
+    width: 50%; }
+  .grid-x > .large-7 {
+    width: 58.33333%; }
+  .grid-x > .large-8 {
+    width: 66.66667%; }
+  .grid-x > .large-9 {
+    width: 75%; }
+  .grid-x > .large-10 {
+    width: 83.33333%; }
+  .grid-x > .large-11 {
+    width: 91.66667%; }
+  .grid-x > .large-12 {
+    width: 100%; } }
+
+.grid-margin-x:not(.grid-x) > .cell {
+  width: auto; }
+
+.grid-margin-y:not(.grid-y) > .cell {
+  height: auto; }
+
+.grid-margin-x {
+  margin-left: -0.625rem;
+  margin-right: -0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-margin-x {
+      margin-left: -0.9375rem;
+      margin-right: -0.9375rem; } }
+  .grid-margin-x > .cell {
+    width: calc(100% - 1.25rem);
+    margin-left: 0.625rem;
+    margin-right: 0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-margin-x > .cell {
+      width: calc(100% - 1.875rem);
+      margin-left: 0.9375rem;
+      margin-right: 0.9375rem; } }
+  .grid-margin-x > .auto {
+    width: auto; }
+  .grid-margin-x > .shrink {
+    width: auto; }
+  .grid-margin-x > .small-1 {
+    width: calc(8.33333% - 1.25rem); }
+  .grid-margin-x > .small-2 {
+    width: calc(16.66667% - 1.25rem); }
+  .grid-margin-x > .small-3 {
+    width: calc(25% - 1.25rem); }
+  .grid-margin-x > .small-4 {
+    width: calc(33.33333% - 1.25rem); }
+  .grid-margin-x > .small-5 {
+    width: calc(41.66667% - 1.25rem); }
+  .grid-margin-x > .small-6 {
+    width: calc(50% - 1.25rem); }
+  .grid-margin-x > .small-7 {
+    width: calc(58.33333% - 1.25rem); }
+  .grid-margin-x > .small-8 {
+    width: calc(66.66667% - 1.25rem); }
+  .grid-margin-x > .small-9 {
+    width: calc(75% - 1.25rem); }
+  .grid-margin-x > .small-10 {
+    width: calc(83.33333% - 1.25rem); }
+  .grid-margin-x > .small-11 {
+    width: calc(91.66667% - 1.25rem); }
+  .grid-margin-x > .small-12 {
+    width: calc(100% - 1.25rem); }
+  @media print, screen and (min-width: 40em) {
+    .grid-margin-x > .auto {
+      width: auto; }
+    .grid-margin-x > .shrink {
+      width: auto; }
+    .grid-margin-x > .small-1 {
+      width: calc(8.33333% - 1.875rem); }
+    .grid-margin-x > .small-2 {
+      width: calc(16.66667% - 1.875rem); }
+    .grid-margin-x > .small-3 {
+      width: calc(25% - 1.875rem); }
+    .grid-margin-x > .small-4 {
+      width: calc(33.33333% - 1.875rem); }
+    .grid-margin-x > .small-5 {
+      width: calc(41.66667% - 1.875rem); }
+    .grid-margin-x > .small-6 {
+      width: calc(50% - 1.875rem); }
+    .grid-margin-x > .small-7 {
+      width: calc(58.33333% - 1.875rem); }
+    .grid-margin-x > .small-8 {
+      width: calc(66.66667% - 1.875rem); }
+    .grid-margin-x > .small-9 {
+      width: calc(75% - 1.875rem); }
+    .grid-margin-x > .small-10 {
+      width: calc(83.33333% - 1.875rem); }
+    .grid-margin-x > .small-11 {
+      width: calc(91.66667% - 1.875rem); }
+    .grid-margin-x > .small-12 {
+      width: calc(100% - 1.875rem); }
+    .grid-margin-x > .medium-auto {
+      width: auto; }
+    .grid-margin-x > .medium-shrink {
+      width: auto; }
+    .grid-margin-x > .medium-1 {
+      width: calc(8.33333% - 1.875rem); }
+    .grid-margin-x > .medium-2 {
+      width: calc(16.66667% - 1.875rem); }
+    .grid-margin-x > .medium-3 {
+      width: calc(25% - 1.875rem); }
+    .grid-margin-x > .medium-4 {
+      width: calc(33.33333% - 1.875rem); }
+    .grid-margin-x > .medium-5 {
+      width: calc(41.66667% - 1.875rem); }
+    .grid-margin-x > .medium-6 {
+      width: calc(50% - 1.875rem); }
+    .grid-margin-x > .medium-7 {
+      width: calc(58.33333% - 1.875rem); }
+    .grid-margin-x > .medium-8 {
+      width: calc(66.66667% - 1.875rem); }
+    .grid-margin-x > .medium-9 {
+      width: calc(75% - 1.875rem); }
+    .grid-margin-x > .medium-10 {
+      width: calc(83.33333% - 1.875rem); }
+    .grid-margin-x > .medium-11 {
+      width: calc(91.66667% - 1.875rem); }
+    .grid-margin-x > .medium-12 {
+      width: calc(100% - 1.875rem); } }
+  @media print, screen and (min-width: 64em) {
+    .grid-margin-x > .large-auto {
+      width: auto; }
+    .grid-margin-x > .large-shrink {
+      width: auto; }
+    .grid-margin-x > .large-1 {
+      width: calc(8.33333% - 1.875rem); }
+    .grid-margin-x > .large-2 {
+      width: calc(16.66667% - 1.875rem); }
+    .grid-margin-x > .large-3 {
+      width: calc(25% - 1.875rem); }
+    .grid-margin-x > .large-4 {
+      width: calc(33.33333% - 1.875rem); }
+    .grid-margin-x > .large-5 {
+      width: calc(41.66667% - 1.875rem); }
+    .grid-margin-x > .large-6 {
+      width: calc(50% - 1.875rem); }
+    .grid-margin-x > .large-7 {
+      width: calc(58.33333% - 1.875rem); }
+    .grid-margin-x > .large-8 {
+      width: calc(66.66667% - 1.875rem); }
+    .grid-margin-x > .large-9 {
+      width: calc(75% - 1.875rem); }
+    .grid-margin-x > .large-10 {
+      width: calc(83.33333% - 1.875rem); }
+    .grid-margin-x > .large-11 {
+      width: calc(91.66667% - 1.875rem); }
+    .grid-margin-x > .large-12 {
+      width: calc(100% - 1.875rem); } }
+
+.grid-padding-x .grid-padding-x {
+  margin-right: -0.625rem;
+  margin-left: -0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-padding-x .grid-padding-x {
+      margin-right: -0.9375rem;
+      margin-left: -0.9375rem; } }
+
+.grid-container:not(.full) > .grid-padding-x {
+  margin-right: -0.625rem;
+  margin-left: -0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-container:not(.full) > .grid-padding-x {
+      margin-right: -0.9375rem;
+      margin-left: -0.9375rem; } }
+
+.grid-padding-x > .cell {
+  padding-right: 0.625rem;
+  padding-left: 0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-padding-x > .cell {
+      padding-right: 0.9375rem;
+      padding-left: 0.9375rem; } }
+
+.small-up-1 > .cell {
+  width: 100%; }
+
+.small-up-2 > .cell {
+  width: 50%; }
+
+.small-up-3 > .cell {
+  width: 33.33333%; }
+
+.small-up-4 > .cell {
+  width: 25%; }
+
+.small-up-5 > .cell {
+  width: 20%; }
+
+.small-up-6 > .cell {
+  width: 16.66667%; }
+
+.small-up-7 > .cell {
+  width: 14.28571%; }
+
+.small-up-8 > .cell {
+  width: 12.5%; }
+
+@media print, screen and (min-width: 40em) {
+  .medium-up-1 > .cell {
+    width: 100%; }
+  .medium-up-2 > .cell {
+    width: 50%; }
+  .medium-up-3 > .cell {
+    width: 33.33333%; }
+  .medium-up-4 > .cell {
+    width: 25%; }
+  .medium-up-5 > .cell {
+    width: 20%; }
+  .medium-up-6 > .cell {
+    width: 16.66667%; }
+  .medium-up-7 > .cell {
+    width: 14.28571%; }
+  .medium-up-8 > .cell {
+    width: 12.5%; } }
+
+@media print, screen and (min-width: 64em) {
+  .large-up-1 > .cell {
+    width: 100%; }
+  .large-up-2 > .cell {
+    width: 50%; }
+  .large-up-3 > .cell {
+    width: 33.33333%; }
+  .large-up-4 > .cell {
+    width: 25%; }
+  .large-up-5 > .cell {
+    width: 20%; }
+  .large-up-6 > .cell {
+    width: 16.66667%; }
+  .large-up-7 > .cell {
+    width: 14.28571%; }
+  .large-up-8 > .cell {
+    width: 12.5%; } }
+
+.grid-margin-x.small-up-1 > .cell {
+  width: calc(100% - 1.25rem); }
+
+.grid-margin-x.small-up-2 > .cell {
+  width: calc(50% - 1.25rem); }
+
+.grid-margin-x.small-up-3 > .cell {
+  width: calc(33.33333% - 1.25rem); }
+
+.grid-margin-x.small-up-4 > .cell {
+  width: calc(25% - 1.25rem); }
+
+.grid-margin-x.small-up-5 > .cell {
+  width: calc(20% - 1.25rem); }
+
+.grid-margin-x.small-up-6 > .cell {
+  width: calc(16.66667% - 1.25rem); }
+
+.grid-margin-x.small-up-7 > .cell {
+  width: calc(14.28571% - 1.25rem); }
+
+.grid-margin-x.small-up-8 > .cell {
+  width: calc(12.5% - 1.25rem); }
+
+@media print, screen and (min-width: 40em) {
+  .grid-margin-x.small-up-1 > .cell {
+    width: calc(100% - 1.875rem); }
+  .grid-margin-x.small-up-2 > .cell {
+    width: calc(50% - 1.875rem); }
+  .grid-margin-x.small-up-3 > .cell {
+    width: calc(33.33333% - 1.875rem); }
+  .grid-margin-x.small-up-4 > .cell {
+    width: calc(25% - 1.875rem); }
+  .grid-margin-x.small-up-5 > .cell {
+    width: calc(20% - 1.875rem); }
+  .grid-margin-x.small-up-6 > .cell {
+    width: calc(16.66667% - 1.875rem); }
+  .grid-margin-x.small-up-7 > .cell {
+    width: calc(14.28571% - 1.875rem); }
+  .grid-margin-x.small-up-8 > .cell {
+    width: calc(12.5% - 1.875rem); }
+  .grid-margin-x.medium-up-1 > .cell {
+    width: calc(100% - 1.875rem); }
+  .grid-margin-x.medium-up-2 > .cell {
+    width: calc(50% - 1.875rem); }
+  .grid-margin-x.medium-up-3 > .cell {
+    width: calc(33.33333% - 1.875rem); }
+  .grid-margin-x.medium-up-4 > .cell {
+    width: calc(25% - 1.875rem); }
+  .grid-margin-x.medium-up-5 > .cell {
+    width: calc(20% - 1.875rem); }
+  .grid-margin-x.medium-up-6 > .cell {
+    width: calc(16.66667% - 1.875rem); }
+  .grid-margin-x.medium-up-7 > .cell {
+    width: calc(14.28571% - 1.875rem); }
+  .grid-margin-x.medium-up-8 > .cell {
+    width: calc(12.5% - 1.875rem); } }
+
+@media print, screen and (min-width: 64em) {
+  .grid-margin-x.large-up-1 > .cell {
+    width: calc(100% - 1.875rem); }
+  .grid-margin-x.large-up-2 > .cell {
+    width: calc(50% - 1.875rem); }
+  .grid-margin-x.large-up-3 > .cell {
+    width: calc(33.33333% - 1.875rem); }
+  .grid-margin-x.large-up-4 > .cell {
+    width: calc(25% - 1.875rem); }
+  .grid-margin-x.large-up-5 > .cell {
+    width: calc(20% - 1.875rem); }
+  .grid-margin-x.large-up-6 > .cell {
+    width: calc(16.66667% - 1.875rem); }
+  .grid-margin-x.large-up-7 > .cell {
+    width: calc(14.28571% - 1.875rem); }
+  .grid-margin-x.large-up-8 > .cell {
+    width: calc(12.5% - 1.875rem); } }
+
+.small-margin-collapse {
+  margin-right: 0;
+  margin-left: 0; }
+  .small-margin-collapse > .cell {
+    margin-right: 0;
+    margin-left: 0; }
+  .small-margin-collapse > .small-1 {
+    width: 8.33333%; }
+  .small-margin-collapse > .small-2 {
+    width: 16.66667%; }
+  .small-margin-collapse > .small-3 {
+    width: 25%; }
+  .small-margin-collapse > .small-4 {
+    width: 33.33333%; }
+  .small-margin-collapse > .small-5 {
+    width: 41.66667%; }
+  .small-margin-collapse > .small-6 {
+    width: 50%; }
+  .small-margin-collapse > .small-7 {
+    width: 58.33333%; }
+  .small-margin-collapse > .small-8 {
+    width: 66.66667%; }
+  .small-margin-collapse > .small-9 {
+    width: 75%; }
+  .small-margin-collapse > .small-10 {
+    width: 83.33333%; }
+  .small-margin-collapse > .small-11 {
+    width: 91.66667%; }
+  .small-margin-collapse > .small-12 {
+    width: 100%; }
+  @media print, screen and (min-width: 40em) {
+    .small-margin-collapse > .medium-1 {
+      width: 8.33333%; }
+    .small-margin-collapse > .medium-2 {
+      width: 16.66667%; }
+    .small-margin-collapse > .medium-3 {
+      width: 25%; }
+    .small-margin-collapse > .medium-4 {
+      width: 33.33333%; }
+    .small-margin-collapse > .medium-5 {
+      width: 41.66667%; }
+    .small-margin-collapse > .medium-6 {
+      width: 50%; }
+    .small-margin-collapse > .medium-7 {
+      width: 58.33333%; }
+    .small-margin-collapse > .medium-8 {
+      width: 66.66667%; }
+    .small-margin-collapse > .medium-9 {
+      width: 75%; }
+    .small-margin-collapse > .medium-10 {
+      width: 83.33333%; }
+    .small-margin-collapse > .medium-11 {
+      width: 91.66667%; }
+    .small-margin-collapse > .medium-12 {
+      width: 100%; } }
+  @media print, screen and (min-width: 64em) {
+    .small-margin-collapse > .large-1 {
+      width: 8.33333%; }
+    .small-margin-collapse > .large-2 {
+      width: 16.66667%; }
+    .small-margin-collapse > .large-3 {
+      width: 25%; }
+    .small-margin-collapse > .large-4 {
+      width: 33.33333%; }
+    .small-margin-collapse > .large-5 {
+      width: 41.66667%; }
+    .small-margin-collapse > .large-6 {
+      width: 50%; }
+    .small-margin-collapse > .large-7 {
+      width: 58.33333%; }
+    .small-margin-collapse > .large-8 {
+      width: 66.66667%; }
+    .small-margin-collapse > .large-9 {
+      width: 75%; }
+    .small-margin-collapse > .large-10 {
+      width: 83.33333%; }
+    .small-margin-collapse > .large-11 {
+      width: 91.66667%; }
+    .small-margin-collapse > .large-12 {
+      width: 100%; } }
+
+.small-padding-collapse {
+  margin-right: 0;
+  margin-left: 0; }
+  .small-padding-collapse > .cell {
+    padding-right: 0;
+    padding-left: 0; }
+
+@media print, screen and (min-width: 40em) {
+  .medium-margin-collapse {
+    margin-right: 0;
+    margin-left: 0; }
+    .medium-margin-collapse > .cell {
+      margin-right: 0;
+      margin-left: 0; } }
+
+@media print, screen and (min-width: 40em) {
+  .medium-margin-collapse > .small-1 {
+    width: 8.33333%; }
+  .medium-margin-collapse > .small-2 {
+    width: 16.66667%; }
+  .medium-margin-collapse > .small-3 {
+    width: 25%; }
+  .medium-margin-collapse > .small-4 {
+    width: 33.33333%; }
+  .medium-margin-collapse > .small-5 {
+    width: 41.66667%; }
+  .medium-margin-collapse > .small-6 {
+    width: 50%; }
+  .medium-margin-collapse > .small-7 {
+    width: 58.33333%; }
+  .medium-margin-collapse > .small-8 {
+    width: 66.66667%; }
+  .medium-margin-collapse > .small-9 {
+    width: 75%; }
+  .medium-margin-collapse > .small-10 {
+    width: 83.33333%; }
+  .medium-margin-collapse > .small-11 {
+    width: 91.66667%; }
+  .medium-margin-collapse > .small-12 {
+    width: 100%; } }
+
+@media print, screen and (min-width: 40em) {
+  .medium-margin-collapse > .medium-1 {
+    width: 8.33333%; }
+  .medium-margin-collapse > .medium-2 {
+    width: 16.66667%; }
+  .medium-margin-collapse > .medium-3 {
+    width: 25%; }
+  .medium-margin-collapse > .medium-4 {
+    width: 33.33333%; }
+  .medium-margin-collapse > .medium-5 {
+    width: 41.66667%; }
+  .medium-margin-collapse > .medium-6 {
+    width: 50%; }
+  .medium-margin-collapse > .medium-7 {
+    width: 58.33333%; }
+  .medium-margin-collapse > .medium-8 {
+    width: 66.66667%; }
+  .medium-margin-collapse > .medium-9 {
+    width: 75%; }
+  .medium-margin-collapse > .medium-10 {
+    width: 83.33333%; }
+  .medium-margin-collapse > .medium-11 {
+    width: 91.66667%; }
+  .medium-margin-collapse > .medium-12 {
+    width: 100%; } }
+
+@media print, screen and (min-width: 64em) {
+  .medium-margin-collapse > .large-1 {
+    width: 8.33333%; }
+  .medium-margin-collapse > .large-2 {
+    width: 16.66667%; }
+  .medium-margin-collapse > .large-3 {
+    width: 25%; }
+  .medium-margin-collapse > .large-4 {
+    width: 33.33333%; }
+  .medium-margin-collapse > .large-5 {
+    width: 41.66667%; }
+  .medium-margin-collapse > .large-6 {
+    width: 50%; }
+  .medium-margin-collapse > .large-7 {
+    width: 58.33333%; }
+  .medium-margin-collapse > .large-8 {
+    width: 66.66667%; }
+  .medium-margin-collapse > .large-9 {
+    width: 75%; }
+  .medium-margin-collapse > .large-10 {
+    width: 83.33333%; }
+  .medium-margin-collapse > .large-11 {
+    width: 91.66667%; }
+  .medium-margin-collapse > .large-12 {
+    width: 100%; } }
+
+@media print, screen and (min-width: 40em) {
+  .medium-padding-collapse {
+    margin-right: 0;
+    margin-left: 0; }
+    .medium-padding-collapse > .cell {
+      padding-right: 0;
+      padding-left: 0; } }
+
+@media print, screen and (min-width: 64em) {
+  .large-margin-collapse {
+    margin-right: 0;
+    margin-left: 0; }
+    .large-margin-collapse > .cell {
+      margin-right: 0;
+      margin-left: 0; } }
+
+@media print, screen and (min-width: 64em) {
+  .large-margin-collapse > .small-1 {
+    width: 8.33333%; }
+  .large-margin-collapse > .small-2 {
+    width: 16.66667%; }
+  .large-margin-collapse > .small-3 {
+    width: 25%; }
+  .large-margin-collapse > .small-4 {
+    width: 33.33333%; }
+  .large-margin-collapse > .small-5 {
+    width: 41.66667%; }
+  .large-margin-collapse > .small-6 {
+    width: 50%; }
+  .large-margin-collapse > .small-7 {
+    width: 58.33333%; }
+  .large-margin-collapse > .small-8 {
+    width: 66.66667%; }
+  .large-margin-collapse > .small-9 {
+    width: 75%; }
+  .large-margin-collapse > .small-10 {
+    width: 83.33333%; }
+  .large-margin-collapse > .small-11 {
+    width: 91.66667%; }
+  .large-margin-collapse > .small-12 {
+    width: 100%; } }
+
+@media print, screen and (min-width: 64em) {
+  .large-margin-collapse > .medium-1 {
+    width: 8.33333%; }
+  .large-margin-collapse > .medium-2 {
+    width: 16.66667%; }
+  .large-margin-collapse > .medium-3 {
+    width: 25%; }
+  .large-margin-collapse > .medium-4 {
+    width: 33.33333%; }
+  .large-margin-collapse > .medium-5 {
+    width: 41.66667%; }
+  .large-margin-collapse > .medium-6 {
+    width: 50%; }
+  .large-margin-collapse > .medium-7 {
+    width: 58.33333%; }
+  .large-margin-collapse > .medium-8 {
+    width: 66.66667%; }
+  .large-margin-collapse > .medium-9 {
+    width: 75%; }
+  .large-margin-collapse > .medium-10 {
+    width: 83.33333%; }
+  .large-margin-collapse > .medium-11 {
+    width: 91.66667%; }
+  .large-margin-collapse > .medium-12 {
+    width: 100%; } }
+
+@media print, screen and (min-width: 64em) {
+  .large-margin-collapse > .large-1 {
+    width: 8.33333%; }
+  .large-margin-collapse > .large-2 {
+    width: 16.66667%; }
+  .large-margin-collapse > .large-3 {
+    width: 25%; }
+  .large-margin-collapse > .large-4 {
+    width: 33.33333%; }
+  .large-margin-collapse > .large-5 {
+    width: 41.66667%; }
+  .large-margin-collapse > .large-6 {
+    width: 50%; }
+  .large-margin-collapse > .large-7 {
+    width: 58.33333%; }
+  .large-margin-collapse > .large-8 {
+    width: 66.66667%; }
+  .large-margin-collapse > .large-9 {
+    width: 75%; }
+  .large-margin-collapse > .large-10 {
+    width: 83.33333%; }
+  .large-margin-collapse > .large-11 {
+    width: 91.66667%; }
+  .large-margin-collapse > .large-12 {
+    width: 100%; } }
+
+@media print, screen and (min-width: 64em) {
+  .large-padding-collapse {
+    margin-right: 0;
+    margin-left: 0; }
+    .large-padding-collapse > .cell {
+      padding-right: 0;
+      padding-left: 0; } }
+
+.small-offset-0 {
+  margin-left: 0%; }
+
+.grid-margin-x > .small-offset-0 {
+  margin-left: calc(0% + 0.625rem); }
+
+.small-offset-1 {
+  margin-left: 8.33333%; }
+
+.grid-margin-x > .small-offset-1 {
+  margin-left: calc(8.33333% + 0.625rem); }
+
+.small-offset-2 {
+  margin-left: 16.66667%; }
+
+.grid-margin-x > .small-offset-2 {
+  margin-left: calc(16.66667% + 0.625rem); }
+
+.small-offset-3 {
+  margin-left: 25%; }
+
+.grid-margin-x > .small-offset-3 {
+  margin-left: calc(25% + 0.625rem); }
+
+.small-offset-4 {
+  margin-left: 33.33333%; }
+
+.grid-margin-x > .small-offset-4 {
+  margin-left: calc(33.33333% + 0.625rem); }
+
+.small-offset-5 {
+  margin-left: 41.66667%; }
+
+.grid-margin-x > .small-offset-5 {
+  margin-left: calc(41.66667% + 0.625rem); }
+
+.small-offset-6 {
+  margin-left: 50%; }
+
+.grid-margin-x > .small-offset-6 {
+  margin-left: calc(50% + 0.625rem); }
+
+.small-offset-7 {
+  margin-left: 58.33333%; }
+
+.grid-margin-x > .small-offset-7 {
+  margin-left: calc(58.33333% + 0.625rem); }
+
+.small-offset-8 {
+  margin-left: 66.66667%; }
+
+.grid-margin-x > .small-offset-8 {
+  margin-left: calc(66.66667% + 0.625rem); }
+
+.small-offset-9 {
+  margin-left: 75%; }
+
+.grid-margin-x > .small-offset-9 {
+  margin-left: calc(75% + 0.625rem); }
+
+.small-offset-10 {
+  margin-left: 83.33333%; }
+
+.grid-margin-x > .small-offset-10 {
+  margin-left: calc(83.33333% + 0.625rem); }
+
+.small-offset-11 {
+  margin-left: 91.66667%; }
+
+.grid-margin-x > .small-offset-11 {
+  margin-left: calc(91.66667% + 0.625rem); }
+
+@media print, screen and (min-width: 40em) {
+  .medium-offset-0 {
+    margin-left: 0%; }
+  .grid-margin-x > .medium-offset-0 {
+    margin-left: calc(0% + 0.9375rem); }
+  .medium-offset-1 {
+    margin-left: 8.33333%; }
+  .grid-margin-x > .medium-offset-1 {
+    margin-left: calc(8.33333% + 0.9375rem); }
+  .medium-offset-2 {
+    margin-left: 16.66667%; }
+  .grid-margin-x > .medium-offset-2 {
+    margin-left: calc(16.66667% + 0.9375rem); }
+  .medium-offset-3 {
+    margin-left: 25%; }
+  .grid-margin-x > .medium-offset-3 {
+    margin-left: calc(25% + 0.9375rem); }
+  .medium-offset-4 {
+    margin-left: 33.33333%; }
+  .grid-margin-x > .medium-offset-4 {
+    margin-left: calc(33.33333% + 0.9375rem); }
+  .medium-offset-5 {
+    margin-left: 41.66667%; }
+  .grid-margin-x > .medium-offset-5 {
+    margin-left: calc(41.66667% + 0.9375rem); }
+  .medium-offset-6 {
+    margin-left: 50%; }
+  .grid-margin-x > .medium-offset-6 {
+    margin-left: calc(50% + 0.9375rem); }
+  .medium-offset-7 {
+    margin-left: 58.33333%; }
+  .grid-margin-x > .medium-offset-7 {
+    margin-left: calc(58.33333% + 0.9375rem); }
+  .medium-offset-8 {
+    margin-left: 66.66667%; }
+  .grid-margin-x > .medium-offset-8 {
+    margin-left: calc(66.66667% + 0.9375rem); }
+  .medium-offset-9 {
+    margin-left: 75%; }
+  .grid-margin-x > .medium-offset-9 {
+    margin-left: calc(75% + 0.9375rem); }
+  .medium-offset-10 {
+    margin-left: 83.33333%; }
+  .grid-margin-x > .medium-offset-10 {
+    margin-left: calc(83.33333% + 0.9375rem); }
+  .medium-offset-11 {
+    margin-left: 91.66667%; }
+  .grid-margin-x > .medium-offset-11 {
+    margin-left: calc(91.66667% + 0.9375rem); } }
+
+@media print, screen and (min-width: 64em) {
+  .large-offset-0 {
+    margin-left: 0%; }
+  .grid-margin-x > .large-offset-0 {
+    margin-left: calc(0% + 0.9375rem); }
+  .large-offset-1 {
+    margin-left: 8.33333%; }
+  .grid-margin-x > .large-offset-1 {
+    margin-left: calc(8.33333% + 0.9375rem); }
+  .large-offset-2 {
+    margin-left: 16.66667%; }
+  .grid-margin-x > .large-offset-2 {
+    margin-left: calc(16.66667% + 0.9375rem); }
+  .large-offset-3 {
+    margin-left: 25%; }
+  .grid-margin-x > .large-offset-3 {
+    margin-left: calc(25% + 0.9375rem); }
+  .large-offset-4 {
+    margin-left: 33.33333%; }
+  .grid-margin-x > .large-offset-4 {
+    margin-left: calc(33.33333% + 0.9375rem); }
+  .large-offset-5 {
+    margin-left: 41.66667%; }
+  .grid-margin-x > .large-offset-5 {
+    margin-left: calc(41.66667% + 0.9375rem); }
+  .large-offset-6 {
+    margin-left: 50%; }
+  .grid-margin-x > .large-offset-6 {
+    margin-left: calc(50% + 0.9375rem); }
+  .large-offset-7 {
+    margin-left: 58.33333%; }
+  .grid-margin-x > .large-offset-7 {
+    margin-left: calc(58.33333% + 0.9375rem); }
+  .large-offset-8 {
+    margin-left: 66.66667%; }
+  .grid-margin-x > .large-offset-8 {
+    margin-left: calc(66.66667% + 0.9375rem); }
+  .large-offset-9 {
+    margin-left: 75%; }
+  .grid-margin-x > .large-offset-9 {
+    margin-left: calc(75% + 0.9375rem); }
+  .large-offset-10 {
+    margin-left: 83.33333%; }
+  .grid-margin-x > .large-offset-10 {
+    margin-left: calc(83.33333% + 0.9375rem); }
+  .large-offset-11 {
+    margin-left: 91.66667%; }
+  .grid-margin-x > .large-offset-11 {
+    margin-left: calc(91.66667% + 0.9375rem); } }
+
+.grid-y {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-flow: column nowrap;
+      -ms-flex-flow: column nowrap;
+          flex-flow: column nowrap; }
+  .grid-y > .cell {
+    height: auto;
+    max-height: none; }
+  .grid-y > .auto {
+    height: auto; }
+  .grid-y > .shrink {
+    height: auto; }
+  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
+    -webkit-flex-basis: auto;
+        -ms-flex-preferred-size: auto;
+            flex-basis: auto; }
+  @media print, screen and (min-width: 40em) {
+    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
+      -webkit-flex-basis: auto;
+          -ms-flex-preferred-size: auto;
+              flex-basis: auto; } }
+  @media print, screen and (min-width: 64em) {
+    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
+      -webkit-flex-basis: auto;
+          -ms-flex-preferred-size: auto;
+              flex-basis: auto; } }
+  .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+            flex: 0 0 auto; }
+  .grid-y > .small-1 {
+    height: 8.33333%; }
+  .grid-y > .small-2 {
+    height: 16.66667%; }
+  .grid-y > .small-3 {
+    height: 25%; }
+  .grid-y > .small-4 {
+    height: 33.33333%; }
+  .grid-y > .small-5 {
+    height: 41.66667%; }
+  .grid-y > .small-6 {
+    height: 50%; }
+  .grid-y > .small-7 {
+    height: 58.33333%; }
+  .grid-y > .small-8 {
+    height: 66.66667%; }
+  .grid-y > .small-9 {
+    height: 75%; }
+  .grid-y > .small-10 {
+    height: 83.33333%; }
+  .grid-y > .small-11 {
+    height: 91.66667%; }
+  .grid-y > .small-12 {
+    height: 100%; }
+  @media print, screen and (min-width: 40em) {
+    .grid-y > .medium-auto {
+      -webkit-box-flex: 1;
+      -webkit-flex: 1 1 0px;
+          -ms-flex: 1 1 0px;
+              flex: 1 1 0px;
+      height: auto; }
+    .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 0 auto;
+          -ms-flex: 0 0 auto;
+              flex: 0 0 auto; }
+    .grid-y > .medium-shrink {
+      height: auto; }
+    .grid-y > .medium-1 {
+      height: 8.33333%; }
+    .grid-y > .medium-2 {
+      height: 16.66667%; }
+    .grid-y > .medium-3 {
+      height: 25%; }
+    .grid-y > .medium-4 {
+      height: 33.33333%; }
+    .grid-y > .medium-5 {
+      height: 41.66667%; }
+    .grid-y > .medium-6 {
+      height: 50%; }
+    .grid-y > .medium-7 {
+      height: 58.33333%; }
+    .grid-y > .medium-8 {
+      height: 66.66667%; }
+    .grid-y > .medium-9 {
+      height: 75%; }
+    .grid-y > .medium-10 {
+      height: 83.33333%; }
+    .grid-y > .medium-11 {
+      height: 91.66667%; }
+    .grid-y > .medium-12 {
+      height: 100%; } }
+  @media print, screen and (min-width: 64em) {
+    .grid-y > .large-auto {
+      -webkit-box-flex: 1;
+      -webkit-flex: 1 1 0px;
+          -ms-flex: 1 1 0px;
+              flex: 1 1 0px;
+      height: auto; }
+    .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 0 auto;
+          -ms-flex: 0 0 auto;
+              flex: 0 0 auto; }
+    .grid-y > .large-shrink {
+      height: auto; }
+    .grid-y > .large-1 {
+      height: 8.33333%; }
+    .grid-y > .large-2 {
+      height: 16.66667%; }
+    .grid-y > .large-3 {
+      height: 25%; }
+    .grid-y > .large-4 {
+      height: 33.33333%; }
+    .grid-y > .large-5 {
+      height: 41.66667%; }
+    .grid-y > .large-6 {
+      height: 50%; }
+    .grid-y > .large-7 {
+      height: 58.33333%; }
+    .grid-y > .large-8 {
+      height: 66.66667%; }
+    .grid-y > .large-9 {
+      height: 75%; }
+    .grid-y > .large-10 {
+      height: 83.33333%; }
+    .grid-y > .large-11 {
+      height: 91.66667%; }
+    .grid-y > .large-12 {
+      height: 100%; } }
+
+.grid-padding-y .grid-padding-y {
+  margin-top: -0.625rem;
+  margin-bottom: -0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-padding-y .grid-padding-y {
+      margin-top: -0.9375rem;
+      margin-bottom: -0.9375rem; } }
+
+.grid-padding-y > .cell {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-padding-y > .cell {
+      padding-top: 0.9375rem;
+      padding-bottom: 0.9375rem; } }
+
+.grid-margin-y {
+  margin-top: -0.625rem;
+  margin-bottom: -0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-margin-y {
+      margin-top: -0.9375rem;
+      margin-bottom: -0.9375rem; } }
+  .grid-margin-y > .cell {
+    height: calc(100% - 1.25rem);
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-margin-y > .cell {
+      height: calc(100% - 1.875rem);
+      margin-top: 0.9375rem;
+      margin-bottom: 0.9375rem; } }
+  .grid-margin-y > .auto {
+    height: auto; }
+  .grid-margin-y > .shrink {
+    height: auto; }
+  .grid-margin-y > .small-1 {
+    height: calc(8.33333% - 1.25rem); }
+  .grid-margin-y > .small-2 {
+    height: calc(16.66667% - 1.25rem); }
+  .grid-margin-y > .small-3 {
+    height: calc(25% - 1.25rem); }
+  .grid-margin-y > .small-4 {
+    height: calc(33.33333% - 1.25rem); }
+  .grid-margin-y > .small-5 {
+    height: calc(41.66667% - 1.25rem); }
+  .grid-margin-y > .small-6 {
+    height: calc(50% - 1.25rem); }
+  .grid-margin-y > .small-7 {
+    height: calc(58.33333% - 1.25rem); }
+  .grid-margin-y > .small-8 {
+    height: calc(66.66667% - 1.25rem); }
+  .grid-margin-y > .small-9 {
+    height: calc(75% - 1.25rem); }
+  .grid-margin-y > .small-10 {
+    height: calc(83.33333% - 1.25rem); }
+  .grid-margin-y > .small-11 {
+    height: calc(91.66667% - 1.25rem); }
+  .grid-margin-y > .small-12 {
+    height: calc(100% - 1.25rem); }
+  @media print, screen and (min-width: 40em) {
+    .grid-margin-y > .auto {
+      height: auto; }
+    .grid-margin-y > .shrink {
+      height: auto; }
+    .grid-margin-y > .small-1 {
+      height: calc(8.33333% - 1.875rem); }
+    .grid-margin-y > .small-2 {
+      height: calc(16.66667% - 1.875rem); }
+    .grid-margin-y > .small-3 {
+      height: calc(25% - 1.875rem); }
+    .grid-margin-y > .small-4 {
+      height: calc(33.33333% - 1.875rem); }
+    .grid-margin-y > .small-5 {
+      height: calc(41.66667% - 1.875rem); }
+    .grid-margin-y > .small-6 {
+      height: calc(50% - 1.875rem); }
+    .grid-margin-y > .small-7 {
+      height: calc(58.33333% - 1.875rem); }
+    .grid-margin-y > .small-8 {
+      height: calc(66.66667% - 1.875rem); }
+    .grid-margin-y > .small-9 {
+      height: calc(75% - 1.875rem); }
+    .grid-margin-y > .small-10 {
+      height: calc(83.33333% - 1.875rem); }
+    .grid-margin-y > .small-11 {
+      height: calc(91.66667% - 1.875rem); }
+    .grid-margin-y > .small-12 {
+      height: calc(100% - 1.875rem); }
+    .grid-margin-y > .medium-auto {
+      height: auto; }
+    .grid-margin-y > .medium-shrink {
+      height: auto; }
+    .grid-margin-y > .medium-1 {
+      height: calc(8.33333% - 1.875rem); }
+    .grid-margin-y > .medium-2 {
+      height: calc(16.66667% - 1.875rem); }
+    .grid-margin-y > .medium-3 {
+      height: calc(25% - 1.875rem); }
+    .grid-margin-y > .medium-4 {
+      height: calc(33.33333% - 1.875rem); }
+    .grid-margin-y > .medium-5 {
+      height: calc(41.66667% - 1.875rem); }
+    .grid-margin-y > .medium-6 {
+      height: calc(50% - 1.875rem); }
+    .grid-margin-y > .medium-7 {
+      height: calc(58.33333% - 1.875rem); }
+    .grid-margin-y > .medium-8 {
+      height: calc(66.66667% - 1.875rem); }
+    .grid-margin-y > .medium-9 {
+      height: calc(75% - 1.875rem); }
+    .grid-margin-y > .medium-10 {
+      height: calc(83.33333% - 1.875rem); }
+    .grid-margin-y > .medium-11 {
+      height: calc(91.66667% - 1.875rem); }
+    .grid-margin-y > .medium-12 {
+      height: calc(100% - 1.875rem); } }
+  @media print, screen and (min-width: 64em) {
+    .grid-margin-y > .large-auto {
+      height: auto; }
+    .grid-margin-y > .large-shrink {
+      height: auto; }
+    .grid-margin-y > .large-1 {
+      height: calc(8.33333% - 1.875rem); }
+    .grid-margin-y > .large-2 {
+      height: calc(16.66667% - 1.875rem); }
+    .grid-margin-y > .large-3 {
+      height: calc(25% - 1.875rem); }
+    .grid-margin-y > .large-4 {
+      height: calc(33.33333% - 1.875rem); }
+    .grid-margin-y > .large-5 {
+      height: calc(41.66667% - 1.875rem); }
+    .grid-margin-y > .large-6 {
+      height: calc(50% - 1.875rem); }
+    .grid-margin-y > .large-7 {
+      height: calc(58.33333% - 1.875rem); }
+    .grid-margin-y > .large-8 {
+      height: calc(66.66667% - 1.875rem); }
+    .grid-margin-y > .large-9 {
+      height: calc(75% - 1.875rem); }
+    .grid-margin-y > .large-10 {
+      height: calc(83.33333% - 1.875rem); }
+    .grid-margin-y > .large-11 {
+      height: calc(91.66667% - 1.875rem); }
+    .grid-margin-y > .large-12 {
+      height: calc(100% - 1.875rem); } }
+
+.grid-frame {
+  overflow: hidden;
+  position: relative;
+  -webkit-flex-wrap: nowrap;
+      -ms-flex-wrap: nowrap;
+          flex-wrap: nowrap;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch;
+  width: 100vw; }
+
+.cell .grid-frame {
+  width: 100%; }
+
+.cell-block {
+  overflow-x: auto;
+  max-width: 100%;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar; }
+
+.cell-block-y {
+  overflow-y: auto;
+  max-height: 100%;
+  min-height: 100%;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar; }
+
+.cell-block-container {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  max-height: 100%; }
+  .cell-block-container > .grid-x {
+    max-height: 100%;
+    -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+            flex-wrap: nowrap; }
+
+@media print, screen and (min-width: 40em) {
+  .medium-grid-frame {
+    overflow: hidden;
+    position: relative;
+    -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+            flex-wrap: nowrap;
+    -webkit-box-align: stretch;
+    -webkit-align-items: stretch;
+        -ms-flex-align: stretch;
+            align-items: stretch;
+    width: 100vw; }
+  .cell .medium-grid-frame {
+    width: 100%; }
+  .medium-cell-block {
+    overflow-x: auto;
+    max-width: 100%;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+  .medium-cell-block-container {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    max-height: 100%; }
+    .medium-cell-block-container > .grid-x {
+      max-height: 100%;
+      -webkit-flex-wrap: nowrap;
+          -ms-flex-wrap: nowrap;
+              flex-wrap: nowrap; }
+  .medium-cell-block-y {
+    overflow-y: auto;
+    max-height: 100%;
+    min-height: 100%;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; } }
+
+@media print, screen and (min-width: 64em) {
+  .large-grid-frame {
+    overflow: hidden;
+    position: relative;
+    -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+            flex-wrap: nowrap;
+    -webkit-box-align: stretch;
+    -webkit-align-items: stretch;
+        -ms-flex-align: stretch;
+            align-items: stretch;
+    width: 100vw; }
+  .cell .large-grid-frame {
+    width: 100%; }
+  .large-cell-block {
+    overflow-x: auto;
+    max-width: 100%;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+  .large-cell-block-container {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    max-height: 100%; }
+    .large-cell-block-container > .grid-x {
+      max-height: 100%;
+      -webkit-flex-wrap: nowrap;
+          -ms-flex-wrap: nowrap;
+              flex-wrap: nowrap; }
+  .large-cell-block-y {
+    overflow-y: auto;
+    max-height: 100%;
+    min-height: 100%;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; } }
+
+.grid-y.grid-frame {
+  width: auto;
+  overflow: hidden;
+  position: relative;
+  -webkit-flex-wrap: nowrap;
+      -ms-flex-wrap: nowrap;
+          flex-wrap: nowrap;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch;
+  height: 100vh; }
+
+@media print, screen and (min-width: 40em) {
+  .grid-y.medium-grid-frame {
+    width: auto;
+    overflow: hidden;
+    position: relative;
+    -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+            flex-wrap: nowrap;
+    -webkit-box-align: stretch;
+    -webkit-align-items: stretch;
+        -ms-flex-align: stretch;
+            align-items: stretch;
+    height: 100vh; } }
+
+@media print, screen and (min-width: 64em) {
+  .grid-y.large-grid-frame {
+    width: auto;
+    overflow: hidden;
+    position: relative;
+    -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+            flex-wrap: nowrap;
+    -webkit-box-align: stretch;
+    -webkit-align-items: stretch;
+        -ms-flex-align: stretch;
+            align-items: stretch;
+    height: 100vh; } }
+
+.cell .grid-y.grid-frame {
+  height: 100%; }
+
+@media print, screen and (min-width: 40em) {
+  .cell .grid-y.medium-grid-frame {
+    height: 100%; } }
+
+@media print, screen and (min-width: 64em) {
+  .cell .grid-y.large-grid-frame {
+    height: 100%; } }
+
+.grid-margin-y {
+  margin-top: -0.625rem;
+  margin-bottom: -0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-margin-y {
+      margin-top: -0.9375rem;
+      margin-bottom: -0.9375rem; } }
+  .grid-margin-y > .cell {
+    height: calc(100% - 1.25rem);
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem; }
+  @media print, screen and (min-width: 40em) {
+    .grid-margin-y > .cell {
+      height: calc(100% - 1.875rem);
+      margin-top: 0.9375rem;
+      margin-bottom: 0.9375rem; } }
+  .grid-margin-y > .auto {
+    height: auto; }
+  .grid-margin-y > .shrink {
+    height: auto; }
+  .grid-margin-y > .small-1 {
+    height: calc(8.33333% - 1.25rem); }
+  .grid-margin-y > .small-2 {
+    height: calc(16.66667% - 1.25rem); }
+  .grid-margin-y > .small-3 {
+    height: calc(25% - 1.25rem); }
+  .grid-margin-y > .small-4 {
+    height: calc(33.33333% - 1.25rem); }
+  .grid-margin-y > .small-5 {
+    height: calc(41.66667% - 1.25rem); }
+  .grid-margin-y > .small-6 {
+    height: calc(50% - 1.25rem); }
+  .grid-margin-y > .small-7 {
+    height: calc(58.33333% - 1.25rem); }
+  .grid-margin-y > .small-8 {
+    height: calc(66.66667% - 1.25rem); }
+  .grid-margin-y > .small-9 {
+    height: calc(75% - 1.25rem); }
+  .grid-margin-y > .small-10 {
+    height: calc(83.33333% - 1.25rem); }
+  .grid-margin-y > .small-11 {
+    height: calc(91.66667% - 1.25rem); }
+  .grid-margin-y > .small-12 {
+    height: calc(100% - 1.25rem); }
+  @media print, screen and (min-width: 40em) {
+    .grid-margin-y > .auto {
+      height: auto; }
+    .grid-margin-y > .shrink {
+      height: auto; }
+    .grid-margin-y > .small-1 {
+      height: calc(8.33333% - 1.875rem); }
+    .grid-margin-y > .small-2 {
+      height: calc(16.66667% - 1.875rem); }
+    .grid-margin-y > .small-3 {
+      height: calc(25% - 1.875rem); }
+    .grid-margin-y > .small-4 {
+      height: calc(33.33333% - 1.875rem); }
+    .grid-margin-y > .small-5 {
+      height: calc(41.66667% - 1.875rem); }
+    .grid-margin-y > .small-6 {
+      height: calc(50% - 1.875rem); }
+    .grid-margin-y > .small-7 {
+      height: calc(58.33333% - 1.875rem); }
+    .grid-margin-y > .small-8 {
+      height: calc(66.66667% - 1.875rem); }
+    .grid-margin-y > .small-9 {
+      height: calc(75% - 1.875rem); }
+    .grid-margin-y > .small-10 {
+      height: calc(83.33333% - 1.875rem); }
+    .grid-margin-y > .small-11 {
+      height: calc(91.66667% - 1.875rem); }
+    .grid-margin-y > .small-12 {
+      height: calc(100% - 1.875rem); }
+    .grid-margin-y > .medium-auto {
+      height: auto; }
+    .grid-margin-y > .medium-shrink {
+      height: auto; }
+    .grid-margin-y > .medium-1 {
+      height: calc(8.33333% - 1.875rem); }
+    .grid-margin-y > .medium-2 {
+      height: calc(16.66667% - 1.875rem); }
+    .grid-margin-y > .medium-3 {
+      height: calc(25% - 1.875rem); }
+    .grid-margin-y > .medium-4 {
+      height: calc(33.33333% - 1.875rem); }
+    .grid-margin-y > .medium-5 {
+      height: calc(41.66667% - 1.875rem); }
+    .grid-margin-y > .medium-6 {
+      height: calc(50% - 1.875rem); }
+    .grid-margin-y > .medium-7 {
+      height: calc(58.33333% - 1.875rem); }
+    .grid-margin-y > .medium-8 {
+      height: calc(66.66667% - 1.875rem); }
+    .grid-margin-y > .medium-9 {
+      height: calc(75% - 1.875rem); }
+    .grid-margin-y > .medium-10 {
+      height: calc(83.33333% - 1.875rem); }
+    .grid-margin-y > .medium-11 {
+      height: calc(91.66667% - 1.875rem); }
+    .grid-margin-y > .medium-12 {
+      height: calc(100% - 1.875rem); } }
+  @media print, screen and (min-width: 64em) {
+    .grid-margin-y > .large-auto {
+      height: auto; }
+    .grid-margin-y > .large-shrink {
+      height: auto; }
+    .grid-margin-y > .large-1 {
+      height: calc(8.33333% - 1.875rem); }
+    .grid-margin-y > .large-2 {
+      height: calc(16.66667% - 1.875rem); }
+    .grid-margin-y > .large-3 {
+      height: calc(25% - 1.875rem); }
+    .grid-margin-y > .large-4 {
+      height: calc(33.33333% - 1.875rem); }
+    .grid-margin-y > .large-5 {
+      height: calc(41.66667% - 1.875rem); }
+    .grid-margin-y > .large-6 {
+      height: calc(50% - 1.875rem); }
+    .grid-margin-y > .large-7 {
+      height: calc(58.33333% - 1.875rem); }
+    .grid-margin-y > .large-8 {
+      height: calc(66.66667% - 1.875rem); }
+    .grid-margin-y > .large-9 {
+      height: calc(75% - 1.875rem); }
+    .grid-margin-y > .large-10 {
+      height: calc(83.33333% - 1.875rem); }
+    .grid-margin-y > .large-11 {
+      height: calc(91.66667% - 1.875rem); }
+    .grid-margin-y > .large-12 {
+      height: calc(100% - 1.875rem); } }
+
+.grid-frame.grid-margin-y {
+  height: calc(100vh + 1.25rem); }
+  @media print, screen and (min-width: 40em) {
+    .grid-frame.grid-margin-y {
+      height: calc(100vh + 1.875rem); } }
+  @media print, screen and (min-width: 64em) {
+    .grid-frame.grid-margin-y {
+      height: calc(100vh + 1.875rem); } }
+
+@media print, screen and (min-width: 40em) {
+  .grid-margin-y.medium-grid-frame {
+    height: calc(100vh + 1.875rem); } }
+
+@media print, screen and (min-width: 64em) {
+  .grid-margin-y.large-grid-frame {
+    height: calc(100vh + 1.875rem); } }
+
+.button {
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 0 1rem 0;
+  padding: 0.85em 1em;
+  border: 1px solid transparent;
+  border-radius: 0;
+  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
+  transition: background-color 0.25s ease-out, color 0.25s ease-out;
+  font-family: inherit;
+  font-size: 0.9rem;
+  -webkit-appearance: none;
+  line-height: 1;
+  text-align: center;
+  cursor: pointer; }
+  [data-whatinput='mouse'] .button {
+    outline: 0; }
+  .button.tiny {
+    font-size: 0.6rem; }
+  .button.small {
+    font-size: 0.75rem; }
+  .button.large {
+    font-size: 1.25rem; }
+  .button.expanded {
+    display: block;
+    width: 100%;
+    margin-right: 0;
+    margin-left: 0; }
+  .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
+    background-color: #1779ba;
+    color: #fefefe; }
+  .button:hover, .button:focus {
+    background-color: #14679e;
+    color: #fefefe; }
+  .button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
+    background-color: #1779ba;
+    color: #fefefe; }
+  .button.primary:hover, .button.primary:focus {
+    background-color: #126195;
+    color: #fefefe; }
+  .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
+    background-color: #767676;
+    color: #fefefe; }
+  .button.secondary:hover, .button.secondary:focus {
+    background-color: #5e5e5e;
+    color: #fefefe; }
+  .button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
+    background-color: #3adb76;
+    color: #0a0a0a; }
+  .button.success:hover, .button.success:focus {
+    background-color: #22bb5b;
+    color: #0a0a0a; }
+  .button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
+    background-color: #ffae00;
+    color: #0a0a0a; }
+  .button.warning:hover, .button.warning:focus {
+    background-color: #cc8b00;
+    color: #0a0a0a; }
+  .button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
+    background-color: #cc4b37;
+    color: #fefefe; }
+  .button.alert:hover, .button.alert:focus {
+    background-color: #a53b2a;
+    color: #fefefe; }
+  .button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
+    background-color: transparent; }
+  .button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
+    border: 1px solid #1779ba;
+    color: #1779ba; }
+  .button.hollow:hover, .button.hollow:focus {
+    border-color: #0c3d5d;
+    color: #0c3d5d; }
+  .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
+    border: 1px solid #1779ba;
+    color: #1779ba; }
+  .button.hollow.primary:hover, .button.hollow.primary:focus {
+    border-color: #0c3d5d;
+    color: #0c3d5d; }
+  .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
+    border: 1px solid #767676;
+    color: #767676; }
+  .button.hollow.secondary:hover, .button.hollow.secondary:focus {
+    border-color: #3b3b3b;
+    color: #3b3b3b; }
+  .button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
+    border: 1px solid #3adb76;
+    color: #3adb76; }
+  .button.hollow.success:hover, .button.hollow.success:focus {
+    border-color: #157539;
+    color: #157539; }
+  .button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
+    border: 1px solid #ffae00;
+    color: #ffae00; }
+  .button.hollow.warning:hover, .button.hollow.warning:focus {
+    border-color: #805700;
+    color: #805700; }
+  .button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
+    border: 1px solid #cc4b37;
+    color: #cc4b37; }
+  .button.hollow.alert:hover, .button.hollow.alert:focus {
+    border-color: #67251a;
+    color: #67251a; }
+  .button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
+    border-color: transparent;
+    background-color: transparent; }
+  .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
+    color: #1779ba; }
+  .button.clear:hover, .button.clear:focus {
+    color: #0c3d5d; }
+  .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
+    color: #1779ba; }
+  .button.clear.primary:hover, .button.clear.primary:focus {
+    color: #0c3d5d; }
+  .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
+    color: #767676; }
+  .button.clear.secondary:hover, .button.clear.secondary:focus {
+    color: #3b3b3b; }
+  .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
+    color: #3adb76; }
+  .button.clear.success:hover, .button.clear.success:focus {
+    color: #157539; }
+  .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
+    color: #ffae00; }
+  .button.clear.warning:hover, .button.clear.warning:focus {
+    color: #805700; }
+  .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
+    color: #cc4b37; }
+  .button.clear.alert:hover, .button.clear.alert:focus {
+    color: #67251a; }
+  .button.disabled, .button[disabled] {
+    opacity: 0.25;
+    cursor: not-allowed; }
+  .button.dropdown::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 0.4em;
+    content: '';
+    border-bottom-width: 0;
+    border-top-style: solid;
+    border-color: #fefefe transparent transparent;
+    position: relative;
+    top: 0.4em;
+    display: inline-block;
+    float: right;
+    margin-left: 1em; }
+  .button.dropdown.hollow::after, .button.dropdown.clear::after {
+    border-top-color: #1779ba; }
+  .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
+    border-top-color: #1779ba; }
+  .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
+    border-top-color: #767676; }
+  .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
+    border-top-color: #3adb76; }
+  .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
+    border-top-color: #ffae00; }
+  .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
+    border-top-color: #cc4b37; }
+  .button.arrow-only::after {
+    top: -0.1em;
+    float: none;
+    margin-left: 0; }
+
+a.button:hover, a.button:focus {
+  text-decoration: none; }
+
+.button-group {
+  margin-bottom: 1rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch;
+  -webkit-box-flex: 1;
+  -webkit-flex-grow: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1; }
+  .button-group::before, .button-group::after {
+    display: table;
+    content: ' ';
+    -webkit-flex-basis: 0;
+        -ms-flex-preferred-size: 0;
+            flex-basis: 0;
+    -webkit-box-ordinal-group: 2;
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  .button-group::after {
+    clear: both; }
+  .button-group::before, .button-group::after {
+    display: none; }
+  .button-group .button {
+    margin: 0;
+    margin-right: 1px;
+    margin-bottom: 1px;
+    font-size: 0.9rem;
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+            flex: 0 0 auto; }
+    .button-group .button:last-child {
+      margin-right: 0; }
+  .button-group.tiny .button {
+    font-size: 0.6rem; }
+  .button-group.small .button {
+    font-size: 0.75rem; }
+  .button-group.large .button {
+    font-size: 1.25rem; }
+  .button-group.expanded .button {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 1 0px;
+        -ms-flex: 1 1 0px;
+            flex: 1 1 0px;
+    margin-right: 0; }
+  .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
+    background-color: #1779ba;
+    color: #fefefe; }
+  .button-group.primary .button:hover, .button-group.primary .button:focus {
+    background-color: #126195;
+    color: #fefefe; }
+  .button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
+    background-color: #767676;
+    color: #fefefe; }
+  .button-group.secondary .button:hover, .button-group.secondary .button:focus {
+    background-color: #5e5e5e;
+    color: #fefefe; }
+  .button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
+    background-color: #3adb76;
+    color: #0a0a0a; }
+  .button-group.success .button:hover, .button-group.success .button:focus {
+    background-color: #22bb5b;
+    color: #0a0a0a; }
+  .button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
+    background-color: #ffae00;
+    color: #0a0a0a; }
+  .button-group.warning .button:hover, .button-group.warning .button:focus {
+    background-color: #cc8b00;
+    color: #0a0a0a; }
+  .button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
+    background-color: #cc4b37;
+    color: #fefefe; }
+  .button-group.alert .button:hover, .button-group.alert .button:focus {
+    background-color: #a53b2a;
+    color: #fefefe; }
+  .button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
+    background-color: transparent; }
+  .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
+    border: 1px solid #1779ba;
+    color: #1779ba; }
+  .button-group.hollow .button:hover, .button-group.hollow .button:focus {
+    border-color: #0c3d5d;
+    color: #0c3d5d; }
+  .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
+    border: 1px solid #1779ba;
+    color: #1779ba; }
+  .button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
+    border-color: #0c3d5d;
+    color: #0c3d5d; }
+  .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
+    border: 1px solid #767676;
+    color: #767676; }
+  .button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
+    border-color: #3b3b3b;
+    color: #3b3b3b; }
+  .button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
+    border: 1px solid #3adb76;
+    color: #3adb76; }
+  .button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
+    border-color: #157539;
+    color: #157539; }
+  .button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
+    border: 1px solid #ffae00;
+    color: #ffae00; }
+  .button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
+    border-color: #805700;
+    color: #805700; }
+  .button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
+    border: 1px solid #cc4b37;
+    color: #cc4b37; }
+  .button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
+    border-color: #67251a;
+    color: #67251a; }
+  .button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
+    border-color: transparent;
+    background-color: transparent; }
+  .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
+    color: #1779ba; }
+  .button-group.clear .button:hover, .button-group.clear .button:focus {
+    color: #0c3d5d; }
+  .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
+    color: #1779ba; }
+  .button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
+    color: #0c3d5d; }
+  .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
+    color: #767676; }
+  .button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
+    color: #3b3b3b; }
+  .button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
+    color: #3adb76; }
+  .button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
+    color: #157539; }
+  .button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
+    color: #ffae00; }
+  .button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
+    color: #805700; }
+  .button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
+    color: #cc4b37; }
+  .button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
+    color: #67251a; }
+  .button-group.no-gaps .button {
+    margin-right: -0.0625rem; }
+    .button-group.no-gaps .button + .button {
+      border-left-color: transparent; }
+  .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
+    -webkit-flex-wrap: wrap;
+        -ms-flex-wrap: wrap;
+            flex-wrap: wrap; }
+    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 0 100%;
+          -ms-flex: 0 0 100%;
+              flex: 0 0 100%; }
+      .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
+        margin-bottom: 0; }
+    .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
+      -webkit-box-flex: 1;
+      -webkit-flex: 1 1 0px;
+          -ms-flex: 1 1 0px;
+              flex: 1 1 0px;
+      margin-right: 0; }
+  @media print, screen and (min-width: 40em) {
+    .button-group.stacked-for-small .button {
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 0 auto;
+          -ms-flex: 0 0 auto;
+              flex: 0 0 auto;
+      margin-bottom: 0; } }
+  @media print, screen and (min-width: 64em) {
+    .button-group.stacked-for-medium .button {
+      -webkit-box-flex: 0;
+      -webkit-flex: 0 0 auto;
+          -ms-flex: 0 0 auto;
+              flex: 0 0 auto;
+      margin-bottom: 0; } }
+  @media print, screen and (max-width: 39.99875em) {
+    .button-group.stacked-for-small.expanded {
+      display: block; }
+      .button-group.stacked-for-small.expanded .button {
+        display: block;
+        margin-right: 0; } }
+  @media print, screen and (max-width: 63.99875em) {
+    .button-group.stacked-for-medium.expanded {
+      display: block; }
+      .button-group.stacked-for-medium.expanded .button {
+        display: block;
+        margin-right: 0; } }
+
+.close-button {
+  position: absolute;
+  z-index: 10;
+  color: #8a8a8a;
+  cursor: pointer; }
+  [data-whatinput='mouse'] .close-button {
+    outline: 0; }
+  .close-button:hover, .close-button:focus {
+    color: #0a0a0a; }
+  .close-button.small {
+    right: 0.66rem;
+    top: 0.33em;
+    font-size: 1.5em;
+    line-height: 1; }
+  .close-button.medium, .close-button {
+    right: 1rem;
+    top: 0.5rem;
+    font-size: 2em;
+    line-height: 1; }
+
+.label {
+  display: inline-block;
+  padding: 0.33333rem 0.5rem;
+  border-radius: 0;
+  font-size: 0.8rem;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: default;
+  background: #1779ba;
+  color: #fefefe; }
+  .label.primary {
+    background: #1779ba;
+    color: #fefefe; }
+  .label.secondary {
+    background: #767676;
+    color: #fefefe; }
+  .label.success {
+    background: #3adb76;
+    color: #0a0a0a; }
+  .label.warning {
+    background: #ffae00;
+    color: #0a0a0a; }
+  .label.alert {
+    background: #cc4b37;
+    color: #fefefe; }
+
+.progress {
+  height: 1rem;
+  margin-bottom: 1rem;
+  border-radius: 0;
+  background-color: #cacaca; }
+  .progress.primary .progress-meter {
+    background-color: #1779ba; }
+  .progress.secondary .progress-meter {
+    background-color: #767676; }
+  .progress.success .progress-meter {
+    background-color: #3adb76; }
+  .progress.warning .progress-meter {
+    background-color: #ffae00; }
+  .progress.alert .progress-meter {
+    background-color: #cc4b37; }
+
+.progress-meter {
+  position: relative;
+  display: block;
+  width: 0%;
+  height: 100%;
+  background-color: #1779ba; }
+
+.progress-meter-text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  margin: 0;
+  font-size: 0.75rem;
+  font-weight: bold;
+  color: #fefefe;
+  white-space: nowrap; }
+
+.slider {
+  position: relative;
+  height: 0.5rem;
+  margin-top: 1.25rem;
+  margin-bottom: 2.25rem;
+  background-color: #e6e6e6;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -ms-touch-action: none;
+      touch-action: none; }
+
+.slider-fill {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-block;
+  max-width: 100%;
+  height: 0.5rem;
+  background-color: #cacaca;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out; }
+  .slider-fill.is-dragging {
+    -webkit-transition: all 0s linear;
+    transition: all 0s linear; }
+
+.slider-handle {
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+  left: 0;
+  z-index: 1;
+  display: inline-block;
+  width: 1.4rem;
+  height: 1.4rem;
+  border-radius: 0;
+  background-color: #1779ba;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation; }
+  [data-whatinput='mouse'] .slider-handle {
+    outline: 0; }
+  .slider-handle:hover {
+    background-color: #14679e; }
+  .slider-handle.is-dragging {
+    -webkit-transition: all 0s linear;
+    transition: all 0s linear; }
+
+.slider.disabled,
+.slider[disabled] {
+  opacity: 0.25;
+  cursor: not-allowed; }
+
+.slider.vertical {
+  display: inline-block;
+  width: 0.5rem;
+  height: 12.5rem;
+  margin: 0 1.25rem;
+  -webkit-transform: scale(1, -1);
+      -ms-transform: scale(1, -1);
+          transform: scale(1, -1); }
+  .slider.vertical .slider-fill {
+    top: 0;
+    width: 0.5rem;
+    max-height: 100%; }
+  .slider.vertical .slider-handle {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    width: 1.4rem;
+    height: 1.4rem;
+    -webkit-transform: translateX(-50%);
+        -ms-transform: translateX(-50%);
+            transform: translateX(-50%); }
+
+.switch {
+  height: 2rem;
+  position: relative;
+  margin-bottom: 1rem;
+  outline: 0;
+  font-size: 0.875rem;
+  font-weight: bold;
+  color: #fefefe;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none; }
+
+.switch-input {
+  position: absolute;
+  margin-bottom: 0;
+  opacity: 0; }
+
+.switch-paddle {
+  position: relative;
+  display: block;
+  width: 4rem;
+  height: 2rem;
+  border-radius: 0;
+  background: #cacaca;
+  -webkit-transition: all 0.25s ease-out;
+  transition: all 0.25s ease-out;
+  font-weight: inherit;
+  color: inherit;
+  cursor: pointer; }
+  input + .switch-paddle {
+    margin: 0; }
+  .switch-paddle::after {
+    position: absolute;
+    top: 0.25rem;
+    left: 0.25rem;
+    display: block;
+    width: 1.5rem;
+    height: 1.5rem;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+    border-radius: 0;
+    background: #fefefe;
+    -webkit-transition: all 0.25s ease-out;
+    transition: all 0.25s ease-out;
+    content: ''; }
+  input:checked ~ .switch-paddle {
+    background: #1779ba; }
+    input:checked ~ .switch-paddle::after {
+      left: 2.25rem; }
+  input:disabled ~ .switch-paddle {
+    cursor: not-allowed;
+    opacity: 0.5; }
+  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
+    outline: 0; }
+
+.switch-active, .switch-inactive {
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%); }
+
+.switch-active {
+  left: 8%;
+  display: none; }
+  input:checked + label > .switch-active {
+    display: block; }
+
+.switch-inactive {
+  right: 15%; }
+  input:checked + label > .switch-inactive {
+    display: none; }
+
+.switch.tiny {
+  height: 1.5rem; }
+  .switch.tiny .switch-paddle {
+    width: 3rem;
+    height: 1.5rem;
+    font-size: 0.625rem; }
+  .switch.tiny .switch-paddle::after {
+    top: 0.25rem;
+    left: 0.25rem;
+    width: 1rem;
+    height: 1rem; }
+  .switch.tiny input:checked ~ .switch-paddle::after {
+    left: 1.75rem; }
+
+.switch.small {
+  height: 1.75rem; }
+  .switch.small .switch-paddle {
+    width: 3.5rem;
+    height: 1.75rem;
+    font-size: 0.75rem; }
+  .switch.small .switch-paddle::after {
+    top: 0.25rem;
+    left: 0.25rem;
+    width: 1.25rem;
+    height: 1.25rem; }
+  .switch.small input:checked ~ .switch-paddle::after {
+    left: 2rem; }
+
+.switch.large {
+  height: 2.5rem; }
+  .switch.large .switch-paddle {
+    width: 5rem;
+    height: 2.5rem;
+    font-size: 1rem; }
+  .switch.large .switch-paddle::after {
+    top: 0.25rem;
+    left: 0.25rem;
+    width: 2rem;
+    height: 2rem; }
+  .switch.large input:checked ~ .switch-paddle::after {
+    left: 2.75rem; }
+
+table {
+  border-collapse: collapse;
+  width: 100%;
+  margin-bottom: 1rem;
+  border-radius: 0; }
+  thead,
+  tbody,
+  tfoot {
+    border: 1px solid #f1f1f1;
+    background-color: #fefefe; }
+  caption {
+    padding: 0.5rem 0.625rem 0.625rem;
+    font-weight: bold; }
+  thead {
+    background: #f8f8f8;
+    color: #0a0a0a; }
+  tfoot {
+    background: #f1f1f1;
+    color: #0a0a0a; }
+  thead tr,
+  tfoot tr {
+    background: transparent; }
+  thead th,
+  thead td,
+  tfoot th,
+  tfoot td {
+    padding: 0.5rem 0.625rem 0.625rem;
+    font-weight: bold;
+    text-align: left; }
+  tbody th,
+  tbody td {
+    padding: 0.5rem 0.625rem 0.625rem; }
+  tbody tr:nth-child(even) {
+    border-bottom: 0;
+    background-color: #f1f1f1; }
+  table.unstriped tbody {
+    background-color: #fefefe; }
+    table.unstriped tbody tr {
+      border-bottom: 0;
+      border-bottom: 1px solid #f1f1f1;
+      background-color: #fefefe; }
+
+@media print, screen and (max-width: 63.99875em) {
+  table.stack thead {
+    display: none; }
+  table.stack tfoot {
+    display: none; }
+  table.stack tr,
+  table.stack th,
+  table.stack td {
+    display: block; }
+  table.stack td {
+    border-top: 0; } }
+
+table.scroll {
+  display: block;
+  width: 100%;
+  overflow-x: auto; }
+
+table.hover thead tr:hover {
+  background-color: #f3f3f3; }
+
+table.hover tfoot tr:hover {
+  background-color: #ececec; }
+
+table.hover tbody tr:hover {
+  background-color: #f9f9f9; }
+
+table.hover:not(.unstriped) tr:nth-of-type(even):hover {
+  background-color: #ececec; }
+
+.table-scroll {
+  overflow-x: auto; }
+
+.badge {
+  display: inline-block;
+  min-width: 2.1em;
+  padding: 0.3em;
+  border-radius: 50%;
+  font-size: 0.6rem;
+  text-align: center;
+  background: #1779ba;
+  color: #fefefe; }
+  .badge.primary {
+    background: #1779ba;
+    color: #fefefe; }
+  .badge.secondary {
+    background: #767676;
+    color: #fefefe; }
+  .badge.success {
+    background: #3adb76;
+    color: #0a0a0a; }
+  .badge.warning {
+    background: #ffae00;
+    color: #0a0a0a; }
+  .badge.alert {
+    background: #cc4b37;
+    color: #fefefe; }
+
+.breadcrumbs {
+  margin: 0 0 1rem 0;
+  list-style: none; }
+  .breadcrumbs::before, .breadcrumbs::after {
+    display: table;
+    content: ' ';
+    -webkit-flex-basis: 0;
+        -ms-flex-preferred-size: 0;
+            flex-basis: 0;
+    -webkit-box-ordinal-group: 2;
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  .breadcrumbs::after {
+    clear: both; }
+  .breadcrumbs li {
+    float: left;
+    font-size: 0.6875rem;
+    color: #0a0a0a;
+    cursor: default;
+    text-transform: uppercase; }
+    .breadcrumbs li:not(:last-child)::after {
+      position: relative;
+      margin: 0 0.75rem;
+      opacity: 1;
+      content: "/";
+      color: #cacaca; }
+  .breadcrumbs a {
+    color: #1779ba; }
+    .breadcrumbs a:hover {
+      text-decoration: underline; }
+  .breadcrumbs .disabled {
+    color: #cacaca;
+    cursor: not-allowed; }
+
+.callout {
+  position: relative;
+  margin: 0 0 1rem 0;
+  padding: 1rem;
+  border: 1px solid rgba(10, 10, 10, 0.25);
+  border-radius: 0;
+  background-color: white;
+  color: #0a0a0a; }
+  .callout > :first-child {
+    margin-top: 0; }
+  .callout > :last-child {
+    margin-bottom: 0; }
+  .callout.primary {
+    background-color: #d7ecfa;
+    color: #0a0a0a; }
+  .callout.secondary {
+    background-color: #eaeaea;
+    color: #0a0a0a; }
+  .callout.success {
+    background-color: #e1faea;
+    color: #0a0a0a; }
+  .callout.warning {
+    background-color: #fff3d9;
+    color: #0a0a0a; }
+  .callout.alert {
+    background-color: #f7e4e1;
+    color: #0a0a0a; }
+  .callout.small {
+    padding-top: 0.5rem;
+    padding-right: 0.5rem;
+    padding-bottom: 0.5rem;
+    padding-left: 0.5rem; }
+  .callout.large {
+    padding-top: 3rem;
+    padding-right: 3rem;
+    padding-bottom: 3rem;
+    padding-left: 3rem; }
+
+.card {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-flex: 1;
+  -webkit-flex-grow: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  margin-bottom: 1rem;
+  border: 1px solid #e6e6e6;
+  border-radius: 0;
+  background: #fefefe;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  overflow: hidden;
+  color: #0a0a0a; }
+  .card > :last-child {
+    margin-bottom: 0; }
+
+.card-divider {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 1 auto;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto;
+  padding: 1rem;
+  background: #e6e6e6; }
+  .card-divider > :last-child {
+    margin-bottom: 0; }
+
+.card-section {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 0 auto;
+      -ms-flex: 1 0 auto;
+          flex: 1 0 auto;
+  padding: 1rem; }
+  .card-section > :last-child {
+    margin-bottom: 0; }
+
+.card-image {
+  min-height: 1px; }
+
+.dropdown-pane {
+  position: absolute;
+  z-index: 10;
+  display: none;
+  width: 300px;
+  padding: 1rem;
+  visibility: hidden;
+  border: 1px solid #cacaca;
+  border-radius: 0;
+  background-color: #fefefe;
+  font-size: 1rem; }
+  .dropdown-pane.is-opening {
+    display: block; }
+  .dropdown-pane.is-open {
+    display: block;
+    visibility: visible; }
+
+.dropdown-pane.tiny {
+  width: 100px; }
+
+.dropdown-pane.small {
+  width: 200px; }
+
+.dropdown-pane.large {
+  width: 400px; }
+
+.pagination {
+  margin-left: 0;
+  margin-bottom: 1rem; }
+  .pagination::before, .pagination::after {
+    display: table;
+    content: ' ';
+    -webkit-flex-basis: 0;
+        -ms-flex-preferred-size: 0;
+            flex-basis: 0;
+    -webkit-box-ordinal-group: 2;
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  .pagination::after {
+    clear: both; }
+  .pagination li {
+    margin-right: 0.0625rem;
+    border-radius: 0;
+    font-size: 0.875rem;
+    display: none; }
+    .pagination li:last-child, .pagination li:first-child {
+      display: inline-block; }
+    @media print, screen and (min-width: 40em) {
+      .pagination li {
+        display: inline-block; } }
+  .pagination a,
+  .pagination button {
+    display: block;
+    padding: 0.1875rem 0.625rem;
+    border-radius: 0;
+    color: #0a0a0a; }
+    .pagination a:hover,
+    .pagination button:hover {
+      background: #e6e6e6; }
+  .pagination .current {
+    padding: 0.1875rem 0.625rem;
+    background: #1779ba;
+    color: #fefefe;
+    cursor: default; }
+  .pagination .disabled {
+    padding: 0.1875rem 0.625rem;
+    color: #cacaca;
+    cursor: not-allowed; }
+    .pagination .disabled:hover {
+      background: transparent; }
+  .pagination .ellipsis::after {
+    padding: 0.1875rem 0.625rem;
+    content: '\2026';
+    color: #0a0a0a; }
+
+.pagination-previous a::before,
+.pagination-previous.disabled::before {
+  display: inline-block;
+  margin-right: 0.5rem;
+  content: "«"; }
+
+.pagination-next a::after,
+.pagination-next.disabled::after {
+  display: inline-block;
+  margin-left: 0.5rem;
+  content: "»"; }
+
+.has-tip {
+  position: relative;
+  display: inline-block;
+  border-bottom: dotted 1px #8a8a8a;
+  font-weight: bold;
+  cursor: help; }
+
+.tooltip {
+  position: absolute;
+  top: calc(100% + 0.6495rem);
+  z-index: 1200;
+  max-width: 10rem;
+  padding: 0.75rem;
+  border-radius: 0;
+  background-color: #0a0a0a;
+  font-size: 80%;
+  color: #fefefe; }
+  .tooltip::before {
+    position: absolute; }
+  .tooltip.bottom::before {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 0.75rem;
+    content: '';
+    border-top-width: 0;
+    border-bottom-style: solid;
+    border-color: transparent transparent #0a0a0a;
+    bottom: 100%; }
+  .tooltip.bottom.align-center::before {
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+        -ms-transform: translateX(-50%);
+            transform: translateX(-50%); }
+  .tooltip.top::before {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 0.75rem;
+    content: '';
+    border-bottom-width: 0;
+    border-top-style: solid;
+    border-color: #0a0a0a transparent transparent;
+    top: 100%;
+    bottom: auto; }
+  .tooltip.top.align-center::before {
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+        -ms-transform: translateX(-50%);
+            transform: translateX(-50%); }
+  .tooltip.left::before {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 0.75rem;
+    content: '';
+    border-right-width: 0;
+    border-left-style: solid;
+    border-color: transparent transparent transparent #0a0a0a;
+    left: 100%; }
+  .tooltip.left.align-center::before {
+    bottom: auto;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+            transform: translateY(-50%); }
+  .tooltip.right::before {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 0.75rem;
+    content: '';
+    border-left-width: 0;
+    border-right-style: solid;
+    border-color: transparent #0a0a0a transparent transparent;
+    right: 100%;
+    left: auto; }
+  .tooltip.right.align-center::before {
+    bottom: auto;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+            transform: translateY(-50%); }
+  .tooltip.align-top::before {
+    bottom: auto;
+    top: 10%; }
+  .tooltip.align-bottom::before {
+    bottom: 10%;
+    top: auto; }
+  .tooltip.align-left::before {
+    left: 10%;
+    right: auto; }
+  .tooltip.align-right::before {
+    left: auto;
+    right: 10%; }
+
+.accordion {
+  margin-left: 0;
+  background: #fefefe;
+  list-style-type: none; }
+  .accordion[disabled] .accordion-title {
+    cursor: not-allowed; }
+
+.accordion-item:first-child > :first-child {
+  border-radius: 0 0 0 0; }
+
+.accordion-item:last-child > :last-child {
+  border-radius: 0 0 0 0; }
+
+.accordion-title {
+  position: relative;
+  display: block;
+  padding: 1.25rem 1rem;
+  border: 1px solid #e6e6e6;
+  border-bottom: 0;
+  font-size: 0.75rem;
+  line-height: 1;
+  color: #1779ba; }
+  :last-child:not(.is-active) > .accordion-title {
+    border-bottom: 1px solid #e6e6e6;
+    border-radius: 0 0 0 0; }
+  .accordion-title:hover, .accordion-title:focus {
+    background-color: #e6e6e6; }
+  .accordion-title::before {
+    position: absolute;
+    top: 50%;
+    right: 1rem;
+    margin-top: -0.5rem;
+    content: "+"; }
+  .is-active > .accordion-title::before {
+    content: "–"; }
+
+.accordion-content {
+  display: none;
+  padding: 1rem;
+  border: 1px solid #e6e6e6;
+  border-bottom: 0;
+  background-color: #fefefe;
+  color: #0a0a0a; }
+  :last-child > .accordion-content:last-child {
+    border-bottom: 1px solid #e6e6e6; }
+
+.media-object {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 1rem;
+  -webkit-flex-wrap: nowrap;
+      -ms-flex-wrap: nowrap;
+          flex-wrap: nowrap; }
+  .media-object img {
+    max-width: none; }
+  @media print, screen and (max-width: 39.99875em) {
+    .media-object.stack-for-small {
+      -webkit-flex-wrap: wrap;
+          -ms-flex-wrap: wrap;
+              flex-wrap: wrap; } }
+
+.media-object-section {
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 1 auto;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto; }
+  .media-object-section:first-child {
+    padding-right: 1rem; }
+  .media-object-section:last-child:not(:nth-child(2)) {
+    padding-left: 1rem; }
+  .media-object-section > :last-child {
+    margin-bottom: 0; }
+  @media print, screen and (max-width: 39.99875em) {
+    .stack-for-small .media-object-section {
+      padding: 0;
+      padding-bottom: 1rem;
+      -webkit-flex-basis: 100%;
+          -ms-flex-preferred-size: 100%;
+              flex-basis: 100%;
+      max-width: 100%; }
+      .stack-for-small .media-object-section img {
+        width: 100%; } }
+  .media-object-section.main-section {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 1 0px;
+        -ms-flex: 1 1 0px;
+            flex: 1 1 0px; }
+
+.orbit {
+  position: relative; }
+
+.orbit-container {
+  position: relative;
+  height: 0;
+  margin: 0;
+  list-style: none;
+  overflow: hidden; }
+
+.orbit-slide {
+  width: 100%;
+  position: absolute; }
+  .orbit-slide.no-motionui.is-active {
+    top: 0;
+    left: 0; }
+
+.orbit-figure {
+  margin: 0; }
+
+.orbit-image {
+  width: 100%;
+  max-width: 100%;
+  margin: 0; }
+
+.orbit-caption {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  margin-bottom: 0;
+  padding: 1rem;
+  background-color: rgba(10, 10, 10, 0.5);
+  color: #fefefe; }
+
+.orbit-previous, .orbit-next {
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+  z-index: 10;
+  padding: 1rem;
+  color: #fefefe; }
+  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
+    outline: 0; }
+  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
+    background-color: rgba(10, 10, 10, 0.5); }
+
+.orbit-previous {
+  left: 0; }
+
+.orbit-next {
+  left: auto;
+  right: 0; }
+
+.orbit-bullets {
+  position: relative;
+  margin-top: 0.8rem;
+  margin-bottom: 0.8rem;
+  text-align: center; }
+  [data-whatinput='mouse'] .orbit-bullets {
+    outline: 0; }
+  .orbit-bullets button {
+    width: 1.2rem;
+    height: 1.2rem;
+    margin: 0.1rem;
+    border-radius: 50%;
+    background-color: #cacaca; }
+    .orbit-bullets button:hover {
+      background-color: #8a8a8a; }
+    .orbit-bullets button.is-active {
+      background-color: #8a8a8a; }
+
+.responsive-embed,
+.flex-video {
+  position: relative;
+  height: 0;
+  margin-bottom: 1rem;
+  padding-bottom: 75%;
+  overflow: hidden; }
+  .responsive-embed iframe,
+  .responsive-embed object,
+  .responsive-embed embed,
+  .responsive-embed video,
+  .flex-video iframe,
+  .flex-video object,
+  .flex-video embed,
+  .flex-video video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%; }
+  .responsive-embed.widescreen,
+  .flex-video.widescreen {
+    padding-bottom: 56.25%; }
+
+.tabs {
+  margin: 0;
+  border: 1px solid #e6e6e6;
+  background: #fefefe;
+  list-style-type: none; }
+  .tabs::before, .tabs::after {
+    display: table;
+    content: ' ';
+    -webkit-flex-basis: 0;
+        -ms-flex-preferred-size: 0;
+            flex-basis: 0;
+    -webkit-box-ordinal-group: 2;
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  .tabs::after {
+    clear: both; }
+
+.tabs.vertical > li {
+  display: block;
+  float: none;
+  width: auto; }
+
+.tabs.simple > li > a {
+  padding: 0; }
+  .tabs.simple > li > a:hover {
+    background: transparent; }
+
+.tabs.primary {
+  background: #1779ba; }
+  .tabs.primary > li > a {
+    color: #fefefe; }
+    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
+      background: #1673b1; }
+
+.tabs-title {
+  float: left; }
+  .tabs-title > a {
+    display: block;
+    padding: 1.25rem 1.5rem;
+    font-size: 0.75rem;
+    line-height: 1;
+    color: #1779ba; }
+    [data-whatinput='mouse'] .tabs-title > a {
+      outline: 0; }
+    .tabs-title > a:hover {
+      background: #fefefe;
+      color: #1468a0; }
+    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
+      background: #e6e6e6;
+      color: #1779ba; }
+
+.tabs-content {
+  border: 1px solid #e6e6e6;
+  border-top: 0;
+  background: #fefefe;
+  color: #0a0a0a;
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease; }
+
+.tabs-content.vertical {
+  border: 1px solid #e6e6e6;
+  border-left: 0; }
+
+.tabs-panel {
+  display: none;
+  padding: 1rem; }
+  .tabs-panel.is-active {
+    display: block; }
+
+.thumbnail {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 1rem;
+  border: 4px solid #fefefe;
+  border-radius: 0;
+  -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
+          box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
+  line-height: 0; }
+
+a.thumbnail {
+  -webkit-transition: -webkit-box-shadow 200ms ease-out;
+  transition: -webkit-box-shadow 200ms ease-out;
+  transition: box-shadow 200ms ease-out;
+  transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; }
+  a.thumbnail:hover, a.thumbnail:focus {
+    -webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
+            box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); }
+  a.thumbnail image {
+    -webkit-box-shadow: none;
+            box-shadow: none; }
+
+.menu {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap; }
+  [data-whatinput='mouse'] .menu li {
+    outline: 0; }
+  .menu a,
+  .menu .button {
+    line-height: 1;
+    text-decoration: none;
+    display: block;
+    padding: 0.7rem 1rem; }
+  .menu input,
+  .menu select,
+  .menu a,
+  .menu button {
+    margin-bottom: 0; }
+  .menu input {
+    display: inline-block; }
+  .menu, .menu.horizontal {
+    -webkit-flex-wrap: wrap;
+        -ms-flex-wrap: wrap;
+            flex-wrap: wrap;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+            flex-direction: row; }
+  .menu.vertical {
+    -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+            flex-wrap: nowrap;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  .menu.expanded li {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 1 0px;
+        -ms-flex: 1 1 0px;
+            flex: 1 1 0px; }
+  .menu.simple {
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center; }
+    .menu.simple li + li {
+      margin-left: 1rem; }
+    .menu.simple a {
+      padding: 0; }
+  @media print, screen and (min-width: 40em) {
+    .menu.medium-horizontal {
+      -webkit-flex-wrap: wrap;
+          -ms-flex-wrap: wrap;
+              flex-wrap: wrap;
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+      -webkit-flex-direction: row;
+          -ms-flex-direction: row;
+              flex-direction: row; }
+    .menu.medium-vertical {
+      -webkit-flex-wrap: nowrap;
+          -ms-flex-wrap: nowrap;
+              flex-wrap: nowrap;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -webkit-flex-direction: column;
+          -ms-flex-direction: column;
+              flex-direction: column; }
+    .menu.medium-expanded li {
+      -webkit-box-flex: 1;
+      -webkit-flex: 1 1 0px;
+          -ms-flex: 1 1 0px;
+              flex: 1 1 0px; }
+    .menu.medium-simple li {
+      -webkit-box-flex: 1;
+      -webkit-flex: 1 1 0px;
+          -ms-flex: 1 1 0px;
+              flex: 1 1 0px; } }
+  @media print, screen and (min-width: 64em) {
+    .menu.large-horizontal {
+      -webkit-flex-wrap: wrap;
+          -ms-flex-wrap: wrap;
+              flex-wrap: wrap;
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+      -webkit-flex-direction: row;
+          -ms-flex-direction: row;
+              flex-direction: row; }
+    .menu.large-vertical {
+      -webkit-flex-wrap: nowrap;
+          -ms-flex-wrap: nowrap;
+              flex-wrap: nowrap;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -webkit-flex-direction: column;
+          -ms-flex-direction: column;
+              flex-direction: column; }
+    .menu.large-expanded li {
+      -webkit-box-flex: 1;
+      -webkit-flex: 1 1 0px;
+          -ms-flex: 1 1 0px;
+              flex: 1 1 0px; }
+    .menu.large-simple li {
+      -webkit-box-flex: 1;
+      -webkit-flex: 1 1 0px;
+          -ms-flex: 1 1 0px;
+              flex: 1 1 0px; } }
+  .menu.nested {
+    margin-right: 0;
+    margin-left: 1rem; }
+  .menu.icons a {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex; }
+  .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex; }
+  .menu.icon-left li a {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-flow: row nowrap;
+        -ms-flex-flow: row nowrap;
+            flex-flow: row nowrap; }
+    .menu.icon-left li a img,
+    .menu.icon-left li a i,
+    .menu.icon-left li a svg {
+      margin-right: 0.25rem; }
+  .menu.icon-right li a {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-flow: row nowrap;
+        -ms-flex-flow: row nowrap;
+            flex-flow: row nowrap; }
+    .menu.icon-right li a img,
+    .menu.icon-right li a i,
+    .menu.icon-right li a svg {
+      margin-left: 0.25rem; }
+  .menu.icon-top li a {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-flow: column nowrap;
+        -ms-flex-flow: column nowrap;
+            flex-flow: column nowrap; }
+    .menu.icon-top li a img,
+    .menu.icon-top li a i,
+    .menu.icon-top li a svg {
+      -webkit-align-self: stretch;
+          -ms-flex-item-align: stretch;
+              align-self: stretch;
+      margin-bottom: 0.25rem;
+      text-align: center; }
+  .menu.icon-bottom li a {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-flow: column nowrap;
+        -ms-flex-flow: column nowrap;
+            flex-flow: column nowrap; }
+    .menu.icon-bottom li a img,
+    .menu.icon-bottom li a i,
+    .menu.icon-bottom li a svg {
+      -webkit-align-self: stretch;
+          -ms-flex-item-align: stretch;
+              align-self: stretch;
+      margin-bottom: 0.25rem;
+      text-align: center; }
+  .menu .is-active > a {
+    background: #1779ba;
+    color: #fefefe; }
+  .menu .active > a {
+    background: #1779ba;
+    color: #fefefe; }
+  .menu.align-left {
+    -webkit-box-pack: start;
+    -webkit-justify-content: flex-start;
+        -ms-flex-pack: start;
+            justify-content: flex-start; }
+  .menu.align-right li {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: end;
+    -webkit-justify-content: flex-end;
+        -ms-flex-pack: end;
+            justify-content: flex-end; }
+    .menu.align-right li .submenu li {
+      -webkit-box-pack: start;
+      -webkit-justify-content: flex-start;
+          -ms-flex-pack: start;
+              justify-content: flex-start; }
+  .menu.align-right.vertical li {
+    display: block;
+    text-align: right; }
+    .menu.align-right.vertical li .submenu li {
+      text-align: right; }
+  .menu.align-right .nested {
+    margin-right: 1rem;
+    margin-left: 0; }
+  .menu.align-center li {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+    .menu.align-center li .submenu li {
+      -webkit-box-pack: start;
+      -webkit-justify-content: flex-start;
+          -ms-flex-pack: start;
+              justify-content: flex-start; }
+  .menu .menu-text {
+    padding: 0.7rem 1rem;
+    font-weight: bold;
+    line-height: 1;
+    color: inherit; }
+
+.menu-centered > .menu {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center; }
+  .menu-centered > .menu li {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+    .menu-centered > .menu li .submenu li {
+      -webkit-box-pack: start;
+      -webkit-justify-content: flex-start;
+          -ms-flex-pack: start;
+              justify-content: flex-start; }
+
+.no-js [data-responsive-menu] ul {
+  display: none; }
+
+.menu-icon {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  width: 20px;
+  height: 16px;
+  cursor: pointer; }
+  .menu-icon::after {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: block;
+    width: 100%;
+    height: 2px;
+    background: #fefefe;
+    -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
+            box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
+    content: ''; }
+  .menu-icon:hover::after {
+    background: #cacaca;
+    -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
+            box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
+
+.menu-icon.dark {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  width: 20px;
+  height: 16px;
+  cursor: pointer; }
+  .menu-icon.dark::after {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: block;
+    width: 100%;
+    height: 2px;
+    background: #0a0a0a;
+    -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
+            box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
+    content: ''; }
+  .menu-icon.dark:hover::after {
+    background: #8a8a8a;
+    -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
+            box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
+
+.accordion-menu li {
+  width: 100%; }
+
+.accordion-menu a {
+  padding: 0.7rem 1rem; }
+
+.accordion-menu .is-accordion-submenu a {
+  padding: 0.7rem 1rem; }
+
+.accordion-menu .nested.is-accordion-submenu {
+  margin-right: 0;
+  margin-left: 1rem; }
+
+.accordion-menu.align-right .nested.is-accordion-submenu {
+  margin-right: 1rem;
+  margin-left: 0; }
+
+.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
+  position: relative; }
+  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-bottom-width: 0;
+    border-top-style: solid;
+    border-color: #1779ba transparent transparent;
+    position: absolute;
+    top: 50%;
+    margin-top: -3px;
+    right: 1rem; }
+
+.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
+  right: 1rem;
+  left: auto; }
+
+.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
+  right: auto;
+  left: 1rem; }
+
+.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transform-origin: 50% 50%;
+      -ms-transform-origin: 50% 50%;
+          transform-origin: 50% 50%; }
+
+.is-accordion-submenu-parent {
+  position: relative; }
+
+.has-submenu-toggle > a {
+  margin-right: 40px; }
+
+.submenu-toggle {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 40px;
+  height: 40px;
+  cursor: pointer; }
+  .submenu-toggle::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-bottom-width: 0;
+    border-top-style: solid;
+    border-color: #1779ba transparent transparent;
+    top: 0;
+    bottom: 0;
+    margin: auto; }
+
+.submenu-toggle[aria-expanded='true']::after {
+  -webkit-transform: scaleY(-1);
+      -ms-transform: scaleY(-1);
+          transform: scaleY(-1);
+  -webkit-transform-origin: 50% 50%;
+      -ms-transform-origin: 50% 50%;
+          transform-origin: 50% 50%; }
+
+.submenu-toggle-text {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important; }
+
+.is-drilldown {
+  position: relative;
+  overflow: hidden; }
+  .is-drilldown li {
+    display: block; }
+  .is-drilldown.animate-height {
+    -webkit-transition: height 0.5s;
+    transition: height 0.5s; }
+
+.drilldown a {
+  padding: 0.7rem 1rem;
+  background: #fefefe; }
+
+.drilldown .is-drilldown-submenu {
+  position: absolute;
+  top: 0;
+  left: 100%;
+  z-index: -1;
+  width: 100%;
+  background: #fefefe;
+  -webkit-transition: -webkit-transform 0.15s linear;
+  transition: -webkit-transform 0.15s linear;
+  transition: transform 0.15s linear;
+  transition: transform 0.15s linear, -webkit-transform 0.15s linear; }
+  .drilldown .is-drilldown-submenu.is-active {
+    z-index: 1;
+    display: block;
+    -webkit-transform: translateX(-100%);
+        -ms-transform: translateX(-100%);
+            transform: translateX(-100%); }
+  .drilldown .is-drilldown-submenu.is-closing {
+    -webkit-transform: translateX(100%);
+        -ms-transform: translateX(100%);
+            transform: translateX(100%); }
+  .drilldown .is-drilldown-submenu a {
+    padding: 0.7rem 1rem; }
+
+.drilldown .nested.is-drilldown-submenu {
+  margin-right: 0;
+  margin-left: 0; }
+
+.drilldown .drilldown-submenu-cover-previous {
+  min-height: 100%; }
+
+.drilldown .is-drilldown-submenu-parent > a {
+  position: relative; }
+  .drilldown .is-drilldown-submenu-parent > a::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-right-width: 0;
+    border-left-style: solid;
+    border-color: transparent transparent transparent #1779ba;
+    position: absolute;
+    top: 50%;
+    margin-top: -6px;
+    right: 1rem; }
+
+.drilldown.align-left .is-drilldown-submenu-parent > a::after {
+  display: block;
+  width: 0;
+  height: 0;
+  border: inset 6px;
+  content: '';
+  border-right-width: 0;
+  border-left-style: solid;
+  border-color: transparent transparent transparent #1779ba;
+  right: 1rem;
+  left: auto; }
+
+.drilldown.align-right .is-drilldown-submenu-parent > a::after {
+  display: block;
+  width: 0;
+  height: 0;
+  border: inset 6px;
+  content: '';
+  border-left-width: 0;
+  border-right-style: solid;
+  border-color: transparent #1779ba transparent transparent;
+  right: auto;
+  left: 1rem; }
+
+.drilldown .js-drilldown-back > a::before {
+  display: block;
+  width: 0;
+  height: 0;
+  border: inset 6px;
+  content: '';
+  border-left-width: 0;
+  border-right-style: solid;
+  border-color: transparent #1779ba transparent transparent;
+  display: inline-block;
+  vertical-align: middle;
+  margin-right: 0.75rem; }
+
+.dropdown.menu > li.opens-left > .is-dropdown-submenu {
+  top: 100%;
+  right: 0;
+  left: auto; }
+
+.dropdown.menu > li.opens-right > .is-dropdown-submenu {
+  top: 100%;
+  right: auto;
+  left: 0; }
+
+.dropdown.menu > li.is-dropdown-submenu-parent > a {
+  position: relative;
+  padding-right: 1.5rem; }
+
+.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
+  display: block;
+  width: 0;
+  height: 0;
+  border: inset 6px;
+  content: '';
+  border-bottom-width: 0;
+  border-top-style: solid;
+  border-color: #1779ba transparent transparent;
+  right: 5px;
+  left: auto;
+  margin-top: -3px; }
+
+[data-whatinput='mouse'] .dropdown.menu a {
+  outline: 0; }
+
+.dropdown.menu > li > a {
+  padding: 0.7rem 1rem; }
+
+.dropdown.menu > li.is-active > a {
+  background: transparent;
+  color: #1779ba; }
+
+.no-js .dropdown.menu ul {
+  display: none; }
+
+.dropdown.menu .nested.is-dropdown-submenu {
+  margin-right: 0;
+  margin-left: 0; }
+
+.dropdown.menu.vertical > li .is-dropdown-submenu {
+  top: 0; }
+
+.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
+  top: 0;
+  right: 100%;
+  left: auto; }
+
+.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
+  right: auto;
+  left: 100%; }
+
+.dropdown.menu.vertical > li > a::after {
+  right: 14px; }
+
+.dropdown.menu.vertical > li.opens-left > a::after {
+  display: block;
+  width: 0;
+  height: 0;
+  border: inset 6px;
+  content: '';
+  border-left-width: 0;
+  border-right-style: solid;
+  border-color: transparent #1779ba transparent transparent;
+  right: auto;
+  left: 5px; }
+
+.dropdown.menu.vertical > li.opens-right > a::after {
+  display: block;
+  width: 0;
+  height: 0;
+  border: inset 6px;
+  content: '';
+  border-right-width: 0;
+  border-left-style: solid;
+  border-color: transparent transparent transparent #1779ba; }
+
+@media print, screen and (min-width: 40em) {
+  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
+    top: 100%;
+    right: 0;
+    left: auto; }
+  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
+    top: 100%;
+    right: auto;
+    left: 0; }
+  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
+    position: relative;
+    padding-right: 1.5rem; }
+  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-bottom-width: 0;
+    border-top-style: solid;
+    border-color: #1779ba transparent transparent;
+    right: 5px;
+    left: auto;
+    margin-top: -3px; }
+  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
+    top: 0; }
+  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
+    top: 0;
+    right: 100%;
+    left: auto; }
+  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
+    right: auto;
+    left: 100%; }
+  .dropdown.menu.medium-vertical > li > a::after {
+    right: 14px; }
+  .dropdown.menu.medium-vertical > li.opens-left > a::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-left-width: 0;
+    border-right-style: solid;
+    border-color: transparent #1779ba transparent transparent;
+    right: auto;
+    left: 5px; }
+  .dropdown.menu.medium-vertical > li.opens-right > a::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-right-width: 0;
+    border-left-style: solid;
+    border-color: transparent transparent transparent #1779ba; } }
+
+@media print, screen and (min-width: 64em) {
+  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
+    top: 100%;
+    right: 0;
+    left: auto; }
+  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
+    top: 100%;
+    right: auto;
+    left: 0; }
+  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
+    position: relative;
+    padding-right: 1.5rem; }
+  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-bottom-width: 0;
+    border-top-style: solid;
+    border-color: #1779ba transparent transparent;
+    right: 5px;
+    left: auto;
+    margin-top: -3px; }
+  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
+    top: 0; }
+  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
+    top: 0;
+    right: 100%;
+    left: auto; }
+  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
+    right: auto;
+    left: 100%; }
+  .dropdown.menu.large-vertical > li > a::after {
+    right: 14px; }
+  .dropdown.menu.large-vertical > li.opens-left > a::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-left-width: 0;
+    border-right-style: solid;
+    border-color: transparent #1779ba transparent transparent;
+    right: auto;
+    left: 5px; }
+  .dropdown.menu.large-vertical > li.opens-right > a::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-right-width: 0;
+    border-left-style: solid;
+    border-color: transparent transparent transparent #1779ba; } }
+
+.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
+  top: 100%;
+  right: 0;
+  left: auto; }
+
+.is-dropdown-menu.vertical {
+  width: 100px; }
+  .is-dropdown-menu.vertical.align-right {
+    float: right; }
+
+.is-dropdown-submenu-parent {
+  position: relative; }
+  .is-dropdown-submenu-parent a::after {
+    position: absolute;
+    top: 50%;
+    right: 5px;
+    left: auto;
+    margin-top: -6px; }
+  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
+    top: 100%;
+    left: auto; }
+  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
+    right: 100%;
+    left: auto; }
+  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
+    right: auto;
+    left: 100%; }
+
+.is-dropdown-submenu {
+  position: absolute;
+  top: 0;
+  left: 100%;
+  z-index: 1;
+  display: none;
+  min-width: 200px;
+  border: 1px solid #cacaca;
+  background: #fefefe; }
+  .dropdown .is-dropdown-submenu a {
+    padding: 0.7rem 1rem; }
+  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
+    right: 14px; }
+  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-left-width: 0;
+    border-right-style: solid;
+    border-color: transparent #1779ba transparent transparent;
+    right: auto;
+    left: 5px; }
+  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    content: '';
+    border-right-width: 0;
+    border-left-style: solid;
+    border-color: transparent transparent transparent #1779ba; }
+  .is-dropdown-submenu .is-dropdown-submenu {
+    margin-top: -1px; }
+  .is-dropdown-submenu > li {
+    width: 100%; }
+  .is-dropdown-submenu.js-dropdown-active {
+    display: block; }
+
+.is-off-canvas-open {
+  overflow: hidden; }
+
+.js-off-canvas-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 11;
+  width: 100%;
+  height: 100%;
+  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
+  transition: opacity 0.5s ease, visibility 0.5s ease;
+  background: rgba(254, 254, 254, 0.25);
+  opacity: 0;
+  visibility: hidden;
+  overflow: hidden; }
+  .js-off-canvas-overlay.is-visible {
+    opacity: 1;
+    visibility: visible; }
+  .js-off-canvas-overlay.is-closable {
+    cursor: pointer; }
+  .js-off-canvas-overlay.is-overlay-absolute {
+    position: absolute; }
+  .js-off-canvas-overlay.is-overlay-fixed {
+    position: fixed; }
+
+.off-canvas-wrapper {
+  position: relative;
+  overflow: hidden; }
+
+.off-canvas {
+  position: fixed;
+  z-index: 12;
+  -webkit-transition: -webkit-transform 0.5s ease;
+  transition: -webkit-transform 0.5s ease;
+  transition: transform 0.5s ease;
+  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  background: #e6e6e6; }
+  [data-whatinput='mouse'] .off-canvas {
+    outline: 0; }
+  .off-canvas.is-transition-push {
+    z-index: 12; }
+  .off-canvas.is-closed {
+    visibility: hidden; }
+  .off-canvas.is-transition-overlap {
+    z-index: 13; }
+    .off-canvas.is-transition-overlap.is-open {
+      -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
+              box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
+  .off-canvas.is-open {
+    -webkit-transform: translate(0, 0);
+        -ms-transform: translate(0, 0);
+            transform: translate(0, 0); }
+
+.off-canvas-absolute {
+  position: absolute;
+  z-index: 12;
+  -webkit-transition: -webkit-transform 0.5s ease;
+  transition: -webkit-transform 0.5s ease;
+  transition: transform 0.5s ease;
+  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  background: #e6e6e6; }
+  [data-whatinput='mouse'] .off-canvas-absolute {
+    outline: 0; }
+  .off-canvas-absolute.is-transition-push {
+    z-index: 12; }
+  .off-canvas-absolute.is-closed {
+    visibility: hidden; }
+  .off-canvas-absolute.is-transition-overlap {
+    z-index: 13; }
+    .off-canvas-absolute.is-transition-overlap.is-open {
+      -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
+              box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
+  .off-canvas-absolute.is-open {
+    -webkit-transform: translate(0, 0);
+        -ms-transform: translate(0, 0);
+            transform: translate(0, 0); }
+
+.position-left {
+  top: 0;
+  left: 0;
+  height: 100%;
+  overflow-y: auto;
+  width: 250px;
+  -webkit-transform: translateX(-250px);
+      -ms-transform: translateX(-250px);
+          transform: translateX(-250px); }
+  .off-canvas-content .off-canvas.position-left {
+    -webkit-transform: translateX(-250px);
+        -ms-transform: translateX(-250px);
+            transform: translateX(-250px); }
+    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
+      -webkit-transform: translate(0, 0);
+          -ms-transform: translate(0, 0);
+              transform: translate(0, 0); }
+  .off-canvas-content.is-open-left.has-transition-push {
+    -webkit-transform: translateX(250px);
+        -ms-transform: translateX(250px);
+            transform: translateX(250px); }
+  .position-left.is-transition-push {
+    -webkit-box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
+            box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); }
+
+.position-right {
+  top: 0;
+  right: 0;
+  height: 100%;
+  overflow-y: auto;
+  width: 250px;
+  -webkit-transform: translateX(250px);
+      -ms-transform: translateX(250px);
+          transform: translateX(250px); }
+  .off-canvas-content .off-canvas.position-right {
+    -webkit-transform: translateX(250px);
+        -ms-transform: translateX(250px);
+            transform: translateX(250px); }
+    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
+      -webkit-transform: translate(0, 0);
+          -ms-transform: translate(0, 0);
+              transform: translate(0, 0); }
+  .off-canvas-content.is-open-right.has-transition-push {
+    -webkit-transform: translateX(-250px);
+        -ms-transform: translateX(-250px);
+            transform: translateX(-250px); }
+  .position-right.is-transition-push {
+    -webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
+            box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); }
+
+.position-top {
+  top: 0;
+  left: 0;
+  width: 100%;
+  overflow-x: auto;
+  height: 250px;
+  -webkit-transform: translateY(-250px);
+      -ms-transform: translateY(-250px);
+          transform: translateY(-250px); }
+  .off-canvas-content .off-canvas.position-top {
+    -webkit-transform: translateY(-250px);
+        -ms-transform: translateY(-250px);
+            transform: translateY(-250px); }
+    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
+      -webkit-transform: translate(0, 0);
+          -ms-transform: translate(0, 0);
+              transform: translate(0, 0); }
+  .off-canvas-content.is-open-top.has-transition-push {
+    -webkit-transform: translateY(250px);
+        -ms-transform: translateY(250px);
+            transform: translateY(250px); }
+  .position-top.is-transition-push {
+    -webkit-box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
+            box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); }
+
+.position-bottom {
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  overflow-x: auto;
+  height: 250px;
+  -webkit-transform: translateY(250px);
+      -ms-transform: translateY(250px);
+          transform: translateY(250px); }
+  .off-canvas-content .off-canvas.position-bottom {
+    -webkit-transform: translateY(250px);
+        -ms-transform: translateY(250px);
+            transform: translateY(250px); }
+    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
+      -webkit-transform: translate(0, 0);
+          -ms-transform: translate(0, 0);
+              transform: translate(0, 0); }
+  .off-canvas-content.is-open-bottom.has-transition-push {
+    -webkit-transform: translateY(-250px);
+        -ms-transform: translateY(-250px);
+            transform: translateY(-250px); }
+  .position-bottom.is-transition-push {
+    -webkit-box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
+            box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); }
+
+.off-canvas-content {
+  -webkit-transform: none;
+      -ms-transform: none;
+          transform: none;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden; }
+  .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
+    -webkit-transition: -webkit-transform 0.5s ease;
+    transition: -webkit-transform 0.5s ease;
+    transition: transform 0.5s ease;
+    transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
+  .off-canvas-content.has-transition-push {
+    -webkit-transform: translate(0, 0);
+        -ms-transform: translate(0, 0);
+            transform: translate(0, 0); }
+  .off-canvas-content .off-canvas.is-open {
+    -webkit-transform: translate(0, 0);
+        -ms-transform: translate(0, 0);
+            transform: translate(0, 0); }
+
+@media print, screen and (min-width: 40em) {
+  .position-left.reveal-for-medium {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    z-index: 12;
+    -webkit-transition: none;
+    transition: none;
+    visibility: visible; }
+    .position-left.reveal-for-medium .close-button {
+      display: none; }
+    .off-canvas-content .position-left.reveal-for-medium {
+      -webkit-transform: none;
+          -ms-transform: none;
+              transform: none; }
+    .off-canvas-content.has-reveal-left {
+      margin-left: 250px; }
+    .position-left.reveal-for-medium ~ .off-canvas-content {
+      margin-left: 250px; }
+  .position-right.reveal-for-medium {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    z-index: 12;
+    -webkit-transition: none;
+    transition: none;
+    visibility: visible; }
+    .position-right.reveal-for-medium .close-button {
+      display: none; }
+    .off-canvas-content .position-right.reveal-for-medium {
+      -webkit-transform: none;
+          -ms-transform: none;
+              transform: none; }
+    .off-canvas-content.has-reveal-right {
+      margin-right: 250px; }
+    .position-right.reveal-for-medium ~ .off-canvas-content {
+      margin-right: 250px; }
+  .position-top.reveal-for-medium {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    z-index: 12;
+    -webkit-transition: none;
+    transition: none;
+    visibility: visible; }
+    .position-top.reveal-for-medium .close-button {
+      display: none; }
+    .off-canvas-content .position-top.reveal-for-medium {
+      -webkit-transform: none;
+          -ms-transform: none;
+              transform: none; }
+    .off-canvas-content.has-reveal-top {
+      margin-top: 250px; }
+    .position-top.reveal-for-medium ~ .off-canvas-content {
+      margin-top: 250px; }
+  .position-bottom.reveal-for-medium {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    z-index: 12;
+    -webkit-transition: none;
+    transition: none;
+    visibility: visible; }
+    .position-bottom.reveal-for-medium .close-button {
+      display: none; }
+    .off-canvas-content .position-bottom.reveal-for-medium {
+      -webkit-transform: none;
+          -ms-transform: none;
+              transform: none; }
+    .off-canvas-content.has-reveal-bottom {
+      margin-bottom: 250px; }
+    .position-bottom.reveal-for-medium ~ .off-canvas-content {
+      margin-bottom: 250px; } }
+
+@media print, screen and (min-width: 64em) {
+  .position-left.reveal-for-large {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    z-index: 12;
+    -webkit-transition: none;
+    transition: none;
+    visibility: visible; }
+    .position-left.reveal-for-large .close-button {
+      display: none; }
+    .off-canvas-content .position-left.reveal-for-large {
+      -webkit-transform: none;
+          -ms-transform: none;
+              transform: none; }
+    .off-canvas-content.has-reveal-left {
+      margin-left: 250px; }
+    .position-left.reveal-for-large ~ .off-canvas-content {
+      margin-left: 250px; }
+  .position-right.reveal-for-large {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    z-index: 12;
+    -webkit-transition: none;
+    transition: none;
+    visibility: visible; }
+    .position-right.reveal-for-large .close-button {
+      display: none; }
+    .off-canvas-content .position-right.reveal-for-large {
+      -webkit-transform: none;
+          -ms-transform: none;
+              transform: none; }
+    .off-canvas-content.has-reveal-right {
+      margin-right: 250px; }
+    .position-right.reveal-for-large ~ .off-canvas-content {
+      margin-right: 250px; }
+  .position-top.reveal-for-large {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    z-index: 12;
+    -webkit-transition: none;
+    transition: none;
+    visibility: visible; }
+    .position-top.reveal-for-large .close-button {
+      display: none; }
+    .off-canvas-content .position-top.reveal-for-large {
+      -webkit-transform: none;
+          -ms-transform: none;
+              transform: none; }
+    .off-canvas-content.has-reveal-top {
+      margin-top: 250px; }
+    .position-top.reveal-for-large ~ .off-canvas-content {
+      margin-top: 250px; }
+  .position-bottom.reveal-for-large {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    z-index: 12;
+    -webkit-transition: none;
+    transition: none;
+    visibility: visible; }
+    .position-bottom.reveal-for-large .close-button {
+      display: none; }
+    .off-canvas-content .position-bottom.reveal-for-large {
+      -webkit-transform: none;
+          -ms-transform: none;
+              transform: none; }
+    .off-canvas-content.has-reveal-bottom {
+      margin-bottom: 250px; }
+    .position-bottom.reveal-for-large ~ .off-canvas-content {
+      margin-bottom: 250px; } }
+
+@media print, screen and (min-width: 40em) {
+  .off-canvas.in-canvas-for-medium {
+    visibility: visible;
+    height: auto;
+    position: static;
+    background: none;
+    width: auto;
+    overflow: visible;
+    -webkit-transition: none;
+    transition: none; }
+    .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
+      -webkit-box-shadow: none;
+              box-shadow: none;
+      -webkit-transform: none;
+          -ms-transform: none;
+              transform: none; }
+    .off-canvas.in-canvas-for-medium .close-button {
+      display: none; } }
+
+@media print, screen and (min-width: 64em) {
+  .off-canvas.in-canvas-for-large {
+    visibility: visible;
+    height: auto;
+    position: static;
+    background: none;
+    width: auto;
+    overflow: visible;
+    -webkit-transition: none;
+    transition: none; }
+    .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
+      -webkit-box-shadow: none;
+              box-shadow: none;
+      -webkit-transform: none;
+          -ms-transform: none;
+              transform: none; }
+    .off-canvas.in-canvas-for-large .close-button {
+      display: none; } }
+
+html.is-reveal-open {
+  position: fixed;
+  width: 100%;
+  overflow-y: hidden; }
+  html.is-reveal-open.zf-has-scroll {
+    overflow-y: scroll; }
+  html.is-reveal-open body {
+    overflow-y: hidden; }
+
+.reveal-overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1005;
+  display: none;
+  background-color: rgba(10, 10, 10, 0.45);
+  overflow-y: auto; }
+
+.reveal {
+  z-index: 1006;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  display: none;
+  padding: 1rem;
+  border: 1px solid #cacaca;
+  border-radius: 0;
+  background-color: #fefefe;
+  position: relative;
+  top: 100px;
+  margin-right: auto;
+  margin-left: auto;
+  overflow-y: auto; }
+  [data-whatinput='mouse'] .reveal {
+    outline: 0; }
+  @media print, screen and (min-width: 40em) {
+    .reveal {
+      min-height: 0; } }
+  .reveal .column {
+    min-width: 0; }
+  .reveal > :last-child {
+    margin-bottom: 0; }
+  @media print, screen and (min-width: 40em) {
+    .reveal {
+      width: 600px;
+      max-width: 75rem; } }
+  .reveal.collapse {
+    padding: 0; }
+  @media print, screen and (min-width: 40em) {
+    .reveal.tiny {
+      width: 30%;
+      max-width: 75rem; } }
+  @media print, screen and (min-width: 40em) {
+    .reveal.small {
+      width: 50%;
+      max-width: 75rem; } }
+  @media print, screen and (min-width: 40em) {
+    .reveal.large {
+      width: 90%;
+      max-width: 75rem; } }
+  .reveal.full {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    max-width: none;
+    height: 100%;
+    min-height: 100%;
+    margin-left: 0;
+    border: 0;
+    border-radius: 0; }
+  @media print, screen and (max-width: 39.99875em) {
+    .reveal {
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      max-width: none;
+      height: 100%;
+      min-height: 100%;
+      margin-left: 0;
+      border: 0;
+      border-radius: 0; } }
+  .reveal.without-overlay {
+    position: fixed; }
+
+.sticky-container {
+  position: relative; }
+
+.sticky {
+  position: relative;
+  z-index: 0;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0); }
+
+.sticky.is-stuck {
+  position: fixed;
+  z-index: 5;
+  width: 100%; }
+  .sticky.is-stuck.is-at-top {
+    top: 0; }
+  .sticky.is-stuck.is-at-bottom {
+    bottom: 0; }
+
+.sticky.is-anchored {
+  position: relative;
+  right: auto;
+  left: auto; }
+  .sticky.is-anchored.is-at-bottom {
+    bottom: 0; }
+
+.title-bar {
+  padding: 0.5rem;
+  background: #0a0a0a;
+  color: #fefefe;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+  .title-bar .menu-icon {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem; }
+
+.title-bar-left,
+.title-bar-right {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 1 0px;
+      -ms-flex: 1 1 0px;
+          flex: 1 1 0px; }
+
+.title-bar-right {
+  text-align: right; }
+
+.title-bar-title {
+  display: inline-block;
+  vertical-align: middle;
+  font-weight: bold; }
+
+.top-bar {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-wrap: nowrap;
+      -ms-flex-wrap: nowrap;
+          flex-wrap: nowrap;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0.5rem;
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap; }
+  .top-bar,
+  .top-bar ul {
+    background-color: #e6e6e6; }
+  .top-bar input {
+    max-width: 200px;
+    margin-right: 1rem; }
+  .top-bar .input-group-field {
+    width: 100%;
+    margin-right: 0; }
+  .top-bar input.button {
+    width: auto; }
+  .top-bar .top-bar-left,
+  .top-bar .top-bar-right {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%;
+    max-width: 100%; }
+  @media print, screen and (min-width: 40em) {
+    .top-bar {
+      -webkit-flex-wrap: nowrap;
+          -ms-flex-wrap: nowrap;
+              flex-wrap: nowrap; }
+      .top-bar .top-bar-left {
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 1 auto;
+            -ms-flex: 1 1 auto;
+                flex: 1 1 auto;
+        margin-right: auto; }
+      .top-bar .top-bar-right {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 1 auto;
+            -ms-flex: 0 1 auto;
+                flex: 0 1 auto;
+        margin-left: auto; } }
+  @media print, screen and (max-width: 63.99875em) {
+    .top-bar.stacked-for-medium {
+      -webkit-flex-wrap: wrap;
+          -ms-flex-wrap: wrap;
+              flex-wrap: wrap; }
+      .top-bar.stacked-for-medium .top-bar-left,
+      .top-bar.stacked-for-medium .top-bar-right {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 100%;
+            -ms-flex: 0 0 100%;
+                flex: 0 0 100%;
+        max-width: 100%; } }
+  @media print, screen and (max-width: 74.99875em) {
+    .top-bar.stacked-for-large {
+      -webkit-flex-wrap: wrap;
+          -ms-flex-wrap: wrap;
+              flex-wrap: wrap; }
+      .top-bar.stacked-for-large .top-bar-left,
+      .top-bar.stacked-for-large .top-bar-right {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 100%;
+            -ms-flex: 0 0 100%;
+                flex: 0 0 100%;
+        max-width: 100%; } }
+
+.top-bar-title {
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  margin: 0.5rem 1rem 0.5rem 0; }
+
+.top-bar-left,
+.top-bar-right {
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto; }
+
+.float-left {
+  float: left !important; }
+
+.float-right {
+  float: right !important; }
+
+.float-center {
+  display: block;
+  margin-right: auto;
+  margin-left: auto; }
+
+.clearfix::before, .clearfix::after {
+  display: table;
+  content: ' ';
+  -webkit-flex-basis: 0;
+      -ms-flex-preferred-size: 0;
+          flex-basis: 0;
+  -webkit-box-ordinal-group: 2;
+  -webkit-order: 1;
+      -ms-flex-order: 1;
+          order: 1; }
+
+.clearfix::after {
+  clear: both; }
+
+.align-left {
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+      -ms-flex-pack: start;
+          justify-content: flex-start; }
+
+.align-right {
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+      -ms-flex-pack: end;
+          justify-content: flex-end; }
+
+.align-center {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center; }
+
+.align-justify {
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between; }
+
+.align-spaced {
+  -webkit-justify-content: space-around;
+      -ms-flex-pack: distribute;
+          justify-content: space-around; }
+
+.align-left.vertical.menu > li > a {
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+      -ms-flex-pack: start;
+          justify-content: flex-start; }
+
+.align-right.vertical.menu > li > a {
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+      -ms-flex-pack: end;
+          justify-content: flex-end; }
+
+.align-center.vertical.menu > li > a {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center; }
+
+.align-top {
+  -webkit-box-align: start;
+  -webkit-align-items: flex-start;
+      -ms-flex-align: start;
+          align-items: flex-start; }
+
+.align-self-top {
+  -webkit-align-self: flex-start;
+      -ms-flex-item-align: start;
+          align-self: flex-start; }
+
+.align-bottom {
+  -webkit-box-align: end;
+  -webkit-align-items: flex-end;
+      -ms-flex-align: end;
+          align-items: flex-end; }
+
+.align-self-bottom {
+  -webkit-align-self: flex-end;
+      -ms-flex-item-align: end;
+          align-self: flex-end; }
+
+.align-middle {
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+
+.align-self-middle {
+  -webkit-align-self: center;
+      -ms-flex-item-align: center;
+          align-self: center; }
+
+.align-stretch {
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch; }
+
+.align-self-stretch {
+  -webkit-align-self: stretch;
+      -ms-flex-item-align: stretch;
+          align-self: stretch; }
+
+.align-center-middle {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-align-content: center;
+      -ms-flex-line-pack: center;
+          align-content: center; }
+
+.small-order-1 {
+  -webkit-box-ordinal-group: 2;
+  -webkit-order: 1;
+      -ms-flex-order: 1;
+          order: 1; }
+
+.small-order-2 {
+  -webkit-box-ordinal-group: 3;
+  -webkit-order: 2;
+      -ms-flex-order: 2;
+          order: 2; }
+
+.small-order-3 {
+  -webkit-box-ordinal-group: 4;
+  -webkit-order: 3;
+      -ms-flex-order: 3;
+          order: 3; }
+
+.small-order-4 {
+  -webkit-box-ordinal-group: 5;
+  -webkit-order: 4;
+      -ms-flex-order: 4;
+          order: 4; }
+
+.small-order-5 {
+  -webkit-box-ordinal-group: 6;
+  -webkit-order: 5;
+      -ms-flex-order: 5;
+          order: 5; }
+
+.small-order-6 {
+  -webkit-box-ordinal-group: 7;
+  -webkit-order: 6;
+      -ms-flex-order: 6;
+          order: 6; }
+
+@media print, screen and (min-width: 40em) {
+  .medium-order-1 {
+    -webkit-box-ordinal-group: 2;
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  .medium-order-2 {
+    -webkit-box-ordinal-group: 3;
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  .medium-order-3 {
+    -webkit-box-ordinal-group: 4;
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  .medium-order-4 {
+    -webkit-box-ordinal-group: 5;
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  .medium-order-5 {
+    -webkit-box-ordinal-group: 6;
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  .medium-order-6 {
+    -webkit-box-ordinal-group: 7;
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; } }
+
+@media print, screen and (min-width: 64em) {
+  .large-order-1 {
+    -webkit-box-ordinal-group: 2;
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  .large-order-2 {
+    -webkit-box-ordinal-group: 3;
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  .large-order-3 {
+    -webkit-box-ordinal-group: 4;
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  .large-order-4 {
+    -webkit-box-ordinal-group: 5;
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  .large-order-5 {
+    -webkit-box-ordinal-group: 6;
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  .large-order-6 {
+    -webkit-box-ordinal-group: 7;
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; } }
+
+.flex-container {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex; }
+
+.flex-child-auto {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 1 auto;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto; }
+
+.flex-child-grow {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 0 auto;
+      -ms-flex: 1 0 auto;
+          flex: 1 0 auto; }
+
+.flex-child-shrink {
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 1 auto;
+      -ms-flex: 0 1 auto;
+          flex: 0 1 auto; }
+
+.flex-dir-row {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+      -ms-flex-direction: row;
+          flex-direction: row; }
+
+.flex-dir-row-reverse {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+  -webkit-flex-direction: row-reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse; }
+
+.flex-dir-column {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column; }
+
+.flex-dir-column-reverse {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+  -webkit-flex-direction: column-reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse; }
+
+@media print, screen and (min-width: 40em) {
+  .medium-flex-container {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex; }
+  .medium-flex-child-auto {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 1 auto;
+        -ms-flex: 1 1 auto;
+            flex: 1 1 auto; }
+  .medium-flex-child-grow {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 0 auto;
+        -ms-flex: 1 0 auto;
+            flex: 1 0 auto; }
+  .medium-flex-child-shrink {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 1 auto;
+        -ms-flex: 0 1 auto;
+            flex: 0 1 auto; }
+  .medium-flex-dir-row {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+            flex-direction: row; }
+  .medium-flex-dir-row-reverse {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: reverse;
+    -webkit-flex-direction: row-reverse;
+        -ms-flex-direction: row-reverse;
+            flex-direction: row-reverse; }
+  .medium-flex-dir-column {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  .medium-flex-dir-column-reverse {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: reverse;
+    -webkit-flex-direction: column-reverse;
+        -ms-flex-direction: column-reverse;
+            flex-direction: column-reverse; } }
+
+@media print, screen and (min-width: 64em) {
+  .large-flex-container {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex; }
+  .large-flex-child-auto {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 1 auto;
+        -ms-flex: 1 1 auto;
+            flex: 1 1 auto; }
+  .large-flex-child-grow {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 0 auto;
+        -ms-flex: 1 0 auto;
+            flex: 1 0 auto; }
+  .large-flex-child-shrink {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 1 auto;
+        -ms-flex: 0 1 auto;
+            flex: 0 1 auto; }
+  .large-flex-dir-row {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+            flex-direction: row; }
+  .large-flex-dir-row-reverse {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: reverse;
+    -webkit-flex-direction: row-reverse;
+        -ms-flex-direction: row-reverse;
+            flex-direction: row-reverse; }
+  .large-flex-dir-column {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  .large-flex-dir-column-reverse {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: reverse;
+    -webkit-flex-direction: column-reverse;
+        -ms-flex-direction: column-reverse;
+            flex-direction: column-reverse; } }
+
+.hide {
+  display: none !important; }
+
+.invisible {
+  visibility: hidden; }
+
+@media print, screen and (max-width: 39.99875em) {
+  .hide-for-small-only {
+    display: none !important; } }
+
+@media screen and (max-width: 0em), screen and (min-width: 40em) {
+  .show-for-small-only {
+    display: none !important; } }
+
+@media print, screen and (min-width: 40em) {
+  .hide-for-medium {
+    display: none !important; } }
+
+@media screen and (max-width: 39.99875em) {
+  .show-for-medium {
+    display: none !important; } }
+
+@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
+  .hide-for-medium-only {
+    display: none !important; } }
+
+@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
+  .show-for-medium-only {
+    display: none !important; } }
+
+@media print, screen and (min-width: 64em) {
+  .hide-for-large {
+    display: none !important; } }
+
+@media screen and (max-width: 63.99875em) {
+  .show-for-large {
+    display: none !important; } }
+
+@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
+  .hide-for-large-only {
+    display: none !important; } }
+
+@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
+  .show-for-large-only {
+    display: none !important; } }
+
+.show-for-sr,
+.show-on-focus {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important; }
+
+.show-on-focus:active, .show-on-focus:focus {
+  position: static !important;
+  width: auto !important;
+  height: auto !important;
+  overflow: visible !important;
+  clip: auto !important;
+  white-space: normal !important; }
+
+.show-for-landscape,
+.hide-for-portrait {
+  display: block !important; }
+  @media screen and (orientation: landscape) {
+    .show-for-landscape,
+    .hide-for-portrait {
+      display: block !important; } }
+  @media screen and (orientation: portrait) {
+    .show-for-landscape,
+    .hide-for-portrait {
+      display: none !important; } }
+
+.hide-for-landscape,
+.show-for-portrait {
+  display: none !important; }
+  @media screen and (orientation: landscape) {
+    .hide-for-landscape,
+    .show-for-portrait {
+      display: none !important; } }
+  @media screen and (orientation: portrait) {
+    .hide-for-landscape,
+    .show-for-portrait {
+      display: block !important; } }
+
+/*# sourceMappingURL=foundation.css.map */
diff --git a/packages/css-syntax-patches-for-csstree/tests/normalize.css b/packages/css-syntax-patches-for-csstree/tests/normalize.css
new file mode 100644
index 0000000000..192eb9ce43
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/normalize.css
@@ -0,0 +1,349 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/open-props.min.css b/packages/css-syntax-patches-for-csstree/tests/open-props.min.css
new file mode 100644
index 0000000000..7c7a1bb9f2
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/open-props.min.css
@@ -0,0 +1 @@
+:where(html){--font-system-ui:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-transitional:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-old-style:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;--font-humanist:Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;--font-geometric-humanist:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;--font-classical-humanist:Optima,Candara,Noto Sans,source-sans-pro,sans-serif;--font-neo-grotesque:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;--font-monospace-slab-serif:Nimbus Mono PS,Courier New,monospace;--font-monospace-code:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-industrial:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;--font-rounded-sans:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;--font-slab-serif:Rockwell,Rockwell Nova,Roboto Slab,DejaVu Serif,Sitka Small,serif;--font-antique:Superclarendon,Bookman Old Style,URW Bookman,URW Bookman L,Georgia Pro,Georgia,serif;--font-didone:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif;--font-handwritten:Segoe Print,Bradley Hand,Chilanka,TSCu_Comic,casual,cursive;--font-sans:var(--font-system-ui);--font-serif:ui-serif,serif;--font-mono:var(--font-monospace-code);--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.050em;--font-letterspacing-3:.075em;--font-letterspacing-4:.150em;--font-letterspacing-5:.500em;--font-letterspacing-6:.750em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,9vw,3.5rem);--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-px-000:-8px;--size-px-00:-4px;--size-px-1:4px;--size-px-2:8px;--size-px-3:16px;--size-px-4:20px;--size-px-5:24px;--size-px-6:28px;--size-px-7:32px;--size-px-8:48px;--size-px-9:64px;--size-px-10:80px;--size-px-11:120px;--size-px-12:160px;--size-px-13:240px;--size-px-14:320px;--size-px-15:480px;--size-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(4rem,5vw,5rem);--size-fluid-6:clamp(5rem,7vw,7.5rem);--size-fluid-7:clamp(7.5rem,10vw,10rem);--size-fluid-8:clamp(10rem,20vw,15rem);--size-fluid-9:clamp(15rem,30vw,20rem);--size-fluid-10:clamp(20rem,40vw,30rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.50,0,1,1);--ease-in-3:cubic-bezier(.70,0,1,1);--ease-in-4:cubic-bezier(.90,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.50,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-0.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-0.50,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-0.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1.00,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,0.007,0.029 2.2%,0.118 4.7%,0.625 14.4%,0.826 19%,0.902,0.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,0.999 61.6%,0.995 71.2%,1);--ease-spring-3:linear(0,0.009,0.035 2.1%,0.141 4.4%,0.723 12.9%,0.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,0.991,0.977 51%,0.974 53.8%,0.975 57.1%,0.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,0.009,0.037 1.7%,0.153 3.6%,0.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,0.973,0.955 39.2%,0.953 41.1%,0.957 43.3%,0.998 53.3%,1.009 59.1% 63.7%,0.998 78.9%,1);--ease-spring-5:linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,0.004,0.016,0.035,0.063,0.098,0.141,0.191,0.25,0.316,0.391 36.8%,0.563,0.766,1 58.8%,0.946,0.908 69.1%,0.895,0.885,0.879,0.878,0.879,0.885,0.895,0.908 89.7%,0.946,1);--ease-bounce-2:linear(0,0.004,0.016,0.035,0.063,0.098,0.141 15.1%,0.25,0.391,0.562,0.765,1,0.892 45.2%,0.849,0.815,0.788,0.769,0.757,0.753,0.757,0.769,0.788,0.815,0.85,0.892 75.2%,1 80.2%,0.973,0.954,0.943,0.939,0.943,0.954,0.973,1);--ease-bounce-3:linear(0,0.004,0.016,0.035,0.062,0.098,0.141 11.4%,0.25,0.39,0.562,0.764,1 30.3%,0.847 34.8%,0.787,0.737,0.699,0.672,0.655,0.65,0.656,0.672,0.699,0.738,0.787,0.847 61.7%,1 66.2%,0.946,0.908,0.885 74.2%,0.879,0.878,0.879,0.885 79.5%,0.908,0.946,1 87.4%,0.981,0.968,0.96,0.957,0.96,0.968,0.981,1);--ease-bounce-4:linear(0,0.004,0.016 3%,0.062,0.141,0.25,0.391,0.562 18.2%,1 24.3%,0.81,0.676 32.3%,0.629,0.595,0.575,0.568,0.575,0.595,0.629,0.676 48.2%,0.811,1 56.2%,0.918,0.86,0.825,0.814,0.825,0.86,0.918,1 77.2%,0.94 80.6%,0.925,0.92,0.925,0.94 87.5%,1 90.9%,0.974,0.965,0.974,1);--ease-bounce-5:linear(0,0.004,0.016 2.5%,0.063,0.141,0.25 10.1%,0.562,1 20.2%,0.783,0.627,0.534 30.9%,0.511,0.503,0.511,0.534 38%,0.627,0.782,1 48.7%,0.892,0.815,0.769 56.3%,0.757,0.753,0.757,0.769 61.3%,0.815,0.892,1 68.8%,0.908 72.4%,0.885,0.878,0.885,0.908 79.4%,1 83%,0.954 85.5%,0.943,0.939,0.943,0.954 90.5%,1 93%,0.977,0.97,0.977,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.6180/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-1:linear-gradient(to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right,#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left,#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right,#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--gradient-7:linear-gradient(to bottom right,#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left,#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right,lime,cyan);--gradient-15:linear-gradient(to bottom right,#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--gradient-18:linear-gradient(0deg,rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient(60deg,rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient(120deg,rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient(180deg,rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient(240deg,rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient(300deg,rgba(255,0,255,.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right,#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right,#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right,#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right,#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left,#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--gradient-29:radial-gradient(circle at top right,#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left,#86acf9,rgba(134,172,249,0));--gradient-30:radial-gradient(circle at top right,#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left,#adffd6,rgba(173,255,214,0));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-drawn-1:255px 15px 225px 15px/15px 225px 15px 255px;--radius-drawn-2:125px 10px 20px 185px/25px 205px 205px 25px;--radius-drawn-3:15px 255px 15px 225px/225px 15px 255px 15px;--radius-drawn-4:15px 25px 155px 25px/225px 150px 25px 115px;--radius-drawn-5:250px 25px 15px 20px/15px 80px 105px 115px;--radius-drawn-6:28px 100px 20px 15px/150px 30px 205px 225px;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-6))}@media (prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translateX(100%)}}@keyframes slide-out-left{to{transform:translateX(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translateX(-100%)}}@keyframes slide-in-left{0%{transform:translateX(100%)}}@keyframes shake-x{0%,to{transform:translateX(0)}20%{transform:translateX(-5%)}40%{transform:translateX(5%)}60%{transform:translateX(-5%)}80%{transform:translateX(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0deg)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media (prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}}@media (prefers-color-scheme:dark){@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}}
diff --git a/packages/css-syntax-patches-for-csstree/tests/pure.css b/packages/css-syntax-patches-for-csstree/tests/pure.css
new file mode 100644
index 0000000000..6ec9f43fbb
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/pure.css
@@ -0,0 +1,1380 @@
+/*!
+Pure v2.0.3
+Copyright 2013 Yahoo!
+Licensed under the BSD License.
+https://github.com/pure-css/pure/blob/master/LICENSE.md
+*/
+/*!
+normalize.css v | MIT License | git.io/normalize
+Copyright (c) Nicolas Gallagher and Jonathan Neal
+*/
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}
+
+/*csslint important:false*/
+
+/* ==========================================================================
+   Pure Base Extras
+   ========================================================================== */
+
+/**
+ * Extra rules that Pure adds on top of Normalize.css
+ */
+
+html {
+    font-family: sans-serif;
+}
+
+/**
+ * Always hide an element when it has the `hidden` HTML attribute.
+ */
+
+.hidden,
+[hidden] {
+    display: none !important;
+}
+
+/**
+ * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
+ * aspect ratio.
+ */
+.pure-img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+}
+
+/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
+
+.pure-g {
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /*
+    Sets the font stack to fonts known to work properly with the above letter
+    and word spacings. See: https://github.com/pure-css/pure/issues/41/
+
+    The following font stack makes Pure Grids work on all known environments.
+
+    * FreeSans: Ships with many Linux distros, including Ubuntu
+
+    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
+      Arial to get picked up by the browser, even though neither is available
+      in Chrome OS.
+
+    * Droid Sans: Ships with all versions of Android.
+
+    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
+    */
+    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
+
+    /* Use flexbox when possible to avoid `letter-spacing` side-effects. */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-flow: row wrap;
+            flex-flow: row wrap;
+
+    /* Prevents distributing space between rows */
+    -ms-flex-line-pack: start;
+        align-content: flex-start;
+}
+
+/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+	table .pure-g {
+		display: block;
+	}
+}
+
+/* Opera as of 12 on Windows needs word-spacing.
+   The ".opera-only" selector is used to prevent actual prefocus styling
+   and is not required in markup.
+*/
+.opera-only :-o-prefocus,
+.pure-g {
+    word-spacing: -0.43em;
+}
+
+.pure-u {
+    display: inline-block;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+/*
+Resets the font family back to the OS/browser's default sans-serif font,
+this the same font stack that Normalize.css sets for the `body`.
+*/
+.pure-g [class *= "pure-u"] {
+    font-family: sans-serif;
+}
+
+.pure-u-1,
+.pure-u-1-1,
+.pure-u-1-2,
+.pure-u-1-3,
+.pure-u-2-3,
+.pure-u-1-4,
+.pure-u-3-4,
+.pure-u-1-5,
+.pure-u-2-5,
+.pure-u-3-5,
+.pure-u-4-5,
+.pure-u-5-5,
+.pure-u-1-6,
+.pure-u-5-6,
+.pure-u-1-8,
+.pure-u-3-8,
+.pure-u-5-8,
+.pure-u-7-8,
+.pure-u-1-12,
+.pure-u-5-12,
+.pure-u-7-12,
+.pure-u-11-12,
+.pure-u-1-24,
+.pure-u-2-24,
+.pure-u-3-24,
+.pure-u-4-24,
+.pure-u-5-24,
+.pure-u-6-24,
+.pure-u-7-24,
+.pure-u-8-24,
+.pure-u-9-24,
+.pure-u-10-24,
+.pure-u-11-24,
+.pure-u-12-24,
+.pure-u-13-24,
+.pure-u-14-24,
+.pure-u-15-24,
+.pure-u-16-24,
+.pure-u-17-24,
+.pure-u-18-24,
+.pure-u-19-24,
+.pure-u-20-24,
+.pure-u-21-24,
+.pure-u-22-24,
+.pure-u-23-24,
+.pure-u-24-24 {
+    display: inline-block;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+.pure-u-1-24 {
+    width: 4.1667%;
+}
+
+.pure-u-1-12,
+.pure-u-2-24 {
+    width: 8.3333%;
+}
+
+.pure-u-1-8,
+.pure-u-3-24 {
+    width: 12.5000%;
+}
+
+.pure-u-1-6,
+.pure-u-4-24 {
+    width: 16.6667%;
+}
+
+.pure-u-1-5 {
+    width: 20%;
+}
+
+.pure-u-5-24 {
+    width: 20.8333%;
+}
+
+.pure-u-1-4,
+.pure-u-6-24 {
+    width: 25%;
+}
+
+.pure-u-7-24 {
+    width: 29.1667%;
+}
+
+.pure-u-1-3,
+.pure-u-8-24 {
+    width: 33.3333%;
+}
+
+.pure-u-3-8,
+.pure-u-9-24 {
+    width: 37.5000%;
+}
+
+.pure-u-2-5 {
+    width: 40%;
+}
+
+.pure-u-5-12,
+.pure-u-10-24 {
+    width: 41.6667%;
+}
+
+.pure-u-11-24 {
+    width: 45.8333%;
+}
+
+.pure-u-1-2,
+.pure-u-12-24 {
+    width: 50%;
+}
+
+.pure-u-13-24 {
+    width: 54.1667%;
+}
+
+.pure-u-7-12,
+.pure-u-14-24 {
+    width: 58.3333%;
+}
+
+.pure-u-3-5 {
+    width: 60%;
+}
+
+.pure-u-5-8,
+.pure-u-15-24 {
+    width: 62.5000%;
+}
+
+.pure-u-2-3,
+.pure-u-16-24 {
+    width: 66.6667%;
+}
+
+.pure-u-17-24 {
+    width: 70.8333%;
+}
+
+.pure-u-3-4,
+.pure-u-18-24 {
+    width: 75%;
+}
+
+.pure-u-19-24 {
+    width: 79.1667%;
+}
+
+.pure-u-4-5 {
+    width: 80%;
+}
+
+.pure-u-5-6,
+.pure-u-20-24 {
+    width: 83.3333%;
+}
+
+.pure-u-7-8,
+.pure-u-21-24 {
+    width: 87.5000%;
+}
+
+.pure-u-11-12,
+.pure-u-22-24 {
+    width: 91.6667%;
+}
+
+.pure-u-23-24 {
+    width: 95.8333%;
+}
+
+.pure-u-1,
+.pure-u-1-1,
+.pure-u-5-5,
+.pure-u-24-24 {
+    width: 100%;
+}
+.pure-button {
+    /* Structure */
+    display: inline-block;
+    line-height: normal;
+    white-space: nowrap;
+    vertical-align: middle;
+    text-align: center;
+    cursor: pointer;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+/* Firefox: Get rid of the inner focus border */
+.pure-button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+
+/* Inherit .pure-g styles */
+.pure-button-group {
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+}
+
+.opera-only :-o-prefocus,
+.pure-button-group {
+    word-spacing: -0.43em;
+}
+
+.pure-button-group .pure-button {
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+/*csslint outline-none:false*/
+
+.pure-button {
+    font-family: inherit;
+    font-size: 100%;
+    padding: 0.5em 1em;
+    color: rgba(0, 0, 0, 0.80);
+    border: none rgba(0, 0, 0, 0);
+    background-color: #E6E6E6;
+    text-decoration: none;
+    border-radius: 2px;
+}
+
+.pure-button-hover,
+.pure-button:hover,
+.pure-button:focus {
+    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
+    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+}
+.pure-button:focus {
+    outline: 0;
+}
+.pure-button-active,
+.pure-button:active {
+    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
+            box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
+    border-color: #000;
+}
+
+.pure-button[disabled],
+.pure-button-disabled,
+.pure-button-disabled:hover,
+.pure-button-disabled:focus,
+.pure-button-disabled:active {
+    border: none;
+    background-image: none;
+    opacity: 0.40;
+    cursor: not-allowed;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+    pointer-events: none;
+}
+
+.pure-button-hidden {
+    display: none;
+}
+
+.pure-button-primary,
+.pure-button-selected,
+a.pure-button-primary,
+a.pure-button-selected {
+    background-color: rgb(0, 120, 231);
+    color: #fff;
+}
+
+/* Button Groups */
+.pure-button-group .pure-button {
+    margin: 0;
+    border-radius: 0;
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+
+}
+
+.pure-button-group .pure-button:first-child {
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+}
+.pure-button-group .pure-button:last-child {
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
+    border-right: none;
+}
+
+/*csslint box-model:false*/
+/*
+Box-model set to false because we're setting a height on select elements, which
+also have border and padding. This is done because some browsers don't render
+the padding. We explicitly set the box-model for select elements to border-box,
+so we can ignore the csslint warning.
+*/
+
+.pure-form input[type="text"],
+.pure-form input[type="password"],
+.pure-form input[type="email"],
+.pure-form input[type="url"],
+.pure-form input[type="date"],
+.pure-form input[type="month"],
+.pure-form input[type="time"],
+.pure-form input[type="datetime"],
+.pure-form input[type="datetime-local"],
+.pure-form input[type="week"],
+.pure-form input[type="number"],
+.pure-form input[type="search"],
+.pure-form input[type="tel"],
+.pure-form input[type="color"],
+.pure-form select,
+.pure-form textarea {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    -webkit-box-shadow: inset 0 1px 3px #ddd;
+            box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    vertical-align: middle;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type]) {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    -webkit-box-shadow: inset 0 1px 3px #ddd;
+            box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
+/* May be able to remove this tweak as color inputs become more standardized across browsers. */
+.pure-form input[type="color"] {
+    padding: 0.2em 0.5em;
+}
+
+
+.pure-form input[type="text"]:focus,
+.pure-form input[type="password"]:focus,
+.pure-form input[type="email"]:focus,
+.pure-form input[type="url"]:focus,
+.pure-form input[type="date"]:focus,
+.pure-form input[type="month"]:focus,
+.pure-form input[type="time"]:focus,
+.pure-form input[type="datetime"]:focus,
+.pure-form input[type="datetime-local"]:focus,
+.pure-form input[type="week"]:focus,
+.pure-form input[type="number"]:focus,
+.pure-form input[type="search"]:focus,
+.pure-form input[type="tel"]:focus,
+.pure-form input[type="color"]:focus,
+.pure-form select:focus,
+.pure-form textarea:focus {
+    outline: 0;
+    border-color: #129FEA;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type]):focus {
+    outline: 0;
+    border-color: #129FEA;
+}
+
+.pure-form input[type="file"]:focus,
+.pure-form input[type="radio"]:focus,
+.pure-form input[type="checkbox"]:focus {
+    outline: thin solid #129FEA;
+    outline: 1px auto #129FEA;
+}
+.pure-form .pure-checkbox,
+.pure-form .pure-radio {
+    margin: 0.5em 0;
+    display: block;
+}
+
+.pure-form input[type="text"][disabled],
+.pure-form input[type="password"][disabled],
+.pure-form input[type="email"][disabled],
+.pure-form input[type="url"][disabled],
+.pure-form input[type="date"][disabled],
+.pure-form input[type="month"][disabled],
+.pure-form input[type="time"][disabled],
+.pure-form input[type="datetime"][disabled],
+.pure-form input[type="datetime-local"][disabled],
+.pure-form input[type="week"][disabled],
+.pure-form input[type="number"][disabled],
+.pure-form input[type="search"][disabled],
+.pure-form input[type="tel"][disabled],
+.pure-form input[type="color"][disabled],
+.pure-form select[disabled],
+.pure-form textarea[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type])[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+}
+.pure-form input[readonly],
+.pure-form select[readonly],
+.pure-form textarea[readonly] {
+    background-color: #eee; /* menu hover bg color */
+    color: #777; /* menu text color */
+    border-color: #ccc;
+}
+
+.pure-form input:focus:invalid,
+.pure-form textarea:focus:invalid,
+.pure-form select:focus:invalid {
+    color: #b94a48;
+    border-color: #e9322d;
+}
+.pure-form input[type="file"]:focus:invalid:focus,
+.pure-form input[type="radio"]:focus:invalid:focus,
+.pure-form input[type="checkbox"]:focus:invalid:focus {
+    outline-color: #e9322d;
+}
+.pure-form select {
+    /* Normalizes the height; padding is not sufficient. */
+    height: 2.25em;
+    border: 1px solid #ccc;
+    background-color: white;
+}
+.pure-form select[multiple] {
+    height: auto;
+}
+.pure-form label {
+    margin: 0.5em 0 0.2em;
+}
+.pure-form fieldset {
+    margin: 0;
+    padding: 0.35em 0 0.75em;
+    border: 0;
+}
+.pure-form legend {
+    display: block;
+    width: 100%;
+    padding: 0.3em 0;
+    margin-bottom: 0.3em;
+    color: #333;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.pure-form-stacked input[type="text"],
+.pure-form-stacked input[type="password"],
+.pure-form-stacked input[type="email"],
+.pure-form-stacked input[type="url"],
+.pure-form-stacked input[type="date"],
+.pure-form-stacked input[type="month"],
+.pure-form-stacked input[type="time"],
+.pure-form-stacked input[type="datetime"],
+.pure-form-stacked input[type="datetime-local"],
+.pure-form-stacked input[type="week"],
+.pure-form-stacked input[type="number"],
+.pure-form-stacked input[type="search"],
+.pure-form-stacked input[type="tel"],
+.pure-form-stacked input[type="color"],
+.pure-form-stacked input[type="file"],
+.pure-form-stacked select,
+.pure-form-stacked label,
+.pure-form-stacked textarea {
+    display: block;
+    margin: 0.25em 0;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form-stacked input:not([type]) {
+    display: block;
+    margin: 0.25em 0;
+}
+.pure-form-aligned input,
+.pure-form-aligned textarea,
+.pure-form-aligned select,
+.pure-form-message-inline {
+    display: inline-block;
+    vertical-align: middle;
+}
+.pure-form-aligned textarea {
+    vertical-align: top;
+}
+
+/* Aligned Forms */
+.pure-form-aligned .pure-control-group {
+    margin-bottom: 0.5em;
+}
+.pure-form-aligned .pure-control-group label {
+    text-align: right;
+    display: inline-block;
+    vertical-align: middle;
+    width: 10em;
+    margin: 0 1em 0 0;
+}
+.pure-form-aligned .pure-controls {
+    margin: 1.5em 0 0 11em;
+}
+
+/* Rounded Inputs */
+.pure-form input.pure-input-rounded,
+.pure-form .pure-input-rounded {
+    border-radius: 2em;
+    padding: 0.5em 1em;
+}
+
+/* Grouped Inputs */
+.pure-form .pure-group fieldset {
+    margin-bottom: 10px;
+}
+.pure-form .pure-group input,
+.pure-form .pure-group textarea {
+    display: block;
+    padding: 10px;
+    margin: 0 0 -1px;
+    border-radius: 0;
+    position: relative;
+    top: -1px;
+}
+.pure-form .pure-group input:focus,
+.pure-form .pure-group textarea:focus {
+    z-index: 3;
+}
+.pure-form .pure-group input:first-child,
+.pure-form .pure-group textarea:first-child {
+    top: 1px;
+    border-radius: 4px 4px 0 0;
+    margin: 0;
+}
+.pure-form .pure-group input:first-child:last-child,
+.pure-form .pure-group textarea:first-child:last-child {
+    top: 1px;
+    border-radius: 4px;
+    margin: 0;
+}
+.pure-form .pure-group input:last-child,
+.pure-form .pure-group textarea:last-child {
+    top: -2px;
+    border-radius: 0 0 4px 4px;
+    margin: 0;
+}
+.pure-form .pure-group button {
+    margin: 0.35em 0;
+}
+
+.pure-form .pure-input-1 {
+    width: 100%;
+}
+.pure-form .pure-input-3-4 {
+    width: 75%;
+}
+.pure-form .pure-input-2-3 {
+    width: 66%;
+}
+.pure-form .pure-input-1-2 {
+    width: 50%;
+}
+.pure-form .pure-input-1-3 {
+    width: 33%;
+}
+.pure-form .pure-input-1-4 {
+    width: 25%;
+}
+
+/* Inline help for forms */
+.pure-form-message-inline {
+    display: inline-block;
+    padding-left: 0.3em;
+    color: #666;
+    vertical-align: middle;
+    font-size: 0.875em;
+}
+
+/* Block help for forms */
+.pure-form-message {
+    display: block;
+    color: #666;
+    font-size: 0.875em;
+}
+
+@media only screen and (max-width : 480px) {
+    .pure-form button[type="submit"] {
+        margin: 0.7em 0 0;
+    }
+
+    .pure-form input:not([type]),
+    .pure-form input[type="text"],
+    .pure-form input[type="password"],
+    .pure-form input[type="email"],
+    .pure-form input[type="url"],
+    .pure-form input[type="date"],
+    .pure-form input[type="month"],
+    .pure-form input[type="time"],
+    .pure-form input[type="datetime"],
+    .pure-form input[type="datetime-local"],
+    .pure-form input[type="week"],
+    .pure-form input[type="number"],
+    .pure-form input[type="search"],
+    .pure-form input[type="tel"],
+    .pure-form input[type="color"],
+    .pure-form label {
+        margin-bottom: 0.3em;
+        display: block;
+    }
+
+    .pure-group input:not([type]),
+    .pure-group input[type="text"],
+    .pure-group input[type="password"],
+    .pure-group input[type="email"],
+    .pure-group input[type="url"],
+    .pure-group input[type="date"],
+    .pure-group input[type="month"],
+    .pure-group input[type="time"],
+    .pure-group input[type="datetime"],
+    .pure-group input[type="datetime-local"],
+    .pure-group input[type="week"],
+    .pure-group input[type="number"],
+    .pure-group input[type="search"],
+    .pure-group input[type="tel"],
+    .pure-group input[type="color"] {
+        margin-bottom: 0;
+    }
+
+    .pure-form-aligned .pure-control-group label {
+        margin-bottom: 0.3em;
+        text-align: left;
+        display: block;
+        width: 100%;
+    }
+
+    .pure-form-aligned .pure-controls {
+        margin: 1.5em 0 0 0;
+    }
+
+    .pure-form-message-inline,
+    .pure-form-message {
+        display: block;
+        font-size: 0.75em;
+        /* Increased bottom padding to make it group with its related input element. */
+        padding: 0.2em 0 0.8em;
+    }
+}
+
+/*csslint adjoining-classes: false, box-model:false*/
+.pure-menu {
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.pure-menu-fixed {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 3;
+}
+
+.pure-menu-list,
+.pure-menu-item {
+    position: relative;
+}
+
+.pure-menu-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.pure-menu-item {
+    padding: 0;
+    margin: 0;
+    height: 100%;
+}
+
+.pure-menu-link,
+.pure-menu-heading {
+    display: block;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+/* HORIZONTAL MENU */
+.pure-menu-horizontal {
+    width: 100%;
+    white-space: nowrap;
+}
+
+.pure-menu-horizontal .pure-menu-list {
+    display: inline-block;
+}
+
+/* Initial menus should be inline-block so that they are horizontal */
+.pure-menu-horizontal .pure-menu-item,
+.pure-menu-horizontal .pure-menu-heading,
+.pure-menu-horizontal .pure-menu-separator {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+/* Submenus should still be display: block; */
+.pure-menu-item .pure-menu-item {
+    display: block;
+}
+
+.pure-menu-children {
+    display: none;
+    position: absolute;
+    left: 100%;
+    top: 0;
+    margin: 0;
+    padding: 0;
+    z-index: 3;
+}
+
+.pure-menu-horizontal .pure-menu-children {
+    left: 0;
+    top: auto;
+    width: inherit;
+}
+
+.pure-menu-allow-hover:hover > .pure-menu-children,
+.pure-menu-active > .pure-menu-children {
+    display: block;
+    position: absolute;
+}
+
+/* Vertical Menus - show the dropdown arrow */
+.pure-menu-has-children > .pure-menu-link:after {
+    padding-left: 0.5em;
+    content: "\25B8";
+    font-size: small;
+}
+
+/* Horizontal Menus - show the dropdown arrow */
+.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
+    content: "\25BE";
+}
+
+/* scrollable menus */
+.pure-menu-scrollable {
+    overflow-y: scroll;
+    overflow-x: hidden;
+}
+
+.pure-menu-scrollable .pure-menu-list {
+    display: block;
+}
+
+.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
+    display: inline-block;
+}
+
+.pure-menu-horizontal.pure-menu-scrollable {
+    white-space: nowrap;
+    overflow-y: hidden;
+    overflow-x: auto;
+    /* a little extra padding for this style to allow for scrollbars */
+    padding: .5em 0;
+}
+
+/* misc default styling */
+
+.pure-menu-separator,
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
+    background-color: #ccc;
+    height: 1px;
+    margin: .3em 0;
+}
+
+.pure-menu-horizontal .pure-menu-separator {
+    width: 1px;
+    height: 1.3em;
+    margin: 0 .3em ;
+}
+
+/* Need to reset the separator since submenu is vertical */
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
+    display: block;
+    width: auto;
+}
+
+.pure-menu-heading {
+    text-transform: uppercase;
+    color: #565d64;
+}
+
+.pure-menu-link {
+    color: #777;
+}
+
+.pure-menu-children {
+    background-color: #fff;
+}
+
+.pure-menu-link,
+.pure-menu-disabled,
+.pure-menu-heading {
+    padding: .5em 1em;
+}
+
+.pure-menu-disabled {
+    opacity: .5;
+}
+
+.pure-menu-disabled .pure-menu-link:hover {
+    background-color: transparent;
+}
+
+.pure-menu-active > .pure-menu-link,
+.pure-menu-link:hover,
+.pure-menu-link:focus {
+    background-color: #eee;
+}
+
+.pure-menu-selected > .pure-menu-link,
+.pure-menu-selected > .pure-menu-link:visited {
+    color: #000;
+}
+
+.pure-table {
+    /* Remove spacing between table cells (from Normalize.css) */
+    border-collapse: collapse;
+    border-spacing: 0;
+    empty-cells: show;
+    border: 1px solid #cbcbcb;
+}
+
+.pure-table caption {
+    color: #000;
+    font: italic 85%/1 arial, sans-serif;
+    padding: 1em 0;
+    text-align: center;
+}
+
+.pure-table td,
+.pure-table th {
+    border-left: 1px solid #cbcbcb;/*  inner column border */
+    border-width: 0 0 0 1px;
+    font-size: inherit;
+    margin: 0;
+    overflow: visible; /*to make ths where the title is really long work*/
+    padding: 0.5em 1em; /* cell padding */
+}
+
+.pure-table thead {
+    background-color: #e0e0e0;
+    color: #000;
+    text-align: left;
+    vertical-align: bottom;
+}
+
+/*
+striping:
+   even - #fff (white)
+   odd  - #f2f2f2 (light gray)
+*/
+.pure-table td {
+    background-color: transparent;
+}
+.pure-table-odd td {
+    background-color: #f2f2f2;
+}
+
+/* nth-child selector for modern browsers */
+.pure-table-striped tr:nth-child(2n-1) td {
+    background-color: #f2f2f2;
+}
+
+/* BORDERED TABLES */
+.pure-table-bordered td {
+    border-bottom: 1px solid #cbcbcb;
+}
+.pure-table-bordered tbody > tr:last-child > td {
+    border-bottom-width: 0;
+}
+
+
+/* HORIZONTAL BORDERED TABLES */
+
+.pure-table-horizontal td,
+.pure-table-horizontal th {
+    border-width: 0 0 1px 0;
+    border-bottom: 1px solid #cbcbcb;
+}
+.pure-table-horizontal tbody > tr:last-child > td {
+    border-bottom-width: 0;
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/reset.css b/packages/css-syntax-patches-for-csstree/tests/reset.css
new file mode 100644
index 0000000000..af944401f7
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/reset.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
\ No newline at end of file

From 0c9a67c9c5713fd86561550ab2e1baf095627447 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Thu, 29 Aug 2024 08:59:56 +0200
Subject: [PATCH 15/66] wip

---
 .../dist/index.json                           |   7 +
 .../webref-over-csstree-properties.json       |  48 ++-
 .../patches/webref-over-csstree-types.json    | 282 +++++++++++++++++-
 .../raw-data/webref-over-csstree-types.json   |  48 +++
 .../raw-data/webref-types.json                |  20 +-
 .../scripts/generate-webref-sets.mjs          |   4 +
 6 files changed, 388 insertions(+), 21 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 42f4b5b76b..4ee95022f6 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -7,8 +7,10 @@
 			"anchor-name": "none | <dashed-ident>#",
 			"anchor-scope": "none | all | <dashed-ident>#",
 			"appearance": "none | auto | <compat-auto> | <compat-special>",
+			"clip": "<rect()> | auto",
 			"color-adjust": "<'print-color-adjust'>",
 			"justify-items": "| anchor-center",
+			"offset-path": "none | <offset-path> || <coord-box>",
 			"position-anchor": "auto | <anchor-element>",
 			"position-area": "none | <position-area>",
 			"position-try-fallbacks": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
@@ -17,6 +19,7 @@
 		},
 		"types": {
 			"anchor-element": "<dashed-ident>",
+			"bottom": "<length-percentage> | auto",
 			"color": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
 			"color-base": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
 			"color-function": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
@@ -24,14 +27,18 @@
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
+			"left": "<length-percentage> | auto",
 			"position-area": "[ [ 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} ]",
 			"predefined-polar-params": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 			"predefined-rectangular": "jzazbz | ictcp",
 			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 			"predefined-rgb-params": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+			"rect()": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
+			"right": "<length-percentage> | auto",
 			"src()": "src( <string> <url-modifier>* )",
 			"system-color": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
+			"top": "<length-percentage> | auto",
 			"transition-behavior-value": "normal | allow-discrete",
 			"try-size": "most-width | most-height | most-block-size | most-inline-size",
 			"try-tactic": "flip-block || flip-inline || flip-start",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 3a14c02bc8..027486c78f 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1199,9 +1199,13 @@
 		"syntax-before": "<shape> | auto",
 		"syntax-after": "<rect()> | auto",
 		"comment": "",
-		"merged": false,
+		"merged": "<rect()> | auto",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "rect(1px 2px 3px 4px)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -2790,10 +2794,44 @@
 		"syntax-before": "none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]",
 		"syntax-after": "none | <offset-path> || <coord-box>",
 		"comment": "",
-		"merged": false,
+		"merged": "none | <offset-path> || <coord-box>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(auto auto auto auto);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(0 1% auto 3% round 0 1px);"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px 5px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1ms 2ms 3ms 4ms);"
+				}
+			]
 		}
 	},
 	"offset-position": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index ff6d8ac1d8..a1001cbc07 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -370,10 +370,44 @@
 		"syntax-before": "<length> | auto",
 		"syntax-after": "auto",
 		"comment": "",
-		"merged": false,
+		"merged": "<length-percentage> | auto",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(auto auto auto auto);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(0 1% auto 3% round 0 1px);"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px 5px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1ms 2ms 3ms 4ms);"
+				}
+			]
 		}
 	},
 	"box": {
@@ -475,6 +509,17 @@
 			"failing": []
 		}
 	},
+	"circle()": {
+		"type": "modified",
+		"syntax-before": "circle( [ <shape-radius> ]? [ at <position> ]? )",
+		"syntax-after": "circle( <radial-size>? [ at <position> ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"clamp()": {
 		"type": "modified",
 		"syntax-before": "clamp( <calc-sum>#{3} )",
@@ -965,6 +1010,17 @@
 			"failing": []
 		}
 	},
+	"cubic-bezier()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"curve-command": {
 		"type": "added",
 		"syntax-before": "",
@@ -1093,6 +1149,17 @@
 			"failing": []
 		}
 	},
+	"ellipse()": {
+		"type": "modified",
+		"syntax-before": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )",
+		"syntax-after": "ellipse( <radial-size>? [ at <position> ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"env()": {
 		"type": "modified",
 		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
@@ -1595,10 +1662,44 @@
 		"syntax-before": "<length> | auto",
 		"syntax-after": "auto",
 		"comment": "",
-		"merged": false,
+		"merged": "<length-percentage> | auto",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(auto auto auto auto);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(0 1% auto 3% round 0 1px);"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px 5px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1ms 2ms 3ms 4ms);"
+				}
+			]
 		}
 	},
 	"legacy-device-cmyk-syntax": {
@@ -2162,6 +2263,17 @@
 			"failing": []
 		}
 	},
+	"path()": {
+		"type": "modified",
+		"syntax-before": "path( [ <fill-rule> , ]? <string> )",
+		"syntax-after": "path( <'fill-rule'>? , <string> )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"points": {
 		"type": "added",
 		"syntax-before": "",
@@ -2184,6 +2296,17 @@
 			"failing": []
 		}
 	},
+	"polygon()": {
+		"type": "modified",
+		"syntax-before": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )",
+		"syntax-after": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"position": {
 		"type": "modified",
 		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
@@ -2468,6 +2591,51 @@
 			"failing": []
 		}
 	},
+	"rect()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
+		"comment": "",
+		"merged": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
+		"tests": {
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(auto auto auto auto);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(0 1% auto 3% round 0 1px);"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px 5px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1ms 2ms 3ms 4ms);"
+				}
+			]
+		}
+	},
 	"rectangular-color-space": {
 		"type": "added",
 		"syntax-before": "",
@@ -2616,10 +2784,44 @@
 		"syntax-before": "<length> | auto",
 		"syntax-after": "auto",
 		"comment": "",
-		"merged": false,
+		"merged": "<length-percentage> | auto",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(auto auto auto auto);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(0 1% auto 3% round 0 1px);"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px 5px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1ms 2ms 3ms 4ms);"
+				}
+			]
 		}
 	},
 	"round()": {
@@ -2889,6 +3091,17 @@
 			"failing": []
 		}
 	},
+	"steps()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "steps( <integer> , <step-position>? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"string()": {
 		"type": "added",
 		"syntax-before": "",
@@ -3152,10 +3365,44 @@
 		"syntax-before": "<length> | auto",
 		"syntax-after": "auto",
 		"comment": "",
-		"merged": false,
+		"merged": "<length-percentage> | auto",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(auto auto auto auto);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(0 1% auto 3% round 0 1px);"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "rect(1px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1px 2px 3px 4px 5px);"
+				},
+				{
+					"property": "offset-path",
+					"value": "rect(1ms 2ms 3ms 4ms);"
+				}
+			]
 		}
 	},
 	"track-breadth": {
@@ -3365,6 +3612,17 @@
 			"failing": []
 		}
 	},
+	"xywh()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"xyz": {
 		"type": "added",
 		"syntax-before": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index d29d3b4820..e639795dda 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -251,6 +251,12 @@
 		"syntax-after": "[ <image> | <color> ] && <percentage [0,100]>?",
 		"comment": ""
 	},
+	"circle()": {
+		"type": "modified",
+		"syntax-before": "circle( [ <shape-radius> ]? [ at <position> ]? )",
+		"syntax-after": "circle( <radial-size>? [ at <position> ]? )",
+		"comment": ""
+	},
 	"clamp()": {
 		"type": "modified",
 		"syntax-before": "clamp( <calc-sum>#{3} )",
@@ -497,6 +503,12 @@
 		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
 		"comment": ""
 	},
+	"cubic-bezier()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"comment": ""
+	},
 	"curve-command": {
 		"type": "added",
 		"syntax-before": "",
@@ -569,6 +581,12 @@
 		"syntax-after": "element( <id-selector> )",
 		"comment": ""
 	},
+	"ellipse()": {
+		"type": "modified",
+		"syntax-before": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )",
+		"syntax-after": "ellipse( <radial-size>? [ at <position> ]? )",
+		"comment": ""
+	},
 	"env()": {
 		"type": "modified",
 		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
@@ -1151,6 +1169,12 @@
 		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
 		"comment": ""
 	},
+	"path()": {
+		"type": "modified",
+		"syntax-before": "path( [ <fill-rule> , ]? <string> )",
+		"syntax-after": "path( <'fill-rule'>? , <string> )",
+		"comment": ""
+	},
 	"points": {
 		"type": "added",
 		"syntax-before": "",
@@ -1163,6 +1187,12 @@
 		"syntax-after": "hsl | hwb | lch | oklch",
 		"comment": ""
 	},
+	"polygon()": {
+		"type": "modified",
+		"syntax-before": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )",
+		"syntax-after": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )",
+		"comment": ""
+	},
 	"position": {
 		"type": "modified",
 		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
@@ -1319,6 +1349,12 @@
 		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
 		"comment": ""
 	},
+	"rect()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
+		"comment": ""
+	},
 	"rectangular-color-space": {
 		"type": "added",
 		"syntax-before": "",
@@ -1541,6 +1577,12 @@
 		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
 		"comment": ""
 	},
+	"steps()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "steps( <integer> , <step-position>? )",
+		"comment": ""
+	},
 	"string()": {
 		"type": "added",
 		"syntax-before": "",
@@ -1751,6 +1793,12 @@
 		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 		"comment": ""
 	},
+	"xywh()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
+		"comment": ""
+	},
 	"xyz": {
 		"type": "added",
 		"syntax-before": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index 8f8144a2c7..445557e669 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -201,7 +201,7 @@
 		"syntax": "<percentage>? && <image>"
 	},
 	"circle()": {
-		"syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )"
+		"syntax": "circle( <radial-size>? [ at <position> ]? )"
 	},
 	"clamp()": {
 		"syntax": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )"
@@ -392,6 +392,9 @@
 	"cubic-bezier-timing-function": {
 		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
 	},
+	"cubic-bezier()": {
+		"syntax": "cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
+	},
 	"curve-command": {
 		"syntax": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]"
 	},
@@ -468,7 +471,7 @@
 		"syntax": "element( <id-selector> )"
 	},
 	"ellipse()": {
-		"syntax": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )"
+		"syntax": "ellipse( <radial-size>? [ at <position> ]? )"
 	},
 	"ending-shape": {
 		"syntax": "circle | ellipse"
@@ -1062,7 +1065,7 @@
 		"syntax": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )"
 	},
 	"path()": {
-		"syntax": "path( [ <fill-rule> , ]? <string> )"
+		"syntax": "path( <'fill-rule'>? , <string> )"
 	},
 	"perspective()": {
 		"syntax": "perspective( [ <length [0,∞]> | none ] )"
@@ -1074,7 +1077,7 @@
 		"syntax": "hsl | hwb | lch | oklch"
 	},
 	"polygon()": {
-		"syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
+		"syntax": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )"
 	},
 	"position": {
 		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
@@ -1178,6 +1181,9 @@
 	"ray()": {
 		"syntax": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )"
 	},
+	"rect()": {
+		"syntax": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"
+	},
 	"rectangular-color-space": {
 		"syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"
 	},
@@ -1412,6 +1418,9 @@
 	"step-timing-function": {
 		"syntax": "step-start | step-end | steps( <integer> [, <step-position> ]? )"
 	},
+	"steps()": {
+		"syntax": "steps( <integer> , <step-position>? )"
+	},
 	"string()": {
 		"syntax": "string( <custom-ident> , [ first | start | last | first-except ]? )"
 	},
@@ -1613,6 +1622,9 @@
 	"x": {
 		"syntax": "<number>"
 	},
+	"xywh()": {
+		"syntax": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"
+	},
 	"xyz": {
 		"syntax": "xyz | xyz-d50 | xyz-d65"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index bd68da6369..f85453e487 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -60,6 +60,10 @@ export async function generate_webref_sets() {
 					if (child_value.type === 'type' && child_value.value) {
 						values[trim_lt_gt(child_value.name)] = child_value.value;
 					}
+
+					if (child_value.type === 'function' && child_value.value) {
+						values[trim_lt_gt(child_value.name)] = child_value.value;
+					}
 				}
 			}
 

From 26da1f2bc8a9dd5f6de3a9a1508ee32cd8a0e72b Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sat, 31 Aug 2024 19:00:28 +0200
Subject: [PATCH 16/66] wip

---
 .../webref-over-csstree-properties.json       |  26 +-
 .../patches/webref-over-csstree-types.json    |   7 +-
 .../webref-over-csstree-properties.json       |  26 +-
 .../raw-data/webref-over-csstree-types.json   |   6 +-
 .../raw-data/webref-properties.json           |  26 +-
 .../raw-data/webref-types.json                |   6 +-
 .../scripts/generate-webref-sets.mjs          | 508 ++++++++++++++++--
 7 files changed, 503 insertions(+), 102 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 027486c78f..679341ed7e 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1311,7 +1311,7 @@
 	"column-width": {
 		"type": "modified",
 		"syntax-before": "<length> | auto",
-		"syntax-after": "<length> | auto | min-content | max-content | fit-content( <length-percentage> )",
+		"syntax-after": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1421,7 +1421,7 @@
 	"content": {
 		"type": "modified",
 		"syntax-before": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
-		"syntax-after": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]? | <element()>",
+		"syntax-after": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1432,7 +1432,7 @@
 	"continue": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "overflow | paginate | fragments",
+		"syntax-after": "auto | discard | -webkit-discard | overflow | paginate | fragments",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1542,7 +1542,7 @@
 	"display": {
 		"type": "modified",
 		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
-		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | <display-outside> || [ <display-inside> | math ]",
+		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1707,7 +1707,7 @@
 	"float": {
 		"type": "modified",
 		"syntax-before": "left | right | none | inline-start | inline-end",
-		"syntax-after": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none",
+		"syntax-after": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none | footnote",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2015,7 +2015,7 @@
 	"height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2616,7 +2616,7 @@
 	"max-height": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2649,7 +2649,7 @@
 	"max-width": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2671,7 +2671,7 @@
 	"min-height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2704,7 +2704,7 @@
 	"min-width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -3244,7 +3244,7 @@
 	"position": {
 		"type": "modified",
 		"syntax-before": "static | relative | absolute | sticky | fixed | -webkit-sticky",
-		"syntax-after": "static | relative | absolute | sticky | fixed",
+		"syntax-after": "static | relative | absolute | sticky | fixed | <running()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -4333,7 +4333,7 @@
 	"text-transform": {
 		"type": "modified",
 		"syntax-before": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
-		"syntax-after": "none | capitalize | uppercase | lowercase | full-width | full-size-kana | math-auto",
+		"syntax-after": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -4663,7 +4663,7 @@
 	"width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content",
-		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index a1001cbc07..c153da0718 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -891,7 +891,7 @@
 	"content-list": {
 		"type": "modified",
 		"syntax-before": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
-		"syntax-after": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
+		"syntax-after": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -913,7 +913,7 @@
 	"contrast-color()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
+		"syntax-after": "contrast-color( <color> max? )",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -3519,10 +3519,9 @@
 	"type()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "type( <syntax> )",
+		"syntax-after": "type( <string> )",
 		"comment": "",
 		"merged": false,
-		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
index c1056a7f95..dcf1256284 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -668,7 +668,7 @@
 	"column-width": {
 		"type": "modified",
 		"syntax-before": "<length> | auto",
-		"syntax-after": "<length> | auto | min-content | max-content | fit-content( <length-percentage> )",
+		"syntax-after": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
 		"comment": ""
 	},
 	"contain": {
@@ -728,13 +728,13 @@
 	"content": {
 		"type": "modified",
 		"syntax-before": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
-		"syntax-after": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]? | <element()>",
+		"syntax-after": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
 		"comment": ""
 	},
 	"continue": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "overflow | paginate | fragments",
+		"syntax-after": "auto | discard | -webkit-discard | overflow | paginate | fragments",
 		"comment": ""
 	},
 	"copy-into": {
@@ -794,7 +794,7 @@
 	"display": {
 		"type": "modified",
 		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
-		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | <display-outside> || [ <display-inside> | math ]",
+		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]",
 		"comment": ""
 	},
 	"dominant-baseline": {
@@ -884,7 +884,7 @@
 	"float": {
 		"type": "modified",
 		"syntax-before": "left | right | none | inline-start | inline-end",
-		"syntax-after": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none",
+		"syntax-after": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none | footnote",
 		"comment": ""
 	},
 	"float-defer": {
@@ -1052,7 +1052,7 @@
 	"height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"hyphenate-limit-chars": {
@@ -1376,7 +1376,7 @@
 	"max-height": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"max-inline-size": {
@@ -1394,7 +1394,7 @@
 	"max-width": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"min-block-size": {
@@ -1406,7 +1406,7 @@
 	"min-height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"min-inline-size": {
@@ -1424,7 +1424,7 @@
 	"min-width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"mix-blend-mode": {
@@ -1700,7 +1700,7 @@
 	"position": {
 		"type": "modified",
 		"syntax-before": "static | relative | absolute | sticky | fixed | -webkit-sticky",
-		"syntax-after": "static | relative | absolute | sticky | fixed",
+		"syntax-after": "static | relative | absolute | sticky | fixed | <running()>",
 		"comment": ""
 	},
 	"position-anchor": {
@@ -2270,7 +2270,7 @@
 	"text-transform": {
 		"type": "modified",
 		"syntax-before": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
-		"syntax-after": "none | capitalize | uppercase | lowercase | full-width | full-size-kana | math-auto",
+		"syntax-after": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
 		"comment": ""
 	},
 	"text-underline-offset": {
@@ -2444,7 +2444,7 @@
 	"width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content",
-		"syntax-after": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"word-break": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index e639795dda..27a30e9080 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -440,7 +440,7 @@
 	"content-list": {
 		"type": "modified",
 		"syntax-before": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
-		"syntax-after": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+",
+		"syntax-after": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
 		"comment": ""
 	},
 	"content()": {
@@ -452,7 +452,7 @@
 	"contrast-color()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )",
+		"syntax-after": "contrast-color( <color> max? )",
 		"comment": ""
 	},
 	"coord-box": {
@@ -1766,7 +1766,7 @@
 	"type()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "type( <syntax> )",
+		"syntax-after": "type( <string> )",
 		"comment": ""
 	},
 	"url": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
index 2213f9fea6..1910f1d272 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
@@ -612,7 +612,7 @@
 		"syntax": "none | <integer [1,∞]> | all | auto"
 	},
 	"column-width": {
-		"syntax": "<length> | auto | min-content | max-content | fit-content( <length-percentage> )"
+		"syntax": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )"
 	},
 	"columns": {
 		"syntax": "<'column-width'> || <'column-count'>"
@@ -645,7 +645,7 @@
 		"syntax": "normal | size | inline-size"
 	},
 	"content": {
-		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]? | <element()>"
+		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>"
 	},
 	"content-visibility": {
 		"syntax": "visible | auto | hidden"
@@ -678,7 +678,7 @@
 		"syntax": "none | [ fill | fill-opacity | stroke | stroke-opacity ]#"
 	},
 	"continue": {
-		"syntax": "overflow | paginate | fragments"
+		"syntax": "auto | discard | -webkit-discard | overflow | paginate | fragments"
 	},
 	"-moz-control-character-visibility": {
 		"syntax": "visible | hidden"
@@ -726,7 +726,7 @@
 		"syntax": "ltr | rtl"
 	},
 	"display": {
-		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | <display-outside> || [ <display-inside> | math ]"
+		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]"
 	},
 	"dominant-baseline": {
 		"syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top"
@@ -822,7 +822,7 @@
 		"syntax": "nowrap | wrap | wrap-reverse"
 	},
 	"float": {
-		"syntax": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none"
+		"syntax": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none | footnote"
 	},
 	"float-defer": {
 		"syntax": "<integer> | last | none"
@@ -1032,7 +1032,7 @@
 		"syntax": "none | [ first || [ force-end | allow-end ] || last ]"
 	},
 	"height": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"-ms-high-contrast-adjust": {
 		"syntax": "auto | none"
@@ -1362,7 +1362,7 @@
 		"syntax": "<'max-width'> | stretch | fit-content | contain"
 	},
 	"max-height": {
-		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain"
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"max-inline-size": {
 		"syntax": "<'max-width'> | stretch | fit-content | contain"
@@ -1371,13 +1371,13 @@
 		"syntax": "none | <integer [1,∞]>"
 	},
 	"max-width": {
-		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain"
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"min-block-size": {
 		"syntax": "<'min-width'> | stretch | fit-content | contain"
 	},
 	"min-height": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"min-inline-size": {
 		"syntax": "<'min-width'> | stretch | fit-content | contain"
@@ -1386,7 +1386,7 @@
 		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
 	},
 	"min-width": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width> | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"mix-blend-mode": {
 		"syntax": "<blend-mode> | plus-darker | plus-lighter"
@@ -1632,7 +1632,7 @@
 		"syntax": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none"
 	},
 	"position": {
-		"syntax": "static | relative | absolute | sticky | fixed"
+		"syntax": "static | relative | absolute | sticky | fixed | <running()>"
 	},
 	"position-anchor": {
 		"syntax": "auto | <anchor-element>"
@@ -2139,7 +2139,7 @@
 		"syntax": "<line-width>"
 	},
 	"text-transform": {
-		"syntax": "none | capitalize | uppercase | lowercase | full-width | full-size-kana | math-auto"
+		"syntax": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto"
 	},
 	"text-underline-offset": {
 		"syntax": "auto | <length-percentage>"
@@ -2304,7 +2304,7 @@
 		"syntax": "<integer [1,∞]>"
 	},
 	"width": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"will-change": {
 		"syntax": "auto | <animateable-feature>#"
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index 445557e669..5dce622a70 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -330,7 +330,7 @@
 		"syntax": "element | content | text | <attr()> | <counter>"
 	},
 	"content-list": {
-		"syntax": "[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+"
+		"syntax": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+"
 	},
 	"content-position": {
 		"syntax": "center | start | end | flex-start | flex-end"
@@ -345,7 +345,7 @@
 		"syntax": "[ contextual | no-contextual ]"
 	},
 	"contrast-color()": {
-		"syntax": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast> , <color># ] ] )"
+		"syntax": "contrast-color( <color> max? )"
 	},
 	"contrast()": {
 		"syntax": "contrast( [ <number-percentage> ] )"
@@ -1587,7 +1587,7 @@
 		"syntax": "<wq-name> | <ns-prefix>? '*'"
 	},
 	"type()": {
-		"syntax": "type( <syntax> )"
+		"syntax": "type( <string> )"
 	},
 	"url": {
 		"syntax": "<url()> | <src()>"
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index f85453e487..d37d095d58 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -1,14 +1,399 @@
 import css from '@webref/css';
-import { fork, definitionSyntax } from 'css-tree';
+import { fork } from 'css-tree';
 import { generate_set } from './generate-set.mjs';
 import { trim_lt_gt } from './trim-lt-gt.mjs';
 
-const IGNORED_TYPES = new Set([
-	'<an+b>',
+const IGNORED_SPECS = new Set([
+	// 'css-color-6',
 ]);
 
-// TODO : some properties or values might have duplicates and currently we always erase and only preserve the last encountered prop
-// need to either keep all or somehow merge.
+const IGNORED_TYPES = new Map([
+	['<an+b>', '*'],
+	['<type()>', new Set(['css-mixins'])],
+	['type()', new Set(['css-mixins'])],
+]);
+
+function is_ignored_type(type, spec_name) {
+	const is_ignored = IGNORED_TYPES.get(type);
+	return is_ignored && (is_ignored === '*' || is_ignored.has(spec_name));
+}
+
+const CUSTOM_OVERRIDES = {
+	'css-gcpm': {
+		'content-list': {
+			'syntax-before': '[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+',
+			'syntax-after': '[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+',
+		},
+	},
+	'css-color-6': {
+		// TODO : remove this override when `css-color-6` is updated
+		'contrast-color()': {
+			'syntax-before': 'contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>, <color># ] ] )',
+			'syntax-after': 'contrast-color( <color> max? )',
+		},
+	},
+};
+
+function maybe_override(spec_name, name, definition) {
+	const override = CUSTOM_OVERRIDES[spec_name]?.[name];
+	if (!override) {
+		return definition;
+	}
+
+	if (override['syntax-before'] !== definition) {
+		throw new Error(`Override is obsolete: '${spec_name}' - '${name}'`);
+	}
+
+	return override['syntax-after'];
+}
+
+const SPECS = [
+	['CSS', []],
+	['SVG', []],
+	['compat', []],
+	['compositing', []],
+	['css-align', []],
+	['css-anchor-position', []],
+	['css-animations', []],
+	['css-animations-2', []],
+	['css-backgrounds', []],
+	['css-backgrounds-4', []],
+	['css-borders', []],
+	['css-box', []],
+	['css-break', []],
+	['css-cascade', []],
+	['css-cascade-6', []],
+	['css-color', []],
+	['css-color-5', []],
+	['css-color-6', []],
+	['css-color-adjust', []],
+	['css-color-hdr', ['css-color-5']],
+	['css-conditional', []],
+	['css-conditional-4', []],
+	['css-conditional-5', []],
+	['css-contain', []],
+	['css-content', []],
+	['css-counter-styles', []],
+	['css-display', []],
+	['css-easing', []],
+	['css-env', []],
+	['css-exclusions', []],
+	['css-extensions', []],
+	['css-flexbox', []],
+	['css-fonts', []],
+	['css-fonts-5', []],
+	['css-page-floats', []],
+	['css-grid', []],
+	['css-grid-3', []],
+	['css-highlight-api', []],
+	['css-images', []],
+	['css-images-4', []],
+	['css-images-5', []],
+	['css-inline', []],
+	['css-layout-api', []],
+	['css-line-grid', []],
+	['css-link-params', []],
+	['css-lists', []],
+	['css-logical', []],
+	['css-masking', []],
+	['css-mixins', []],
+	['css-multicol', []],
+	['css-multicol-2', []],
+	['css-namespaces', []],
+	['css-nav', []],
+	['css-nesting', []],
+	['css-overflow', []],
+	['css-overflow-4', []],
+	['css-overflow-5', []],
+	['css-overscroll', []],
+	['css-page', []],
+	['css-paint-api', []],
+	['css-position', []],
+	['css-gcpm', ['css-content', 'css-position', 'css-page-floats']],
+	['css-gcpm-4', []],
+	['css-position-4', []],
+	['css-properties-values-api', []],
+	['css-pseudo', []],
+	['css-regions', []],
+	['css-rhythm', []],
+	['css-round-display', []],
+	['css-ruby', []],
+	['css-scoping', []],
+	['css-scroll-anchoring', []],
+	['css-scroll-snap', []],
+	['css-scroll-snap-2', []],
+	['css-scrollbars', []],
+	['css-shadow-parts', []],
+	['css-shapes', []],
+	['css-shapes-2', []],
+	['css-size-adjust', []],
+	['css-sizing', ['css-multicol']],
+	['css-sizing-4', ['css-logical']],
+	['css-speech', []],
+	['css-syntax', []],
+	['css-tables', []],
+	['css-text', []],
+	['mathml-core', ['css-text', 'css-display']],
+	['css-text-4', ['mathml-core']],
+	['css-text-decor', []],
+	['css-text-decor-4', []],
+	['css-transforms', []],
+	['css-transforms-2', []],
+	['css-transitions', []],
+	['css-transitions-2', []],
+	['css-ui', []],
+	['css-values', []],
+	['css-values-5', []],
+	['css-variables', []],
+	['css-view-transitions', []],
+	['css-view-transitions-2', []],
+	['css-viewport', []],
+	['css-will-change', []],
+	['css-writing-modes', []],
+	['fill-stroke', []],
+	['filter-effects', []],
+	['filter-effects-2', []],
+	['html', []],
+	['mediaqueries', []],
+	['mediaqueries-5', []],
+	['motion', []],
+	['scroll-animations', []],
+	['selectors', []],
+	['svg-strokes', []],
+	['upgrade-insecure-requests', []],
+	['webvtt', []],
+];
+
+SPECS.forEach(([spec, dependencies], index) => {
+	if (!dependencies.length) {
+		return;
+	}
+
+	const dependencyIndices = dependencies.map((dependency) => {
+		return SPECS.findIndex((x) => x[0] === dependency);
+	});
+
+	if (Math.min(...dependencyIndices) > index) {
+		console.log(spec, index, dependencies, dependencyIndices);
+
+		throw new Error('SPECS in correctly sorted by dependency');
+	}
+});
+
+function type_delta_key(name, from_spec, to_spec) {
+	return `type;;${name};;${from_spec};;${to_spec}`;
+}
+
+const type_deltas = new Set([
+	type_delta_key('media-feature', 'mediaqueries', 'mediaqueries-5'),
+	type_delta_key('media-in-parens', 'mediaqueries', 'mediaqueries-5'),
+
+	type_delta_key('letter-spacing', 'css-text', 'css-text-4'),
+
+	type_delta_key('single-transition', 'css-transitions', 'css-transitions-2'),
+
+	type_delta_key('linear-color-stop', 'css-images', 'css-images-4'),
+	type_delta_key('radial-gradient-syntax', 'css-images', 'css-images-4'),
+	type_delta_key('linear-gradient-syntax', 'css-images', 'css-images-4'),
+	type_delta_key('gradient', 'css-images', 'css-images-4'),
+	type_delta_key('image', 'css-images', 'css-images-4'),
+
+	type_delta_key('content-list', 'css-content', 'css-gcpm'),
+
+	type_delta_key('supports-feature', 'css-conditional', 'css-conditional-4'),
+
+	type_delta_key('supports-feature', 'css-conditional', 'css-conditional-5'),
+
+	type_delta_key('supports-feature', 'css-conditional-4', 'css-conditional-5'),
+
+	type_delta_key('predefined-rgb', 'css-color-5', 'css-color-hdr'),
+	type_delta_key('colorspace-params', 'css-color-5', 'css-color-hdr'),
+
+	type_delta_key('color-interpolation-method', 'css-color', 'css-color-5'),
+	type_delta_key('color-space', 'css-color', 'css-color-5'),
+	type_delta_key('oklch()', 'css-color', 'css-color-5'),
+	type_delta_key('lch()', 'css-color', 'css-color-5'),
+	type_delta_key('oklab()', 'css-color', 'css-color-5'),
+	type_delta_key('lab()', 'css-color', 'css-color-5'),
+	type_delta_key('hwb()', 'css-color', 'css-color-5'),
+	type_delta_key('modern-hsla-syntax', 'css-color', 'css-color-5'),
+	type_delta_key('modern-hsl-syntax', 'css-color', 'css-color-5'),
+	type_delta_key('modern-rgba-syntax', 'css-color', 'css-color-5'),
+	type_delta_key('modern-rgb-syntax', 'css-color', 'css-color-5'),
+	type_delta_key('color-base', 'css-color', 'css-color-5'),
+	type_delta_key('color', 'css-color', 'css-color-5'),
+
+	type_delta_key('bg-position', 'css-backgrounds', 'css-backgrounds-4'),
+	type_delta_key('repeat-style', 'css-backgrounds', 'css-backgrounds-4'),
+
+	type_delta_key('single-animation', 'css-animations', 'css-animations-2'),
+]);
+
+const seen_type_definitions = new Map();
+function is_conflicting_type(spec_name, name, syntax) {
+	if (seen_type_definitions.has(name)) {
+		const other_occurrences = seen_type_definitions.get(name);
+		other_occurrences.forEach((other_occurrence) => {
+			if (syntax === other_occurrence.syntax) {
+				return;
+			}
+
+			if (type_deltas.has(type_delta_key(name, other_occurrence.spec_name, spec_name))) {
+				return;
+			}
+
+			console.log(`
+Type '${name}' from '${spec_name}' previously occurred in '${other_occurrence.spec_name}'
+    ours: ${syntax}
+  theirs: ${other_occurrence.syntax}
+
+  // type_delta_key('${name}', '${other_occurrence.spec_name}', '${spec_name}'),
+  --
+`);
+			throw new Error('Ambiguous spec definition');
+		});
+
+		other_occurrences.push({
+			name: name,
+			spec_name: spec_name,
+			syntax: syntax,
+		});
+
+		seen_type_definitions.set(name, other_occurrences);
+
+		return;
+	}
+
+	seen_type_definitions.set(name, [{
+		name: name,
+		spec_name: spec_name,
+		syntax: syntax,
+	}]);
+}
+
+function property_delta_key(name, from_spec, to_spec) {
+	return `property;;${name};;${from_spec};;${to_spec}`;
+}
+
+const property_deltas = new Set([
+	property_delta_key('text-underline-position', 'css-text-decor', 'css-text-decor-4'),
+
+	property_delta_key('text-transform', 'css-text', 'mathml-core'),
+
+	property_delta_key('display', 'css-display', 'mathml-core'),
+
+	property_delta_key('text-shadow', 'css-text-decor', 'css-text-decor-4'),
+	property_delta_key('text-decoration', 'css-text-decor', 'css-text-decor-4'),
+	property_delta_key('text-decoration-line', 'css-text-decor', 'css-text-decor-4'),
+
+	property_delta_key('letter-spacing', 'css-text', 'css-text-4'),
+	property_delta_key('word-spacing', 'css-text', 'css-text-4'),
+	property_delta_key('text-justify', 'css-text', 'css-text-4'),
+	property_delta_key('text-align-all', 'css-text', 'css-text-4'),
+	property_delta_key('text-align', 'css-text', 'css-text-4'),
+	property_delta_key('word-break', 'css-text', 'css-text-4'),
+	property_delta_key('white-space', 'css-text', 'css-text-4'),
+	property_delta_key('text-transform', 'css-text', 'css-text-4'),
+
+	property_delta_key('max-block-size', 'css-logical', 'css-sizing-4'),
+	property_delta_key('max-inline-size', 'css-logical', 'css-sizing-4'),
+	property_delta_key('min-block-size', 'css-logical', 'css-sizing-4'),
+	property_delta_key('min-inline-size', 'css-logical', 'css-sizing-4'),
+	property_delta_key('block-size', 'css-logical', 'css-sizing-4'),
+	property_delta_key('inline-size', 'css-logical', 'css-sizing-4'),
+
+	property_delta_key('max-height', 'css-sizing', 'css-sizing-4'),
+	property_delta_key('max-width', 'css-sizing', 'css-sizing-4'),
+	property_delta_key('min-height', 'css-sizing', 'css-sizing-4'),
+	property_delta_key('min-width', 'css-sizing', 'css-sizing-4'),
+	property_delta_key('height', 'css-sizing', 'css-sizing-4'),
+	property_delta_key('width', 'css-sizing', 'css-sizing-4'),
+
+	property_delta_key('column-width', 'css-multicol', 'css-sizing'),
+
+	property_delta_key('text-overflow', 'css-overflow', 'css-overflow-4'),
+	property_delta_key('continue', 'css-overflow-4', 'css-overflow-5'),
+
+	property_delta_key('column-span', 'css-multicol', 'css-multicol-2'),
+
+	property_delta_key('object-fit', 'css-images', 'css-images-4'),
+
+	property_delta_key('grid-template-rows', 'css-grid', 'css-grid-3'),
+	property_delta_key('grid-template-columns', 'css-grid', 'css-grid-3'),
+
+	property_delta_key('float', 'css-page-floats', 'css-gcpm'),
+
+	property_delta_key('content', 'css-content', 'css-gcpm'),
+
+	property_delta_key('position', 'css-position', 'css-gcpm'),
+
+	property_delta_key('font-size-adjust', 'css-fonts', 'css-fonts-5'),
+
+	property_delta_key('background-clip', 'css-backgrounds', 'css-backgrounds-4'),
+
+	property_delta_key('animation-duration', 'css-animations', 'css-animations-2'),
+
+	property_delta_key('align-items', 'css-align', 'css-anchor-position'),
+	property_delta_key('justify-items', 'css-align', 'css-anchor-position'),
+	property_delta_key('align-self', 'css-align', 'css-anchor-position'),
+	property_delta_key('justify-self', 'css-align', 'css-anchor-position'),
+]);
+
+const seen_property_definitions = new Map();
+function is_conflicting_property(spec_name, name, syntax) {
+	if (seen_property_definitions.has(name)) {
+		const other_occurrences = seen_property_definitions.get(name);
+		other_occurrences.forEach((other_occurrence) => {
+			if (syntax === other_occurrence.syntax) {
+				return;
+			}
+
+			if (property_deltas.has(property_delta_key(name, other_occurrence.spec_name, spec_name))) {
+				return;
+			}
+
+			console.log(`
+Property '${name}' from '${spec_name}' previously occurred in '${other_occurrence.spec_name}'
+    ours: ${syntax}
+  theirs: ${other_occurrence.syntax}
+
+  // property_delta_key('${name}', '${other_occurrence.spec_name}', '${spec_name}'),
+  --
+`);
+			throw new Error('Ambiguous spec definition');
+		});
+
+		other_occurrences.push({
+			name: name,
+			spec_name: spec_name,
+			syntax: syntax,
+		});
+
+		seen_property_definitions.set(name, other_occurrences);
+
+		return;
+	}
+
+	seen_property_definitions.set(name, [{
+		name: name,
+		spec_name: spec_name,
+		syntax: syntax,
+	}]);
+}
+
+function assign_new_definition(spec_name, set, name, definition) {
+	const exists_in_set = set[name];
+	const is_extension = definition.trimStart()[0] === '|';
+
+	definition = maybe_override(spec_name, name, definition);
+
+	if (exists_in_set && is_extension) {
+		set[name] = set[name] + definition;
+		return;
+	}
+
+	set[name] = definition;
+}
 
 export async function generate_webref_sets() {
 	const properties = Object(null);
@@ -18,57 +403,104 @@ export async function generate_webref_sets() {
 	const entries = Array.from(Object.entries(parsedFiles));
 
 	entries.sort((a, b) => {
-		const name_a = a[0].replace(/-\d+$/, '');
-		const name_b = b[0].replace(/-\d+$/, '');
-
-		if (name_a !== name_b) {
-			return name_a.localeCompare(name_b);
-		}
-
-		const level_a = parseInt((a[0].match(/-(\d+)$/) ?? [])[1] ?? '0', 10);
-		const level_b = parseInt((b[0].match(/-(\d+)$/) ?? [])[1] ?? '0', 10);
+		const index_a = SPECS.findIndex((x) => x[0] === a[0]);
+		const index_b = SPECS.findIndex((x) => x[0] === b[0]);
 
-		return level_a - level_b;
+		return index_a - index_b;
 	});
 
-	for (const [, data] of entries) {
+	for (const [spec_name, data] of entries) {
+		if (IGNORED_SPECS.has(spec_name)) {
+			continue;
+		}
+
 		for (const property of data.properties) {
 			if (property.value || property.newValues) {
-				properties[property.name] = (property.newValues ? ' | ' + property.newValues : property.value);
+				assign_new_definition(
+					spec_name,
+					properties,
+					trim_lt_gt(property.name),
+					property.newValues ? ' | ' + property.newValues : property.value,
+				);
+
+				is_conflicting_property(spec_name, trim_lt_gt(property.name), properties[trim_lt_gt(property.name)]);
 			}
 
 			if (property.values) {
 				for (const value of property.values) {
 					if (value.type === 'type' && value.value) {
-						values[trim_lt_gt(value.name)] = value.value;
+						if (is_ignored_type(value.name, spec_name)) {
+							continue;
+						}
+
+						assign_new_definition(
+							spec_name,
+							values,
+							trim_lt_gt(value.name),
+							value.value,
+						);
+
+						is_conflicting_type(spec_name, trim_lt_gt(value.name), values[trim_lt_gt(value.name)]);
 					}
 				}
 			}
 		}
 
 		for (const value of data.values) {
-			if (IGNORED_TYPES.has(value.name)) {
+			if (is_ignored_type(value.name, spec_name)) {
 				continue;
 			}
 
 			if (value.value || value.newValues) {
-				values[trim_lt_gt(value.name)] = (value.newValues ? ' | ' + value.newValues : value.value);
+				assign_new_definition(
+					spec_name,
+					values,
+					trim_lt_gt(value.name),
+					value.newValues ? ' | ' + value.newValues : value.value,
+				);
+
+				is_conflicting_type(spec_name, trim_lt_gt(value.name), values[trim_lt_gt(value.name)]);
 			}
 
 			if (value.values) {
 				for (const child_value of value.values) {
+					if (is_ignored_type(child_value.name, spec_name)) {
+						continue;
+					}
+
 					if (child_value.type === 'type' && child_value.value) {
-						values[trim_lt_gt(child_value.name)] = child_value.value;
+						assign_new_definition(
+							spec_name,
+							values,
+							trim_lt_gt(child_value.name),
+							child_value.value,
+						);
+
+						is_conflicting_type(spec_name, trim_lt_gt(child_value.name), values[trim_lt_gt(child_value.name)]);
 					}
 
 					if (child_value.type === 'function' && child_value.value) {
-						values[trim_lt_gt(child_value.name)] = child_value.value;
+						assign_new_definition(
+							spec_name,
+							values,
+							trim_lt_gt(child_value.name),
+							child_value.value,
+						);
+
+						is_conflicting_type(spec_name, trim_lt_gt(child_value.name), values[trim_lt_gt(child_value.name)]);
 					}
 				}
 			}
 
 			if (!value.value && value.values?.length > 0) {
-				values[trim_lt_gt(value.name)] = value.values.map(x => x.value).join(' | ');
+				assign_new_definition(
+					spec_name,
+					values,
+					trim_lt_gt(value.name),
+					value.values.map(x => x.value).join(' | '),
+				);
+
+				is_conflicting_type(spec_name, trim_lt_gt(value.name), values[trim_lt_gt(value.name)]);
 			}
 		}
 	}
@@ -81,36 +513,6 @@ export async function generate_webref_sets() {
 	const properties_set = generate_set(forkedLexer.properties);
 	const types_set = generate_set(forkedLexer.types);
 
-	const used = new Set();
-
-	for (const [, definition] of Object.entries(types_set)) {
-		definitionSyntax.walk(
-			definitionSyntax.parse(definition.syntax),
-			{
-				enter(node) {
-					if (node.type === 'Type') {
-						used.add(node.name);
-					}
-				},
-			},
-		);
-	}
-
-	for (const [name, definition] of Object.entries(properties_set)) {
-		used.add(name);
-
-		definitionSyntax.walk(
-			definitionSyntax.parse(definition.syntax),
-			{
-				enter(node) {
-					if (node.type === 'Type') {
-						used.add(node.name);
-					}
-				},
-			},
-		);
-	}
-
 	return {
 		properties: properties_set,
 		types: types_set,

From 69c60c70eed556eb940f443f8c92bf60102d024b Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sat, 31 Aug 2024 19:36:18 +0200
Subject: [PATCH 17/66] update webref

---
 package-lock.json                                    | 8 ++++----
 packages/css-syntax-patches-for-csstree/package.json | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 563e01a3a9..f6852b289f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4047,9 +4047,9 @@
 			}
 		},
 		"node_modules/@webref/css": {
-			"version": "6.14.2",
-			"resolved": "https://registry.npmjs.org/@webref/css/-/css-6.14.2.tgz",
-			"integrity": "sha512-iHItMjpRQb8kyw7GXInvUt3tnsO234Q40SKNAjMnKHLDwg0SnZgxgFX74oNBIIGoNesEZDReUFrGOLN2K9SW+w==",
+			"version": "6.15.0",
+			"resolved": "https://registry.npmjs.org/@webref/css/-/css-6.15.0.tgz",
+			"integrity": "sha512-//ZqWI0EzygKAZkymT1nS47nI0fTEJ62dZuqIraQHapB4eivwglo2eZUbxTj4eLELAQMJJqvwB1v3gxKuWk+0g==",
 			"dev": true,
 			"peerDependencies": {
 				"css-tree": "^2.3.1"
@@ -9491,7 +9491,7 @@
 			],
 			"license": "MIT-0",
 			"devDependencies": {
-				"@webref/css": "^6.14.2",
+				"@webref/css": "^6.15.0",
 				"css-tree": "^2.3.1"
 			},
 			"engines": {
diff --git a/packages/css-syntax-patches-for-csstree/package.json b/packages/css-syntax-patches-for-csstree/package.json
index a70e9552ba..868430307b 100644
--- a/packages/css-syntax-patches-for-csstree/package.json
+++ b/packages/css-syntax-patches-for-csstree/package.json
@@ -38,7 +38,7 @@
 		"postcss": "^8.4"
 	},
 	"devDependencies": {
-		"@webref/css": "^6.14.2",
+		"@webref/css": "^6.15.0",
 		"css-tree": "^2.3.1"
 	},
 	"scripts": {

From 470cf91f69a6155cdcc14c16b253a6cd7d392add Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sat, 31 Aug 2024 23:08:00 +0200
Subject: [PATCH 18/66] wip

---
 .../dist/index.json                           |  12 +
 .../webref-over-csstree-properties.json       |  68 ++--
 .../patches/webref-over-csstree-types.json    | 319 ++++++++++++++----
 3 files changed, 309 insertions(+), 90 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 4ee95022f6..2cf7e0a639 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -7,6 +7,7 @@
 			"anchor-name": "none | <dashed-ident>#",
 			"anchor-scope": "none | all | <dashed-ident>#",
 			"appearance": "none | auto | <compat-auto> | <compat-special>",
+			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 			"clip": "<rect()> | auto",
 			"color-adjust": "<'print-color-adjust'>",
 			"justify-items": "| anchor-center",
@@ -19,6 +20,7 @@
 		},
 		"types": {
 			"anchor-element": "<dashed-ident>",
+			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 			"bottom": "<length-percentage> | auto",
 			"color": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
 			"color-base": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
@@ -26,14 +28,23 @@
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
+			"coord-box": "<paint-box> | view-box",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
+			"ellipse()": "ellipse( <radial-size>? [ at <position> ]? )",
 			"left": "<length-percentage> | auto",
+			"offset-path": "<ray()> | <url> | <basic-shape>",
+			"paint-box": "<visual-box> | fill-box | stroke-box",
+			"position": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 			"position-area": "[ [ 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} ]",
 			"predefined-polar-params": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 			"predefined-rectangular": "jzazbz | ictcp",
 			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 			"predefined-rgb-params": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
+			"radial-extent": "closest-corner | closest-side | farthest-corner | farthest-side",
+			"radial-size": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
+			"ray-size": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
+			"ray()": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 			"rect()": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
 			"right": "<length-percentage> | auto",
 			"src()": "src( <string> <url-modifier>* )",
@@ -44,6 +55,7 @@
 			"try-tactic": "flip-block || flip-inline || flip-start",
 			"url": "<url()> | <src()> | <url-token>",
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
+			"xywh()": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
 			"xyz": "xyz | xyz-d50 | xyz-d65",
 			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
 			"xyz-space": "xyz | xyz-d50 | xyz-d65",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 679341ed7e..73ef2d8a5c 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -957,10 +957,39 @@
 		"syntax-before": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
 		"syntax-after": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 		"comment": "",
-		"merged": false,
+		"merged": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "30px"
+				},
+				{
+					"value": "25% 10%"
+				},
+				{
+					"value": "10% 30% 50% 70%"
+				},
+				{
+					"value": "10% / 50%"
+				},
+				{
+					"value": "10px 100px / 120px"
+				},
+				{
+					"value": "50% 20% / 10% 40%"
+				}
+			],
+			"failing": [
+				{
+					"value": "10ms"
+				},
+				{
+					"value": "10% 30% 50% 70% 90%"
+				},
+				{
+					"value": "10% 30% 50% 70% 90% / 10% 30% 50% 70% 90%"
+				}
+			]
 		}
 	},
 	"border-right-color": {
@@ -2798,38 +2827,39 @@
 		"tests": {
 			"passing": [
 				{
-					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px);"
+					"value": "rect(1px 2px 3px 4px)"
+				},
+				{
+					"value": "rect(auto auto auto auto)"
 				},
 				{
-					"property": "offset-path",
-					"value": "rect(auto auto auto auto);"
+					"value": "rect(0 1% auto 3% round 0 1px)"
 				},
 				{
-					"property": "offset-path",
-					"value": "rect(0 1% auto 3% round 0 1px);"
+					"value": "rect(0 1% auto 3% round 0 1px) view-box"
+				},
+				{
+					"value": "view-box rect(0 1% auto 3% round 0 1px)"
 				}
 			],
 			"failing": [
 				{
-					"property": "offset-path",
-					"value": "rect(1px);"
+					"value": "rect(1px)"
+				},
+				{
+					"value": "rect(1px 2px)"
 				},
 				{
-					"property": "offset-path",
-					"value": "rect(1px 2px);"
+					"value": "rect(1px 2px 3px)"
 				},
 				{
-					"property": "offset-path",
-					"value": "rect(1px 2px 3px);"
+					"value": "rect(1px 2px 3px 4px 5px)"
 				},
 				{
-					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px 5px);"
+					"value": "rect(1ms 2ms 3ms 4ms)"
 				},
 				{
-					"property": "offset-path",
-					"value": "rect(1ms 2ms 3ms 4ms);"
+					"value": "fill-box border-box"
 				}
 			]
 		}
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index c153da0718..0072a80637 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -204,11 +204,37 @@
 		"type": "modified",
 		"syntax-before": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>",
 		"syntax-after": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
-		"comment": "",
-		"merged": false,
+		"comment": "https://github.com/w3c/csswg-drafts/issues/10812",
+		"merged": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "clip-path",
+					"value": "inset(22% 12% 15px 35px)"
+				},
+				{
+					"property": "clip-path",
+					"value": "circle(6rem at 12rem 8rem)"
+				},
+				{
+					"property": "clip-path",
+					"value": "ellipse(115px 55px at 50% 40%)"
+				},
+				{
+					"property": "clip-path",
+					"value": "polygon(50% 2.4%, 34.5% 33.8%, 0% 38.8%, 25% 63.1%, 19.1% 97.6%, 50% 81.3%, 80.9% 97.6%, 75% 63.1%, 100% 38.8%, 65.5% 33.8%)"
+				},
+				{
+					"property": "clip-path",
+					"value": "path('M 50,245 A 160,160 0,0,1 360,120 z')"
+				}
+			],
+			"failing": [
+				{
+					"property": "clip-path",
+					"value": "inset(foo)"
+				}
+			]
 		}
 	},
 	"basic-shape-rect": {
@@ -375,37 +401,37 @@
 			"passing": [
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px);"
+					"value": "rect(1px 2px 3px 4px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(auto auto auto auto);"
+					"value": "rect(auto auto auto auto)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(0 1% auto 3% round 0 1px);"
+					"value": "rect(0 1% auto 3% round 0 1px)"
 				}
 			],
 			"failing": [
 				{
 					"property": "offset-path",
-					"value": "rect(1px);"
+					"value": "rect(1px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px);"
+					"value": "rect(1px 2px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px);"
+					"value": "rect(1px 2px 3px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px 5px);"
+					"value": "rect(1px 2px 3px 4px 5px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1ms 2ms 3ms 4ms);"
+					"value": "rect(1ms 2ms 3ms 4ms)"
 				}
 			]
 		}
@@ -926,10 +952,28 @@
 		"syntax-before": "",
 		"syntax-after": "<paint-box> | view-box",
 		"comment": "",
-		"merged": false,
+		"merged": "<paint-box> | view-box",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "ray(contain 200deg) view-box"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(contain 200deg) content-box"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(contain 200deg) fill-box"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "ray(contain 200deg) margin-box"
+				}
+			]
 		}
 	},
 	"coordinate-pair": {
@@ -1154,9 +1198,18 @@
 		"syntax-before": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )",
 		"syntax-after": "ellipse( <radial-size>? [ at <position> ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "ellipse( <radial-size>? [ at <position> ]? )",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "clip-path",
+					"value": "ellipse(closest-corner closest-side at 5rem 6rem)"
+				},
+				{
+					"property": "clip-path",
+					"value": "ellipse(closest-side closest-side at 5rem 6rem)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -1667,37 +1720,37 @@
 			"passing": [
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px);"
+					"value": "rect(1px 2px 3px 4px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(auto auto auto auto);"
+					"value": "rect(auto auto auto auto)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(0 1% auto 3% round 0 1px);"
+					"value": "rect(0 1% auto 3% round 0 1px)"
 				}
 			],
 			"failing": [
 				{
 					"property": "offset-path",
-					"value": "rect(1px);"
+					"value": "rect(1px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px);"
+					"value": "rect(1px 2px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px);"
+					"value": "rect(1px 2px 3px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px 5px);"
+					"value": "rect(1px 2px 3px 4px 5px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1ms 2ms 3ms 4ms);"
+					"value": "rect(1ms 2ms 3ms 4ms)"
 				}
 			]
 		}
@@ -2147,9 +2200,18 @@
 		"syntax-before": "",
 		"syntax-after": "<ray()> | <url> | <basic-shape>",
 		"comment": "",
-		"merged": false,
+		"merged": "<ray()> | <url> | <basic-shape>",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "url('#foo')"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(45deg)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -2246,10 +2308,28 @@
 		"syntax-before": "",
 		"syntax-after": "<visual-box> | fill-box | stroke-box",
 		"comment": "",
-		"merged": false,
+		"merged": "<visual-box> | fill-box | stroke-box",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "ray(contain 200deg) view-box"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(contain 200deg) content-box"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(contain 200deg) fill-box"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "ray(contain 200deg) margin-box"
+				}
+			]
 		}
 	},
 	"palette-mix()": {
@@ -2312,10 +2392,32 @@
 		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"comment": "",
-		"merged": false,
+		"merged": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "ray(50deg closest-corner contain at 100px 20px)"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(50deg closest-corner contain at 50% 50%)"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(50deg closest-corner contain at center center)"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(50deg closest-corner contain at center)"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "ray(50deg closest-corner contain at foo bar)"
+				}
+			]
 		}
 	},
 	"position-area": {
@@ -2486,9 +2588,18 @@
 		"syntax-before": "",
 		"syntax-after": "closest-corner | closest-side | farthest-corner | farthest-side",
 		"comment": "",
-		"merged": false,
+		"merged": "closest-corner | closest-side | farthest-corner | farthest-side",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "clip-path",
+					"value": "ellipse(closest-corner closest-side at 5rem 6rem)"
+				},
+				{
+					"property": "clip-path",
+					"value": "ellipse(closest-side farthest-corner at 5rem 6rem)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -2529,10 +2640,23 @@
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
-		"comment": "",
-		"merged": false,
+		"comment": "https://github.com/w3c/csswg-drafts/issues/10812",
+		"merged": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "clip-path",
+					"value": "ellipse(20px 50px)"
+				},
+				{
+					"property": "clip-path",
+					"value": "ellipse(4rem 50% at right center)"
+				},
+				{
+					"property": "clip-path",
+					"value": "ellipse(closest-side closest-side at 5rem 6rem)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -2574,21 +2698,69 @@
 		"syntax-before": "",
 		"syntax-after": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
 		"comment": "",
-		"merged": false,
+		"merged": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "ray(50deg closest-corner contain at 100px 20px)"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(50deg farthest-side contain at 100px 20px)"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "ray(50deg foo contain at 100px 20px)"
+				}
+			]
 		}
 	},
 	"ray()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
-		"comment": "",
-		"merged": false,
+		"comment": "Without the extra group the order seems to matter anyway, possibly a bug in css-tree or the syntax definition",
+		"merged": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "offset-path",
+					"value": "ray(45deg)"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(200deg contain)"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(contain 200deg)"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(50deg closest-corner contain at 100px 20px)"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(50deg closest-corner contain)"
+				}
+			],
+			"failing": [
+				{
+					"property": "offset-path",
+					"value": "ray()"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(50deg closest-corner contain at)"
+				},
+				{
+					"property": "offset-path",
+					"value": "ray(50hz)"
+				}
+			]
 		}
 	},
 	"rect()": {
@@ -2601,37 +2773,37 @@
 			"passing": [
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px);"
+					"value": "rect(1px 2px 3px 4px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(auto auto auto auto);"
+					"value": "rect(auto auto auto auto)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(0 1% auto 3% round 0 1px);"
+					"value": "rect(0 1% auto 3% round 0 1px)"
 				}
 			],
 			"failing": [
 				{
 					"property": "offset-path",
-					"value": "rect(1px);"
+					"value": "rect(1px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px);"
+					"value": "rect(1px 2px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px);"
+					"value": "rect(1px 2px 3px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px 5px);"
+					"value": "rect(1px 2px 3px 4px 5px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1ms 2ms 3ms 4ms);"
+					"value": "rect(1ms 2ms 3ms 4ms)"
 				}
 			]
 		}
@@ -2789,37 +2961,37 @@
 			"passing": [
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px);"
+					"value": "rect(1px 2px 3px 4px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(auto auto auto auto);"
+					"value": "rect(auto auto auto auto)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(0 1% auto 3% round 0 1px);"
+					"value": "rect(0 1% auto 3% round 0 1px)"
 				}
 			],
 			"failing": [
 				{
 					"property": "offset-path",
-					"value": "rect(1px);"
+					"value": "rect(1px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px);"
+					"value": "rect(1px 2px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px);"
+					"value": "rect(1px 2px 3px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px 5px);"
+					"value": "rect(1px 2px 3px 4px 5px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1ms 2ms 3ms 4ms);"
+					"value": "rect(1ms 2ms 3ms 4ms)"
 				}
 			]
 		}
@@ -3370,37 +3542,37 @@
 			"passing": [
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px);"
+					"value": "rect(1px 2px 3px 4px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(auto auto auto auto);"
+					"value": "rect(auto auto auto auto)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(0 1% auto 3% round 0 1px);"
+					"value": "rect(0 1% auto 3% round 0 1px)"
 				}
 			],
 			"failing": [
 				{
 					"property": "offset-path",
-					"value": "rect(1px);"
+					"value": "rect(1px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px);"
+					"value": "rect(1px 2px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px);"
+					"value": "rect(1px 2px 3px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px 5px);"
+					"value": "rect(1px 2px 3px 4px 5px)"
 				},
 				{
 					"property": "offset-path",
-					"value": "rect(1ms 2ms 3ms 4ms);"
+					"value": "rect(1ms 2ms 3ms 4ms)"
 				}
 			]
 		}
@@ -3616,9 +3788,14 @@
 		"syntax-before": "",
 		"syntax-after": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "clip-path",
+					"value": "xywh(1px 2% 3px 4em round 0 1% 2px 3em)"
+				}
+			],
 			"failing": []
 		}
 	},

From bd711eba604e726c5ab9cd2ab26662b6ae20f830 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 09:19:03 +0200
Subject: [PATCH 19/66] fix clip

---
 .../dist/index.json                           |  2 +-
 .../webref-over-csstree-properties.json       |  4 +--
 .../tests/property-offset-path.css            | 36 +++++++++++++++++++
 3 files changed, 39 insertions(+), 3 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/property-offset-path.css

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 2cf7e0a639..fa4939f5f4 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -8,7 +8,7 @@
 			"anchor-scope": "none | all | <dashed-ident>#",
 			"appearance": "none | auto | <compat-auto> | <compat-special>",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
-			"clip": "<rect()> | auto",
+			"clip": "<shape> | auto",
 			"color-adjust": "<'print-color-adjust'>",
 			"justify-items": "| anchor-center",
 			"offset-path": "none | <offset-path> || <coord-box>",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 73ef2d8a5c..8ff4b2771f 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1227,8 +1227,8 @@
 		"type": "modified",
 		"syntax-before": "<shape> | auto",
 		"syntax-after": "<rect()> | auto",
-		"comment": "",
-		"merged": "<rect()> | auto",
+		"comment": "<shape> allows comma separated values",
+		"merged": "<shape> | auto",
 		"tests": {
 			"passing": [
 				{
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-offset-path.css b/packages/css-syntax-patches-for-csstree/tests/property-offset-path.css
new file mode 100644
index 0000000000..6cd3dc0755
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/property-offset-path.css
@@ -0,0 +1,36 @@
+.foo {
+	/* Default */
+	offset-path: none;
+
+	/* Line segment */
+	offset-path: ray(45deg closest-side contain);
+	offset-path: ray(contain 150deg at center center);
+	offset-path: ray(45deg);
+
+	/* URL */
+	offset-path: url(#myCircle);
+
+	/* Basic shape */
+	offset-path: circle(50% at 25% 25%);
+	offset-path: ellipse(50% 50% at 25% 25%);
+	offset-path: inset(50% 50% 50% 50%);
+	offset-path: polygon(30% 0%, 70% 0%, 100% 50%, 30% 100%, 0% 70%, 0% 30%);
+	offset-path: path("M 0,200 Q 200,200 260,80 Q 290,20 400,0 Q 300,100 400,200");
+	offset-path: rect(5px 5px 160px 145px round 20%);
+	offset-path: xywh(0 5px 100% 75% round 15% 0);
+
+	/* Coordinate box */
+	offset-path: content-box;
+	offset-path: padding-box;
+	offset-path: border-box;
+	offset-path: fill-box;
+	offset-path: stroke-box;
+	offset-path: view-box;
+
+	/* Global values */
+	offset-path: inherit;
+	offset-path: initial;
+	offset-path: revert;
+	offset-path: revert-layer;
+	offset-path: unset;
+}

From 9694f4c8fd2d7df19443775375203fa278494fc5 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 09:38:47 +0200
Subject: [PATCH 20/66] wip

---
 .../dist/index.json                           |   2 +
 .../patches/webref-over-csstree-types.json    | 155 ++----------------
 .../raw-data/webref-over-csstree-types.json   |  72 --------
 .../raw-data/webref-types.json                |  36 ----
 .../scripts/generate-webref-sets.mjs          |   4 +-
 .../tests/property-background-image.css       |  16 ++
 6 files changed, 36 insertions(+), 249 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/property-background-image.css

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index fa4939f5f4..e14dba668d 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -31,6 +31,8 @@
 			"coord-box": "<paint-box> | view-box",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
 			"ellipse()": "ellipse( <radial-size>? [ at <position> ]? )",
+			"image": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
+			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 			"left": "<length-percentage> | auto",
 			"offset-path": "<ray()> | <url> | <basic-shape>",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 0072a80637..62861227c1 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1031,18 +1031,6 @@
 			"failing": []
 		}
 	},
-	"css-type": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<syntax-component> | <type()>",
-		"comment": "",
-		"merged": false,
-		"omit": true,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"cubic-bezier-easing-function": {
 		"type": "added",
 		"syntax-before": "",
@@ -1389,52 +1377,6 @@
 			"failing": []
 		}
 	},
-	"function-dependency-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<function-parameter>#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"function-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"function-parameter": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
-		"comment": "",
-		"merged": false,
-		"omit": true,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"function-parameter-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<function-parameter>#",
-		"comment": "",
-		"merged": false,
-		"omit": true,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"general-enclosed": {
 		"type": "modified",
 		"syntax-before": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )",
@@ -1571,8 +1513,8 @@
 		"type": "modified",
 		"syntax-before": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 		"syntax-after": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>",
-		"comment": "",
-		"merged": false,
+		"comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/image/paint",
+		"merged": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1594,10 +1536,20 @@
 		"syntax-before": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
 		"syntax-after": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 		"comment": "",
-		"merged": false,
+		"merged": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "background-image",
+					"value": "image-set( url('image1.avif') type('image/avif'), url('image2.jpg') type('image/jpeg') )"
+				}
+			],
+			"failing": [
+				{
+					"property": "background-image",
+					"value": "image-set( url('image1.avif') type(avif) )"
+				}
+			]
 		}
 	},
 	"image-src": {
@@ -3395,72 +3347,6 @@
 			"failing": []
 		}
 	},
-	"syntax": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"syntax-combinator": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'|'",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"syntax-component": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"syntax-component-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"syntax-multiplier": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ '#' | '+' ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"syntax-type": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"system-color": {
 		"type": "added",
 		"syntax-before": "",
@@ -3688,17 +3574,6 @@
 			]
 		}
 	},
-	"type()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "type( <string> )",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"url": {
 		"type": "modified",
 		"syntax-before": "url( <string> <url-modifier>* ) | <url-token>",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 27a30e9080..35c0856203 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -491,12 +491,6 @@
 		"syntax-after": "crossorigin( anonymous | use-credentials )",
 		"comment": ""
 	},
-	"css-type": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<syntax-component> | <type()>",
-		"comment": ""
-	},
 	"cubic-bezier-easing-function": {
 		"type": "added",
 		"syntax-before": "",
@@ -683,30 +677,6 @@
 		"syntax-after": "[ <frequency> | <percentage> ]",
 		"comment": ""
 	},
-	"function-dependency-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<function-parameter>#",
-		"comment": ""
-	},
-	"function-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident>",
-		"comment": ""
-	},
-	"function-parameter": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
-		"comment": ""
-	},
-	"function-parameter-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<function-parameter>#",
-		"comment": ""
-	},
 	"general-enclosed": {
 		"type": "modified",
 		"syntax-before": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )",
@@ -1649,42 +1619,6 @@
 		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
 		"comment": ""
 	},
-	"syntax": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
-		"comment": ""
-	},
-	"syntax-combinator": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'|'",
-		"comment": ""
-	},
-	"syntax-component": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
-		"comment": ""
-	},
-	"syntax-component-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
-		"comment": ""
-	},
-	"syntax-multiplier": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ '#' | '+' ]",
-		"comment": ""
-	},
-	"syntax-type": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
-		"comment": ""
-	},
 	"system-color": {
 		"type": "added",
 		"syntax-before": "",
@@ -1763,12 +1697,6 @@
 		"syntax-after": "flip-block || flip-inline || flip-start",
 		"comment": ""
 	},
-	"type()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "type( <string> )",
-		"comment": ""
-	},
 	"url": {
 		"type": "modified",
 		"syntax-before": "url( <string> <url-modifier>* ) | <url-token>",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index 5dce622a70..5771ec2b25 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -383,9 +383,6 @@
 	"crossorigin-modifier": {
 		"syntax": "crossorigin( anonymous | use-credentials )"
 	},
-	"css-type": {
-		"syntax": "<syntax-component> | <type()>"
-	},
 	"cubic-bezier-easing-function": {
 		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
 	},
@@ -587,18 +584,6 @@
 	"frequency-percentage": {
 		"syntax": "[ <frequency> | <percentage> ]"
 	},
-	"function-dependency-list": {
-		"syntax": "<function-parameter>#"
-	},
-	"function-name": {
-		"syntax": "<dashed-ident>"
-	},
-	"function-parameter": {
-		"syntax": "<custom-property-name> <css-type>? [ : <declaration-value> ]?"
-	},
-	"function-parameter-list": {
-		"syntax": "<function-parameter>#"
-	},
 	"gender": {
 		"syntax": "male | female | neutral"
 	},
@@ -1478,24 +1463,6 @@
 	"symbols()": {
 		"syntax": "symbols( <symbols-type>? [ <string> | <image> ]+ )"
 	},
-	"syntax": {
-		"syntax": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+"
-	},
-	"syntax-combinator": {
-		"syntax": "'|'"
-	},
-	"syntax-component": {
-		"syntax": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'"
-	},
-	"syntax-component-name": {
-		"syntax": "'<' <syntax-type> '>' | <custom-ident>"
-	},
-	"syntax-multiplier": {
-		"syntax": "[ '#' | '+' ]"
-	},
-	"syntax-type": {
-		"syntax": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function"
-	},
 	"system-color": {
 		"syntax": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText"
 	},
@@ -1586,9 +1553,6 @@
 	"type-selector": {
 		"syntax": "<wq-name> | <ns-prefix>? '*'"
 	},
-	"type()": {
-		"syntax": "type( <string> )"
-	},
 	"url": {
 		"syntax": "<url()> | <src()>"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index d37d095d58..baf86400d1 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -4,13 +4,15 @@ import { generate_set } from './generate-set.mjs';
 import { trim_lt_gt } from './trim-lt-gt.mjs';
 
 const IGNORED_SPECS = new Set([
-	// 'css-color-6',
+	'css-mixins', // 'type()' conflicts with a different definition from 'css-image'
 ]);
 
 const IGNORED_TYPES = new Map([
 	['<an+b>', '*'],
 	['<type()>', new Set(['css-mixins'])],
 	['type()', new Set(['css-mixins'])],
+	['<type()>', new Set(['css-images-4'])],
+	['type()', new Set(['css-images-4'])],
 ]);
 
 function is_ignored_type(type, spec_name) {
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-background-image.css b/packages/css-syntax-patches-for-csstree/tests/property-background-image.css
new file mode 100644
index 0000000000..42f3683049
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/property-background-image.css
@@ -0,0 +1,16 @@
+.foo {
+	/* single image */
+	background-image: linear-gradient(black, white);
+	background-image: url("catfront.png");
+
+	/* multiple images */
+	background-image: radial-gradient(circle, #0000 45%, #000f 48%),
+		radial-gradient(ellipse farthest-corner, #fc1c14 20%, #cf15cf 80%);
+
+	/* Global values */
+	background-image: inherit;
+	background-image: initial;
+	background-image: revert;
+	background-image: revert-layer;
+	background-image: unset;
+}

From d966fbb21e417f28145caad804dc8c7c87f51939 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 11:23:10 +0200
Subject: [PATCH 21/66] legacy hsl

---
 .../dist/index.json                           |  2 +
 .../patches/webref-over-csstree-types.json    | 55 ++++++++++++++++---
 2 files changed, 50 insertions(+), 7 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index e14dba668d..0726d02ffa 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -34,6 +34,8 @@
 			"image": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 			"left": "<length-percentage> | auto",
+			"legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"offset-path": "<ray()> | <url> | <basic-shape>",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
 			"position": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 62861227c1..103be0be12 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1516,7 +1516,12 @@
 		"comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/image/paint",
 		"merged": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "background-image",
+					"value": "paint(boxbg)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -1723,10 +1728,28 @@
 		"syntax-before": "",
 		"syntax-after": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": "",
-		"merged": false,
+		"merged": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%, 5%, 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%, 5%, 2%, 1%)"
+				}
+			]
 		}
 	},
 	"legacy-hsla-syntax": {
@@ -1734,10 +1757,28 @@
 		"syntax-before": "",
 		"syntax-after": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": "",
-		"merged": false,
+		"merged": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10%, 5%, 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10%)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10%, 5%, 2%, 1%)"
+				}
+			]
 		}
 	},
 	"legacy-pseudo-element-selector": {

From 53388e4a22395b5da4845dbbb83f82af438da041 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 11:33:13 +0200
Subject: [PATCH 22/66] modern hsl

---
 .../dist/index.json                           |   4 +
 .../patches/webref-over-csstree-types.json    | 118 ++++++++++++++++--
 2 files changed, 112 insertions(+), 10 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 0726d02ffa..cd1cd920fe 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -31,11 +31,15 @@
 			"coord-box": "<paint-box> | view-box",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
 			"ellipse()": "ellipse( <radial-size>? [ at <position> ]? )",
+			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
+			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 			"image": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 			"left": "<length-percentage> | auto",
 			"legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"offset-path": "<ray()> | <url> | <basic-shape>",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
 			"position": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 103be0be12..63d00dc31c 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1459,9 +1459,18 @@
 		"syntax-before": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"syntax-after": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 		"comment": "",
-		"merged": false,
+		"merged": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg 10 5)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -1470,9 +1479,18 @@
 		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 		"comment": "",
-		"merged": false,
+		"merged": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg 10 5)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -1748,6 +1766,10 @@
 				{
 					"property": "color",
 					"value": "hsl(20deg, 10%, 5%, 2%, 1%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%, 5% / 2%)"
 				}
 			]
 		}
@@ -2105,10 +2127,48 @@
 		"syntax-before": "",
 		"syntax-after": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "hsl(20deg 10% 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg 10% 5% / 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20 10 5)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(none none none)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg none none)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(0.5turn 5 10)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(from red 0.5turn 5 10)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(from hsl(0.5turn 5 10) 0.5turn 5 10)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "hsl(20deg 10 5, 0.5)"
+				}
+			]
 		}
 	},
 	"modern-hsla-syntax": {
@@ -2116,10 +2176,48 @@
 		"syntax-before": "",
 		"syntax-after": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "hsla(20deg 10% 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg 10% 5% / 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20 10 5)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(none none none)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg none none)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(0.5turn 5 10)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(from red 0.5turn 5 10)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(from hsla(0.5turn 5 10) 0.5turn 5 10)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "hsla(20deg 10 5, 0.5)"
+				}
+			]
 		}
 	},
 	"modern-rgb-syntax": {

From 013822b6e147b73c3bcb47729ec5fa11332c1e7c Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 11:41:55 +0200
Subject: [PATCH 23/66] omit some types

---
 .../patches/webref-over-csstree-types.json            | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 63d00dc31c..35867a6144 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1984,6 +1984,7 @@
 		"syntax-before": "<media-in-parens> [ and <media-in-parens> ]+",
 		"syntax-after": "and <media-in-parens>",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -1995,6 +1996,7 @@
 		"syntax-before": "<media-not> | <media-and> | <media-or> | <media-in-parens>",
 		"syntax-after": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -2006,6 +2008,7 @@
 		"syntax-before": "<media-not> | <media-and> | <media-in-parens>",
 		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -2017,6 +2020,7 @@
 		"syntax-before": "<media-in-parens> [ or <media-in-parens> ]+",
 		"syntax-after": "or <media-in-parens>",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -2039,6 +2043,7 @@
 		"syntax-before": "",
 		"syntax-after": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -2050,6 +2055,7 @@
 		"syntax-before": "",
 		"syntax-after": "<mf-lt> | <mf-gt> | <mf-eq>",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -2061,6 +2067,7 @@
 		"syntax-before": "",
 		"syntax-after": "'='",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -2072,6 +2079,7 @@
 		"syntax-before": "",
 		"syntax-after": "'>' '='?",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -2083,6 +2091,7 @@
 		"syntax-before": "",
 		"syntax-after": "'<' '='?",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -2094,6 +2103,7 @@
 		"syntax-before": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>",
 		"syntax-after": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -2258,6 +2268,7 @@
 		"syntax-before": "",
 		"syntax-after": "<integer [0,1]>",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],

From 82e6f8c0c948ab96a63a79240463bb5ad0923642 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 11:50:12 +0200
Subject: [PATCH 24/66] rgb

---
 .../dist/index.json                           |   6 +
 .../patches/webref-over-csstree-types.json    | 218 ++++++++++++++++--
 2 files changed, 208 insertions(+), 16 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index cd1cd920fe..e84371b6c9 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -38,8 +38,12 @@
 			"left": "<length-percentage> | auto",
 			"legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+			"legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+			"legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"modern-rgb-syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+			"modern-rgba-syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 			"offset-path": "<ray()> | <url> | <basic-shape>",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
 			"position": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
@@ -54,6 +58,8 @@
 			"ray-size": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
 			"ray()": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 			"rect()": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
+			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
+			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 			"right": "<length-percentage> | auto",
 			"src()": "src( <string> <url-modifier>* )",
 			"system-color": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 35867a6144..978c0bacad 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1759,6 +1759,14 @@
 				}
 			],
 			"failing": [
+				{
+					"property": "color",
+					"value": "hsl(from red 20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10, 5%)"
+				},
 				{
 					"property": "color",
 					"value": "hsl(20deg, 10%)"
@@ -1792,6 +1800,14 @@
 				}
 			],
 			"failing": [
+				{
+					"property": "color",
+					"value": "hsla(from red 20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10, 5%)"
+				},
 				{
 					"property": "color",
 					"value": "hsla(20deg, 10%)"
@@ -1819,10 +1835,48 @@
 		"syntax-before": "",
 		"syntax-after": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"comment": "",
-		"merged": false,
+		"merged": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "rgb(20%, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20%, 10%, 5%, 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20, 10, 5)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20, 10, 5, 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "rgb(from red 20%, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20%, 10, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20%, 10%)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20%, 10%, 5%, 2%, 1%)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20%, 10%, 5% / 2%)"
+				}
+			]
 		}
 	},
 	"legacy-rgba-syntax": {
@@ -1830,10 +1884,48 @@
 		"syntax-before": "",
 		"syntax-after": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"comment": "",
-		"merged": false,
+		"merged": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "rgba(20%, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20%, 10%, 5%, 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20, 10, 5)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20, 10, 5, 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "rgba(from red 20%, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20%, 10, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20%, 10%)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20%, 10%, 5%, 2%, 1%)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20%, 10%, 5% / 2%)"
+				}
+			]
 		}
 	},
 	"length-percentage": {
@@ -2235,10 +2327,48 @@
 		"syntax-before": "",
 		"syntax-after": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "rgb(20 10% 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20 10% 5% / 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20% 10 5)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(none none none)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20 none none)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(55.5 5 10)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(from red 20% 5 10)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(from rgb(20% 5 10) 20% 5 10)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "rgb(20% 10 5, 0.5)"
+				}
+			]
 		}
 	},
 	"modern-rgba-syntax": {
@@ -2246,10 +2376,48 @@
 		"syntax-before": "",
 		"syntax-after": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "rgba(20 10% 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20 10% 5% / 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20% 10 5)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(none none none)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20 none none)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(55.5 5 10)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(from red 20% 5 10)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(from rgba(20% 5 10) 20% 5 10)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "rgba(20% 10 5, 0.5)"
+				}
+			]
 		}
 	},
 	"move-command": {
@@ -3036,9 +3204,18 @@
 		"syntax-before": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"syntax-after": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 		"comment": "",
-		"merged": false,
+		"merged": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "color",
+					"value": "rgb(20%, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20 10 5)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -3047,9 +3224,18 @@
 		"syntax-before": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 		"comment": "",
-		"merged": false,
+		"merged": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "color",
+					"value": "rgba(20%, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20 10 5)"
+				}
+			],
 			"failing": []
 		}
 	},

From df4895fe713ea00d6bf00bef25ba38fe16cfb611 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 11:55:09 +0200
Subject: [PATCH 25/66] lch/lab/oklch/oklab

---
 .../dist/index.json                           |   4 +
 .../patches/webref-over-csstree-types.json    | 144 ++++++++++++++++--
 2 files changed, 136 insertions(+), 12 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index e84371b6c9..1f594d0d83 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -35,6 +35,8 @@
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 			"image": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+			"lab()": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"lch()": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"left": "<length-percentage> | auto",
 			"legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
@@ -45,6 +47,8 @@
 			"modern-rgb-syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgba-syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 			"offset-path": "<ray()> | <url> | <basic-shape>",
+			"oklab()": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"oklch()": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
 			"position": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 			"position-area": "[ [ 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} ]",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 978c0bacad..a32e6c71ec 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1657,10 +1657,40 @@
 		"syntax-before": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-after": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "lab(20 10 5)"
+				},
+				{
+					"property": "color",
+					"value": "lab(20% 10% 5%)"
+				},
+				{
+					"property": "color",
+					"value": "lab(none none none)"
+				},
+				{
+					"property": "color",
+					"value": "lab(20 10 5 / 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "lab(from red 20 10 5 / 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "lab(20, 10, 5)"
+				},
+				{
+					"property": "color",
+					"value": "lab(20, 10, 5, 0.5)"
+				}
+			]
 		}
 	},
 	"layout-box": {
@@ -1679,10 +1709,40 @@
 		"syntax-before": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-after": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "lch(20 10 5)"
+				},
+				{
+					"property": "color",
+					"value": "lch(20% 10% 5deg)"
+				},
+				{
+					"property": "color",
+					"value": "lch(none none none)"
+				},
+				{
+					"property": "color",
+					"value": "lch(20 10 5 / 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "lch(from red 20 10 5 / 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "lch(20, 10, 5)"
+				},
+				{
+					"property": "color",
+					"value": "lch(20, 10, 5, 0.5)"
+				}
+			]
 		}
 	},
 	"left": {
@@ -2490,10 +2550,40 @@
 		"syntax-before": "",
 		"syntax-after": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "oklab(0.20 0.10 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "oklab(20% 10% 5%)"
+				},
+				{
+					"property": "color",
+					"value": "oklab(none none none)"
+				},
+				{
+					"property": "color",
+					"value": "oklab(.20 .10 .5 / 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "oklab(from red .20 .10 .5 / 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "oklab(0.20, 0.10, 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "oklab(0.20, 0.10, 0.5, 0.5)"
+				}
+			]
 		}
 	},
 	"oklch()": {
@@ -2501,10 +2591,40 @@
 		"syntax-before": "",
 		"syntax-after": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "oklch(0.20 0.10 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "oklch(20% 10% 5deg)"
+				},
+				{
+					"property": "color",
+					"value": "oklch(none none none)"
+				},
+				{
+					"property": "color",
+					"value": "oklch(.20 .10 .5 / 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "oklch(from red .20 .10 .5 / 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "oklch(0.20, 0.10, 0.5)"
+				},
+				{
+					"property": "color",
+					"value": "oklch(0.20, 0.10, 0.5, 0.5)"
+				}
+			]
 		}
 	},
 	"opacity-value": {

From e1d5eb699336445ce42de7ce14e70400e988c1b3 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 12:09:35 +0200
Subject: [PATCH 26/66] more tests

---
 .../dist/index.json                           |   7 +
 .../patches/webref-over-csstree-types.json    | 264 ++++++++++++++++--
 .../tests/property-background-color.css       |  42 +++
 3 files changed, 292 insertions(+), 21 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/property-background-color.css

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 1f594d0d83..3ea6f0b842 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -25,14 +25,19 @@
 			"color": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
 			"color-base": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
 			"color-function": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
+			"color-interpolation-method": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]",
+			"color-mix()": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
 			"coord-box": "<paint-box> | view-box",
+			"custom-color-space": "<dashed-ident>",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
 			"ellipse()": "ellipse( <radial-size>? [ at <position> ]? )",
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+			"hue-interpolation-method": "[ shorter | longer | increasing | decreasing ] hue",
+			"hwb()": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"image": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 			"lab()": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
@@ -50,6 +55,7 @@
 			"oklab()": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"oklch()": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
+			"polar-color-space": "hsl | hwb | lch | oklch",
 			"position": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 			"position-area": "[ [ 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} ]",
 			"predefined-polar-params": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
@@ -62,6 +68,7 @@
 			"ray-size": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
 			"ray()": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 			"rect()": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
+			"rectangular-color-space": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
 			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 			"right": "<length-percentage> | auto",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index a32e6c71ec..d4aae0dc3b 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -600,7 +600,28 @@
 		"comment": "",
 		"merged": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "color",
+					"value": "#f00"
+				},
+				{
+					"property": "color",
+					"value": "rgb(1 2 3)"
+				},
+				{
+					"property": "color",
+					"value": "red"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in srgb, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "transparent"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -620,17 +641,108 @@
 		"syntax-before": "",
 		"syntax-after": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
 		"merged": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
-		"comment": ""
+		"comment": "",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "rgb(1 2 3)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(1 2 3)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(1deg 2 3)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(1deg 2 3)"
+				},
+				{
+					"property": "color",
+					"value": "hwb(1deg 2% 3%)"
+				},
+				{
+					"property": "color",
+					"value": "lab(1 2 3)"
+				},
+				{
+					"property": "color",
+					"value": "lch(1 2 3deg)"
+				},
+				{
+					"property": "color",
+					"value": "oklab(.1 .2 .3)"
+				},
+				{
+					"property": "color",
+					"value": "oklch(.1 .2 3deg)"
+				},
+				{
+					"property": "color",
+					"value": "color(display-p3 .1 .2 .3)"
+				}
+			],
+			"failing": []
+		}
 	},
 	"color-interpolation-method": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]",
 		"comment": "",
-		"merged": false,
+		"merged": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "color-mix(in srgb, red, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in srgb, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in srgb, red, blue 25%)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in srgb, red 12%, blue 25%)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in oklch longer hue, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in oklch shorter hue, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in srgb, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in srgb, red 25%, blue)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "color-mix(in srgb longer hue, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in --foo longer hue, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in foo, red 25%, blue)"
+				}
+			]
 		}
 	},
 	"color-layers()": {
@@ -649,10 +761,20 @@
 		"syntax-before": "",
 		"syntax-after": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
 		"comment": "",
-		"merged": false,
+		"merged": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "color-mix(in srgb, red 25%, blue)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "color-mix(red 25%, blue)"
+				}
+			]
 		}
 	},
 	"color-space": {
@@ -1080,10 +1202,24 @@
 		"syntax-before": "",
 		"syntax-after": "<dashed-ident>",
 		"comment": "",
-		"merged": false,
+		"merged": "<dashed-ident>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "color-mix(in --foo, red 25%, blue)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "color-mix(in -foo, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in foo, red 25%, blue)"
+				}
+			]
 		}
 	},
 	"custom-params": {
@@ -1499,10 +1635,36 @@
 		"syntax-before": "",
 		"syntax-after": "[ shorter | longer | increasing | decreasing ] hue",
 		"comment": "",
-		"merged": false,
+		"merged": "[ shorter | longer | increasing | decreasing ] hue",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "color-mix(in hsl longer hue, red, blue)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "color-mix(in hsl longer foo, red, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in hsl foo hue, red, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in hsl hue longer, red, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in hsl longer, red, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in hsl hue, red, blue)"
+				}
+			]
 		}
 	},
 	"hv-line-command": {
@@ -1521,10 +1683,44 @@
 		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-after": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "hwb(20deg 10% 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hwb(20deg 10 5)"
+				},
+				{
+					"property": "color",
+					"value": "hwb(20deg 10% 5)"
+				},
+				{
+					"property": "color",
+					"value": "hwb(none none none)"
+				},
+				{
+					"property": "color",
+					"value": "hwb(20deg none 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hwb(from red 20deg 10% 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hwb(20deg 10% 5% / 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "hwb(20deg, 10%, 5%)"
+				}
+			]
 		}
 	},
 	"image": {
@@ -2760,9 +2956,22 @@
 		"syntax-before": "",
 		"syntax-after": "hsl | hwb | lch | oklch",
 		"comment": "",
-		"merged": false,
+		"merged": "hsl | hwb | lch | oklch",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "color",
+					"value": "color-mix(in hsl, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in hwb, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in oklch, red 25%, blue)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -3203,9 +3412,22 @@
 		"syntax-before": "",
 		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
 		"comment": "",
-		"merged": false,
+		"merged": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "color",
+					"value": "color-mix(in srgb, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in srgb-linear, red 25%, blue)"
+				},
+				{
+					"property": "color",
+					"value": "color-mix(in oklab, red 25%, blue)"
+				}
+			],
 			"failing": []
 		}
 	},
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-background-color.css b/packages/css-syntax-patches-for-csstree/tests/property-background-color.css
new file mode 100644
index 0000000000..f0eb35a876
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/property-background-color.css
@@ -0,0 +1,42 @@
+.foo {
+/* Keyword values */
+	background-color: red;
+	background-color: indigo;
+
+	/* Hexadecimal value */
+	background-color: #bbff00;
+	/* Fully opaque */
+	background-color: #bf0;
+	/* Fully opaque shorthand */
+	background-color: #11ffee00;
+	/* Fully transparent */
+	background-color: #1fe0;
+	/* Fully transparent shorthand */
+	background-color: #11ffeeff;
+	/* Fully opaque */
+	background-color: #1fef;
+	/* Fully opaque shorthand */
+
+	/* RGB value */
+	background-color: rgb(255 255 128);
+	/* Fully opaque */
+	background-color: rgb(117 190 218 / 50%);
+	/* 50% transparent */
+
+	/* HSL value */
+	background-color: hsl(50 33% 25%);
+	/* Fully opaque */
+	background-color: hsl(50 33% 25% / 75%);
+	/* 75% opaque, i.e. 25% transparent */
+
+	/* Special keyword values */
+	background-color: currentcolor;
+	background-color: transparent;
+
+	/* Global values */
+	background-color: inherit;
+	background-color: initial;
+	background-color: revert;
+	background-color: revert-layer;
+	background-color: unset;
+}

From 51dee62ae3df3042ae67c9cc1f286637107d3235 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 12:30:56 +0200
Subject: [PATCH 27/66] device-cmyk

---
 .../dist/index.json                           |  4 +
 .../patches/webref-over-csstree-types.json    | 77 ++++++++++++++++---
 2 files changed, 70 insertions(+), 11 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 3ea6f0b842..77a65deab2 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -22,6 +22,7 @@
 			"anchor-element": "<dashed-ident>",
 			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 			"bottom": "<length-percentage> | auto",
+			"cmyk-component": "<number> | <percentage> | none",
 			"color": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
 			"color-base": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
 			"color-function": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
@@ -33,6 +34,7 @@
 			"coord-box": "<paint-box> | view-box",
 			"custom-color-space": "<dashed-ident>",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
+			"device-cmyk()": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
 			"ellipse()": "ellipse( <radial-size>? [ at <position> ]? )",
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
@@ -43,10 +45,12 @@
 			"lab()": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"lch()": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"left": "<length-percentage> | auto",
+			"legacy-device-cmyk-syntax": "device-cmyk( <number>#{4} )",
 			"legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 			"legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+			"modern-device-cmyk-syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
 			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgb-syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index d4aae0dc3b..e1c8fe2151 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -562,10 +562,28 @@
 		"syntax-before": "",
 		"syntax-after": "<number> | <percentage> | none",
 		"comment": "",
-		"merged": false,
+		"merged": "<number> | <percentage> | none",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "device-cmyk(0 81% 81% 30%)"
+				},
+				{
+					"property": "color",
+					"value": "device-cmyk(0 81 81% 30)"
+				},
+				{
+					"property": "color",
+					"value": "device-cmyk(0 81 81 30)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "device-cmyk(0 81hz 81% 30%)"
+				}
+			]
 		}
 	},
 	"color": {
@@ -1267,9 +1285,18 @@
 		"syntax-before": "",
 		"syntax-after": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
 		"comment": "",
-		"merged": false,
+		"merged": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "color",
+					"value": "device-cmyk(10, 20, 30, 40)"
+				},
+				{
+					"property": "color",
+					"value": "device-cmyk(0 81% 81% 30% / .5)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -1991,10 +2018,24 @@
 		"syntax-before": "",
 		"syntax-after": "device-cmyk( <number>#{4} )",
 		"comment": "",
-		"merged": false,
+		"merged": "device-cmyk( <number>#{4} )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "device-cmyk(10, 20, 30, 40)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "device-cmyk(10, 20, 30)"
+				},
+				{
+					"property": "color",
+					"value": "device-cmyk(10, 20, 30, 40, 50)"
+				}
+			]
 		}
 	},
 	"legacy-hsl-syntax": {
@@ -2474,10 +2515,24 @@
 		"syntax-before": "",
 		"syntax-after": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "device-cmyk(0 81% 81% 30%)"
+				},
+				{
+					"property": "color",
+					"value": "device-cmyk(0 81% 81% 30% / .5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "device-cmyk(0, 81%, 81%, 30% / .5)"
+				}
+			]
 		}
 	},
 	"modern-hsl-syntax": {

From a47c43b51c3dbd5eb70d983424eb42f9e3ddbf44 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 12:32:21 +0200
Subject: [PATCH 28/66] finish color

---
 .../dist/index.json                           |  1 +
 .../patches/webref-over-csstree-types.json    | 20 ++++++++++++++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 77a65deab2..8f088b7c9c 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -50,6 +50,7 @@
 			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 			"legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+			"light-dark()": "light-dark( <color> , <color> )",
 			"modern-device-cmyk-syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
 			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index e1c8fe2151..d2901fdb66 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -2241,10 +2241,24 @@
 		"syntax-before": "",
 		"syntax-after": "light-dark( <color> , <color> )",
 		"comment": "",
-		"merged": false,
+		"merged": "light-dark( <color> , <color> )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "light-dark(red, blue)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "light-dark(red)"
+				},
+				{
+					"property": "color",
+					"value": "light-dark(red blue)"
+				}
+			]
 		}
 	},
 	"line-command": {

From 4433376bbda2e71ae82d542a8f3d98759101d011 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 12:35:10 +0200
Subject: [PATCH 29/66] more color tests

---
 .../tests/property-background-color.css           | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/css-syntax-patches-for-csstree/tests/property-background-color.css b/packages/css-syntax-patches-for-csstree/tests/property-background-color.css
index f0eb35a876..a7d6d45079 100644
--- a/packages/css-syntax-patches-for-csstree/tests/property-background-color.css
+++ b/packages/css-syntax-patches-for-csstree/tests/property-background-color.css
@@ -39,4 +39,19 @@
 	background-color: revert;
 	background-color: revert-layer;
 	background-color: unset;
+
+	background-color: light-dark(#333b3c, #efefec);
+	background-color: light-dark(rgb(0 0 0), rgb(255 255 255));
+	background-color: light-dark(light-dark(#333b3c, #efefec), #efefec);
+
+	/* color-mix(in <polar-color-space>, <color>, <color> <percentage>) */
+	background-color: color-mix(in hsl, hsl(200 50 80), coral 80%);
+	/* color-mix(in <polar-color-space> <hue-interpolation-method>, <color>, <color>) */
+	background-color: color-mix(in lch longer hue, hsl(200deg 50% 80%), coral);
+	/* color-mix(in <rectangular-color-space>, <color>, <color>) */
+	background-color: color-mix(in srgb, plum, #f00);
+	/* color-mix(in <rectangular-color-space>, <color> <percentage>, <color> <percentage> */
+	background-color: color-mix(in lab, plum 60%, #f00 50%);
+	/* color-mix(in <custom-color-space>, <color>, <color>) */
+	background-color: color-mix(in --swop5c, red, blue);
 }

From bb431e640daa829e1d11c8f9601cfc3f68f58490 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 14:11:00 +0200
Subject: [PATCH 30/66] relative color keywords

---
 .../tests/community.test.mjs                  | 48 ++++++++++++++++++-
 .../tests/property-background-color.css       |  8 ++++
 2 files changed, 55 insertions(+), 1 deletion(-)

diff --git a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
index be6f04e09f..2a0ecaa510 100644
--- a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
+++ b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
@@ -3,7 +3,7 @@ import fs from 'node:fs/promises';
 import path from 'node:path';
 
 import postcss from 'postcss';
-import { find, fork, parse } from 'css-tree';
+import { find, fork, parse, walk } from 'css-tree';
 
 async function get_files(dir, recursive = true) {
 	dir = path.resolve(dir);
@@ -115,6 +115,8 @@ for (const css_file of css_files) {
 			const { prop, value } = decl;
 
 			const csstree_value_node = parse(value, { context: 'value' });
+			patch_relative_color_keywords(csstree_value_node);
+
 			if (contains_unsupported_function(csstree_value_node)) {
 				continue;
 			}
@@ -130,3 +132,47 @@ for (const css_file of css_files) {
 		}
 	});
 }
+
+function patch_relative_color_keywords(csstree_value_node) {
+	let color_function_stack = 0;
+	let relative_color_functions = /^(?:rgb|rgba|hsl|hsla|hwb|lab|lch|oklab|oklch|color)$/i;
+	let relative_color_channel_keywords = /^(?:r|g|b|h|s|l|a|b|c|w|b|x|y|z)$/i;
+
+	walk(
+		csstree_value_node,
+		{
+			enter: function (node) {
+				if (
+					node.type === 'Function' &&
+					relative_color_functions.test(node.name)
+				) {
+					color_function_stack++;
+
+					return;
+				}
+
+				if (
+					node.type === 'Identifier' &&
+					color_function_stack > 0 &&
+					relative_color_channel_keywords.test(node.name)
+				) {
+					node.type = 'Number';
+					node.value = '0';
+					delete node.name;
+
+					return;
+				}
+			},
+			exit: function (node) {
+				if (
+					node.type === 'Function' &&
+					relative_color_functions.test(node.name)
+				) {
+					color_function_stack--;
+
+					return;
+				}
+			},
+		},
+	);
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-background-color.css b/packages/css-syntax-patches-for-csstree/tests/property-background-color.css
index a7d6d45079..7d04d887db 100644
--- a/packages/css-syntax-patches-for-csstree/tests/property-background-color.css
+++ b/packages/css-syntax-patches-for-csstree/tests/property-background-color.css
@@ -54,4 +54,12 @@
 	background-color: color-mix(in lab, plum 60%, #f00 50%);
 	/* color-mix(in <custom-color-space>, <color>, <color>) */
 	background-color: color-mix(in --swop5c, red, blue);
+
+	/* Absolute values */
+	background-color: color(display-p3 1 0.5 0);
+	background-color: color(display-p3 1 0.5 0 / .5);
+
+	/* Relative values */
+	background-color: color(from green srgb r g b / 0.5);
+	background-color: color(from #0000FF xyz calc(x + 0.75) y calc(z - 0.35));
 }

From 2abf170b05e003cd02fdef6aea61bf93cbf54963 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 15:00:08 +0200
Subject: [PATCH 31/66] some progress on animations

---
 .../dist/index.json                           |   7 +-
 .../webref-over-csstree-properties.json       |  58 +++++++++-
 .../patches/webref-over-csstree-types.json    | 106 ++++++++++++++++--
 .../tests/property-animation-timeline.css     |  49 ++++++++
 4 files changed, 203 insertions(+), 17 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/property-animation-timeline.css

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 8f088b7c9c..7ea1572539 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -6,6 +6,7 @@
 			"alignment-baseline": "| text-bottom | text-top",
 			"anchor-name": "none | <dashed-ident>#",
 			"anchor-scope": "none | all | <dashed-ident>#",
+			"animation-duration": "[ auto | <time [0s,∞]> ]#",
 			"appearance": "none | auto | <compat-auto> | <compat-special>",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 			"clip": "<shape> | auto",
@@ -16,7 +17,8 @@
 			"position-area": "none | <position-area>",
 			"position-try-fallbacks": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
 			"position-try-order": "normal | <try-size>",
-			"transition-behavior": "<transition-behavior-value>#"
+			"transition-behavior": "<transition-behavior-value>#",
+			"view-timeline-inset": "[ [ auto | <length-percentage> ]{1,2} ]#"
 		},
 		"types": {
 			"anchor-element": "<dashed-ident>",
@@ -77,6 +79,8 @@
 			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 			"right": "<length-percentage> | auto",
+			"scroll()": "scroll( [ <scroller> || <axis> ]? )",
+			"single-animation-timeline": "auto | none | <dashed-ident> | <scroll()> | <view()>",
 			"src()": "src( <string> <url-modifier>* )",
 			"system-color": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
 			"top": "<length-percentage> | auto",
@@ -85,6 +89,7 @@
 			"try-tactic": "flip-block || flip-inline || flip-start",
 			"url": "<url()> | <src()> | <url-token>",
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
+			"view()": "view( [ <axis> || <'view-timeline-inset'> ]? )",
 			"xywh()": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
 			"xyz": "xyz | xyz-d50 | xyz-d65",
 			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 8ff4b2771f..8c1ccc2309 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -117,10 +117,30 @@
 		"syntax-before": "<time>#",
 		"syntax-after": "[ auto | <time [0s,∞]> ]#",
 		"comment": "",
-		"merged": false,
+		"merged": "[ auto | <time [0s,∞]> ]#",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10ms"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "auto, 10ms, auto"
+				}
+			],
+			"failing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "none"
+				},
+				{
+					"value": "auto 10ms auto"
+				}
+			]
 		}
 	},
 	"animation-range": {
@@ -4552,10 +4572,36 @@
 		"syntax-before": "",
 		"syntax-after": "[ [ auto | <length-percentage> ]{1,2} ]#",
 		"comment": "",
-		"merged": false,
+		"merged": "[ [ auto | <length-percentage> ]{1,2} ]#",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "auto"
+				},
+				{
+					"value": "auto 10px"
+				},
+				{
+					"value": "10px auto"
+				},
+				{
+					"value": "10px 10%"
+				},
+				{
+					"value": "10% 10%"
+				},
+				{
+					"value": "10px, 10%"
+				},
+				{
+					"value": "auto 10px, 10px auto"
+				}
+			],
+			"failing": [
+				{
+					"value": "auto auto auto"
+				}
+			]
 		}
 	},
 	"view-timeline-name": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index d2901fdb66..00efa409a7 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -3722,10 +3722,36 @@
 		"syntax-before": "",
 		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
 		"comment": "",
-		"merged": false,
+		"merged": "scroll( [ <scroller> || <axis> ]? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "animation-timeline",
+					"value": "scroll()"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "scroll(root)"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "scroll(block root)"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "scroll(root block)"
+				}
+			],
+			"failing": [
+				{
+					"property": "animation-timeline",
+					"value": "scroll"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "scroll(root block x)"
+				}
+			]
 		}
 	},
 	"scroller": {
@@ -3843,10 +3869,40 @@
 		"syntax-before": "auto | none | <timeline-name> | scroll( <axis>? <scroller>? )",
 		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
 		"comment": "",
-		"merged": false,
+		"merged": "auto | none | <dashed-ident> | <scroll()> | <view()>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "animation-timeline",
+					"value": "auto"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "none"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "--foo"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "scroll()"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "view()"
+				}
+			],
+			"failing": [
+				{
+					"property": "animation-timeline",
+					"value": "scroll() view()"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "auto scroll"
+				}
+			]
 		}
 	},
 	"single-transition": {
@@ -4126,6 +4182,7 @@
 		"syntax-before": "",
 		"syntax-after": "<wcag2>",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
@@ -4388,10 +4445,38 @@
 		"syntax-before": "",
 		"syntax-after": "view( [ <axis> || <'view-timeline-inset'> ]? )",
 		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
+		"merged": "view( [ <axis> || <'view-timeline-inset'> ]? )",
+		"tests": {
+			"tests": {
+				"passing": [
+					{
+						"property": "animation-timeline",
+						"value": "view()"
+					},
+					{
+						"property": "animation-timeline",
+						"value": "view(horizontal)"
+					},
+					{
+						"property": "animation-timeline",
+						"value": "view(horizontal 10px 20%)"
+					},
+					{
+						"property": "animation-timeline",
+						"value": "view(10px 20% horizontal)"
+					}
+				],
+				"failing": [
+					{
+						"property": "animation-timeline",
+						"value": "view"
+					},
+					{
+						"property": "animation-timeline",
+						"value": "view(horizontal inline)"
+					}
+				]
+			}
 		}
 	},
 	"wcag2": {
@@ -4399,6 +4484,7 @@
 		"syntax-before": "",
 		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-animation-timeline.css b/packages/css-syntax-patches-for-csstree/tests/property-animation-timeline.css
new file mode 100644
index 0000000000..41289206fb
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/property-animation-timeline.css
@@ -0,0 +1,49 @@
+.foo {
+	/* Function with no parameters set */
+	animation-timeline: view();
+
+	/* Values for selecting the axis */
+	animation-timeline: view(block);
+	/* Default */
+	animation-timeline: view(inline);
+	animation-timeline: view(y);
+	animation-timeline: view(x);
+
+	/* Values for the inset */
+	animation-timeline: view(auto);
+	/* Default */
+	animation-timeline: view(20%);
+	animation-timeline: view(200px);
+	animation-timeline: view(20% 40%);
+	animation-timeline: view(20% 200px);
+	animation-timeline: view(100px 200px);
+	animation-timeline: view(auto 200px);
+
+	/* Examples that specify axis and inset */
+	animation-timeline: view(block auto);
+	/* Default */
+	animation-timeline: view(inline 20%);
+	animation-timeline: view(x 200px auto);
+
+	/* Function with no parameters set */
+	animation-timeline: scroll();
+
+	/* Values for selecting the scroller element */
+	animation-timeline: scroll(nearest);
+	/* Default */
+	animation-timeline: scroll(root);
+	animation-timeline: scroll(self);
+
+	/* Values for selecting the axis */
+	animation-timeline: scroll(block);
+	/* Default */
+	animation-timeline: scroll(inline);
+	animation-timeline: scroll(y);
+	animation-timeline: scroll(x);
+
+	/* Examples that specify scroller and axis */
+	animation-timeline: scroll(block nearest);
+	/* Default */
+	animation-timeline: scroll(inline root);
+	animation-timeline: scroll(x self);
+}

From 38ebcf215342dd0d428a620e20da2bc2c4340d87 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 1 Sep 2024 23:15:32 +0200
Subject: [PATCH 32/66] wip

---
 .../dist/index.json                           |   3 -
 .../patches/webref-over-csstree-types.json    | 264 +++++++++---------
 .../raw-data/webref-over-csstree-types.json   | 116 +++++---
 .../raw-data/webref-types.json                |  56 ++--
 .../scripts/generate-webref-sets.mjs          |  18 +-
 5 files changed, 247 insertions(+), 210 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 7ea1572539..0b8d8db680 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -37,7 +37,6 @@
 			"custom-color-space": "<dashed-ident>",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
 			"device-cmyk()": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
-			"ellipse()": "ellipse( <radial-size>? [ at <position> ]? )",
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 			"hue-interpolation-method": "[ shorter | longer | increasing | decreasing ] hue",
@@ -74,7 +73,6 @@
 			"radial-size": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
 			"ray-size": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
 			"ray()": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
-			"rect()": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
 			"rectangular-color-space": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
 			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
@@ -90,7 +88,6 @@
 			"url": "<url()> | <src()> | <url-token>",
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
 			"view()": "view( [ <axis> || <'view-timeline-inset'> ]? )",
-			"xywh()": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
 			"xyz": "xyz | xyz-d50 | xyz-d65",
 			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
 			"xyz-space": "xyz | xyz-d50 | xyz-d65",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 00efa409a7..11dfe5835f 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -535,17 +535,6 @@
 			"failing": []
 		}
 	},
-	"circle()": {
-		"type": "modified",
-		"syntax-before": "circle( [ <shape-radius> ]? [ at <position> ]? )",
-		"syntax-after": "circle( <radial-size>? [ at <position> ]? )",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"clamp()": {
 		"type": "modified",
 		"syntax-before": "clamp( <calc-sum>#{3} )",
@@ -1171,21 +1160,22 @@
 			"failing": []
 		}
 	},
-	"cubic-bezier-easing-function": {
+	"css-type": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"syntax-after": "<syntax-component> | <type()>",
 		"comment": "",
+		"omit": true,
 		"merged": false,
 		"tests": {
 			"passing": [],
 			"failing": []
 		}
 	},
-	"cubic-bezier()": {
+	"cubic-bezier-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1344,26 +1334,6 @@
 			"failing": []
 		}
 	},
-	"ellipse()": {
-		"type": "modified",
-		"syntax-before": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )",
-		"syntax-after": "ellipse( <radial-size>? [ at <position> ]? )",
-		"comment": "",
-		"merged": "ellipse( <radial-size>? [ at <position> ]? )",
-		"tests": {
-			"passing": [
-				{
-					"property": "clip-path",
-					"value": "ellipse(closest-corner closest-side at 5rem 6rem)"
-				},
-				{
-					"property": "clip-path",
-					"value": "ellipse(closest-side closest-side at 5rem 6rem)"
-				}
-			],
-			"failing": []
-		}
-	},
 	"env()": {
 		"type": "modified",
 		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
@@ -1540,6 +1510,52 @@
 			"failing": []
 		}
 	},
+	"function-dependency-list": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<function-parameter>#",
+		"comment": "",
+		"omit": true,
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"function-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident>",
+		"comment": "",
+		"omit": true,
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"function-parameter": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"function-parameter-list": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<function-parameter>#",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"general-enclosed": {
 		"type": "modified",
 		"syntax-before": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )",
@@ -2998,17 +3014,6 @@
 			"failing": []
 		}
 	},
-	"path()": {
-		"type": "modified",
-		"syntax-before": "path( [ <fill-rule> , ]? <string> )",
-		"syntax-after": "path( <'fill-rule'>? , <string> )",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"points": {
 		"type": "added",
 		"syntax-before": "",
@@ -3044,17 +3049,6 @@
 			"failing": []
 		}
 	},
-	"polygon()": {
-		"type": "modified",
-		"syntax-before": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )",
-		"syntax-after": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"position": {
 		"type": "modified",
 		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
@@ -3431,51 +3425,6 @@
 			]
 		}
 	},
-	"rect()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
-		"comment": "",
-		"merged": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
-		"tests": {
-			"passing": [
-				{
-					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px)"
-				},
-				{
-					"property": "offset-path",
-					"value": "rect(auto auto auto auto)"
-				},
-				{
-					"property": "offset-path",
-					"value": "rect(0 1% auto 3% round 0 1px)"
-				}
-			],
-			"failing": [
-				{
-					"property": "offset-path",
-					"value": "rect(1px)"
-				},
-				{
-					"property": "offset-path",
-					"value": "rect(1px 2px)"
-				},
-				{
-					"property": "offset-path",
-					"value": "rect(1px 2px 3px)"
-				},
-				{
-					"property": "offset-path",
-					"value": "rect(1px 2px 3px 4px 5px)"
-				},
-				{
-					"property": "offset-path",
-					"value": "rect(1ms 2ms 3ms 4ms)"
-				}
-			]
-		}
-	},
 	"rectangular-color-space": {
 		"type": "added",
 		"syntax-before": "",
@@ -4018,17 +3967,6 @@
 			"failing": []
 		}
 	},
-	"steps()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "steps( <integer> , <step-position>? )",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"string()": {
 		"type": "added",
 		"syntax-before": "",
@@ -4150,6 +4088,78 @@
 			"failing": []
 		}
 	},
+	"syntax": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+		"comment": "",
+		"omit": true,
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax-combinator": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'|'",
+		"comment": "",
+		"omit": true,
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax-component": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+		"comment": "",
+		"omit": true,
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax-component-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
+		"comment": "",
+		"omit": true,
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax-multiplier": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ '#' | '+' ]",
+		"comment": "",
+		"omit": true,
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax-type": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+		"comment": "",
+		"omit": true,
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"system-color": {
 		"type": "added",
 		"syntax-before": "",
@@ -4378,6 +4388,18 @@
 			]
 		}
 	},
+	"type()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "type( <syntax> )",
+		"comment": "",
+		"omit": true,
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"url": {
 		"type": "modified",
 		"syntax-before": "url( <string> <url-modifier>* ) | <url-token>",
@@ -4491,22 +4513,6 @@
 			"failing": []
 		}
 	},
-	"xywh()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
-		"comment": "",
-		"merged": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
-		"tests": {
-			"passing": [
-				{
-					"property": "clip-path",
-					"value": "xywh(1px 2% 3px 4em round 0 1% 2px 3em)"
-				}
-			],
-			"failing": []
-		}
-	},
 	"xyz": {
 		"type": "added",
 		"syntax-before": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 35c0856203..8318a49f67 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -251,12 +251,6 @@
 		"syntax-after": "[ <image> | <color> ] && <percentage [0,100]>?",
 		"comment": ""
 	},
-	"circle()": {
-		"type": "modified",
-		"syntax-before": "circle( [ <shape-radius> ]? [ at <position> ]? )",
-		"syntax-after": "circle( <radial-size>? [ at <position> ]? )",
-		"comment": ""
-	},
 	"clamp()": {
 		"type": "modified",
 		"syntax-before": "clamp( <calc-sum>#{3} )",
@@ -491,16 +485,16 @@
 		"syntax-after": "crossorigin( anonymous | use-credentials )",
 		"comment": ""
 	},
-	"cubic-bezier-easing-function": {
+	"css-type": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"syntax-after": "<syntax-component> | <type()>",
 		"comment": ""
 	},
-	"cubic-bezier()": {
+	"cubic-bezier-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
 		"comment": ""
 	},
 	"curve-command": {
@@ -575,12 +569,6 @@
 		"syntax-after": "element( <id-selector> )",
 		"comment": ""
 	},
-	"ellipse()": {
-		"type": "modified",
-		"syntax-before": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )",
-		"syntax-after": "ellipse( <radial-size>? [ at <position> ]? )",
-		"comment": ""
-	},
 	"env()": {
 		"type": "modified",
 		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
@@ -677,6 +665,30 @@
 		"syntax-after": "[ <frequency> | <percentage> ]",
 		"comment": ""
 	},
+	"function-dependency-list": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<function-parameter>#",
+		"comment": ""
+	},
+	"function-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<dashed-ident>",
+		"comment": ""
+	},
+	"function-parameter": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"comment": ""
+	},
+	"function-parameter-list": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<function-parameter>#",
+		"comment": ""
+	},
 	"general-enclosed": {
 		"type": "modified",
 		"syntax-before": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )",
@@ -1139,12 +1151,6 @@
 		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
 		"comment": ""
 	},
-	"path()": {
-		"type": "modified",
-		"syntax-before": "path( [ <fill-rule> , ]? <string> )",
-		"syntax-after": "path( <'fill-rule'>? , <string> )",
-		"comment": ""
-	},
 	"points": {
 		"type": "added",
 		"syntax-before": "",
@@ -1157,12 +1163,6 @@
 		"syntax-after": "hsl | hwb | lch | oklch",
 		"comment": ""
 	},
-	"polygon()": {
-		"type": "modified",
-		"syntax-before": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )",
-		"syntax-after": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )",
-		"comment": ""
-	},
 	"position": {
 		"type": "modified",
 		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
@@ -1319,12 +1319,6 @@
 		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
 		"comment": ""
 	},
-	"rect()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
-		"comment": ""
-	},
 	"rectangular-color-space": {
 		"type": "added",
 		"syntax-before": "",
@@ -1547,12 +1541,6 @@
 		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
 		"comment": ""
 	},
-	"steps()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "steps( <integer> , <step-position>? )",
-		"comment": ""
-	},
 	"string()": {
 		"type": "added",
 		"syntax-before": "",
@@ -1619,6 +1607,42 @@
 		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
 		"comment": ""
 	},
+	"syntax": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+		"comment": ""
+	},
+	"syntax-combinator": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'|'",
+		"comment": ""
+	},
+	"syntax-component": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+		"comment": ""
+	},
+	"syntax-component-name": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
+		"comment": ""
+	},
+	"syntax-multiplier": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ '#' | '+' ]",
+		"comment": ""
+	},
+	"syntax-type": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+		"comment": ""
+	},
 	"system-color": {
 		"type": "added",
 		"syntax-before": "",
@@ -1697,6 +1721,12 @@
 		"syntax-after": "flip-block || flip-inline || flip-start",
 		"comment": ""
 	},
+	"type()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "type( <syntax> )",
+		"comment": ""
+	},
 	"url": {
 		"type": "modified",
 		"syntax-before": "url( <string> <url-modifier>* ) | <url-token>",
@@ -1721,12 +1751,6 @@
 		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 		"comment": ""
 	},
-	"xywh()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
-		"comment": ""
-	},
 	"xyz": {
 		"type": "added",
 		"syntax-before": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index 5771ec2b25..dfb3e200e8 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -201,7 +201,7 @@
 		"syntax": "<percentage>? && <image>"
 	},
 	"circle()": {
-		"syntax": "circle( <radial-size>? [ at <position> ]? )"
+		"syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )"
 	},
 	"clamp()": {
 		"syntax": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )"
@@ -383,15 +383,15 @@
 	"crossorigin-modifier": {
 		"syntax": "crossorigin( anonymous | use-credentials )"
 	},
+	"css-type": {
+		"syntax": "<syntax-component> | <type()>"
+	},
 	"cubic-bezier-easing-function": {
 		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
 	},
 	"cubic-bezier-timing-function": {
 		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
 	},
-	"cubic-bezier()": {
-		"syntax": "cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
-	},
 	"curve-command": {
 		"syntax": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]"
 	},
@@ -468,7 +468,7 @@
 		"syntax": "element( <id-selector> )"
 	},
 	"ellipse()": {
-		"syntax": "ellipse( <radial-size>? [ at <position> ]? )"
+		"syntax": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )"
 	},
 	"ending-shape": {
 		"syntax": "circle | ellipse"
@@ -584,6 +584,18 @@
 	"frequency-percentage": {
 		"syntax": "[ <frequency> | <percentage> ]"
 	},
+	"function-dependency-list": {
+		"syntax": "<function-parameter>#"
+	},
+	"function-name": {
+		"syntax": "<dashed-ident>"
+	},
+	"function-parameter": {
+		"syntax": "<custom-property-name> <css-type>? [ : <declaration-value> ]?"
+	},
+	"function-parameter-list": {
+		"syntax": "<function-parameter>#"
+	},
 	"gender": {
 		"syntax": "male | female | neutral"
 	},
@@ -1050,7 +1062,7 @@
 		"syntax": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )"
 	},
 	"path()": {
-		"syntax": "path( <'fill-rule'>? , <string> )"
+		"syntax": "path( [ <fill-rule> , ]? <string> )"
 	},
 	"perspective()": {
 		"syntax": "perspective( [ <length [0,∞]> | none ] )"
@@ -1062,7 +1074,7 @@
 		"syntax": "hsl | hwb | lch | oklch"
 	},
 	"polygon()": {
-		"syntax": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )"
+		"syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
 	},
 	"position": {
 		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
@@ -1166,9 +1178,6 @@
 	"ray()": {
 		"syntax": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )"
 	},
-	"rect()": {
-		"syntax": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"
-	},
 	"rectangular-color-space": {
 		"syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"
 	},
@@ -1403,9 +1412,6 @@
 	"step-timing-function": {
 		"syntax": "step-start | step-end | steps( <integer> [, <step-position> ]? )"
 	},
-	"steps()": {
-		"syntax": "steps( <integer> , <step-position>? )"
-	},
 	"string()": {
 		"syntax": "string( <custom-ident> , [ first | start | last | first-except ]? )"
 	},
@@ -1463,6 +1469,24 @@
 	"symbols()": {
 		"syntax": "symbols( <symbols-type>? [ <string> | <image> ]+ )"
 	},
+	"syntax": {
+		"syntax": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+"
+	},
+	"syntax-combinator": {
+		"syntax": "'|'"
+	},
+	"syntax-component": {
+		"syntax": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'"
+	},
+	"syntax-component-name": {
+		"syntax": "'<' <syntax-type> '>' | <custom-ident>"
+	},
+	"syntax-multiplier": {
+		"syntax": "[ '#' | '+' ]"
+	},
+	"syntax-type": {
+		"syntax": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function"
+	},
 	"system-color": {
 		"syntax": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText"
 	},
@@ -1553,6 +1577,9 @@
 	"type-selector": {
 		"syntax": "<wq-name> | <ns-prefix>? '*'"
 	},
+	"type()": {
+		"syntax": "type( <syntax> )"
+	},
 	"url": {
 		"syntax": "<url()> | <src()>"
 	},
@@ -1586,9 +1613,6 @@
 	"x": {
 		"syntax": "<number>"
 	},
-	"xywh()": {
-		"syntax": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"
-	},
 	"xyz": {
 		"syntax": "xyz | xyz-d50 | xyz-d65"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index baf86400d1..819b6403f7 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -4,15 +4,12 @@ import { generate_set } from './generate-set.mjs';
 import { trim_lt_gt } from './trim-lt-gt.mjs';
 
 const IGNORED_SPECS = new Set([
-	'css-mixins', // 'type()' conflicts with a different definition from 'css-image'
+	// 'a-spec',
 ]);
 
 const IGNORED_TYPES = new Map([
 	['<an+b>', '*'],
-	['<type()>', new Set(['css-mixins'])],
-	['type()', new Set(['css-mixins'])],
-	['<type()>', new Set(['css-images-4'])],
-	['type()', new Set(['css-images-4'])],
+	// ['a-type', new Set(['a-spec'])],
 ]);
 
 function is_ignored_type(type, spec_name) {
@@ -480,17 +477,6 @@ export async function generate_webref_sets() {
 
 						is_conflicting_type(spec_name, trim_lt_gt(child_value.name), values[trim_lt_gt(child_value.name)]);
 					}
-
-					if (child_value.type === 'function' && child_value.value) {
-						assign_new_definition(
-							spec_name,
-							values,
-							trim_lt_gt(child_value.name),
-							child_value.value,
-						);
-
-						is_conflicting_type(spec_name, trim_lt_gt(child_value.name), values[trim_lt_gt(child_value.name)]);
-					}
 				}
 			}
 

From 3bb6a67d7b30e8038e0c208dbb039492593c1f6b Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Thu, 12 Sep 2024 19:43:05 +0200
Subject: [PATCH 33/66] latest webref

---
 .../webref-over-csstree-properties.json       | 111 +++++++++++++++---
 .../patches/webref-over-csstree-types.json    |  74 ++++--------
 .../webref-over-csstree-properties.json       |  76 +++++++++---
 .../raw-data/webref-over-csstree-types.json   |  44 +++----
 .../raw-data/webref-properties.json           |  54 ++++++---
 .../raw-data/webref-types.json                |  26 ++--
 .../scripts/generate-webref-sets.mjs          |  34 +++++-
 7 files changed, 273 insertions(+), 146 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 8c1ccc2309..b390742144 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1114,7 +1114,7 @@
 	"bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1459,7 +1459,7 @@
 	"container-type": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "normal | size | inline-size",
+		"syntax-after": "normal | [ [ size | inline-size ] || scroll-state ]",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1591,7 +1591,7 @@
 	"display": {
 		"type": "modified",
 		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
-		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]",
+		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1844,7 +1844,7 @@
 	"font": {
 		"type": "modified",
 		"syntax-before": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
-		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
+		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2039,6 +2039,17 @@
 			"failing": []
 		}
 	},
+	"grid-auto-flow": {
+		"type": "modified",
+		"syntax-before": "[ row | column ] || dense",
+		"syntax-after": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"grid-template-columns": {
 		"type": "modified",
 		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
@@ -2064,7 +2075,7 @@
 	"height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2291,7 +2302,7 @@
 	"left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2467,7 +2478,7 @@
 	"margin-bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2522,7 +2533,7 @@
 	"margin-left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2533,7 +2544,7 @@
 	"margin-right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2544,7 +2555,7 @@
 	"margin-top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2651,6 +2662,72 @@
 			"failing": []
 		}
 	},
+	"masonry-auto-tracks": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'grid-auto-columns'>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-direction": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "row | column | row-reverse | column-reverse",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-fill": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | reverse",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-flow": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'masonry-direction'> || <'masonry-fill'>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-template-areas": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <string>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-template-tracks": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'grid-template-columns'>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"max-block-size": {
 		"type": "modified",
 		"syntax-before": "<'max-width'>",
@@ -2665,7 +2742,7 @@
 	"max-height": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2698,7 +2775,7 @@
 	"max-width": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2720,7 +2797,7 @@
 	"min-height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2753,7 +2830,7 @@
 	"min-width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -3481,7 +3558,7 @@
 	"right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -4460,7 +4537,7 @@
 	"top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -4739,7 +4816,7 @@
 	"width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 11dfe5835f..7984923512 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1469,7 +1469,7 @@
 	"font-variant-css2": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ normal | small-caps ]",
+		"syntax-after": "normal | small-caps",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1491,7 +1491,7 @@
 	"font-width-css3": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
+		"syntax-after": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2299,17 +2299,6 @@
 			"failing": []
 		}
 	},
-	"linear-easing-function": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "linear( <linear-stop-list> )",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"linear-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -2332,43 +2321,10 @@
 			"failing": []
 		}
 	},
-	"linear-stop": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> && <linear-stop-length>?",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"linear-stop-length": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<percentage>{1,2}",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"linear-stop-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <linear-stop> ]#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"linear()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "linear( <linear-stop-list> )",
+		"syntax-after": "linear( [ <number> && <percentage>{0,2} ]# )",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -3237,7 +3193,7 @@
 	"query-in-parens": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -3666,6 +3622,28 @@
 			"failing": []
 		}
 	},
+	"scroll-state-in-parens": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-state-query": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"scroll()": {
 		"type": "added",
 		"syntax-before": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
index dcf1256284..4e01d200c2 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -542,7 +542,7 @@
 	"bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"box-shadow": {
@@ -722,7 +722,7 @@
 	"container-type": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "normal | size | inline-size",
+		"syntax-after": "normal | [ [ size | inline-size ] || scroll-state ]",
 		"comment": ""
 	},
 	"content": {
@@ -794,7 +794,7 @@
 	"display": {
 		"type": "modified",
 		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
-		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]",
+		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
 		"comment": ""
 	},
 	"dominant-baseline": {
@@ -932,7 +932,7 @@
 	"font": {
 		"type": "modified",
 		"syntax-before": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
-		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
+		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
 		"comment": ""
 	},
 	"font-palette": {
@@ -1037,6 +1037,12 @@
 		"syntax-after": "auto | 0deg | 90deg | 0 | 90",
 		"comment": ""
 	},
+	"grid-auto-flow": {
+		"type": "modified",
+		"syntax-before": "[ row | column ] || dense",
+		"syntax-after": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+		"comment": ""
+	},
 	"grid-template-columns": {
 		"type": "modified",
 		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
@@ -1052,7 +1058,7 @@
 	"height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"hyphenate-limit-chars": {
@@ -1172,7 +1178,7 @@
 	"left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"lighting-color": {
@@ -1268,7 +1274,7 @@
 	"margin-bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-break": {
@@ -1298,19 +1304,19 @@
 	"margin-left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-trim": {
@@ -1367,6 +1373,42 @@
 		"syntax-after": "<coord-box>#",
 		"comment": ""
 	},
+	"masonry-auto-tracks": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'grid-auto-columns'>",
+		"comment": ""
+	},
+	"masonry-direction": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "row | column | row-reverse | column-reverse",
+		"comment": ""
+	},
+	"masonry-fill": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | reverse",
+		"comment": ""
+	},
+	"masonry-flow": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'masonry-direction'> || <'masonry-fill'>",
+		"comment": ""
+	},
+	"masonry-template-areas": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <string>",
+		"comment": ""
+	},
+	"masonry-template-tracks": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'grid-template-columns'>",
+		"comment": ""
+	},
 	"max-block-size": {
 		"type": "modified",
 		"syntax-before": "<'max-width'>",
@@ -1376,7 +1418,7 @@
 	"max-height": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"max-inline-size": {
@@ -1394,7 +1436,7 @@
 	"max-width": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"min-block-size": {
@@ -1406,7 +1448,7 @@
 	"min-height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"min-inline-size": {
@@ -1424,7 +1466,7 @@
 	"min-width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"mix-blend-mode": {
@@ -1778,7 +1820,7 @@
 	"right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"row-gap": {
@@ -2312,7 +2354,7 @@
 	"top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"transform-origin": {
@@ -2444,7 +2486,7 @@
 	"width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"word-break": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 8318a49f67..21d022299d 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -644,7 +644,7 @@
 	"font-variant-css2": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ normal | small-caps ]",
+		"syntax-after": "normal | small-caps",
 		"comment": ""
 	},
 	"font-weight-absolute": {
@@ -656,7 +656,7 @@
 	"font-width-css3": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
+		"syntax-after": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
 		"comment": ""
 	},
 	"frequency-percentage": {
@@ -905,12 +905,6 @@
 		"syntax-after": "<length [0,∞]> | thin | medium | thick",
 		"comment": ""
 	},
-	"linear-easing-function": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "linear( <linear-stop-list> )",
-		"comment": ""
-	},
 	"linear-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -923,28 +917,10 @@
 		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": ""
 	},
-	"linear-stop": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> && <linear-stop-length>?",
-		"comment": ""
-	},
-	"linear-stop-length": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<percentage>{1,2}",
-		"comment": ""
-	},
-	"linear-stop-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <linear-stop> ]#",
-		"comment": ""
-	},
 	"linear()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "linear( <linear-stop-list> )",
+		"syntax-after": "linear( [ <number> && <percentage>{0,2} ]# )",
 		"comment": ""
 	},
 	"link-param": {
@@ -1256,7 +1232,7 @@
 	"query-in-parens": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
 		"comment": ""
 	},
 	"radial-extent": {
@@ -1415,6 +1391,18 @@
 		"syntax-after": "running( <custom-ident> )",
 		"comment": ""
 	},
+	"scroll-state-in-parens": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
+		"comment": ""
+	},
+	"scroll-state-query": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
+		"comment": ""
+	},
 	"scroll()": {
 		"type": "added",
 		"syntax-before": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
index 1910f1d272..92911b32dc 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
@@ -471,7 +471,7 @@
 		"syntax": "<line-width>{1,4}"
 	},
 	"bottom": {
-		"syntax": "auto | <length-percentage>"
+		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
 	},
 	"box-align": {
 		"syntax": "start | center | end | baseline | stretch"
@@ -642,7 +642,7 @@
 		"syntax": "none | <custom-ident>+"
 	},
 	"container-type": {
-		"syntax": "normal | size | inline-size"
+		"syntax": "normal | [ [ size | inline-size ] || scroll-state ]"
 	},
 	"content": {
 		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>"
@@ -726,7 +726,7 @@
 		"syntax": "ltr | rtl"
 	},
 	"display": {
-		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]"
+		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]"
 	},
 	"dominant-baseline": {
 		"syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top"
@@ -855,7 +855,7 @@
 		"syntax": "[ none | <custom-ident> ]#"
 	},
 	"font": {
-		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>"
+		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>"
 	},
 	"font-family": {
 		"syntax": "[ <family-name> | <generic-family> ]#"
@@ -972,7 +972,7 @@
 		"syntax": "<track-size>+"
 	},
 	"grid-auto-flow": {
-		"syntax": "[ row | column ] || dense"
+		"syntax": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse"
 	},
 	"grid-auto-rows": {
 		"syntax": "<track-size>+"
@@ -1032,7 +1032,7 @@
 		"syntax": "none | [ first || [ force-end | allow-end ] || last ]"
 	},
 	"height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"-ms-high-contrast-adjust": {
 		"syntax": "auto | none"
@@ -1149,7 +1149,7 @@
 		"syntax": "auto | <svg-length>"
 	},
 	"left": {
-		"syntax": "auto | <length-percentage>"
+		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
 	},
 	"letter-spacing": {
 		"syntax": "normal | <length-percentage>"
@@ -1212,7 +1212,7 @@
 		"syntax": "<'margin-top'>"
 	},
 	"margin-bottom": {
-		"syntax": "<length-percentage> | auto"
+		"syntax": "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-break": {
 		"syntax": "auto | keep | discard"
@@ -1227,13 +1227,13 @@
 		"syntax": "<'margin-top'>"
 	},
 	"margin-left": {
-		"syntax": "<length-percentage> | auto"
+		"syntax": "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-right": {
-		"syntax": "<length-percentage> | auto"
+		"syntax": "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-top": {
-		"syntax": "<length-percentage> | auto"
+		"syntax": "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-trim": {
 		"syntax": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]"
@@ -1349,6 +1349,24 @@
 	"masonry-auto-flow": {
 		"syntax": "[ pack | next ] || [ definite-first | ordered ]"
 	},
+	"masonry-auto-tracks": {
+		"syntax": "<'grid-auto-columns'>"
+	},
+	"masonry-direction": {
+		"syntax": "row | column | row-reverse | column-reverse"
+	},
+	"masonry-fill": {
+		"syntax": "normal | reverse"
+	},
+	"masonry-flow": {
+		"syntax": "<'masonry-direction'> || <'masonry-fill'>"
+	},
+	"masonry-template-areas": {
+		"syntax": "none | <string>"
+	},
+	"masonry-template-tracks": {
+		"syntax": "<'grid-template-columns'>"
+	},
 	"math-depth": {
 		"syntax": "auto-add | add( <integer> ) | <integer>"
 	},
@@ -1362,7 +1380,7 @@
 		"syntax": "<'max-width'> | stretch | fit-content | contain"
 	},
 	"max-height": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"max-inline-size": {
 		"syntax": "<'max-width'> | stretch | fit-content | contain"
@@ -1371,13 +1389,13 @@
 		"syntax": "none | <integer [1,∞]>"
 	},
 	"max-width": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"min-block-size": {
 		"syntax": "<'min-width'> | stretch | fit-content | contain"
 	},
 	"min-height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"min-inline-size": {
 		"syntax": "<'min-width'> | stretch | fit-content | contain"
@@ -1386,7 +1404,7 @@
 		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
 	},
 	"min-width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"mix-blend-mode": {
 		"syntax": "<blend-mode> | plus-darker | plus-lighter"
@@ -1683,7 +1701,7 @@
 		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
 	},
 	"right": {
-		"syntax": "auto | <length-percentage>"
+		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
 	},
 	"rotate": {
 		"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>"
@@ -2160,7 +2178,7 @@
 		"syntax": "none | all | <dashed-ident>#"
 	},
 	"top": {
-		"syntax": "auto | <length-percentage>"
+		"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"
@@ -2304,7 +2322,7 @@
 		"syntax": "<integer [1,∞]>"
 	},
 	"width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"will-change": {
 		"syntax": "auto | <animateable-feature>#"
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index dfb3e200e8..6497bc1ead 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -570,7 +570,7 @@
 		"syntax": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]"
 	},
 	"font-variant-css2": {
-		"syntax": "[ normal | small-caps ]"
+		"syntax": "normal | small-caps"
 	},
 	"font-variant-css21": {
 		"syntax": "[ normal | small-caps ]"
@@ -579,7 +579,7 @@
 		"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 ]"
+		"syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"
 	},
 	"frequency-percentage": {
 		"syntax": "[ <frequency> | <percentage> ]"
@@ -800,9 +800,6 @@
 	"linear-color-stop": {
 		"syntax": "<color> <color-stop-length>?"
 	},
-	"linear-easing-function": {
-		"syntax": "linear( <linear-stop-list> )"
-	},
 	"-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> )"
 	},
@@ -815,17 +812,8 @@
 	"linear-gradient()": {
 		"syntax": "linear-gradient( [ <linear-gradient-syntax> ] )"
 	},
-	"linear-stop": {
-		"syntax": "<number> && <linear-stop-length>?"
-	},
-	"linear-stop-length": {
-		"syntax": "<percentage>{1,2}"
-	},
-	"linear-stop-list": {
-		"syntax": "[ <linear-stop> ]#"
-	},
 	"linear()": {
-		"syntax": "linear( <linear-stop-list> )"
+		"syntax": "linear( [ <number> && <percentage>{0,2} ]# )"
 	},
 	"link-param": {
 		"syntax": "param( <custom-property-name> <declaration-value>? )"
@@ -1128,7 +1116,7 @@
 		"syntax": "'*' | <custom-ident>"
 	},
 	"query-in-parens": {
-		"syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>"
+		"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"
@@ -1283,6 +1271,12 @@
 	"scaleZ()": {
 		"syntax": "scaleZ( [ <number> | <percentage> ] )"
 	},
+	"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>"
+	},
 	"scroll-timeline-axis": {
 		"syntax": "block | inline | vertical | horizontal"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 819b6403f7..5d66386314 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -52,7 +52,6 @@ const SPECS = [
 	['compat', []],
 	['compositing', []],
 	['css-align', []],
-	['css-anchor-position', []],
 	['css-animations', []],
 	['css-animations-2', []],
 	['css-backgrounds', []],
@@ -128,11 +127,12 @@ const SPECS = [
 	['css-size-adjust', []],
 	['css-sizing', ['css-multicol']],
 	['css-sizing-4', ['css-logical']],
+	['css-anchor-position', ['css-box', 'css-position', 'css-position-4', 'css-sizing', 'css-sizing-4']],
 	['css-speech', []],
 	['css-syntax', []],
 	['css-tables', []],
 	['css-text', []],
-	['mathml-core', ['css-text', 'css-display']],
+	['mathml-core', ['css-text', 'css-display', 'css-grid-3']],
 	['css-text-4', ['mathml-core']],
 	['css-text-decor', []],
 	['css-text-decor-4', []],
@@ -336,6 +336,36 @@ const property_deltas = new Set([
 	property_delta_key('justify-items', 'css-align', 'css-anchor-position'),
 	property_delta_key('align-self', 'css-align', 'css-anchor-position'),
 	property_delta_key('justify-self', 'css-align', 'css-anchor-position'),
+
+	property_delta_key('margin-top', 'css-box', 'css-anchor-position'),
+	property_delta_key('margin-left', 'css-box', 'css-anchor-position'),
+	property_delta_key('margin-right', 'css-box', 'css-anchor-position'),
+	property_delta_key('margin-bottom', 'css-box', 'css-anchor-position'),
+
+	property_delta_key('top', 'css-position', 'css-anchor-position'),
+	property_delta_key('left', 'css-position', 'css-anchor-position'),
+	property_delta_key('right', 'css-position', 'css-anchor-position'),
+	property_delta_key('bottom', 'css-position', 'css-anchor-position'),
+
+	property_delta_key('width', 'css-sizing', 'css-anchor-position'),
+	property_delta_key('height', 'css-sizing', 'css-anchor-position'),
+	property_delta_key('min-width', 'css-sizing', 'css-anchor-position'),
+	property_delta_key('min-height', 'css-sizing', 'css-anchor-position'),
+	property_delta_key('max-width', 'css-sizing', 'css-anchor-position'),
+	property_delta_key('max-height', 'css-sizing', 'css-anchor-position'),
+
+	property_delta_key('width', 'css-sizing-4', 'css-anchor-position'),
+	property_delta_key('height', 'css-sizing-4', 'css-anchor-position'),
+	property_delta_key('min-width', 'css-sizing-4', 'css-anchor-position'),
+	property_delta_key('min-height', 'css-sizing-4', 'css-anchor-position'),
+	property_delta_key('max-width', 'css-sizing-4', 'css-anchor-position'),
+	property_delta_key('max-height', 'css-sizing-4', 'css-anchor-position'),
+
+	property_delta_key('grid-auto-flow', 'css-grid', 'css-grid-3'),
+
+	property_delta_key('display', 'css-display', 'css-grid-3'),
+
+	property_delta_key('display', 'css-grid-3', 'mathml-core'),
 ]);
 
 const seen_property_definitions = new Map();

From f784ebd7604f2e799f93d9c0f7cd20b7dcf0f901 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Thu, 12 Sep 2024 19:46:36 +0200
Subject: [PATCH 34/66] wip

---
 packages/css-syntax-patches-for-csstree/package.json            | 1 +
 .../scripts/generate-csstree-sets.mjs                           | 2 +-
 .../css-syntax-patches-for-csstree/scripts/generate-set.mjs     | 2 +-
 .../scripts/generate-webref-sets.mjs                            | 2 +-
 packages/css-syntax-patches-for-csstree/scripts/index.mjs       | 2 +-
 5 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/package.json b/packages/css-syntax-patches-for-csstree/package.json
index 868430307b..c2636bcf69 100644
--- a/packages/css-syntax-patches-for-csstree/package.json
+++ b/packages/css-syntax-patches-for-csstree/package.json
@@ -39,6 +39,7 @@
 	},
 	"devDependencies": {
 		"@webref/css": "^6.15.0",
+		"css-tree-3.0.0": "npm:css-tree@~3.0.0",
 		"css-tree": "^2.3.1"
 	},
 	"scripts": {
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs
index 55ab0c60c9..d13418b682 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs
@@ -1,4 +1,4 @@
-import { lexer } from 'css-tree';
+import { lexer } from 'css-tree-3.0.0';
 import { generate_set } from './generate-set.mjs';
 
 export async function generate_csstree_sets() {
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
index ca276394bc..5d885a1820 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
@@ -1,4 +1,4 @@
-import { definitionSyntax } from 'css-tree';
+import { definitionSyntax } from 'css-tree-3.0.0';
 import { sort_set } from './sort-set.mjs';
 
 export function generate_set(source) {
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 5d66386314..9555eec2e5 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -1,5 +1,5 @@
 import css from '@webref/css';
-import { fork } from 'css-tree';
+import { fork } from 'css-tree-3.0.0';
 import { generate_set } from './generate-set.mjs';
 import { trim_lt_gt } from './trim-lt-gt.mjs';
 
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 22341be2fa..f832c27903 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -18,7 +18,7 @@
 //   - restore unchanged entries
 //   - write to disk
 
-import { fork, parse } from 'css-tree';
+import { fork, parse } from 'css-tree-3.0.0';
 
 import { generate_csstree_sets } from './generate-csstree-sets.mjs';
 import { generate_webref_sets } from './generate-webref-sets.mjs';

From d48fdca03dd4fb9b32c9ea551d0470a9758902e2 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 15 Sep 2024 11:04:14 +0200
Subject: [PATCH 35/66] wip

---
 package-lock.json                             |   23 +-
 .../dist/index.json                           |   40 +-
 .../webref-over-csstree-properties.json       |  807 +----------
 .../patches/webref-over-csstree-types.json    | 1220 ++---------------
 .../raw-data/csstree-properties.json          |  193 ++-
 .../raw-data/csstree-types.json               |  260 +++-
 .../webref-over-csstree-properties.json       |  416 +-----
 .../raw-data/webref-over-csstree-types.json   |  426 +-----
 .../raw-data/webref-properties.json           |   60 +-
 .../raw-data/webref-types.json                |   87 +-
 .../scripts/generate-webref-sets.mjs          |    7 +
 .../tests/community.test.mjs                  |    2 +-
 12 files changed, 849 insertions(+), 2692 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f6852b289f..a25442586c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4880,6 +4880,20 @@
 				"node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
 			}
 		},
+		"node_modules/css-tree-3.0.0": {
+			"name": "css-tree",
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.0.0.tgz",
+			"integrity": "sha512-o88DVQ6GzsABn1+6+zo2ct801dBO5OASVyxbbvA2W20ue2puSh/VOuqUj90eUeMSX/xqGqBmOKiRQN7tJOuBXw==",
+			"dev": true,
+			"dependencies": {
+				"mdn-data": "2.10.0",
+				"source-map-js": "^1.0.1"
+			},
+			"engines": {
+				"node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+			}
+		},
 		"node_modules/css-tree/node_modules/mdn-data": {
 			"version": "2.0.30",
 			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
@@ -6733,9 +6747,9 @@
 			}
 		},
 		"node_modules/mdn-data": {
-			"version": "2.9.0",
-			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.9.0.tgz",
-			"integrity": "sha512-mRKpwcgT19Mp/+kU3BAA8onXlmRCs+2pdLAcAQMVYw4yWzDZPmVLYfoDYkdR0y4jvNYRDJp0uIGJggwYk6WMRQ==",
+			"version": "2.10.0",
+			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.10.0.tgz",
+			"integrity": "sha512-qq7C3EtK3yJXMwz1zAab65pjl+UhohqMOctTgcqjLOWABqmwj+me02LSsCuEUxnst9X1lCBpoE0WArGKgdGDzw==",
 			"dev": true
 		},
 		"node_modules/meow": {
@@ -9492,7 +9506,8 @@
 			"license": "MIT-0",
 			"devDependencies": {
 				"@webref/css": "^6.15.0",
-				"css-tree": "^2.3.1"
+				"css-tree": "^2.3.1",
+				"css-tree-3.0.0": "npm:css-tree@~3.0.0"
 			},
 			"engines": {
 				"node": ">=18"
diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 0b8d8db680..0ae3e285b9 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -4,93 +4,63 @@
 			"align-items": "| anchor-center",
 			"align-self": "| anchor-center",
 			"alignment-baseline": "| text-bottom | text-top",
-			"anchor-name": "none | <dashed-ident>#",
-			"anchor-scope": "none | all | <dashed-ident>#",
 			"animation-duration": "[ auto | <time [0s,∞]> ]#",
 			"appearance": "none | auto | <compat-auto> | <compat-special>",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 			"clip": "<shape> | auto",
 			"color-adjust": "<'print-color-adjust'>",
 			"justify-items": "| anchor-center",
-			"offset-path": "none | <offset-path> || <coord-box>",
-			"position-anchor": "auto | <anchor-element>",
-			"position-area": "none | <position-area>",
-			"position-try-fallbacks": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
-			"position-try-order": "normal | <try-size>",
-			"transition-behavior": "<transition-behavior-value>#",
-			"view-timeline-inset": "[ [ auto | <length-percentage> ]{1,2} ]#"
+			"position-anchor": "auto | <anchor-element>"
 		},
 		"types": {
-			"anchor-element": "<dashed-ident>",
+			"axis": "block | inline | x | y",
 			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 			"bottom": "<length-percentage> | auto",
-			"cmyk-component": "<number> | <percentage> | none",
-			"color": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
-			"color-base": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
-			"color-function": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
-			"color-interpolation-method": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]",
-			"color-mix()": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
+			"color": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
 			"coord-box": "<paint-box> | view-box",
-			"custom-color-space": "<dashed-ident>",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
-			"device-cmyk()": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
-			"hue-interpolation-method": "[ shorter | longer | increasing | decreasing ] hue",
 			"hwb()": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"image": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 			"lab()": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"lch()": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"left": "<length-percentage> | auto",
-			"legacy-device-cmyk-syntax": "device-cmyk( <number>#{4} )",
 			"legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 			"legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
-			"light-dark()": "light-dark( <color> , <color> )",
-			"modern-device-cmyk-syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
 			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgb-syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgba-syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-			"offset-path": "<ray()> | <url> | <basic-shape>",
+			"named-color": "transparent | 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",
 			"oklab()": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"oklch()": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
-			"polar-color-space": "hsl | hwb | lch | oklch",
 			"position": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
-			"position-area": "[ [ 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} ]",
 			"predefined-polar-params": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 			"predefined-rectangular": "jzazbz | ictcp",
 			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
-			"predefined-rgb-params": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
 			"radial-extent": "closest-corner | closest-side | farthest-corner | farthest-side",
 			"radial-size": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
-			"ray-size": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
 			"ray()": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
-			"rectangular-color-space": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
 			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 			"right": "<length-percentage> | auto",
 			"scroll()": "scroll( [ <scroller> || <axis> ]? )",
-			"single-animation-timeline": "auto | none | <dashed-ident> | <scroll()> | <view()>",
+			"scroller": "root | nearest | self",
 			"src()": "src( <string> <url-modifier>* )",
-			"system-color": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
 			"top": "<length-percentage> | auto",
-			"transition-behavior-value": "normal | allow-discrete",
-			"try-size": "most-width | most-height | most-block-size | most-inline-size",
-			"try-tactic": "flip-block || flip-inline || flip-start",
 			"url": "<url()> | <src()> | <url-token>",
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
-			"view()": "view( [ <axis> || <'view-timeline-inset'> ]? )",
 			"xyz": "xyz | xyz-d50 | xyz-d65",
 			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
-			"xyz-space": "xyz | xyz-d50 | xyz-d65",
 			"dashed-ident": "<custom-property-name>"
 		}
 	}
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index b390742144..5656138be8 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -59,59 +59,6 @@
 		},
 		"comment": ""
 	},
-	"anchor-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <dashed-ident>#",
-		"merged": "none | <dashed-ident>#",
-		"tests": {
-			"passing": [
-				{
-					"value": "none"
-				},
-				{
-					"value": "--foo"
-				},
-				{
-					"value": "--foo, --bar"
-				}
-			],
-			"failing": [
-				{
-					"value": "foo"
-				}
-			]
-		},
-		"comment": ""
-	},
-	"anchor-scope": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | all | <dashed-ident>#",
-		"merged": "none | all | <dashed-ident>#",
-		"tests": {
-			"passing": [
-				{
-					"value": "none"
-				},
-				{
-					"value": "all"
-				},
-				{
-					"value": "--foo"
-				},
-				{
-					"value": "--foo, --bar"
-				}
-			],
-			"failing": [
-				{
-					"value": "foo"
-				}
-			]
-		},
-		"comment": ""
-	},
 	"animation-duration": {
 		"type": "modified",
 		"syntax-before": "<time>#",
@@ -143,39 +90,6 @@
 			]
 		}
 	},
-	"animation-range": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"animation-range-end": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"animation-range-start": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"appearance": {
 		"type": "modified",
 		"syntax-before": "none | auto | textfield | menulist-button | <compat-auto>",
@@ -1114,7 +1028,7 @@
 	"bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-after": "auto | <length-percentage>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1291,17 +1205,6 @@
 			"failing": []
 		}
 	},
-	"color-interpolation-filters": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | sRGB | linearRGB",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"column-count": {
 		"type": "modified",
 		"syntax-before": "<integer> | auto",
@@ -1379,87 +1282,10 @@
 			"failing": []
 		}
 	},
-	"contain-intrinsic-block-size": {
-		"type": "modified",
-		"syntax-before": "none | <length> | auto <length>",
-		"syntax-after": "auto? [ none | <length> ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"contain-intrinsic-height": {
-		"type": "modified",
-		"syntax-before": "none | <length> | auto <length>",
-		"syntax-after": "auto? [ none | <length> ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"contain-intrinsic-inline-size": {
-		"type": "modified",
-		"syntax-before": "none | <length> | auto <length>",
-		"syntax-after": "auto? [ none | <length> ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"contain-intrinsic-size": {
-		"type": "modified",
-		"syntax-before": "[ none | <length> | auto <length> ]{1,2}",
-		"syntax-after": "[ auto? [ none | <length> ] ]{1,2}",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"contain-intrinsic-width": {
-		"type": "modified",
-		"syntax-before": "none | <length> | auto <length>",
-		"syntax-after": "auto? [ none | <length> ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"container": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'container-name'> [ / <'container-type'> ]?",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"container-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <custom-ident>+",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"container-type": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ [ size | inline-size ] || scroll-state ]",
+		"type": "modified",
+		"syntax-before": "normal || [ size | inline-size ]",
+		"syntax-after": "normal | size | inline-size",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1556,8 +1382,8 @@
 		}
 	},
 	"cx": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage>",
 		"comment": "",
 		"merged": false,
@@ -1567,8 +1393,8 @@
 		}
 	},
 	"cy": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage>",
 		"comment": "",
 		"merged": false,
@@ -1578,8 +1404,8 @@
 		}
 	},
 	"d": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "none | path( <string> )",
 		"syntax-after": "none | <string>",
 		"comment": "",
 		"merged": false,
@@ -1591,7 +1417,7 @@
 	"display": {
 		"type": "modified",
 		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
-		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
+		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1622,8 +1448,8 @@
 		}
 	},
 	"field-sizing": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "content | fixed",
 		"syntax-after": "fixed | content",
 		"comment": "",
 		"merged": false,
@@ -1843,8 +1669,8 @@
 	},
 	"font": {
 		"type": "modified",
-		"syntax-before": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
-		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
+		"syntax-before": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
+		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1853,8 +1679,8 @@
 		}
 	},
 	"font-palette": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "normal | light | dark | <palette-identifier>",
 		"syntax-after": "normal | light | dark | <palette-identifier> | <palette-mix()>",
 		"comment": "",
 		"merged": false,
@@ -1896,61 +1722,6 @@
 			"failing": []
 		}
 	},
-	"font-synthesis": {
-		"type": "modified",
-		"syntax-before": "none | [ weight || style || small-caps ]",
-		"syntax-after": "none | [ weight || style || small-caps || position ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"font-synthesis-position": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | none",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"font-synthesis-small-caps": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | none",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"font-synthesis-style": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | none",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"font-synthesis-weight": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | none",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"font-variant": {
 		"type": "modified",
 		"syntax-before": "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 ]",
@@ -1962,17 +1733,6 @@
 			"failing": []
 		}
 	},
-	"font-variant-emoji": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | text | emoji | unicode",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"font-variation-settings": {
 		"type": "modified",
 		"syntax-before": "normal | [ <string> <number> ]#",
@@ -2039,17 +1799,6 @@
 			"failing": []
 		}
 	},
-	"grid-auto-flow": {
-		"type": "modified",
-		"syntax-before": "[ row | column ] || dense",
-		"syntax-after": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"grid-template-columns": {
 		"type": "modified",
 		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
@@ -2074,19 +1823,8 @@
 	},
 	"height": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"hyphenate-limit-chars": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ auto | <integer> ]{1,3}",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2302,7 +2040,7 @@
 	"left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-after": "auto | <length-percentage>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2478,7 +2216,7 @@
 	"margin-bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-after": "<length-percentage> | auto",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2533,7 +2271,7 @@
 	"margin-left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-after": "<length-percentage> | auto",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2544,7 +2282,7 @@
 	"margin-right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-after": "<length-percentage> | auto",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2555,7 +2293,7 @@
 	"margin-top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-after": "<length-percentage> | auto",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2662,10 +2400,10 @@
 			"failing": []
 		}
 	},
-	"masonry-auto-tracks": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'grid-auto-columns'>",
+	"max-block-size": {
+		"type": "modified",
+		"syntax-before": "<'max-width'>",
+		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2673,76 +2411,10 @@
 			"failing": []
 		}
 	},
-	"masonry-direction": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "row | column | row-reverse | column-reverse",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"masonry-fill": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | reverse",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"masonry-flow": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'masonry-direction'> || <'masonry-fill'>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"masonry-template-areas": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <string>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"masonry-template-tracks": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'grid-template-columns'>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"max-block-size": {
-		"type": "modified",
-		"syntax-before": "<'max-width'>",
-		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"max-height": {
-		"type": "modified",
-		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+	"max-height": {
+		"type": "modified",
+		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2774,8 +2446,8 @@
 	},
 	"max-width": {
 		"type": "modified",
-		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2796,8 +2468,8 @@
 	},
 	"min-height": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2829,8 +2501,8 @@
 	},
 	"min-width": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2915,63 +2587,6 @@
 			"failing": []
 		}
 	},
-	"offset-path": {
-		"type": "modified",
-		"syntax-before": "none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]",
-		"syntax-after": "none | <offset-path> || <coord-box>",
-		"comment": "",
-		"merged": "none | <offset-path> || <coord-box>",
-		"tests": {
-			"passing": [
-				{
-					"value": "rect(1px 2px 3px 4px)"
-				},
-				{
-					"value": "rect(auto auto auto auto)"
-				},
-				{
-					"value": "rect(0 1% auto 3% round 0 1px)"
-				},
-				{
-					"value": "rect(0 1% auto 3% round 0 1px) view-box"
-				},
-				{
-					"value": "view-box rect(0 1% auto 3% round 0 1px)"
-				}
-			],
-			"failing": [
-				{
-					"value": "rect(1px)"
-				},
-				{
-					"value": "rect(1px 2px)"
-				},
-				{
-					"value": "rect(1px 2px 3px)"
-				},
-				{
-					"value": "rect(1px 2px 3px 4px 5px)"
-				},
-				{
-					"value": "rect(1ms 2ms 3ms 4ms)"
-				},
-				{
-					"value": "fill-box border-box"
-				}
-			]
-		}
-	},
-	"offset-position": {
-		"type": "modified",
-		"syntax-before": "auto | <position>",
-		"syntax-after": "normal | auto | <position>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"opacity": {
 		"type": "modified",
 		"syntax-before": "<alpha-value>",
@@ -2994,20 +2609,9 @@
 			"failing": []
 		}
 	},
-	"outline": {
-		"type": "modified",
-		"syntax-before": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]",
-		"syntax-after": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"outline-color": {
 		"type": "modified",
-		"syntax-before": "<color> | invert",
+		"syntax-before": "auto | <color>",
 		"syntax-after": "auto | [ <color> | <image-1D> ]",
 		"comment": "",
 		"merged": false,
@@ -3148,17 +2752,6 @@
 			"failing": []
 		}
 	},
-	"overlay": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | auto",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"padding": {
 		"type": "modified",
 		"syntax-before": "[ <length> | <percentage> ]{1,4}",
@@ -3280,17 +2873,6 @@
 			"failing": []
 		}
 	},
-	"page": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <custom-ident>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"page-break-after": {
 		"type": "modified",
 		"syntax-before": "auto | always | avoid | left | right | recto | verso",
@@ -3380,8 +2962,8 @@
 		}
 	},
 	"position-anchor": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<anchor-element>",
 		"syntax-after": "auto | <anchor-element>",
 		"merged": "auto | <anchor-element>",
 		"tests": {
@@ -3398,97 +2980,6 @@
 		},
 		"comment": ""
 	},
-	"position-area": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <position-area>",
-		"comment": "",
-		"merged": "none | <position-area>",
-		"tests": {
-			"passing": [
-				{
-					"value": "none"
-				},
-				{
-					"value": "left"
-				}
-			],
-			"failing": [
-				{
-					"value": "foo"
-				}
-			]
-		}
-	},
-	"position-try": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'position-try-order'>? <'position-try-fallbacks'>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"position-try-fallbacks": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
-		"comment": "",
-		"merged": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
-		"tests": {
-			"passing": [
-				{
-					"value": "none"
-				},
-				{
-					"value": "--foo"
-				},
-				{
-					"value": "left"
-				}
-			],
-			"failing": [
-				{
-					"value": "foo"
-				}
-			]
-		}
-	},
-	"position-try-order": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | <try-size>",
-		"comment": "",
-		"merged": "normal | <try-size>",
-		"tests": {
-			"passing": [
-				{
-					"value": "normal"
-				},
-				{
-					"value": "most-width"
-				}
-			],
-			"failing": [
-				{
-					"value": "foo"
-				}
-			]
-		}
-	},
-	"position-visibility": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "always | [ anchors-valid || anchors-visible || no-overflow ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"quotes": {
 		"type": "modified",
 		"syntax-before": "none | auto | [ <string> <string> ]+",
@@ -3501,8 +2992,8 @@
 		}
 	},
 	"r": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage>",
 		"comment": "",
 		"merged": false,
@@ -3558,7 +3049,7 @@
 	"right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-after": "auto | <length-percentage>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -3600,8 +3091,8 @@
 		}
 	},
 	"rx": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage> | auto",
 		"comment": "",
 		"merged": false,
@@ -3611,8 +3102,8 @@
 		}
 	},
 	"ry": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage> | auto",
 		"comment": "",
 		"merged": false,
@@ -3777,7 +3268,7 @@
 	},
 	"scroll-timeline": {
 		"type": "modified",
-		"syntax-before": "<scroll-timeline-name> || <scroll-timeline-axis>",
+		"syntax-before": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#",
 		"syntax-after": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
 		"comment": "",
 		"merged": false,
@@ -3786,28 +3277,6 @@
 			"failing": []
 		}
 	},
-	"scroll-timeline-axis": {
-		"type": "modified",
-		"syntax-before": "block | inline | vertical | horizontal",
-		"syntax-after": "[ block | inline | x | y ]#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"scroll-timeline-name": {
-		"type": "modified",
-		"syntax-before": "none | <custom-ident>",
-		"syntax-after": "[ none | <dashed-ident> ]#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"shape-image-threshold": {
 		"type": "modified",
 		"syntax-before": "<alpha-value>",
@@ -3907,17 +3376,6 @@
 			"failing": []
 		}
 	},
-	"speak": {
-		"type": "modified",
-		"syntax-before": "auto | none | normal",
-		"syntax-after": "auto | never | always",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"string-set": {
 		"type": "added",
 		"syntax-before": "",
@@ -4425,8 +3883,8 @@
 		}
 	},
 	"text-spacing-trim": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "space-all | normal | space-first | trim-start | trim-both | trim-all | auto",
 		"syntax-after": "<spacing-trim> | auto",
 		"comment": "",
 		"merged": false,
@@ -4491,8 +3949,8 @@
 		}
 	},
 	"text-wrap": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "wrap | nowrap | balance | stable | pretty",
 		"syntax-after": "<'text-wrap-mode'> || <'text-wrap-style'>",
 		"comment": "",
 		"merged": false,
@@ -4502,8 +3960,8 @@
 		}
 	},
 	"text-wrap-mode": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "auto | wrap | nowrap",
 		"syntax-after": "wrap | nowrap",
 		"comment": "",
 		"merged": false,
@@ -4512,20 +3970,9 @@
 			"failing": []
 		}
 	},
-	"text-wrap-style": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | balance | stable | pretty",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"timeline-scope": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "none | <dashed-ident>#",
 		"syntax-after": "none | all | <dashed-ident>#",
 		"comment": "",
 		"merged": false,
@@ -4537,7 +3984,7 @@
 	"top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-after": "auto | <length-percentage>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -4556,28 +4003,6 @@
 			"failing": []
 		}
 	},
-	"transition-behavior": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<transition-behavior-value>#",
-		"comment": "",
-		"merged": "<transition-behavior-value>#",
-		"tests": {
-			"passing": [
-				{
-					"value": "allow-discrete"
-				},
-				{
-					"value": "allow-discrete, normal"
-				}
-			],
-			"failing": [
-				{
-					"value": "foo"
-				}
-			]
-		}
-	},
 	"transition-duration": {
 		"type": "modified",
 		"syntax-before": "<time>#",
@@ -4600,17 +4025,6 @@
 			"failing": []
 		}
 	},
-	"vector-effect": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"vertical-align": {
 		"type": "modified",
 		"syntax-before": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
@@ -4623,8 +4037,8 @@
 		}
 	},
 	"view-timeline": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
 		"syntax-after": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
 		"comment": "",
 		"merged": false,
@@ -4633,57 +4047,9 @@
 			"failing": []
 		}
 	},
-	"view-timeline-axis": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ block | inline | x | y ]#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"view-timeline-inset": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ auto | <length-percentage> ]{1,2} ]#",
-		"comment": "",
-		"merged": "[ [ auto | <length-percentage> ]{1,2} ]#",
-		"tests": {
-			"passing": [
-				{
-					"value": "auto"
-				},
-				{
-					"value": "auto 10px"
-				},
-				{
-					"value": "10px auto"
-				},
-				{
-					"value": "10px 10%"
-				},
-				{
-					"value": "10% 10%"
-				},
-				{
-					"value": "10px, 10%"
-				},
-				{
-					"value": "auto 10px, 10px auto"
-				}
-			],
-			"failing": [
-				{
-					"value": "auto auto auto"
-				}
-			]
-		}
-	},
 	"view-timeline-name": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "none | <dashed-ident>#",
 		"syntax-after": "[ none | <dashed-ident> ]#",
 		"comment": "",
 		"merged": false,
@@ -4714,17 +4080,6 @@
 			"failing": []
 		}
 	},
-	"view-transition-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <custom-ident>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"voice-duration": {
 		"type": "modified",
 		"syntax-before": "auto | <time>",
@@ -4771,7 +4126,7 @@
 	},
 	"white-space": {
 		"type": "modified",
-		"syntax-before": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces",
+		"syntax-before": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
 		"syntax-after": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
 		"comment": "",
 		"merged": false,
@@ -4780,28 +4135,6 @@
 			"failing": []
 		}
 	},
-	"white-space-collapse": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"white-space-trim": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | discard-before || discard-after || discard-inner",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"widows": {
 		"type": "modified",
 		"syntax-before": "<integer>",
@@ -4815,8 +4148,8 @@
 	},
 	"width": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -4826,7 +4159,7 @@
 	},
 	"word-break": {
 		"type": "modified",
-		"syntax-before": "normal | break-all | keep-all | break-word",
+		"syntax-before": "normal | break-all | keep-all | break-word | auto-phrase",
 		"syntax-after": "normal | break-all | keep-all | manual | auto-phrase | break-word",
 		"comment": "",
 		"merged": false,
@@ -4935,8 +4268,8 @@
 		}
 	},
 	"x": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage>",
 		"comment": "",
 		"merged": false,
@@ -4946,8 +4279,8 @@
 		}
 	},
 	"y": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage>",
 		"comment": "",
 		"merged": false,
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 7984923512..26dc09d99d 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1,73 +1,4 @@
 {
-	"anchor-element": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident>",
-		"comment": "",
-		"merged": "<dashed-ident>",
-		"tests": {
-			"passing": [
-				{
-					"property": "position-anchor",
-					"value": "--foo"
-				}
-			],
-			"failing": [
-				{
-					"property": "position-anchor",
-					"value": "-foo"
-				},
-				{
-					"property": "position-anchor",
-					"value": "foo"
-				}
-			]
-		}
-	},
-	"anchor-side": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"anchor-size": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "width | height | block | inline | self-block | self-inline",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"anchor-size()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"anchor()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"angle-percentage": {
 		"type": "modified",
 		"syntax-before": "<angle> | <percentage>",
@@ -183,7 +114,7 @@
 		"syntax-before": "block | inline | vertical | horizontal",
 		"syntax-after": "block | inline | x | y",
 		"comment": "",
-		"merged": false,
+		"merged": "block | inline | x | y",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -546,40 +477,11 @@
 			"failing": []
 		}
 	},
-	"cmyk-component": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> | <percentage> | none",
-		"comment": "",
-		"merged": "<number> | <percentage> | none",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "device-cmyk(0 81% 81% 30%)"
-				},
-				{
-					"property": "color",
-					"value": "device-cmyk(0 81 81% 30)"
-				},
-				{
-					"property": "color",
-					"value": "device-cmyk(0 81 81 30)"
-				}
-			],
-			"failing": [
-				{
-					"property": "color",
-					"value": "device-cmyk(0 81hz 81% 30%)"
-				}
-			]
-		}
-	},
 	"color": {
 		"type": "modified",
-		"syntax-before": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>",
+		"syntax-before": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 		"syntax-after": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
-		"merged": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
+		"merged": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 		"tests": {
 			"passing": [
 				{
@@ -600,38 +502,6 @@
 		},
 		"comment": ""
 	},
-	"color-base": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
-		"comment": "",
-		"merged": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "#f00"
-				},
-				{
-					"property": "color",
-					"value": "rgb(1 2 3)"
-				},
-				{
-					"property": "color",
-					"value": "red"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in srgb, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "transparent"
-				}
-			],
-			"failing": []
-		}
-	},
 	"color-font-tech": {
 		"type": "added",
 		"syntax-before": "",
@@ -643,115 +513,6 @@
 			"failing": []
 		}
 	},
-	"color-function": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
-		"merged": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
-		"comment": "",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "rgb(1 2 3)"
-				},
-				{
-					"property": "color",
-					"value": "rgba(1 2 3)"
-				},
-				{
-					"property": "color",
-					"value": "hsl(1deg 2 3)"
-				},
-				{
-					"property": "color",
-					"value": "hsla(1deg 2 3)"
-				},
-				{
-					"property": "color",
-					"value": "hwb(1deg 2% 3%)"
-				},
-				{
-					"property": "color",
-					"value": "lab(1 2 3)"
-				},
-				{
-					"property": "color",
-					"value": "lch(1 2 3deg)"
-				},
-				{
-					"property": "color",
-					"value": "oklab(.1 .2 .3)"
-				},
-				{
-					"property": "color",
-					"value": "oklch(.1 .2 3deg)"
-				},
-				{
-					"property": "color",
-					"value": "color(display-p3 .1 .2 .3)"
-				}
-			],
-			"failing": []
-		}
-	},
-	"color-interpolation-method": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]",
-		"comment": "",
-		"merged": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "color-mix(in srgb, red, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in srgb, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in srgb, red, blue 25%)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in srgb, red 12%, blue 25%)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in oklch longer hue, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in oklch shorter hue, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in srgb, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in srgb, red 25%, blue)"
-				}
-			],
-			"failing": [
-				{
-					"property": "color",
-					"value": "color-mix(in srgb longer hue, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in --foo longer hue, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in foo, red 25%, blue)"
-				}
-			]
-		}
-	},
 	"color-layers()": {
 		"type": "added",
 		"syntax-before": "",
@@ -763,38 +524,6 @@
 			"failing": []
 		}
 	},
-	"color-mix()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
-		"comment": "",
-		"merged": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "color-mix(in srgb, red 25%, blue)"
-				}
-			],
-			"failing": [
-				{
-					"property": "color",
-					"value": "color-mix(red 25%, blue)"
-				}
-			]
-		}
-	},
-	"color-space": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<rectangular-color-space> | <polar-color-space> | <custom-color-space>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"color-stop-list": {
 		"type": "modified",
 		"syntax-before": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
@@ -818,8 +547,8 @@
 		}
 	},
 	"color()": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"merged": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
@@ -843,8 +572,8 @@
 		"comment": ""
 	},
 	"colorspace-params": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "[ <predefined-rgb-params> | <xyz-params> ]",
 		"syntax-after": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 		"merged": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 		"tests": {
@@ -871,17 +600,6 @@
 		},
 		"comment": ""
 	},
-	"combinator": {
-		"type": "modified",
-		"syntax-before": "'>' | '+' | '~' | [ '||' ]",
-		"syntax-after": "'>' | '+' | '~' | [ '|' '|' ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"compat-auto": {
 		"type": "modified",
 		"syntax-before": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
@@ -900,50 +618,6 @@
 		"merged": "textfield | menulist-button",
 		"comment": ""
 	},
-	"complex-real-selector": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<compound-selector> [ <combinator>? <compound-selector> ]*",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"complex-real-selector-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<complex-real-selector>#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"complex-selector": {
-		"type": "modified",
-		"syntax-before": "<compound-selector> [ <combinator>? <compound-selector> ]*",
-		"syntax-after": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"complex-selector-unit": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"composite-mode": {
 		"type": "added",
 		"syntax-before": "",
@@ -955,17 +629,6 @@
 			"failing": []
 		}
 	},
-	"compound-selector": {
-		"type": "modified",
-		"syntax-before": "[ <type-selector>? <subclass-selector>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!",
-		"syntax-after": "[ <type-selector>? <subclass-selector>* ]!",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"conic-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -989,22 +652,12 @@
 		}
 	},
 	"container-condition": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 		"syntax-after": "[ <container-name> ]? <container-query>",
 		"comment": "",
 		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"container-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<custom-ident>",
-		"comment": "",
-		"merged": false,
+		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1027,6 +680,7 @@
 		"syntax-after": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 		"comment": "",
 		"merged": false,
+		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1077,8 +731,8 @@
 		}
 	},
 	"coord-box": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "content-box | padding-box | border-box | fill-box | stroke-box | view-box",
 		"syntax-after": "<paint-box> | view-box",
 		"comment": "",
 		"merged": "<paint-box> | view-box",
@@ -1205,31 +859,6 @@
 			"failing": []
 		}
 	},
-	"custom-color-space": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident>",
-		"comment": "",
-		"merged": "<dashed-ident>",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "color-mix(in --foo, red 25%, blue)"
-				}
-			],
-			"failing": [
-				{
-					"property": "color",
-					"value": "color-mix(in -foo, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in foo, red 25%, blue)"
-				}
-			]
-		}
-	},
 	"custom-params": {
 		"type": "added",
 		"syntax-before": "",
@@ -1270,26 +899,6 @@
 			"failing": []
 		}
 	},
-	"device-cmyk()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
-		"comment": "",
-		"merged": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "device-cmyk(10, 20, 30, 40)"
-				},
-				{
-					"property": "color",
-					"value": "device-cmyk(0 81% 81% 30% / .5)"
-				}
-			],
-			"failing": []
-		}
-	},
 	"display-legacy": {
 		"type": "modified",
 		"syntax-before": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
@@ -1467,9 +1076,9 @@
 		}
 	},
 	"font-variant-css2": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | small-caps",
+		"type": "modified",
+		"syntax-before": "normal | small-caps",
+		"syntax-after": "[ normal | small-caps ]",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1489,9 +1098,9 @@
 		}
 	},
 	"font-width-css3": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+		"type": "modified",
+		"syntax-before": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1556,31 +1165,9 @@
 			"failing": []
 		}
 	},
-	"general-enclosed": {
-		"type": "modified",
-		"syntax-before": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )",
-		"syntax-after": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"generic-complete": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"generic-family": {
 		"type": "modified",
-		"syntax-before": "serif | sans-serif | cursive | fantasy | monospace | -apple-system",
+		"syntax-before": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>",
 		"syntax-after": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
 		"comment": "",
 		"merged": false,
@@ -1589,28 +1176,6 @@
 			"failing": []
 		}
 	},
-	"generic-incomplete": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"generic-script-specific": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"gradient": {
 		"type": "modified",
 		"syntax-before": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
@@ -1658,56 +1223,19 @@
 		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 		"comment": "",
-		"merged": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "hsla(20deg, 10%, 5%)"
-				},
-				{
-					"property": "color",
-					"value": "hsla(20deg 10 5)"
-				}
-			],
-			"failing": []
-		}
-	},
-	"hue-interpolation-method": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ shorter | longer | increasing | decreasing ] hue",
-		"comment": "",
-		"merged": "[ shorter | longer | increasing | decreasing ] hue",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "color-mix(in hsl longer hue, red, blue)"
-				}
-			],
-			"failing": [
-				{
-					"property": "color",
-					"value": "color-mix(in hsl longer foo, red, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in hsl foo hue, red, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in hsl hue longer, red, blue)"
-				},
+		"merged": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+		"tests": {
+			"passing": [
 				{
 					"property": "color",
-					"value": "color-mix(in hsl longer, red, blue)"
+					"value": "hsla(20deg, 10%, 5%)"
 				},
 				{
 					"property": "color",
-					"value": "color-mix(in hsl hue, red, blue)"
+					"value": "hsla(20deg 10 5)"
 				}
-			]
+			],
+			"failing": []
 		}
 	},
 	"hv-line-command": {
@@ -1882,7 +1410,7 @@
 	},
 	"keyframe-selector": {
 		"type": "modified",
-		"syntax-before": "from | to | <percentage>",
+		"syntax-before": "from | to | <percentage> | <timeline-range-name> <percentage>",
 		"syntax-after": "from | to | <percentage [0,100]>",
 		"comment": "",
 		"merged": false,
@@ -2029,31 +1557,6 @@
 			]
 		}
 	},
-	"legacy-device-cmyk-syntax": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "device-cmyk( <number>#{4} )",
-		"comment": "",
-		"merged": "device-cmyk( <number>#{4} )",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "device-cmyk(10, 20, 30, 40)"
-				}
-			],
-			"failing": [
-				{
-					"property": "color",
-					"value": "device-cmyk(10, 20, 30)"
-				},
-				{
-					"property": "color",
-					"value": "device-cmyk(10, 20, 30, 40, 50)"
-				}
-			]
-		}
-	},
 	"legacy-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -2132,17 +1635,6 @@
 			]
 		}
 	},
-	"legacy-pseudo-element-selector": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "':' [ before | after | first-line | first-letter ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"legacy-rgb-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -2252,31 +1744,6 @@
 			"failing": []
 		}
 	},
-	"light-dark()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "light-dark( <color> , <color> )",
-		"comment": "",
-		"merged": "light-dark( <color> , <color> )",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "light-dark(red, blue)"
-				}
-			],
-			"failing": [
-				{
-					"property": "color",
-					"value": "light-dark(red)"
-				},
-				{
-					"property": "color",
-					"value": "light-dark(red blue)"
-				}
-			]
-		}
-	},
 	"line-command": {
 		"type": "added",
 		"syntax-before": "",
@@ -2299,6 +1766,17 @@
 			"failing": []
 		}
 	},
+	"linear-easing-function": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "linear( <linear-stop-list> )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"linear-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -2321,10 +1799,43 @@
 			"failing": []
 		}
 	},
+	"linear-stop": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> && <linear-stop-length>?",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"linear-stop-length": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<percentage>{1,2}",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"linear-stop-list": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <linear-stop> ]#",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"linear()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "linear( [ <number> && <percentage>{0,2} ]# )",
+		"syntax-after": "linear( <linear-stop-list> )",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2496,31 +2007,6 @@
 			"failing": []
 		}
 	},
-	"modern-device-cmyk-syntax": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
-		"comment": "",
-		"merged": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "device-cmyk(0 81% 81% 30%)"
-				},
-				{
-					"property": "color",
-					"value": "device-cmyk(0 81% 81% 30% / .5)"
-				}
-			],
-			"failing": [
-				{
-					"property": "color",
-					"value": "device-cmyk(0, 81%, 81%, 30% / .5)"
-				}
-			]
-		}
-	},
 	"modern-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -2742,13 +2228,27 @@
 	},
 	"named-color": {
 		"type": "modified",
-		"syntax-before": "transparent | 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 | <-non-standard-color>",
+		"syntax-before": "transparent | 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",
 		"syntax-after": "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",
 		"comment": "",
-		"merged": false,
+		"merged": "transparent | 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",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "transparent"
+				},
+				{
+					"property": "color",
+					"value": "aliceblue"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"number-optional-number": {
@@ -2762,29 +2262,9 @@
 			"failing": []
 		}
 	},
-	"offset-path": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<ray()> | <url> | <basic-shape>",
-		"comment": "",
-		"merged": "<ray()> | <url> | <basic-shape>",
-		"tests": {
-			"passing": [
-				{
-					"property": "offset-path",
-					"value": "url('#foo')"
-				},
-				{
-					"property": "offset-path",
-					"value": "ray(45deg)"
-				}
-			],
-			"failing": []
-		}
-	},
 	"oklab()": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-after": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
 		"merged": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
@@ -2824,8 +2304,8 @@
 		}
 	},
 	"oklch()": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-after": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
 		"merged": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
@@ -2981,30 +2461,6 @@
 			"failing": []
 		}
 	},
-	"polar-color-space": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "hsl | hwb | lch | oklch",
-		"comment": "",
-		"merged": "hsl | hwb | lch | oklch",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "color-mix(in hsl, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in hwb, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in oklch, red 25%, blue)"
-				}
-			],
-			"failing": []
-		}
-	},
 	"position": {
 		"type": "modified",
 		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
@@ -3038,35 +2494,6 @@
 			]
 		}
 	},
-	"position-area": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ 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} ]",
-		"comment": "",
-		"merged": "[ [ 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} ]",
-		"tests": {
-			"passing": [
-				{
-					"property": "position-area",
-					"value": "left"
-				},
-				{
-					"property": "position-area",
-					"value": "left top"
-				},
-				{
-					"property": "position-area",
-					"value": "center center"
-				}
-			],
-			"failing": [
-				{
-					"property": "position-area",
-					"value": "foo"
-				}
-			]
-		}
-	},
 	"predefined-polar-params": {
 		"type": "added",
 		"syntax-before": "",
@@ -3089,34 +2516,20 @@
 		"comment": ""
 	},
 	"predefined-rgb": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020",
 		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
-		"merged": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
-		"comment": ""
-	},
-	"predefined-rgb-params": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
-		"merged": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
-		"comment": ""
-	},
-	"progress": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
 		"comment": "",
-		"merged": false,
+		"merged": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 		"tests": {
 			"passing": [],
 			"failing": []
 		}
 	},
-	"progress()": {
+	"progress": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+		"syntax-after": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -3124,21 +2537,10 @@
 			"failing": []
 		}
 	},
-	"pseudo-compound-selector": {
+	"progress()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "<pseudo-element-selector> <pseudo-class-selector>*",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"pseudo-element-selector": {
-		"type": "modified",
-		"syntax-before": "':' <pseudo-class-selector>",
-		"syntax-after": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
+		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -3191,11 +2593,12 @@
 		}
 	},
 	"query-in-parens": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
+		"type": "modified",
+		"syntax-before": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
 		"comment": "",
 		"merged": false,
+		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3295,52 +2698,27 @@
 		"syntax-after": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
 		"comment": "",
 		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"random()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"ray-size": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
-		"comment": "",
-		"merged": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
-		"tests": {
-			"passing": [
-				{
-					"property": "offset-path",
-					"value": "ray(50deg closest-corner contain at 100px 20px)"
-				},
-				{
-					"property": "offset-path",
-					"value": "ray(50deg farthest-side contain at 100px 20px)"
-				}
-			],
-			"failing": [
-				{
-					"property": "offset-path",
-					"value": "ray(50deg foo contain at 100px 20px)"
-				}
-			]
+		"tests": {
+			"passing": [],
+			"failing": []
 		}
 	},
-	"ray()": {
+	"random()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
-		"comment": "Without the extra group the order seems to matter anyway, possibly a bug in css-tree or the syntax definition",
+		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"ray()": {
+		"type": "modified",
+		"syntax-before": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
+		"syntax-after": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
+		"comment": "Without the extra group the order seems to matter anyway, possibly a bug in css-tree or the syntax definition. See https://github.com/w3c/fxtf-drafts/pull/573",
 		"merged": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 		"tests": {
 			"passing": [
@@ -3381,30 +2759,6 @@
 			]
 		}
 	},
-	"rectangular-color-space": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
-		"comment": "",
-		"merged": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "color-mix(in srgb, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in srgb-linear, red 25%, blue)"
-				},
-				{
-					"property": "color",
-					"value": "color-mix(in oklab, red 25%, blue)"
-				}
-			],
-			"failing": []
-		}
-	},
 	"referrerpolicy-modifier": {
 		"type": "added",
 		"syntax-before": "",
@@ -3416,28 +2770,6 @@
 			"failing": []
 		}
 	},
-	"relative-real-selector": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<combinator>? <complex-real-selector>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"relative-real-selector-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<relative-real-selector>#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"repeat-style": {
 		"type": "modified",
 		"syntax-before": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
@@ -3622,31 +2954,9 @@
 			"failing": []
 		}
 	},
-	"scroll-state-in-parens": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"scroll-state-query": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"scroll()": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "scroll( [ <axis> || <scroller> ]? )",
 		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
 		"comment": "",
 		"merged": "scroll( [ <scroller> || <axis> ]? )",
@@ -3686,20 +2996,22 @@
 		"syntax-before": "root | nearest",
 		"syntax-after": "root | nearest | self",
 		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"selector-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<complex-selector-list>",
-		"comment": "",
-		"merged": false,
+		"merged": "root | nearest | self",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "animation-timeline",
+					"value": "scroll(self)"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "scroll()"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "scroll(root)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -3747,39 +3059,6 @@
 			"failing": []
 		}
 	},
-	"simple-selector": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<type-selector> | <subclass-selector>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"simple-selector-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<simple-selector>#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"single-animation": {
-		"type": "modified",
-		"syntax-before": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
-		"syntax-after": "<'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>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"single-animation-iteration-count": {
 		"type": "modified",
 		"syntax-before": "infinite | <number>",
@@ -3791,58 +3070,6 @@
 			"failing": []
 		}
 	},
-	"single-animation-timeline": {
-		"type": "modified",
-		"syntax-before": "auto | none | <timeline-name> | scroll( <axis>? <scroller>? )",
-		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
-		"comment": "",
-		"merged": "auto | none | <dashed-ident> | <scroll()> | <view()>",
-		"tests": {
-			"passing": [
-				{
-					"property": "animation-timeline",
-					"value": "auto"
-				},
-				{
-					"property": "animation-timeline",
-					"value": "none"
-				},
-				{
-					"property": "animation-timeline",
-					"value": "--foo"
-				},
-				{
-					"property": "animation-timeline",
-					"value": "scroll()"
-				},
-				{
-					"property": "animation-timeline",
-					"value": "view()"
-				}
-			],
-			"failing": [
-				{
-					"property": "animation-timeline",
-					"value": "scroll() view()"
-				},
-				{
-					"property": "animation-timeline",
-					"value": "auto scroll"
-				}
-			]
-		}
-	},
-	"single-transition": {
-		"type": "modified",
-		"syntax-before": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
-		"syntax-after": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"smooth-command": {
 		"type": "added",
 		"syntax-before": "",
@@ -3968,8 +3195,8 @@
 		}
 	},
 	"style-in-parens": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>",
 		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
 		"comment": "",
 		"merged": false,
@@ -3979,8 +3206,8 @@
 		}
 	},
 	"style-query": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<style-condition> | <style-feature>",
 		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
 		"comment": "",
 		"merged": false,
@@ -4138,33 +3365,6 @@
 			"failing": []
 		}
 	},
-	"system-color": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
-		"comment": "",
-		"merged": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
-		"tests": {
-			"passing": [
-				{
-					"property": "color",
-					"value": "AccentColor"
-				}
-			],
-			"failing": []
-		}
-	},
-	"system-family-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "caption | icon | menu | message-box | small-caption | status-bar",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"target-contrast": {
 		"type": "added",
 		"syntax-before": "",
@@ -4288,84 +3488,6 @@
 			"failing": []
 		}
 	},
-	"transition-behavior-value": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | allow-discrete",
-		"comment": "",
-		"merged": "normal | allow-discrete",
-		"tests": {
-			"passing": [
-				{
-					"property": "transition-behavior",
-					"value": "allow-discrete"
-				},
-				{
-					"property": "transition-behavior",
-					"value": "normal"
-				}
-			],
-			"failing": [
-				{
-					"property": "transition-behavior",
-					"value": "foo"
-				}
-			]
-		}
-	},
-	"try-size": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "most-width | most-height | most-block-size | most-inline-size",
-		"comment": "",
-		"merged": "most-width | most-height | most-block-size | most-inline-size",
-		"tests": {
-			"passing": [
-				{
-					"property": "position-try-order",
-					"value": "most-width"
-				},
-				{
-					"property": "position-try-order",
-					"value": "most-inline-size"
-				}
-			],
-			"failing": [
-				{
-					"value": "foo"
-				}
-			]
-		}
-	},
-	"try-tactic": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "flip-block || flip-inline || flip-start",
-		"comment": "",
-		"merged": "flip-block || flip-inline || flip-start",
-		"tests": {
-			"passing": [
-				{
-					"property": "position-try-fallbacks",
-					"value": "flip-block"
-				},
-				{
-					"property": "position-try-fallbacks",
-					"value": "flip-start"
-				}
-			],
-			"failing": [
-				{
-					"property": "foo",
-					"value": "flip-block"
-				},
-				{
-					"property": "position-try-fallbacks",
-					"value": "foo"
-				}
-			]
-		}
-	},
 	"type()": {
 		"type": "added",
 		"syntax-before": "",
@@ -4440,45 +3562,6 @@
 			]
 		}
 	},
-	"view()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "view( [ <axis> || <'view-timeline-inset'> ]? )",
-		"comment": "",
-		"merged": "view( [ <axis> || <'view-timeline-inset'> ]? )",
-		"tests": {
-			"tests": {
-				"passing": [
-					{
-						"property": "animation-timeline",
-						"value": "view()"
-					},
-					{
-						"property": "animation-timeline",
-						"value": "view(horizontal)"
-					},
-					{
-						"property": "animation-timeline",
-						"value": "view(horizontal 10px 20%)"
-					},
-					{
-						"property": "animation-timeline",
-						"value": "view(10px 20% horizontal)"
-					}
-				],
-				"failing": [
-					{
-						"property": "animation-timeline",
-						"value": "view"
-					},
-					{
-						"property": "animation-timeline",
-						"value": "view(horizontal inline)"
-					}
-				]
-			}
-		}
-	},
 	"wcag2": {
 		"type": "added",
 		"syntax-before": "",
@@ -4503,8 +3586,8 @@
 		"comment": ""
 	},
 	"xyz-params": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<xyz-space> [ <number> | <percentage> | none ]{3}",
 		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
 		"merged": "<xyz> [ <number> | <percentage> | none ]{3}",
 		"tests": {
@@ -4530,16 +3613,5 @@
 			]
 		},
 		"comment": ""
-	},
-	"xyz-space": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "xyz | xyz-d50 | xyz-d65",
-		"comment": "",
-		"merged": "xyz | xyz-d50 | xyz-d65",
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/csstree-properties.json
index 41e21f3f25..bb9de56efb 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/csstree-properties.json
@@ -26,6 +26,12 @@
 	"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>#"
 	},
@@ -53,6 +59,15 @@
 	"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>#"
 	},
@@ -131,9 +146,6 @@
 	"-moz-binding": {
 		"syntax": "<url> | none"
 	},
-	"block-overflow": {
-		"syntax": "clip | ellipsis | <string>"
-	},
 	"-ms-block-progression": {
 		"syntax": "tb | rl | bt | lr"
 	},
@@ -434,6 +446,9 @@
 	"color": {
 		"syntax": "<color>"
 	},
+	"color-interpolation-filters": {
+		"syntax": "auto | sRGB | linearRGB"
+	},
 	"color-scheme": {
 		"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?"
 	},
@@ -480,19 +495,28 @@
 		"syntax": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]"
 	},
 	"contain-intrinsic-block-size": {
-		"syntax": "none | <length> | auto <length>"
+		"syntax": "auto? [ none | <length> ]"
 	},
 	"contain-intrinsic-height": {
-		"syntax": "none | <length> | auto <length>"
+		"syntax": "auto? [ none | <length> ]"
 	},
 	"contain-intrinsic-inline-size": {
-		"syntax": "none | <length> | auto <length>"
+		"syntax": "auto? [ none | <length> ]"
 	},
 	"contain-intrinsic-size": {
-		"syntax": "[ none | <length> | auto <length> ]{1,2}"
+		"syntax": "[ auto? [ none | <length> ] ]{1,2}"
 	},
 	"contain-intrinsic-width": {
-		"syntax": "none | <length> | auto <length>"
+		"syntax": "auto? [ none | <length> ]"
+	},
+	"container": {
+		"syntax": "<'container-name'> [ / <'container-type'> ]?"
+	},
+	"container-name": {
+		"syntax": "none | <custom-ident>+"
+	},
+	"container-type": {
+		"syntax": "normal || [ size | inline-size ]"
 	},
 	"content": {
 		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?"
@@ -551,6 +575,15 @@
 	"cursor": {
 		"syntax": "[ [ <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"
 	},
@@ -563,6 +596,9 @@
 	"empty-cells": {
 		"syntax": "show | hide"
 	},
+	"field-sizing": {
+		"syntax": "content | fixed"
+	},
 	"fill": {
 		"syntax": "<paint>"
 	},
@@ -636,7 +672,7 @@
 		"syntax": "[ none | <custom-ident> ]#"
 	},
 	"font": {
-		"syntax": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar"
+		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>"
 	},
 	"font-family": {
 		"syntax": "[ <family-name> | <generic-family> ]#"
@@ -653,6 +689,9 @@
 	"font-optical-sizing": {
 		"syntax": "auto | none"
 	},
+	"font-palette": {
+		"syntax": "normal | light | dark | <palette-identifier>"
+	},
 	"font-size": {
 		"syntax": "<absolute-size> | <relative-size> | <length-percentage>"
 	},
@@ -672,7 +711,19 @@
 		"syntax": "normal | italic | oblique <angle>?"
 	},
 	"font-synthesis": {
-		"syntax": "none | [ weight || style || small-caps ]"
+		"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 ]"
@@ -686,6 +737,9 @@
 	"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> ]"
 	},
@@ -786,7 +840,7 @@
 		"syntax": "none | [ first || [ force-end | allow-end ] || last ]"
 	},
 	"height": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>"
 	},
 	"-ms-high-contrast-adjust": {
 		"syntax": "auto | none"
@@ -794,6 +848,9 @@
 	"hyphenate-character": {
 		"syntax": "auto | <string>"
 	},
+	"hyphenate-limit-chars": {
+		"syntax": "[ auto | <integer> ]{1,3}"
+	},
 	"-ms-hyphenate-limit-chars": {
 		"syntax": "auto | <integer>{1,3}"
 	},
@@ -842,6 +899,9 @@
 	"inset": {
 		"syntax": "<'top'>{1,4}"
 	},
+	"inset-area": {
+		"syntax": "none | <inset-area>"
+	},
 	"inset-block": {
 		"syntax": "<'top'>{1,2}"
 	},
@@ -1071,7 +1131,7 @@
 		"syntax": "<'max-width'>"
 	},
 	"max-height": {
-		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
+		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>"
 	},
 	"max-inline-size": {
 		"syntax": "<'max-width'>"
@@ -1080,19 +1140,19 @@
 		"syntax": "none | <integer>"
 	},
 	"max-width": {
-		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>"
+		"syntax": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>"
 	},
 	"min-block-size": {
 		"syntax": "<'min-width'>"
 	},
 	"min-height": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )"
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>"
 	},
 	"min-inline-size": {
 		"syntax": "<'min-width'>"
 	},
 	"min-width": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>"
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>"
 	},
 	"mix-blend-mode": {
 		"syntax": "<blend-mode> | plus-lighter"
@@ -1113,10 +1173,10 @@
 		"syntax": "<length-percentage>"
 	},
 	"offset-path": {
-		"syntax": "none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]"
+		"syntax": "none | <offset-path> || <coord-box>"
 	},
 	"offset-position": {
-		"syntax": "auto | <position>"
+		"syntax": "normal | auto | <position>"
 	},
 	"offset-rotate": {
 		"syntax": "[ auto | reverse ] || <angle>"
@@ -1137,10 +1197,10 @@
 		"syntax": "auto | grayscale"
 	},
 	"outline": {
-		"syntax": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]"
+		"syntax": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]"
 	},
 	"outline-color": {
-		"syntax": "<color> | invert"
+		"syntax": "auto | <color>"
 	},
 	"outline-offset": {
 		"syntax": "<length>"
@@ -1199,6 +1259,9 @@
 	"overflow-y": {
 		"syntax": "visible | hidden | clip | scroll | auto"
 	},
+	"overlay": {
+		"syntax": "none | auto"
+	},
 	"overscroll-behavior": {
 		"syntax": "[ contain | none | auto ]{1,2}"
 	},
@@ -1247,6 +1310,9 @@
 	"padding-top": {
 		"syntax": "<length> | <percentage>"
 	},
+	"page": {
+		"syntax": "auto | <custom-ident>"
+	},
 	"page-break-after": {
 		"syntax": "auto | always | avoid | left | right | recto | verso"
 	},
@@ -1289,6 +1355,24 @@
 	"position": {
 		"syntax": "static | relative | absolute | sticky | fixed | -webkit-sticky"
 	},
+	"position-anchor": {
+		"syntax": "<anchor-element>"
+	},
+	"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"
 	},
@@ -1298,6 +1382,9 @@
 	"quotes": {
 		"syntax": "none | auto | [ <string> <string> ]+"
 	},
+	"r": {
+		"syntax": "<length> | <percentage>"
+	},
 	"resize": {
 		"syntax": "none | both | horizontal | vertical | block | inline"
 	},
@@ -1328,6 +1415,12 @@
 	"ruby-position": {
 		"syntax": "[ alternate || [ over | under ] ] | inter-character"
 	},
+	"rx": {
+		"syntax": "<length> | <percentage>"
+	},
+	"ry": {
+		"syntax": "<length> | <percentage>"
+	},
 	"scale": {
 		"syntax": "none | <number>{1,3}"
 	},
@@ -1464,13 +1557,13 @@
 		"syntax": "<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>"
 	},
 	"scroll-timeline": {
-		"syntax": "<scroll-timeline-name> || <scroll-timeline-axis>"
+		"syntax": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#"
 	},
 	"scroll-timeline-axis": {
-		"syntax": "block | inline | vertical | horizontal"
+		"syntax": "[ block | inline | x | y ]#"
 	},
 	"scroll-timeline-name": {
-		"syntax": "none | <custom-ident>"
+		"syntax": "[ none | <dashed-ident> ]#"
 	},
 	"-ms-scroll-translation": {
 		"syntax": "none | vertical-to-horizontal"
@@ -1521,7 +1614,7 @@
 		"syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision"
 	},
 	"speak": {
-		"syntax": "auto | none | normal"
+		"syntax": "auto | never | always"
 	},
 	"speak-as": {
 		"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
@@ -1643,6 +1736,9 @@
 	"text-size-adjust": {
 		"syntax": "none | auto | <percentage>"
 	},
+	"text-spacing-trim": {
+		"syntax": "space-all | normal | space-first | trim-start | trim-both | trim-all | auto"
+	},
 	"-webkit-text-stroke": {
 		"syntax": "<length> || <color>"
 	},
@@ -1661,6 +1757,18 @@
 	"text-underline-position": {
 		"syntax": "auto | from-font | [ under || [ left | right ] ]"
 	},
+	"text-wrap": {
+		"syntax": "wrap | nowrap | balance | stable | pretty"
+	},
+	"text-wrap-mode": {
+		"syntax": "auto | wrap | nowrap"
+	},
+	"text-wrap-style": {
+		"syntax": "auto | balance | stable | pretty"
+	},
+	"timeline-scope": {
+		"syntax": "none | <dashed-ident>#"
+	},
 	"top": {
 		"syntax": "<length> | <percentage> | auto"
 	},
@@ -1688,6 +1796,9 @@
 	"transition": {
 		"syntax": "<single-transition>#"
 	},
+	"transition-behavior": {
+		"syntax": "<transition-behavior-value>#"
+	},
 	"transition-delay": {
 		"syntax": "<time>#"
 	},
@@ -1736,9 +1847,27 @@
 	"-webkit-user-select": {
 		"syntax": "auto | none | text | 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-axis": {
+		"syntax": "[ block | inline | x | y ]#"
+	},
+	"view-timeline-inset": {
+		"syntax": "[ [ auto | <length-percentage> ]{1,2} ]#"
+	},
+	"view-timeline-name": {
+		"syntax": "none | <dashed-ident>#"
+	},
+	"view-transition-name": {
+		"syntax": "none | <custom-ident>"
+	},
 	"visibility": {
 		"syntax": "visible | hidden | collapse"
 	},
@@ -1767,13 +1896,19 @@
 		"syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"
 	},
 	"white-space": {
-		"syntax": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces"
+		"syntax": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]"
+	},
+	"white-space-collapse": {
+		"syntax": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces"
+	},
+	"white-space-trim": {
+		"syntax": "none | discard-before || discard-after || discard-inner"
 	},
 	"widows": {
 		"syntax": "<integer>"
 	},
 	"width": {
-		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content"
+		"syntax": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>"
 	},
 	"will-change": {
 		"syntax": "auto | <animateable-feature>#"
@@ -1785,7 +1920,7 @@
 		"syntax": "default | menu | tooltip | sheet | none"
 	},
 	"word-break": {
-		"syntax": "normal | break-all | keep-all | break-word"
+		"syntax": "normal | break-all | keep-all | break-word | auto-phrase"
 	},
 	"word-spacing": {
 		"syntax": "normal | <length>"
@@ -1805,6 +1940,12 @@
 	"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>"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/csstree-types.json
index f59dfd8a4b..9cd425ce95 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/csstree-types.json
@@ -2,6 +2,12 @@
 	"abs()": {
 		"syntax": "abs( <calc-sum> )"
 	},
+	"absolute-color-base": {
+		"syntax": "<hex-color> | <absolute-color-function> | <named-color> | transparent"
+	},
+	"absolute-color-function": {
+		"syntax": "rgb( ) > | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
+	},
 	"absolute-size": {
 		"syntax": "xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large"
 	},
@@ -14,6 +20,21 @@
 	"alpha-value": {
 		"syntax": "<number> | <percentage>"
 	},
+	"anchor-element": {
+		"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-element> || <anchor-size> ]? , <length-percentage>? )"
+	},
+	"anchor()": {
+		"syntax": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )"
+	},
 	"angle-percentage": {
 		"syntax": "<angle> | <percentage>"
 	},
@@ -137,12 +158,30 @@
 	"clip-source": {
 		"syntax": "<url>"
 	},
+	"cmyk-component": {
+		"syntax": "<number> | <percentage> | none"
+	},
 	"color": {
-		"syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>"
+		"syntax": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>"
 	},
 	"-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"
 	},
+	"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]>? ]#{2} )"
+	},
+	"color-space": {
+		"syntax": "<rectangular-color-space> | <polar-color-space> | <custom-color-space>"
+	},
 	"color-stop": {
 		"syntax": "<color-stop-length> | <color-stop-angle>"
 	},
@@ -155,8 +194,14 @@
 	"color-stop-list": {
 		"syntax": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>"
 	},
+	"color()": {
+		"syntax": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )"
+	},
+	"colorspace-params": {
+		"syntax": "[ <predefined-rgb-params> | <xyz-params> ]"
+	},
 	"combinator": {
-		"syntax": "'>' | '+' | '~' | [ '||' ]"
+		"syntax": "'>' | '+' | '~' | [ '|' '|' ]"
 	},
 	"common-lig-values": {
 		"syntax": "[ common-ligatures | no-common-ligatures ]"
@@ -164,12 +209,21 @@
 	"compat-auto": {
 		"syntax": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button"
 	},
-	"complex-selector": {
+	"complex-real-selector": {
 		"syntax": "<compound-selector> [ <combinator>? <compound-selector> ]*"
 	},
+	"complex-real-selector-list": {
+		"syntax": "<complex-real-selector>#"
+	},
+	"complex-selector": {
+		"syntax": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*"
+	},
 	"complex-selector-list": {
 		"syntax": "<complex-selector>#"
 	},
+	"complex-selector-unit": {
+		"syntax": "[ <compound-selector>? <pseudo-compound-selector>* ]!"
+	},
 	"composite-style": {
 		"syntax": "clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor"
 	},
@@ -177,7 +231,7 @@
 		"syntax": "add | subtract | intersect | exclude"
 	},
 	"compound-selector": {
-		"syntax": "[ <type-selector>? <subclass-selector>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!"
+		"syntax": "[ <type-selector>? <subclass-selector>* ]!"
 	},
 	"compound-selector-list": {
 		"syntax": "<compound-selector>#"
@@ -185,6 +239,12 @@
 	"conic-gradient()": {
 		"syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )"
 	},
+	"container-condition": {
+		"syntax": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]"
+	},
+	"container-name": {
+		"syntax": "<custom-ident>"
+	},
 	"content-distribution": {
 		"syntax": "space-between | space-around | space-evenly | stretch"
 	},
@@ -203,6 +263,9 @@
 	"contrast()": {
 		"syntax": "contrast( [ <number-percentage> ] )"
 	},
+	"coord-box": {
+		"syntax": "content-box | padding-box | border-box | fill-box | stroke-box | view-box"
+	},
 	"cos()": {
 		"syntax": "cos( <calc-sum> )"
 	},
@@ -230,6 +293,9 @@
 	"cubic-bezier-timing-function": {
 		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
 	},
+	"custom-color-space": {
+		"syntax": "<dashed-ident>"
+	},
 	"declaration": {
 		"syntax": "<ident-token> : <declaration-value>? [ '!' important ]?"
 	},
@@ -239,6 +305,9 @@
 	"deprecated-system-color": {
 		"syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText"
 	},
+	"device-cmyk()": {
+		"syntax": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>"
+	},
 	"discretionary-lig-values": {
 		"syntax": "[ discretionary-ligatures | no-discretionary-ligatures ]"
 	},
@@ -320,9 +389,6 @@
 	"fill-rule": {
 		"syntax": "nonzero | evenodd"
 	},
-	"-ms-filter": {
-		"syntax": "<string>"
-	},
 	"filter-function": {
 		"syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"
 	},
@@ -359,12 +425,24 @@
 	"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-variant-css21": {
 		"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"
+	},
+	"forgiving-relative-selector-list": {
+		"syntax": "<relative-real-selector-list>"
+	},
+	"forgiving-selector-list": {
+		"syntax": "<complex-real-selector-list>"
+	},
 	"frequency-percentage": {
 		"syntax": "<frequency> | <percentage>"
 	},
@@ -372,14 +450,26 @@
 		"syntax": "male | female | neutral"
 	},
 	"general-enclosed": {
-		"syntax": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )"
+		"syntax": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
+	},
+	"generic-complete": {
+		"syntax": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace"
 	},
 	"generic-family": {
-		"syntax": "serif | sans-serif | cursive | fantasy | monospace | -apple-system"
+		"syntax": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>"
+	},
+	"-non-standard-generic-family": {
+		"syntax": "-apple-system | BlinkMacSystemFont"
+	},
+	"generic-incomplete": {
+		"syntax": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded"
 	},
 	"generic-name": {
 		"syntax": "serif | sans-serif | cursive | fantasy | monospace"
 	},
+	"generic-script-specific": {
+		"syntax": "generic( kai ) | generic( fangsong ) | generic( nastaliq )"
+	},
 	"generic-voice": {
 		"syntax": "[ <age>? <gender> <integer>? ]"
 	},
@@ -425,6 +515,9 @@
 	"hue": {
 		"syntax": "<number> | <angle>"
 	},
+	"hue-interpolation-method": {
+		"syntax": "[ shorter | longer | increasing | decreasing ] hue"
+	},
 	"hue-rotate()": {
 		"syntax": "hue-rotate( <angle> )"
 	},
@@ -458,6 +551,9 @@
 	"inflexible-breadth": {
 		"syntax": "<length-percentage> | min-content | max-content | auto"
 	},
+	"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} ]"
+	},
 	"inset()": {
 		"syntax": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
 	},
@@ -471,7 +567,7 @@
 		"syntax": "<keyframe-block>+"
 	},
 	"keyframe-selector": {
-		"syntax": "from | to | <percentage>"
+		"syntax": "from | to | <percentage> | <timeline-range-name> <percentage>"
 	},
 	"keyframes-name": {
 		"syntax": "<custom-ident> | <string>"
@@ -497,9 +593,18 @@
 	"left": {
 		"syntax": "<length> | auto"
 	},
+	"legacy-device-cmyk-syntax": {
+		"syntax": "device-cmyk( <number>#{4} )"
+	},
+	"legacy-pseudo-element-selector": {
+		"syntax": "':' [ before | after | first-line | first-letter ]"
+	},
 	"length-percentage": {
 		"syntax": "<length> | <percentage>"
 	},
+	"light-dark()": {
+		"syntax": "light-dark( <color> , <color> )"
+	},
 	"line-name-list": {
 		"syntax": "[ <line-names> | <name-repeat> ]+"
 	},
@@ -533,12 +638,6 @@
 	"-webkit-mask-box-repeat": {
 		"syntax": "repeat | stretch | round"
 	},
-	"-webkit-mask-clip-style": {
-		"syntax": "border | border-box | padding | padding-box | content | content-box | text"
-	},
-	"mask-image": {
-		"syntax": "<mask-reference>#"
-	},
 	"mask-layer": {
 		"syntax": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"
 	},
@@ -617,11 +716,14 @@
 	"mod()": {
 		"syntax": "mod( <calc-sum> , <calc-sum> )"
 	},
+	"modern-device-cmyk-syntax": {
+		"syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )"
+	},
 	"name-repeat": {
 		"syntax": "repeat( [ <integer [1,∞]> | auto-fill ] , <line-names>+ )"
 	},
 	"named-color": {
-		"syntax": "transparent | 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 | <-non-standard-color>"
+		"syntax": "transparent | 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>"
@@ -650,6 +752,15 @@
 	"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 ] ]? )"
+	},
+	"oklch()": {
+		"syntax": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
 	"opacity()": {
 		"syntax": "opacity( [ <number-percentage> ] )"
 	},
@@ -657,7 +768,7 @@
 		"syntax": "<length> | <percentage>"
 	},
 	"-non-standard-overflow": {
-		"syntax": "-moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
+		"syntax": "overlay | -moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
 	},
 	"overflow-position": {
 		"syntax": "unsafe | safe"
@@ -686,30 +797,51 @@
 	"paint()": {
 		"syntax": "paint( <ident> , <declaration-value>? )"
 	},
+	"palette-identifier": {
+		"syntax": "<dashed-ident>"
+	},
 	"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": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
 	},
+	"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 | 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-compound-selector": {
+		"syntax": "<pseudo-element-selector> <pseudo-class-selector>*"
+	},
 	"pseudo-element-selector": {
-		"syntax": "':' <pseudo-class-selector>"
+		"syntax": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>"
 	},
 	"pseudo-page": {
 		"syntax": ": [ left | right | first | blank ]"
 	},
+	"query-in-parens": {
+		"syntax": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>"
+	},
 	"quote": {
 		"syntax": "open-quote | close-quote | no-open-quote | no-close-quote"
 	},
@@ -731,6 +863,21 @@
 	"ratio": {
 		"syntax": "<number [0,∞]> [ / <number [0,∞]> ]?"
 	},
+	"ray-size": {
+		"syntax": "closest-side | closest-corner | farthest-side | farthest-corner | sides"
+	},
+	"ray()": {
+		"syntax": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )"
+	},
+	"rectangular-color-space": {
+		"syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"
+	},
+	"relative-real-selector": {
+		"syntax": "<combinator>? <complex-real-selector>"
+	},
+	"relative-real-selector-list": {
+		"syntax": "<relative-real-selector>#"
+	},
 	"relative-selector": {
 		"syntax": "<combinator>? <complex-selector>"
 	},
@@ -812,15 +959,21 @@
 	"scaleZ()": {
 		"syntax": "scaleZ( [ <number> | <percentage> ] )"
 	},
-	"scroll-timeline-axis": {
-		"syntax": "block | inline | vertical | horizontal"
+	"scope-end": {
+		"syntax": "<forgiving-selector-list>"
+	},
+	"scope-start": {
+		"syntax": "<forgiving-selector-list>"
 	},
-	"scroll-timeline-name": {
-		"syntax": "none | <custom-ident>"
+	"scroll()": {
+		"syntax": "scroll( [ <axis> || <scroller> ]? )"
 	},
 	"scroller": {
 		"syntax": "root | nearest"
 	},
+	"selector-list": {
+		"syntax": "<complex-selector-list>"
+	},
 	"self-position": {
 		"syntax": "center | start | end | self-start | self-end | flex-start | flex-end"
 	},
@@ -848,11 +1001,17 @@
 	"sign()": {
 		"syntax": "sign( <calc-sum> )"
 	},
+	"simple-selector": {
+		"syntax": "<type-selector> | <subclass-selector>"
+	},
+	"simple-selector-list": {
+		"syntax": "<simple-selector>#"
+	},
 	"sin()": {
 		"syntax": "sin( <calc-sum> )"
 	},
 	"single-animation": {
-		"syntax": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
+		"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"
@@ -870,10 +1029,10 @@
 		"syntax": "running | paused"
 	},
 	"single-animation-timeline": {
-		"syntax": "auto | none | <timeline-name> | scroll( <axis>? <scroller>? )"
+		"syntax": "auto | none | <dashed-ident> | <scroll()> | <view()>"
 	},
 	"single-transition": {
-		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>"
+		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>"
 	},
 	"single-transition-property": {
 		"syntax": "all | <custom-ident>"
@@ -881,6 +1040,12 @@
 	"size": {
 		"syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
 	},
+	"-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"
+	},
+	"size-feature": {
+		"syntax": "<mf-plain> | <mf-boolean> | <mf-range>"
+	},
 	"skew()": {
 		"syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"
 	},
@@ -899,6 +1064,18 @@
 	"step-timing-function": {
 		"syntax": "step-start | step-end | steps( <integer> [, <step-position> ]? )"
 	},
+	"style-condition": {
+		"syntax": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ]"
+	},
+	"style-feature": {
+		"syntax": "<declaration>"
+	},
+	"style-in-parens": {
+		"syntax": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>"
+	},
+	"style-query": {
+		"syntax": "<style-condition> | <style-feature>"
+	},
 	"subclass-selector": {
 		"syntax": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>"
 	},
@@ -926,6 +1103,12 @@
 	"symbol": {
 		"syntax": "<string> | <image> | <custom-ident>"
 	},
+	"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> )"
 	},
@@ -944,8 +1127,8 @@
 	"time-percentage": {
 		"syntax": "<time> | <percentage>"
 	},
-	"timeline-name": {
-		"syntax": "<custom-ident> | <string>"
+	"timeline-range-name": {
+		"syntax": "cover | contain | entry | exit | entry-crossing | exit-crossing"
 	},
 	"top": {
 		"syntax": "<length> | auto"
@@ -968,6 +1151,9 @@
 	"transform-list": {
 		"syntax": "<transform-function>+"
 	},
+	"transition-behavior-value": {
+		"syntax": "normal | allow-discrete"
+	},
 	"translate()": {
 		"syntax": "translate( <length-percentage> , <length-percentage>? )"
 	},
@@ -983,6 +1169,12 @@
 	"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 | %"
 	},
@@ -998,21 +1190,27 @@
 	"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"
 	},
-	"-non-standard-width": {
-		"syntax": "fill-available | min-intrinsic | intrinsic | -moz-available | -moz-fit-content | -moz-min-content | -moz-max-content | -webkit-min-content | -webkit-max-content"
-	},
 	"wq-name": {
 		"syntax": "<ns-prefix>? <ident-token>"
 	},
 	"x": {
 		"syntax": "<number>"
 	},
+	"xyz-params": {
+		"syntax": "<xyz-space> [ <number> | <percentage> | none ]{3}"
+	},
+	"xyz-space": {
+		"syntax": "xyz | xyz-d50 | xyz-d65"
+	},
 	"y": {
 		"syntax": "<number>"
 	}
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
index 4e01d200c2..6018fd16c3 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -17,42 +17,12 @@
 		"syntax-after": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
 		"comment": ""
 	},
-	"anchor-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <dashed-ident>#",
-		"comment": ""
-	},
-	"anchor-scope": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | all | <dashed-ident>#",
-		"comment": ""
-	},
 	"animation-duration": {
 		"type": "modified",
 		"syntax-before": "<time>#",
 		"syntax-after": "[ auto | <time [0s,∞]> ]#",
 		"comment": ""
 	},
-	"animation-range": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
-		"comment": ""
-	},
-	"animation-range-end": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-		"comment": ""
-	},
-	"animation-range-start": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-		"comment": ""
-	},
 	"appearance": {
 		"type": "modified",
 		"syntax-before": "none | auto | textfield | menulist-button | <compat-auto>",
@@ -542,7 +512,7 @@
 	"bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-after": "auto | <length-percentage>",
 		"comment": ""
 	},
 	"box-shadow": {
@@ -629,12 +599,6 @@
 		"syntax-after": "auto | sRGB | linearRGB",
 		"comment": ""
 	},
-	"color-interpolation-filters": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | sRGB | linearRGB",
-		"comment": ""
-	},
 	"column-count": {
 		"type": "modified",
 		"syntax-before": "<integer> | auto",
@@ -677,52 +641,10 @@
 		"syntax-after": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
 		"comment": ""
 	},
-	"contain-intrinsic-block-size": {
-		"type": "modified",
-		"syntax-before": "none | <length> | auto <length>",
-		"syntax-after": "auto? [ none | <length> ]",
-		"comment": ""
-	},
-	"contain-intrinsic-height": {
-		"type": "modified",
-		"syntax-before": "none | <length> | auto <length>",
-		"syntax-after": "auto? [ none | <length> ]",
-		"comment": ""
-	},
-	"contain-intrinsic-inline-size": {
-		"type": "modified",
-		"syntax-before": "none | <length> | auto <length>",
-		"syntax-after": "auto? [ none | <length> ]",
-		"comment": ""
-	},
-	"contain-intrinsic-size": {
-		"type": "modified",
-		"syntax-before": "[ none | <length> | auto <length> ]{1,2}",
-		"syntax-after": "[ auto? [ none | <length> ] ]{1,2}",
-		"comment": ""
-	},
-	"contain-intrinsic-width": {
-		"type": "modified",
-		"syntax-before": "none | <length> | auto <length>",
-		"syntax-after": "auto? [ none | <length> ]",
-		"comment": ""
-	},
-	"container": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'container-name'> [ / <'container-type'> ]?",
-		"comment": ""
-	},
-	"container-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <custom-ident>+",
-		"comment": ""
-	},
 	"container-type": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ [ size | inline-size ] || scroll-state ]",
+		"type": "modified",
+		"syntax-before": "normal || [ size | inline-size ]",
+		"syntax-after": "normal | size | inline-size",
 		"comment": ""
 	},
 	"content": {
@@ -774,27 +696,27 @@
 		"comment": ""
 	},
 	"cx": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage>",
 		"comment": ""
 	},
 	"cy": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage>",
 		"comment": ""
 	},
 	"d": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "none | path( <string> )",
 		"syntax-after": "none | <string>",
 		"comment": ""
 	},
 	"display": {
 		"type": "modified",
 		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
-		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
+		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]",
 		"comment": ""
 	},
 	"dominant-baseline": {
@@ -810,8 +732,8 @@
 		"comment": ""
 	},
 	"field-sizing": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "content | fixed",
 		"syntax-after": "fixed | content",
 		"comment": ""
 	},
@@ -931,13 +853,13 @@
 	},
 	"font": {
 		"type": "modified",
-		"syntax-before": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
-		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
+		"syntax-before": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
+		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
 		"comment": ""
 	},
 	"font-palette": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "normal | light | dark | <palette-identifier>",
 		"syntax-after": "normal | light | dark | <palette-identifier> | <palette-mix()>",
 		"comment": ""
 	},
@@ -959,48 +881,12 @@
 		"syntax-after": "normal | italic | oblique <angle [-90deg,90deg]>?",
 		"comment": ""
 	},
-	"font-synthesis": {
-		"type": "modified",
-		"syntax-before": "none | [ weight || style || small-caps ]",
-		"syntax-after": "none | [ weight || style || small-caps || position ]",
-		"comment": ""
-	},
-	"font-synthesis-position": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | none",
-		"comment": ""
-	},
-	"font-synthesis-small-caps": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | none",
-		"comment": ""
-	},
-	"font-synthesis-style": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | none",
-		"comment": ""
-	},
-	"font-synthesis-weight": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | none",
-		"comment": ""
-	},
 	"font-variant": {
 		"type": "modified",
 		"syntax-before": "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 ]",
 		"syntax-after": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
 		"comment": ""
 	},
-	"font-variant-emoji": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | text | emoji | unicode",
-		"comment": ""
-	},
 	"font-variation-settings": {
 		"type": "modified",
 		"syntax-before": "normal | [ <string> <number> ]#",
@@ -1037,12 +923,6 @@
 		"syntax-after": "auto | 0deg | 90deg | 0 | 90",
 		"comment": ""
 	},
-	"grid-auto-flow": {
-		"type": "modified",
-		"syntax-before": "[ row | column ] || dense",
-		"syntax-after": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
-		"comment": ""
-	},
 	"grid-template-columns": {
 		"type": "modified",
 		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
@@ -1057,14 +937,8 @@
 	},
 	"height": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"comment": ""
-	},
-	"hyphenate-limit-chars": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ auto | <integer> ]{1,3}",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"hyphenate-limit-last": {
@@ -1178,7 +1052,7 @@
 	"left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-after": "auto | <length-percentage>",
 		"comment": ""
 	},
 	"lighting-color": {
@@ -1274,7 +1148,7 @@
 	"margin-bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-after": "<length-percentage> | auto",
 		"comment": ""
 	},
 	"margin-break": {
@@ -1304,19 +1178,19 @@
 	"margin-left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-after": "<length-percentage> | auto",
 		"comment": ""
 	},
 	"margin-right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-after": "<length-percentage> | auto",
 		"comment": ""
 	},
 	"margin-top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-after": "<length-percentage> | auto",
 		"comment": ""
 	},
 	"margin-trim": {
@@ -1373,42 +1247,6 @@
 		"syntax-after": "<coord-box>#",
 		"comment": ""
 	},
-	"masonry-auto-tracks": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'grid-auto-columns'>",
-		"comment": ""
-	},
-	"masonry-direction": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "row | column | row-reverse | column-reverse",
-		"comment": ""
-	},
-	"masonry-fill": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | reverse",
-		"comment": ""
-	},
-	"masonry-flow": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'masonry-direction'> || <'masonry-fill'>",
-		"comment": ""
-	},
-	"masonry-template-areas": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <string>",
-		"comment": ""
-	},
-	"masonry-template-tracks": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'grid-template-columns'>",
-		"comment": ""
-	},
 	"max-block-size": {
 		"type": "modified",
 		"syntax-before": "<'max-width'>",
@@ -1417,8 +1255,8 @@
 	},
 	"max-height": {
 		"type": "modified",
-		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"max-inline-size": {
@@ -1435,8 +1273,8 @@
 	},
 	"max-width": {
 		"type": "modified",
-		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"min-block-size": {
@@ -1447,8 +1285,8 @@
 	},
 	"min-height": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> )",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"min-inline-size": {
@@ -1465,8 +1303,8 @@
 	},
 	"min-width": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | <-non-standard-width>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"mix-blend-mode": {
@@ -1511,18 +1349,6 @@
 		"syntax-after": "none | <basic-shape-rect>",
 		"comment": ""
 	},
-	"offset-path": {
-		"type": "modified",
-		"syntax-before": "none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]",
-		"syntax-after": "none | <offset-path> || <coord-box>",
-		"comment": ""
-	},
-	"offset-position": {
-		"type": "modified",
-		"syntax-before": "auto | <position>",
-		"syntax-after": "normal | auto | <position>",
-		"comment": ""
-	},
 	"opacity": {
 		"type": "modified",
 		"syntax-before": "<alpha-value>",
@@ -1535,15 +1361,9 @@
 		"syntax-after": "<integer [1,∞]>",
 		"comment": ""
 	},
-	"outline": {
-		"type": "modified",
-		"syntax-before": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]",
-		"syntax-after": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]",
-		"comment": ""
-	},
 	"outline-color": {
 		"type": "modified",
-		"syntax-before": "<color> | invert",
+		"syntax-before": "auto | <color>",
 		"syntax-after": "auto | [ <color> | <image-1D> ]",
 		"comment": ""
 	},
@@ -1619,12 +1439,6 @@
 		"syntax-after": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
-	"overlay": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | auto",
-		"comment": ""
-	},
 	"padding": {
 		"type": "modified",
 		"syntax-before": "[ <length> | <percentage> ]{1,4}",
@@ -1691,12 +1505,6 @@
 		"syntax-after": "<length-percentage [0,∞]>",
 		"comment": ""
 	},
-	"page": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <custom-ident>",
-		"comment": ""
-	},
 	"page-break-after": {
 		"type": "modified",
 		"syntax-before": "auto | always | avoid | left | right | recto | verso",
@@ -1746,41 +1554,11 @@
 		"comment": ""
 	},
 	"position-anchor": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<anchor-element>",
 		"syntax-after": "auto | <anchor-element>",
 		"comment": ""
 	},
-	"position-area": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <position-area>",
-		"comment": ""
-	},
-	"position-try": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'position-try-order'>? <'position-try-fallbacks'>",
-		"comment": ""
-	},
-	"position-try-fallbacks": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ [ <dashed-ident> || <try-tactic> ] | <'position-area'> ]#",
-		"comment": ""
-	},
-	"position-try-order": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | <try-size>",
-		"comment": ""
-	},
-	"position-visibility": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "always | [ anchors-valid || anchors-visible || no-overflow ]",
-		"comment": ""
-	},
 	"quotes": {
 		"type": "modified",
 		"syntax-before": "none | auto | [ <string> <string> ]+",
@@ -1788,8 +1566,8 @@
 		"comment": ""
 	},
 	"r": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage>",
 		"comment": ""
 	},
@@ -1820,7 +1598,7 @@
 	"right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-after": "auto | <length-percentage>",
 		"comment": ""
 	},
 	"row-gap": {
@@ -1842,14 +1620,14 @@
 		"comment": ""
 	},
 	"rx": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage> | auto",
 		"comment": ""
 	},
 	"ry": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage> | auto",
 		"comment": ""
 	},
@@ -1939,22 +1717,10 @@
 	},
 	"scroll-timeline": {
 		"type": "modified",
-		"syntax-before": "<scroll-timeline-name> || <scroll-timeline-axis>",
+		"syntax-before": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#",
 		"syntax-after": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
 		"comment": ""
 	},
-	"scroll-timeline-axis": {
-		"type": "modified",
-		"syntax-before": "block | inline | vertical | horizontal",
-		"syntax-after": "[ block | inline | x | y ]#",
-		"comment": ""
-	},
-	"scroll-timeline-name": {
-		"type": "modified",
-		"syntax-before": "none | <custom-ident>",
-		"syntax-after": "[ none | <dashed-ident> ]#",
-		"comment": ""
-	},
 	"shape-image-threshold": {
 		"type": "modified",
 		"syntax-before": "<alpha-value>",
@@ -2009,12 +1775,6 @@
 		"syntax-after": "normal | grid",
 		"comment": ""
 	},
-	"speak": {
-		"type": "modified",
-		"syntax-before": "auto | none | normal",
-		"syntax-after": "auto | never | always",
-		"comment": ""
-	},
 	"string-set": {
 		"type": "added",
 		"syntax-before": "",
@@ -2292,8 +2052,8 @@
 		"comment": ""
 	},
 	"text-spacing-trim": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "space-all | normal | space-first | trim-start | trim-both | trim-all | auto",
 		"syntax-after": "<spacing-trim> | auto",
 		"comment": ""
 	},
@@ -2328,33 +2088,27 @@
 		"comment": ""
 	},
 	"text-wrap": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "wrap | nowrap | balance | stable | pretty",
 		"syntax-after": "<'text-wrap-mode'> || <'text-wrap-style'>",
 		"comment": ""
 	},
 	"text-wrap-mode": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "auto | wrap | nowrap",
 		"syntax-after": "wrap | nowrap",
 		"comment": ""
 	},
-	"text-wrap-style": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | balance | stable | pretty",
-		"comment": ""
-	},
 	"timeline-scope": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "none | <dashed-ident>#",
 		"syntax-after": "none | all | <dashed-ident>#",
 		"comment": ""
 	},
 	"top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-after": "auto | <length-percentage>",
 		"comment": ""
 	},
 	"transform-origin": {
@@ -2363,12 +2117,6 @@
 		"syntax-after": "[ 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>?",
 		"comment": ""
 	},
-	"transition-behavior": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<transition-behavior-value>#",
-		"comment": ""
-	},
 	"transition-duration": {
 		"type": "modified",
 		"syntax-before": "<time>#",
@@ -2381,12 +2129,6 @@
 		"syntax-after": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
 		"comment": ""
 	},
-	"vector-effect": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position",
-		"comment": ""
-	},
 	"vertical-align": {
 		"type": "modified",
 		"syntax-before": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
@@ -2394,26 +2136,14 @@
 		"comment": ""
 	},
 	"view-timeline": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
 		"syntax-after": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
 		"comment": ""
 	},
-	"view-timeline-axis": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ block | inline | x | y ]#",
-		"comment": ""
-	},
-	"view-timeline-inset": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ auto | <length-percentage> ]{1,2} ]#",
-		"comment": ""
-	},
 	"view-timeline-name": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "none | <dashed-ident>#",
 		"syntax-after": "[ none | <dashed-ident> ]#",
 		"comment": ""
 	},
@@ -2429,12 +2159,6 @@
 		"syntax-after": "normal | contain | nearest | <custom-ident>",
 		"comment": ""
 	},
-	"view-transition-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <custom-ident>",
-		"comment": ""
-	},
 	"voice-duration": {
 		"type": "modified",
 		"syntax-before": "auto | <time>",
@@ -2461,22 +2185,10 @@
 	},
 	"white-space": {
 		"type": "modified",
-		"syntax-before": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces",
+		"syntax-before": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
 		"syntax-after": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
 		"comment": ""
 	},
-	"white-space-collapse": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces",
-		"comment": ""
-	},
-	"white-space-trim": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | discard-before || discard-after || discard-inner",
-		"comment": ""
-	},
 	"widows": {
 		"type": "modified",
 		"syntax-before": "<integer>",
@@ -2485,13 +2197,13 @@
 	},
 	"width": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | fill | stretch | intrinsic | -moz-max-content | -webkit-max-content | -moz-fit-content | -webkit-fit-content",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"word-break": {
 		"type": "modified",
-		"syntax-before": "normal | break-all | keep-all | break-word",
+		"syntax-before": "normal | break-all | keep-all | break-word | auto-phrase",
 		"syntax-after": "normal | break-all | keep-all | manual | auto-phrase | break-word",
 		"comment": ""
 	},
@@ -2550,14 +2262,14 @@
 		"comment": ""
 	},
 	"x": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage>",
 		"comment": ""
 	},
 	"y": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<length> | <percentage>",
 		"syntax-after": "<length-percentage>",
 		"comment": ""
 	},
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 21d022299d..b1e6be8017 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -1,34 +1,4 @@
 {
-	"anchor-element": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident>",
-		"comment": ""
-	},
-	"anchor-side": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center",
-		"comment": ""
-	},
-	"anchor-size": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "width | height | block | inline | self-block | self-inline",
-		"comment": ""
-	},
-	"anchor-size()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
-		"comment": ""
-	},
-	"anchor()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
-		"comment": ""
-	},
 	"angle-percentage": {
 		"type": "modified",
 		"syntax-before": "<angle> | <percentage>",
@@ -257,60 +227,24 @@
 		"syntax-after": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
 		"comment": ""
 	},
-	"cmyk-component": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> | <percentage> | none",
-		"comment": ""
-	},
 	"color": {
 		"type": "modified",
-		"syntax-before": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>",
+		"syntax-before": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 		"syntax-after": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
 		"comment": ""
 	},
-	"color-base": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent",
-		"comment": ""
-	},
 	"color-font-tech": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
 		"comment": ""
 	},
-	"color-function": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>",
-		"comment": ""
-	},
-	"color-interpolation-method": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]",
-		"comment": ""
-	},
 	"color-layers()": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "color-layers( [ <blend-mode> , ]? <color># )",
 		"comment": ""
 	},
-	"color-mix()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )",
-		"comment": ""
-	},
-	"color-space": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<rectangular-color-space> | <polar-color-space> | <custom-color-space>",
-		"comment": ""
-	},
 	"color-stop-list": {
 		"type": "modified",
 		"syntax-before": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
@@ -324,21 +258,15 @@
 		"comment": ""
 	},
 	"color()": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"colorspace-params": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
-		"comment": ""
-	},
-	"combinator": {
 		"type": "modified",
-		"syntax-before": "'>' | '+' | '~' | [ '||' ]",
-		"syntax-after": "'>' | '+' | '~' | [ '|' '|' ]",
+		"syntax-before": "[ <predefined-rgb-params> | <xyz-params> ]",
+		"syntax-after": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 		"comment": ""
 	},
 	"compat-auto": {
@@ -353,42 +281,12 @@
 		"syntax-after": "textfield | menulist-button",
 		"comment": ""
 	},
-	"complex-real-selector": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<compound-selector> [ <combinator>? <compound-selector> ]*",
-		"comment": ""
-	},
-	"complex-real-selector-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<complex-real-selector>#",
-		"comment": ""
-	},
-	"complex-selector": {
-		"type": "modified",
-		"syntax-before": "<compound-selector> [ <combinator>? <compound-selector> ]*",
-		"syntax-after": "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*",
-		"comment": ""
-	},
-	"complex-selector-unit": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <compound-selector>? <pseudo-compound-selector>* ]!",
-		"comment": ""
-	},
 	"composite-mode": {
 		"type": "added",
 		"syntax-before": "",
 		"syntax-after": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
 		"comment": ""
 	},
-	"compound-selector": {
-		"type": "modified",
-		"syntax-before": "[ <type-selector>? <subclass-selector>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!",
-		"syntax-after": "[ <type-selector>? <subclass-selector>* ]!",
-		"comment": ""
-	},
 	"conic-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -402,17 +300,11 @@
 		"comment": ""
 	},
 	"container-condition": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 		"syntax-after": "[ <container-name> ]? <container-query>",
 		"comment": ""
 	},
-	"container-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<custom-ident>",
-		"comment": ""
-	},
 	"container-progress()": {
 		"type": "added",
 		"syntax-before": "",
@@ -450,8 +342,8 @@
 		"comment": ""
 	},
 	"coord-box": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "content-box | padding-box | border-box | fill-box | stroke-box | view-box",
 		"syntax-after": "<paint-box> | view-box",
 		"comment": ""
 	},
@@ -509,12 +401,6 @@
 		"syntax-after": "$ <ident-token> ;",
 		"comment": ""
 	},
-	"custom-color-space": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident>",
-		"comment": ""
-	},
 	"custom-params": {
 		"type": "added",
 		"syntax-before": "",
@@ -539,12 +425,6 @@
 		"syntax-after": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
 		"comment": ""
 	},
-	"device-cmyk()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
-		"comment": ""
-	},
 	"display-legacy": {
 		"type": "modified",
 		"syntax-before": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
@@ -642,9 +522,9 @@
 		"comment": ""
 	},
 	"font-variant-css2": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | small-caps",
+		"type": "modified",
+		"syntax-before": "normal | small-caps",
+		"syntax-after": "[ normal | small-caps ]",
 		"comment": ""
 	},
 	"font-weight-absolute": {
@@ -654,9 +534,9 @@
 		"comment": ""
 	},
 	"font-width-css3": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+		"type": "modified",
+		"syntax-before": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
 		"comment": ""
 	},
 	"frequency-percentage": {
@@ -689,36 +569,12 @@
 		"syntax-after": "<function-parameter>#",
 		"comment": ""
 	},
-	"general-enclosed": {
-		"type": "modified",
-		"syntax-before": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )",
-		"syntax-after": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]",
-		"comment": ""
-	},
-	"generic-complete": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace",
-		"comment": ""
-	},
 	"generic-family": {
 		"type": "modified",
-		"syntax-before": "serif | sans-serif | cursive | fantasy | monospace | -apple-system",
+		"syntax-before": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>",
 		"syntax-after": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
 		"comment": ""
 	},
-	"generic-incomplete": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
-		"comment": ""
-	},
-	"generic-script-specific": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "generic( kai ) | generic( fangsong ) | generic( nastaliq )",
-		"comment": ""
-	},
 	"gradient": {
 		"type": "modified",
 		"syntax-before": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
@@ -743,12 +599,6 @@
 		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 		"comment": ""
 	},
-	"hue-interpolation-method": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ shorter | longer | increasing | decreasing ] hue",
-		"comment": ""
-	},
 	"hv-line-command": {
 		"type": "added",
 		"syntax-before": "",
@@ -817,7 +667,7 @@
 	},
 	"keyframe-selector": {
 		"type": "modified",
-		"syntax-before": "from | to | <percentage>",
+		"syntax-before": "from | to | <percentage> | <timeline-range-name> <percentage>",
 		"syntax-after": "from | to | <percentage [0,100]>",
 		"comment": ""
 	},
@@ -845,12 +695,6 @@
 		"syntax-after": "auto",
 		"comment": ""
 	},
-	"legacy-device-cmyk-syntax": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "device-cmyk( <number>#{4} )",
-		"comment": ""
-	},
 	"legacy-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -863,12 +707,6 @@
 		"syntax-after": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": ""
 	},
-	"legacy-pseudo-element-selector": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "':' [ before | after | first-line | first-letter ]",
-		"comment": ""
-	},
 	"legacy-rgb-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -887,12 +725,6 @@
 		"syntax-after": "[ <length> | <percentage> ]",
 		"comment": ""
 	},
-	"light-dark()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "light-dark( <color> , <color> )",
-		"comment": ""
-	},
 	"line-command": {
 		"type": "added",
 		"syntax-before": "",
@@ -905,6 +737,12 @@
 		"syntax-after": "<length [0,∞]> | thin | medium | thick",
 		"comment": ""
 	},
+	"linear-easing-function": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "linear( <linear-stop-list> )",
+		"comment": ""
+	},
 	"linear-gradient-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -917,10 +755,28 @@
 		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": ""
 	},
+	"linear-stop": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<number> && <linear-stop-length>?",
+		"comment": ""
+	},
+	"linear-stop-length": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<percentage>{1,2}",
+		"comment": ""
+	},
+	"linear-stop-list": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "[ <linear-stop> ]#",
+		"comment": ""
+	},
 	"linear()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "linear( [ <number> && <percentage>{0,2} ]# )",
+		"syntax-after": "linear( <linear-stop-list> )",
 		"comment": ""
 	},
 	"link-param": {
@@ -1007,12 +863,6 @@
 		"syntax-after": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
 		"comment": ""
 	},
-	"modern-device-cmyk-syntax": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )",
-		"comment": ""
-	},
 	"modern-hsl-syntax": {
 		"type": "added",
 		"syntax-before": "",
@@ -1051,7 +901,7 @@
 	},
 	"named-color": {
 		"type": "modified",
-		"syntax-before": "transparent | 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 | <-non-standard-color>",
+		"syntax-before": "transparent | 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",
 		"syntax-after": "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",
 		"comment": ""
 	},
@@ -1061,21 +911,15 @@
 		"syntax-after": "<number> <number>?",
 		"comment": ""
 	},
-	"offset-path": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<ray()> | <url> | <basic-shape>",
-		"comment": ""
-	},
 	"oklab()": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-after": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"oklch()": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-after": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
@@ -1133,24 +977,12 @@
 		"syntax-after": "[ <number>+ ]#",
 		"comment": ""
 	},
-	"polar-color-space": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "hsl | hwb | lch | oklch",
-		"comment": ""
-	},
 	"position": {
 		"type": "modified",
 		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"comment": ""
 	},
-	"position-area": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ 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} ]",
-		"comment": ""
-	},
 	"predefined-polar-params": {
 		"type": "added",
 		"syntax-before": "",
@@ -1170,17 +1002,11 @@
 		"comment": ""
 	},
 	"predefined-rgb": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020",
 		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 		"comment": ""
 	},
-	"predefined-rgb-params": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<predefined-rgb> [ <number> | <percentage> | none ]{3}",
-		"comment": ""
-	},
 	"progress": {
 		"type": "added",
 		"syntax-before": "",
@@ -1193,18 +1019,6 @@
 		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
 		"comment": ""
 	},
-	"pseudo-compound-selector": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<pseudo-element-selector> <pseudo-class-selector>*",
-		"comment": ""
-	},
-	"pseudo-element-selector": {
-		"type": "modified",
-		"syntax-before": "':' <pseudo-class-selector>",
-		"syntax-after": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>",
-		"comment": ""
-	},
 	"pseudo-page": {
 		"type": "modified",
 		"syntax-before": ": [ left | right | first | blank ]",
@@ -1230,9 +1044,9 @@
 		"comment": ""
 	},
 	"query-in-parens": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
+		"type": "modified",
+		"syntax-before": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
 		"comment": ""
 	},
 	"radial-extent": {
@@ -1283,22 +1097,10 @@
 		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
 		"comment": ""
 	},
-	"ray-size": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "closest-side | closest-corner | farthest-side | farthest-corner | sides",
-		"comment": ""
-	},
 	"ray()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
-		"comment": ""
-	},
-	"rectangular-color-space": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65",
+		"type": "modified",
+		"syntax-before": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
+		"syntax-after": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 		"comment": ""
 	},
 	"referrerpolicy-modifier": {
@@ -1307,18 +1109,6 @@
 		"syntax-after": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
 		"comment": ""
 	},
-	"relative-real-selector": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<combinator>? <complex-real-selector>",
-		"comment": ""
-	},
-	"relative-real-selector-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<relative-real-selector>#",
-		"comment": ""
-	},
 	"repeat-style": {
 		"type": "modified",
 		"syntax-before": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
@@ -1391,21 +1181,9 @@
 		"syntax-after": "running( <custom-ident> )",
 		"comment": ""
 	},
-	"scroll-state-in-parens": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
-		"comment": ""
-	},
-	"scroll-state-query": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
-		"comment": ""
-	},
 	"scroll()": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "scroll( [ <axis> || <scroller> ]? )",
 		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
 		"comment": ""
 	},
@@ -1415,12 +1193,6 @@
 		"syntax-after": "root | nearest | self",
 		"comment": ""
 	},
-	"selector-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<complex-selector-list>",
-		"comment": ""
-	},
 	"shadow": {
 		"type": "modified",
 		"syntax-before": "inset? && <length>{2,4} && <color>?",
@@ -1445,42 +1217,12 @@
 		"syntax-after": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
 		"comment": ""
 	},
-	"simple-selector": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<type-selector> | <subclass-selector>",
-		"comment": ""
-	},
-	"simple-selector-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<simple-selector>#",
-		"comment": ""
-	},
-	"single-animation": {
-		"type": "modified",
-		"syntax-before": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]",
-		"syntax-after": "<'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>",
-		"comment": ""
-	},
 	"single-animation-iteration-count": {
 		"type": "modified",
 		"syntax-before": "infinite | <number>",
 		"syntax-after": "infinite | <number [0,∞]>",
 		"comment": ""
 	},
-	"single-animation-timeline": {
-		"type": "modified",
-		"syntax-before": "auto | none | <timeline-name> | scroll( <axis>? <scroller>? )",
-		"syntax-after": "auto | none | <dashed-ident> | <scroll()> | <view()>",
-		"comment": ""
-	},
-	"single-transition": {
-		"type": "modified",
-		"syntax-before": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time>",
-		"syntax-after": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>",
-		"comment": ""
-	},
 	"smooth-command": {
 		"type": "added",
 		"syntax-before": "",
@@ -1542,14 +1284,14 @@
 		"comment": ""
 	},
 	"style-in-parens": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>",
 		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
 		"comment": ""
 	},
 	"style-query": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<style-condition> | <style-feature>",
 		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
 		"comment": ""
 	},
@@ -1631,18 +1373,6 @@
 		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
 		"comment": ""
 	},
-	"system-color": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText",
-		"comment": ""
-	},
-	"system-family-name": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "caption | icon | menu | message-box | small-caption | status-bar",
-		"comment": ""
-	},
 	"target-contrast": {
 		"type": "added",
 		"syntax-before": "",
@@ -1691,24 +1421,6 @@
 		"syntax-after": "transform-mix( <progress> , <transform-list> , <transform-list> )",
 		"comment": ""
 	},
-	"transition-behavior-value": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | allow-discrete",
-		"comment": ""
-	},
-	"try-size": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "most-width | most-height | most-block-size | most-inline-size",
-		"comment": ""
-	},
-	"try-tactic": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "flip-block || flip-inline || flip-start",
-		"comment": ""
-	},
 	"type()": {
 		"type": "added",
 		"syntax-before": "",
@@ -1727,12 +1439,6 @@
 		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
 		"comment": ""
 	},
-	"view()": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "view( [ <axis> || <'view-timeline-inset'> ]? )",
-		"comment": ""
-	},
 	"wcag2": {
 		"type": "added",
 		"syntax-before": "",
@@ -1746,15 +1452,9 @@
 		"comment": ""
 	},
 	"xyz-params": {
-		"type": "added",
-		"syntax-before": "",
+		"type": "modified",
+		"syntax-before": "<xyz-space> [ <number> | <percentage> | none ]{3}",
 		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
-	},
-	"xyz-space": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "xyz | xyz-d50 | xyz-d65",
-		"comment": ""
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
index 92911b32dc..47d32b8158 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
@@ -173,9 +173,6 @@
 	"block-ellipsis": {
 		"syntax": "none | auto | <string>"
 	},
-	"block-overflow": {
-		"syntax": "clip | ellipsis | <string>"
-	},
 	"-ms-block-progression": {
 		"syntax": "tb | rl | bt | lr"
 	},
@@ -471,7 +468,7 @@
 		"syntax": "<line-width>{1,4}"
 	},
 	"bottom": {
-		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
+		"syntax": "auto | <length-percentage>"
 	},
 	"box-align": {
 		"syntax": "start | center | end | baseline | stretch"
@@ -642,7 +639,7 @@
 		"syntax": "none | <custom-ident>+"
 	},
 	"container-type": {
-		"syntax": "normal | [ [ size | inline-size ] || scroll-state ]"
+		"syntax": "normal | size | inline-size"
 	},
 	"content": {
 		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>"
@@ -726,7 +723,7 @@
 		"syntax": "ltr | rtl"
 	},
 	"display": {
-		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]"
+		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]"
 	},
 	"dominant-baseline": {
 		"syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top"
@@ -855,7 +852,7 @@
 		"syntax": "[ none | <custom-ident> ]#"
 	},
 	"font": {
-		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>"
+		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>"
 	},
 	"font-family": {
 		"syntax": "[ <family-name> | <generic-family> ]#"
@@ -972,7 +969,7 @@
 		"syntax": "<track-size>+"
 	},
 	"grid-auto-flow": {
-		"syntax": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse"
+		"syntax": "[ row | column ] || dense"
 	},
 	"grid-auto-rows": {
 		"syntax": "<track-size>+"
@@ -1032,7 +1029,7 @@
 		"syntax": "none | [ first || [ force-end | allow-end ] || last ]"
 	},
 	"height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"-ms-high-contrast-adjust": {
 		"syntax": "auto | none"
@@ -1106,6 +1103,9 @@
 	"inset": {
 		"syntax": "<'top'>{1,4}"
 	},
+	"inset-area": {
+		"syntax": "none | <inset-area>"
+	},
 	"inset-block": {
 		"syntax": "<'top'>{1,2}"
 	},
@@ -1149,7 +1149,7 @@
 		"syntax": "auto | <svg-length>"
 	},
 	"left": {
-		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
+		"syntax": "auto | <length-percentage>"
 	},
 	"letter-spacing": {
 		"syntax": "normal | <length-percentage>"
@@ -1212,7 +1212,7 @@
 		"syntax": "<'margin-top'>"
 	},
 	"margin-bottom": {
-		"syntax": "<length-percentage> | auto | <anchor-size()>"
+		"syntax": "<length-percentage> | auto"
 	},
 	"margin-break": {
 		"syntax": "auto | keep | discard"
@@ -1227,13 +1227,13 @@
 		"syntax": "<'margin-top'>"
 	},
 	"margin-left": {
-		"syntax": "<length-percentage> | auto | <anchor-size()>"
+		"syntax": "<length-percentage> | auto"
 	},
 	"margin-right": {
-		"syntax": "<length-percentage> | auto | <anchor-size()>"
+		"syntax": "<length-percentage> | auto"
 	},
 	"margin-top": {
-		"syntax": "<length-percentage> | auto | <anchor-size()>"
+		"syntax": "<length-percentage> | auto"
 	},
 	"margin-trim": {
 		"syntax": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]"
@@ -1349,24 +1349,6 @@
 	"masonry-auto-flow": {
 		"syntax": "[ pack | next ] || [ definite-first | ordered ]"
 	},
-	"masonry-auto-tracks": {
-		"syntax": "<'grid-auto-columns'>"
-	},
-	"masonry-direction": {
-		"syntax": "row | column | row-reverse | column-reverse"
-	},
-	"masonry-fill": {
-		"syntax": "normal | reverse"
-	},
-	"masonry-flow": {
-		"syntax": "<'masonry-direction'> || <'masonry-fill'>"
-	},
-	"masonry-template-areas": {
-		"syntax": "none | <string>"
-	},
-	"masonry-template-tracks": {
-		"syntax": "<'grid-template-columns'>"
-	},
 	"math-depth": {
 		"syntax": "auto-add | add( <integer> ) | <integer>"
 	},
@@ -1380,7 +1362,7 @@
 		"syntax": "<'max-width'> | stretch | fit-content | contain"
 	},
 	"max-height": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"max-inline-size": {
 		"syntax": "<'max-width'> | stretch | fit-content | contain"
@@ -1389,13 +1371,13 @@
 		"syntax": "none | <integer [1,∞]>"
 	},
 	"max-width": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"min-block-size": {
 		"syntax": "<'min-width'> | stretch | fit-content | contain"
 	},
 	"min-height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"min-inline-size": {
 		"syntax": "<'min-width'> | stretch | fit-content | contain"
@@ -1404,7 +1386,7 @@
 		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
 	},
 	"min-width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"mix-blend-mode": {
 		"syntax": "<blend-mode> | plus-darker | plus-lighter"
@@ -1701,7 +1683,7 @@
 		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
 	},
 	"right": {
-		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
+		"syntax": "auto | <length-percentage>"
 	},
 	"rotate": {
 		"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>"
@@ -2178,7 +2160,7 @@
 		"syntax": "none | all | <dashed-ident>#"
 	},
 	"top": {
-		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
+		"syntax": "auto | <length-percentage>"
 	},
 	"touch-action": {
 		"syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation"
@@ -2322,7 +2304,7 @@
 		"syntax": "<integer [1,∞]>"
 	},
 	"width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
 	},
 	"will-change": {
 		"syntax": "auto | <animateable-feature>#"
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index 6497bc1ead..ec2723f729 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -2,6 +2,12 @@
 	"abs()": {
 		"syntax": "abs( <calc-sum> )"
 	},
+	"absolute-color-base": {
+		"syntax": "<hex-color> | <absolute-color-function> | <named-color> | transparent"
+	},
+	"absolute-color-function": {
+		"syntax": "rgb( ) > | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
+	},
 	"absolute-size": {
 		"syntax": "xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large"
 	},
@@ -509,9 +515,6 @@
 	"fill-rule": {
 		"syntax": "nonzero | evenodd"
 	},
-	"-ms-filter": {
-		"syntax": "<string>"
-	},
 	"filter-function": {
 		"syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>"
 	},
@@ -570,7 +573,7 @@
 		"syntax": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]"
 	},
 	"font-variant-css2": {
-		"syntax": "normal | small-caps"
+		"syntax": "[ normal | small-caps ]"
 	},
 	"font-variant-css21": {
 		"syntax": "[ normal | small-caps ]"
@@ -579,7 +582,13 @@
 		"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"
+		"syntax": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]"
+	},
+	"forgiving-relative-selector-list": {
+		"syntax": "<relative-real-selector-list>"
+	},
+	"forgiving-selector-list": {
+		"syntax": "<complex-real-selector-list>"
 	},
 	"frequency-percentage": {
 		"syntax": "[ <frequency> | <percentage> ]"
@@ -608,6 +617,9 @@
 	"generic-family": {
 		"syntax": "<generic-script-specific> | <generic-complete> | <generic-incomplete>"
 	},
+	"-non-standard-generic-family": {
+		"syntax": "-apple-system | BlinkMacSystemFont"
+	},
 	"generic-incomplete": {
 		"syntax": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded"
 	},
@@ -707,6 +719,9 @@
 	"inflexible-breadth": {
 		"syntax": "<length-percentage [0,∞]> | min-content | max-content | auto"
 	},
+	"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} ]"
+	},
 	"inset()": {
 		"syntax": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
 	},
@@ -800,6 +815,9 @@
 	"linear-color-stop": {
 		"syntax": "<color> <color-stop-length>?"
 	},
+	"linear-easing-function": {
+		"syntax": "linear( <linear-stop-list> )"
+	},
 	"-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> )"
 	},
@@ -812,8 +830,17 @@
 	"linear-gradient()": {
 		"syntax": "linear-gradient( [ <linear-gradient-syntax> ] )"
 	},
+	"linear-stop": {
+		"syntax": "<number> && <linear-stop-length>?"
+	},
+	"linear-stop-length": {
+		"syntax": "<percentage>{1,2}"
+	},
+	"linear-stop-list": {
+		"syntax": "[ <linear-stop> ]#"
+	},
 	"linear()": {
-		"syntax": "linear( [ <number> && <percentage>{0,2} ]# )"
+		"syntax": "linear( <linear-stop-list> )"
 	},
 	"link-param": {
 		"syntax": "param( <custom-property-name> <declaration-value>? )"
@@ -827,12 +854,6 @@
 	"-webkit-mask-box-repeat": {
 		"syntax": "repeat | stretch | round"
 	},
-	"-webkit-mask-clip-style": {
-		"syntax": "border | border-box | padding | padding-box | content | content-box | text"
-	},
-	"mask-image": {
-		"syntax": "<mask-reference>#"
-	},
 	"mask-layer": {
 		"syntax": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"
 	},
@@ -1011,7 +1032,7 @@
 		"syntax": "<length> | <percentage>"
 	},
 	"-non-standard-overflow": {
-		"syntax": "-moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
+		"syntax": "overlay | -moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
 	},
 	"overflow-position": {
 		"syntax": "unsafe | safe"
@@ -1046,6 +1067,9 @@
 	"paint()": {
 		"syntax": "paint( <ident> , <declaration-value>? )"
 	},
+	"palette-identifier": {
+		"syntax": "<dashed-ident>"
+	},
 	"palette-mix()": {
 		"syntax": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )"
 	},
@@ -1116,7 +1140,7 @@
 		"syntax": "'*' | <custom-ident>"
 	},
 	"query-in-parens": {
-		"syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>"
+		"syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>"
 	},
 	"quote": {
 		"syntax": "open-quote | close-quote | no-open-quote | no-close-quote"
@@ -1164,7 +1188,7 @@
 		"syntax": "closest-side | closest-corner | farthest-side | farthest-corner | sides"
 	},
 	"ray()": {
-		"syntax": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )"
+		"syntax": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )"
 	},
 	"rectangular-color-space": {
 		"syntax": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65"
@@ -1271,17 +1295,11 @@
 	"scaleZ()": {
 		"syntax": "scaleZ( [ <number> | <percentage> ] )"
 	},
-	"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>"
-	},
-	"scroll-timeline-axis": {
-		"syntax": "block | inline | vertical | horizontal"
+	"scope-end": {
+		"syntax": "<forgiving-selector-list>"
 	},
-	"scroll-timeline-name": {
-		"syntax": "none | <custom-ident>"
+	"scope-start": {
+		"syntax": "<forgiving-selector-list>"
 	},
 	"scroll()": {
 		"syntax": "scroll( [ <scroller> || <axis> ]? )"
@@ -1364,6 +1382,12 @@
 	"size": {
 		"syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
 	},
+	"-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"
+	},
+	"size-feature": {
+		"syntax": "<mf-plain> | <mf-boolean> | <mf-range>"
+	},
 	"skew()": {
 		"syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"
 	},
@@ -1412,6 +1436,12 @@
 	"stripes()": {
 		"syntax": "stripes( <color-stripe># )"
 	},
+	"style-condition": {
+		"syntax": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ]"
+	},
+	"style-feature": {
+		"syntax": "<declaration>"
+	},
 	"style-in-parens": {
 		"syntax": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>"
 	},
@@ -1511,8 +1541,8 @@
 	"time-percentage": {
 		"syntax": "[ <time> | <percentage> ]"
 	},
-	"timeline-name": {
-		"syntax": "<custom-ident> | <string>"
+	"timeline-range-name": {
+		"syntax": "cover | contain | entry | exit | entry-crossing | exit-crossing"
 	},
 	"toggle()": {
 		"syntax": "toggle( <whole-value># )"
@@ -1598,9 +1628,6 @@
 	"wcag2": {
 		"syntax": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )"
 	},
-	"-non-standard-width": {
-		"syntax": "fill-available | min-intrinsic | intrinsic | -moz-available | -moz-fit-content | -moz-min-content | -moz-max-content | -webkit-min-content | -webkit-max-content"
-	},
 	"wq-name": {
 		"syntax": "<ns-prefix>? <ident-token>"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 9555eec2e5..530310a2ab 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -31,6 +31,13 @@ const CUSTOM_OVERRIDES = {
 			'syntax-after': 'contrast-color( <color> max? )',
 		},
 	},
+	'motion': {
+		// See : https://github.com/w3c/fxtf-drafts/pull/573
+		'ray()': {
+			'syntax-before': 'ray( <angle> && <ray-size>? && contain? && [at <position>]? )',
+			'syntax-after': 'ray( [ <angle> && <ray-size>? && contain? && [at <position>]? ] )',
+		},
+	},
 };
 
 function maybe_override(spec_name, name, definition) {
diff --git a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
index 2a0ecaa510..a504e5ba83 100644
--- a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
+++ b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
@@ -3,7 +3,7 @@ import fs from 'node:fs/promises';
 import path from 'node:path';
 
 import postcss from 'postcss';
-import { find, fork, parse, walk } from 'css-tree';
+import { find, fork, parse, walk } from 'css-tree-3.0.0';
 
 async function get_files(dir, recursive = true) {
 	dir = path.resolve(dir);

From 15338dffb520da64eeb9a297117f1ec17466c448 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 15 Sep 2024 12:40:48 +0200
Subject: [PATCH 36/66] wip

---
 .../dist/index.json                           |   5 +-
 .../webref-over-csstree-properties.json       | 133 +++++++++++++++---
 .../patches/webref-over-csstree-types.json    | 115 +++++++--------
 .../webref-over-csstree-properties.json       |  88 +++++++++---
 .../raw-data/webref-over-csstree-types.json   |  68 ++++-----
 .../raw-data/webref-properties.json           |  60 +++++---
 .../raw-data/webref-types.json                |  39 ++---
 .../scripts/apply-patches.mjs                 |   5 +
 .../scripts/index.mjs                         |  14 --
 9 files changed, 339 insertions(+), 188 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 0ae3e285b9..3532933d73 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -14,9 +14,8 @@
 		},
 		"types": {
 			"axis": "block | inline | x | y",
-			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 			"bottom": "<length-percentage> | auto",
-			"color": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
@@ -25,7 +24,6 @@
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 			"hwb()": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"image": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 			"lab()": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"lch()": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
@@ -38,7 +36,6 @@
 			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgb-syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgba-syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-			"named-color": "transparent | 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",
 			"oklab()": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"oklch()": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 5656138be8..39a841551c 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1028,7 +1028,7 @@
 	"bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1285,7 +1285,7 @@
 	"container-type": {
 		"type": "modified",
 		"syntax-before": "normal || [ size | inline-size ]",
-		"syntax-after": "normal | size | inline-size",
+		"syntax-after": "normal | [ [ size | inline-size ] || scroll-state ]",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1417,7 +1417,7 @@
 	"display": {
 		"type": "modified",
 		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
-		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]",
+		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1670,7 +1670,7 @@
 	"font": {
 		"type": "modified",
 		"syntax-before": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
-		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
+		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1799,6 +1799,17 @@
 			"failing": []
 		}
 	},
+	"grid-auto-flow": {
+		"type": "modified",
+		"syntax-before": "[ row | column ] || dense",
+		"syntax-after": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"grid-template-columns": {
 		"type": "modified",
 		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
@@ -1824,7 +1835,7 @@
 	"height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2040,7 +2051,7 @@
 	"left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2216,7 +2227,7 @@
 	"margin-bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2271,7 +2282,7 @@
 	"margin-left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2282,7 +2293,7 @@
 	"margin-right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2293,7 +2304,7 @@
 	"margin-top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2400,6 +2411,94 @@
 			"failing": []
 		}
 	},
+	"masonry": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-auto-tracks": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'grid-auto-columns'>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-direction": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "row | column | row-reverse | column-reverse",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-fill": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | reverse",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-flow": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'masonry-direction'> || <'masonry-fill'>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-slack": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-template-areas": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <string>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-template-tracks": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'grid-template-columns'>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"max-block-size": {
 		"type": "modified",
 		"syntax-before": "<'max-width'>",
@@ -2414,7 +2513,7 @@
 	"max-height": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2447,7 +2546,7 @@
 	"max-width": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2469,7 +2568,7 @@
 	"min-height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2502,7 +2601,7 @@
 	"min-width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -3049,7 +3148,7 @@
 	"right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -3984,7 +4083,7 @@
 	"top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -4149,7 +4248,7 @@
 	"width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 26dc09d99d..ca6889110f 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -134,9 +134,9 @@
 	"basic-shape": {
 		"type": "modified",
 		"syntax-before": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>",
-		"syntax-after": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+		"syntax-after": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 		"comment": "https://github.com/w3c/csswg-drafts/issues/10812",
-		"merged": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+		"merged": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 		"tests": {
 			"passing": [
 				{
@@ -829,7 +829,18 @@
 	"cubic-bezier-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"syntax-after": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"cubic-bezier()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -924,7 +935,7 @@
 	"easing-function": {
 		"type": "modified",
 		"syntax-before": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
-		"syntax-after": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
+		"syntax-after": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1075,17 +1086,6 @@
 			"failing": []
 		}
 	},
-	"font-variant-css2": {
-		"type": "modified",
-		"syntax-before": "normal | small-caps",
-		"syntax-after": "[ normal | small-caps ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"font-weight-absolute": {
 		"type": "modified",
 		"syntax-before": "normal | bold | <number [1,1000]>",
@@ -1097,17 +1097,6 @@
 			"failing": []
 		}
 	},
-	"font-width-css3": {
-		"type": "modified",
-		"syntax-before": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
-		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"frequency-percentage": {
 		"type": "modified",
 		"syntax-before": "<frequency> | <percentage>",
@@ -1769,7 +1758,7 @@
 	"linear-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "linear( <linear-stop-list> )",
+		"syntax-after": "linear | <linear()>",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -1799,43 +1788,10 @@
 			"failing": []
 		}
 	},
-	"linear-stop": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> && <linear-stop-length>?",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"linear-stop-length": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<percentage>{1,2}",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
-	"linear-stop-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <linear-stop> ]#",
-		"comment": "",
-		"merged": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"linear()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "linear( <linear-stop-list> )",
+		"syntax-after": "linear( [ <number> && <percentage>{0,2} ]# )",
 		"comment": "",
 		"merged": false,
 		"tests": {
@@ -2595,7 +2551,7 @@
 	"query-in-parens": {
 		"type": "modified",
 		"syntax-before": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
-		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
 		"comment": "",
 		"merged": false,
 		"omit": true,
@@ -2954,6 +2910,28 @@
 			"failing": []
 		}
 	},
+	"scroll-state-in-parens": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-state-query": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"scroll()": {
 		"type": "modified",
 		"syntax-before": "scroll( [ <axis> || <scroller> ]? )",
@@ -3164,7 +3142,18 @@
 	"step-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
+		"syntax-after": "step-start | step-end | <steps()>",
+		"comment": "",
+		"merged": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"steps()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "steps( <integer> , <step-position>? )",
 		"comment": "",
 		"merged": false,
 		"tests": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
index 6018fd16c3..899275a910 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -512,7 +512,7 @@
 	"bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"box-shadow": {
@@ -644,7 +644,7 @@
 	"container-type": {
 		"type": "modified",
 		"syntax-before": "normal || [ size | inline-size ]",
-		"syntax-after": "normal | size | inline-size",
+		"syntax-after": "normal | [ [ size | inline-size ] || scroll-state ]",
 		"comment": ""
 	},
 	"content": {
@@ -716,7 +716,7 @@
 	"display": {
 		"type": "modified",
 		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
-		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]",
+		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
 		"comment": ""
 	},
 	"dominant-baseline": {
@@ -854,7 +854,7 @@
 	"font": {
 		"type": "modified",
 		"syntax-before": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
-		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
+		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
 		"comment": ""
 	},
 	"font-palette": {
@@ -923,6 +923,12 @@
 		"syntax-after": "auto | 0deg | 90deg | 0 | 90",
 		"comment": ""
 	},
+	"grid-auto-flow": {
+		"type": "modified",
+		"syntax-before": "[ row | column ] || dense",
+		"syntax-after": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+		"comment": ""
+	},
 	"grid-template-columns": {
 		"type": "modified",
 		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
@@ -938,7 +944,7 @@
 	"height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"hyphenate-limit-last": {
@@ -1052,7 +1058,7 @@
 	"left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"lighting-color": {
@@ -1148,7 +1154,7 @@
 	"margin-bottom": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-break": {
@@ -1178,19 +1184,19 @@
 	"margin-left": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-trim": {
@@ -1247,6 +1253,54 @@
 		"syntax-after": "<coord-box>#",
 		"comment": ""
 	},
+	"masonry": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
+		"comment": ""
+	},
+	"masonry-auto-tracks": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'grid-auto-columns'>",
+		"comment": ""
+	},
+	"masonry-direction": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "row | column | row-reverse | column-reverse",
+		"comment": ""
+	},
+	"masonry-fill": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "normal | reverse",
+		"comment": ""
+	},
+	"masonry-flow": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'masonry-direction'> || <'masonry-fill'>",
+		"comment": ""
+	},
+	"masonry-slack": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<length-percentage>",
+		"comment": ""
+	},
+	"masonry-template-areas": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "none | <string>",
+		"comment": ""
+	},
+	"masonry-template-tracks": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "<'grid-template-columns'>",
+		"comment": ""
+	},
 	"max-block-size": {
 		"type": "modified",
 		"syntax-before": "<'max-width'>",
@@ -1256,7 +1310,7 @@
 	"max-height": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"max-inline-size": {
@@ -1274,7 +1328,7 @@
 	"max-width": {
 		"type": "modified",
 		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"min-block-size": {
@@ -1286,7 +1340,7 @@
 	"min-height": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"min-inline-size": {
@@ -1304,7 +1358,7 @@
 	"min-width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"mix-blend-mode": {
@@ -1598,7 +1652,7 @@
 	"right": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"row-gap": {
@@ -2108,7 +2162,7 @@
 	"top": {
 		"type": "modified",
 		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"transform-origin": {
@@ -2198,7 +2252,7 @@
 	"width": {
 		"type": "modified",
 		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain",
+		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"word-break": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index b1e6be8017..c9a683136a 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -74,7 +74,7 @@
 	"basic-shape": {
 		"type": "modified",
 		"syntax-before": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>",
-		"syntax-after": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+		"syntax-after": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 		"comment": ""
 	},
 	"basic-shape-rect": {
@@ -386,7 +386,13 @@
 	"cubic-bezier-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )",
+		"syntax-after": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
+		"comment": ""
+	},
+	"cubic-bezier()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
 		"comment": ""
 	},
 	"curve-command": {
@@ -440,7 +446,7 @@
 	"easing-function": {
 		"type": "modified",
 		"syntax-before": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
-		"syntax-after": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
+		"syntax-after": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
 		"comment": ""
 	},
 	"element()": {
@@ -521,24 +527,12 @@
 		"syntax-after": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
 		"comment": ""
 	},
-	"font-variant-css2": {
-		"type": "modified",
-		"syntax-before": "normal | small-caps",
-		"syntax-after": "[ normal | small-caps ]",
-		"comment": ""
-	},
 	"font-weight-absolute": {
 		"type": "modified",
 		"syntax-before": "normal | bold | <number [1,1000]>",
 		"syntax-after": "[ normal | bold | <number [1,1000]> ]",
 		"comment": ""
 	},
-	"font-width-css3": {
-		"type": "modified",
-		"syntax-before": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
-		"syntax-after": "[ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ]",
-		"comment": ""
-	},
 	"frequency-percentage": {
 		"type": "modified",
 		"syntax-before": "<frequency> | <percentage>",
@@ -740,7 +734,7 @@
 	"linear-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "linear( <linear-stop-list> )",
+		"syntax-after": "linear | <linear()>",
 		"comment": ""
 	},
 	"linear-gradient-syntax": {
@@ -755,28 +749,10 @@
 		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": ""
 	},
-	"linear-stop": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> && <linear-stop-length>?",
-		"comment": ""
-	},
-	"linear-stop-length": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<percentage>{1,2}",
-		"comment": ""
-	},
-	"linear-stop-list": {
-		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <linear-stop> ]#",
-		"comment": ""
-	},
 	"linear()": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "linear( <linear-stop-list> )",
+		"syntax-after": "linear( [ <number> && <percentage>{0,2} ]# )",
 		"comment": ""
 	},
 	"link-param": {
@@ -1046,7 +1022,7 @@
 	"query-in-parens": {
 		"type": "modified",
 		"syntax-before": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
-		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
 		"comment": ""
 	},
 	"radial-extent": {
@@ -1181,6 +1157,18 @@
 		"syntax-after": "running( <custom-ident> )",
 		"comment": ""
 	},
+	"scroll-state-in-parens": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
+		"comment": ""
+	},
+	"scroll-state-query": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
+		"comment": ""
+	},
 	"scroll()": {
 		"type": "modified",
 		"syntax-before": "scroll( [ <axis> || <scroller> ]? )",
@@ -1268,7 +1256,13 @@
 	"step-easing-function": {
 		"type": "added",
 		"syntax-before": "",
-		"syntax-after": "step-start | step-end | steps( <integer> , <step-position>? )",
+		"syntax-after": "step-start | step-end | <steps()>",
+		"comment": ""
+	},
+	"steps()": {
+		"type": "added",
+		"syntax-before": "",
+		"syntax-after": "steps( <integer> , <step-position>? )",
 		"comment": ""
 	},
 	"string()": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
index 47d32b8158..375ad3e5da 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
@@ -468,7 +468,7 @@
 		"syntax": "<line-width>{1,4}"
 	},
 	"bottom": {
-		"syntax": "auto | <length-percentage>"
+		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
 	},
 	"box-align": {
 		"syntax": "start | center | end | baseline | stretch"
@@ -639,7 +639,7 @@
 		"syntax": "none | <custom-ident>+"
 	},
 	"container-type": {
-		"syntax": "normal | size | inline-size"
+		"syntax": "normal | [ [ size | inline-size ] || scroll-state ]"
 	},
 	"content": {
 		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>"
@@ -723,7 +723,7 @@
 		"syntax": "ltr | rtl"
 	},
 	"display": {
-		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]"
+		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]"
 	},
 	"dominant-baseline": {
 		"syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top"
@@ -852,7 +852,7 @@
 		"syntax": "[ none | <custom-ident> ]#"
 	},
 	"font": {
-		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>"
+		"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>"
 	},
 	"font-family": {
 		"syntax": "[ <family-name> | <generic-family> ]#"
@@ -969,7 +969,7 @@
 		"syntax": "<track-size>+"
 	},
 	"grid-auto-flow": {
-		"syntax": "[ row | column ] || dense"
+		"syntax": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse"
 	},
 	"grid-auto-rows": {
 		"syntax": "<track-size>+"
@@ -1029,7 +1029,7 @@
 		"syntax": "none | [ first || [ force-end | allow-end ] || last ]"
 	},
 	"height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"-ms-high-contrast-adjust": {
 		"syntax": "auto | none"
@@ -1149,7 +1149,7 @@
 		"syntax": "auto | <svg-length>"
 	},
 	"left": {
-		"syntax": "auto | <length-percentage>"
+		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
 	},
 	"letter-spacing": {
 		"syntax": "normal | <length-percentage>"
@@ -1212,7 +1212,7 @@
 		"syntax": "<'margin-top'>"
 	},
 	"margin-bottom": {
-		"syntax": "<length-percentage> | auto"
+		"syntax": "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-break": {
 		"syntax": "auto | keep | discard"
@@ -1227,13 +1227,13 @@
 		"syntax": "<'margin-top'>"
 	},
 	"margin-left": {
-		"syntax": "<length-percentage> | auto"
+		"syntax": "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-right": {
-		"syntax": "<length-percentage> | auto"
+		"syntax": "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-top": {
-		"syntax": "<length-percentage> | auto"
+		"syntax": "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-trim": {
 		"syntax": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]"
@@ -1346,9 +1346,33 @@
 	"mask-type": {
 		"syntax": "luminance | alpha"
 	},
+	"masonry": {
+		"syntax": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>"
+	},
 	"masonry-auto-flow": {
 		"syntax": "[ pack | next ] || [ definite-first | ordered ]"
 	},
+	"masonry-auto-tracks": {
+		"syntax": "<'grid-auto-columns'>"
+	},
+	"masonry-direction": {
+		"syntax": "row | column | row-reverse | column-reverse"
+	},
+	"masonry-fill": {
+		"syntax": "normal | reverse"
+	},
+	"masonry-flow": {
+		"syntax": "<'masonry-direction'> || <'masonry-fill'>"
+	},
+	"masonry-slack": {
+		"syntax": "<length-percentage>"
+	},
+	"masonry-template-areas": {
+		"syntax": "none | <string>"
+	},
+	"masonry-template-tracks": {
+		"syntax": "<'grid-template-columns'>"
+	},
 	"math-depth": {
 		"syntax": "auto-add | add( <integer> ) | <integer>"
 	},
@@ -1362,7 +1386,7 @@
 		"syntax": "<'max-width'> | stretch | fit-content | contain"
 	},
 	"max-height": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"max-inline-size": {
 		"syntax": "<'max-width'> | stretch | fit-content | contain"
@@ -1371,13 +1395,13 @@
 		"syntax": "none | <integer [1,∞]>"
 	},
 	"max-width": {
-		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"min-block-size": {
 		"syntax": "<'min-width'> | stretch | fit-content | contain"
 	},
 	"min-height": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"min-inline-size": {
 		"syntax": "<'min-width'> | stretch | fit-content | contain"
@@ -1386,7 +1410,7 @@
 		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
 	},
 	"min-width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"mix-blend-mode": {
 		"syntax": "<blend-mode> | plus-darker | plus-lighter"
@@ -1683,7 +1707,7 @@
 		"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
 	},
 	"right": {
-		"syntax": "auto | <length-percentage>"
+		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
 	},
 	"rotate": {
 		"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>"
@@ -2160,7 +2184,7 @@
 		"syntax": "none | all | <dashed-ident>#"
 	},
 	"top": {
-		"syntax": "auto | <length-percentage>"
+		"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"
@@ -2304,7 +2328,7 @@
 		"syntax": "<integer [1,∞]>"
 	},
 	"width": {
-		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain"
+		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"will-change": {
 		"syntax": "auto | <animateable-feature>#"
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index ec2723f729..52f564d784 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -108,7 +108,7 @@
 		"syntax": "[ first | last ]? && baseline"
 	},
 	"basic-shape": {
-		"syntax": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )"
+		"syntax": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )"
 	},
 	"basic-shape-rect": {
 		"syntax": "<inset()> | <rect()> | <xywh()>"
@@ -393,11 +393,14 @@
 		"syntax": "<syntax-component> | <type()>"
 	},
 	"cubic-bezier-easing-function": {
-		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
+		"syntax": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>"
 	},
 	"cubic-bezier-timing-function": {
 		"syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )"
 	},
+	"cubic-bezier()": {
+		"syntax": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )"
+	},
 	"curve-command": {
 		"syntax": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]"
 	},
@@ -462,7 +465,7 @@
 		"syntax": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )"
 	},
 	"easing-function": {
-		"syntax": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"
+		"syntax": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"
 	},
 	"east-asian-variant-values": {
 		"syntax": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]"
@@ -573,7 +576,7 @@
 		"syntax": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]"
 	},
 	"font-variant-css2": {
-		"syntax": "[ normal | small-caps ]"
+		"syntax": "normal | small-caps"
 	},
 	"font-variant-css21": {
 		"syntax": "[ normal | small-caps ]"
@@ -582,7 +585,7 @@
 		"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 ]"
+		"syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"
 	},
 	"forgiving-relative-selector-list": {
 		"syntax": "<relative-real-selector-list>"
@@ -816,7 +819,7 @@
 		"syntax": "<color> <color-stop-length>?"
 	},
 	"linear-easing-function": {
-		"syntax": "linear( <linear-stop-list> )"
+		"syntax": "linear | <linear()>"
 	},
 	"-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> )"
@@ -830,17 +833,8 @@
 	"linear-gradient()": {
 		"syntax": "linear-gradient( [ <linear-gradient-syntax> ] )"
 	},
-	"linear-stop": {
-		"syntax": "<number> && <linear-stop-length>?"
-	},
-	"linear-stop-length": {
-		"syntax": "<percentage>{1,2}"
-	},
-	"linear-stop-list": {
-		"syntax": "[ <linear-stop> ]#"
-	},
 	"linear()": {
-		"syntax": "linear( <linear-stop-list> )"
+		"syntax": "linear( [ <number> && <percentage>{0,2} ]# )"
 	},
 	"link-param": {
 		"syntax": "param( <custom-property-name> <declaration-value>? )"
@@ -1140,7 +1134,7 @@
 		"syntax": "'*' | <custom-ident>"
 	},
 	"query-in-parens": {
-		"syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>"
+		"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"
@@ -1301,6 +1295,12 @@
 	"scope-start": {
 		"syntax": "<forgiving-selector-list>"
 	},
+	"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>"
+	},
 	"scroll()": {
 		"syntax": "scroll( [ <scroller> || <axis> ]? )"
 	},
@@ -1422,7 +1422,7 @@
 		"syntax": "src( <string> <url-modifier>* )"
 	},
 	"step-easing-function": {
-		"syntax": "step-start | step-end | steps( <integer> , <step-position>? )"
+		"syntax": "step-start | step-end | <steps()>"
 	},
 	"step-position": {
 		"syntax": "jump-start | jump-end | jump-none | jump-both | start | end"
@@ -1430,6 +1430,9 @@
 	"step-timing-function": {
 		"syntax": "step-start | step-end | steps( <integer> [, <step-position> ]? )"
 	},
+	"steps()": {
+		"syntax": "steps( <integer> , <step-position>? )"
+	},
 	"string()": {
 		"syntax": "string( <custom-ident> , [ first | start | last | first-except ]? )"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
index 791d4164b4..688ef826b8 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
@@ -78,6 +78,11 @@ export function apply_patches(patches, onto) {
 			continue;
 		}
 
+		if (patch['merged'] === patch['syntax-before']) {
+			// CSSTree is most correct
+			continue;
+		}
+
 		types[name] = patch['merged'];
 	}
 
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index f832c27903..6addccc601 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -2,21 +2,8 @@
 // - toposort
 //   - check cycles
 //   - check missing definitions
-// - patches
-//   1. generate csstree syntaxes
-//   2. generate webref syntaxes
-//   3. take a diff
-//   4. for each entry with a difference there should be a matching entry in a `patches.json` file
-//   5. each patch entry needs to match the source of csstree and the source of webref
-//   6. the manually resolved conflict is also stored in the `patches.json` file
-//   This gives us an automated mechanic to detect updates and to ensure that `patches.json` is always as small as needed
 // - backwards compat
 //   given that syntaxes are extensive users might depend on a specific type. No types can be removed or altered in a breaking way in semver patches or minors
-// - make it easier to roll forwards the patches files
-//   - read existing entries
-//   - override everything with contents from raw-data
-//   - restore unchanged entries
-//   - write to disk
 
 import { fork, parse } from 'css-tree-3.0.0';
 
@@ -219,7 +206,6 @@ await write_final_file({
 
 	console.log(`${flaws} flaws to resolve`);
 
-
 	if (has_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {
 		process.exit(1);
 	}

From 65e4cf13253f43ebbaf96ad5d747a36475f408cf Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 15 Sep 2024 18:30:54 +0200
Subject: [PATCH 37/66] wip

---
 .../dist/index.json                           |  5 ++
 .../package.json                              |  6 +-
 .../webref-over-csstree-properties.json       | 82 ++++++++++++++++---
 .../patches/webref-over-csstree-types.json    |  2 +-
 .../tests/property-backdrop-filter.css        | 29 +++++++
 .../tests/property-background.css             | 26 ++++++
 6 files changed, 135 insertions(+), 15 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/property-backdrop-filter.css
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/property-background.css

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 3532933d73..0430ddbaf0 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -6,6 +6,10 @@
 			"alignment-baseline": "| text-bottom | text-top",
 			"animation-duration": "[ auto | <time [0s,∞]> ]#",
 			"appearance": "none | auto | <compat-auto> | <compat-special>",
+			"aspect-ratio": "auto || <ratio>",
+			"backdrop-filter": "none | <filter-value-list>",
+			"background": "<bg-layer>#? , <final-bg-layer>",
+			"background-blend-mode": "<'mix-blend-mode'>#",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 			"clip": "<shape> | auto",
 			"color-adjust": "<'print-color-adjust'>",
@@ -21,6 +25,7 @@
 			"compat-special": "textfield | menulist-button",
 			"coord-box": "<paint-box> | view-box",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
+			"filter-value-list": "[ <filter-function> | <url> ]+",
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 			"hwb()": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
diff --git a/packages/css-syntax-patches-for-csstree/package.json b/packages/css-syntax-patches-for-csstree/package.json
index c2636bcf69..1bbf2c643b 100644
--- a/packages/css-syntax-patches-for-csstree/package.json
+++ b/packages/css-syntax-patches-for-csstree/package.json
@@ -38,9 +38,9 @@
 		"postcss": "^8.4"
 	},
 	"devDependencies": {
-		"@webref/css": "^6.15.0",
-		"css-tree-3.0.0": "npm:css-tree@~3.0.0",
-		"css-tree": "^2.3.1"
+		"@webref/css": "^6.15.2",
+		"css-tree": "^2.3.1",
+		"css-tree-3.0.0": "npm:css-tree@~3.0.0"
 	},
 	"scripts": {
 		"build": "node ./scripts/index.mjs",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 39a841551c..64ddf03dee 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -121,10 +121,48 @@
 		"syntax-before": "auto | <ratio>",
 		"syntax-after": "auto || <ratio>",
 		"comment": "",
-		"merged": false,
+		"merged": "auto || <ratio>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "1"
+				},
+				{
+					"value": "1.1"
+				},
+				{
+					"value": "11 / 10"
+				},
+				{
+					"value": "calc(1.1)"
+				},
+				{
+					"value": "calc(11) / calc(10)"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "auto 1 / 2"
+				},
+				{
+					"value": "1 / 2 auto"
+				}
+			],
+			"failing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "auto auto"
+				},
+				{
+					"value": "auto / auto"
+				},
+				{
+					"value": "1 / 2 / auto"
+				}
+			]
 		}
 	},
 	"backdrop-filter": {
@@ -132,7 +170,7 @@
 		"syntax-before": "none | <filter-function-list>",
 		"syntax-after": "none | <filter-value-list>",
 		"comment": "",
-		"merged": false,
+		"merged": "none | <filter-value-list>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -143,7 +181,7 @@
 		"syntax-before": "[ <bg-layer> , ]* <final-bg-layer>",
 		"syntax-after": "<bg-layer>#? , <final-bg-layer>",
 		"comment": "",
-		"merged": false,
+		"merged": "<bg-layer>#? , <final-bg-layer>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -154,10 +192,21 @@
 		"syntax-before": "<blend-mode>#",
 		"syntax-after": "<mix-blend-mode>#",
 		"comment": "",
-		"merged": false,
+		"merged": "<'mix-blend-mode'>#",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "multiply"
+				},
+				{
+					"value": "multiply, plus-lighter"
+				}
+			],
+			"failing": [
+				{
+					"value": "multiply plus-lighter"
+				}
+			]
 		}
 	},
 	"background-origin": {
@@ -2613,11 +2662,22 @@
 		"type": "modified",
 		"syntax-before": "<blend-mode> | plus-lighter",
 		"syntax-after": "<blend-mode> | plus-darker | plus-lighter",
-		"comment": "",
+		"comment": "<blend-mode> | plus-lighter",
 		"merged": false,
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "multiply"
+				},
+				{
+					"value": "plus-lighter"
+				}
+			],
+			"failing": [
+				{
+					"value": "plus-darker"
+				}
+			]
 		}
 	},
 	"nav-down": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index ca6889110f..a87d7564f2 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -992,7 +992,7 @@
 		"syntax-before": "",
 		"syntax-after": "[ <filter-function> | <url> ]+",
 		"comment": "",
-		"merged": false,
+		"merged": "[ <filter-function> | <url> ]+",
 		"tests": {
 			"passing": [],
 			"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-backdrop-filter.css b/packages/css-syntax-patches-for-csstree/tests/property-backdrop-filter.css
new file mode 100644
index 0000000000..7fe624d4a3
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/property-backdrop-filter.css
@@ -0,0 +1,29 @@
+.foo {
+	/* Keyword value */
+	backdrop-filter: none;
+
+	/* URL to SVG filter */
+	backdrop-filter: url(commonfilters.svg#filter);
+
+	/* <filter-function> values */
+	backdrop-filter: blur(2px);
+	backdrop-filter: brightness(60%);
+	backdrop-filter: contrast(40%);
+	backdrop-filter: drop-shadow(4px 4px 10px blue);
+	backdrop-filter: grayscale(30%);
+	backdrop-filter: hue-rotate(120deg);
+	backdrop-filter: invert(70%);
+	backdrop-filter: opacity(20%);
+	backdrop-filter: sepia(90%);
+	backdrop-filter: saturate(80%);
+
+	/* Multiple filters */
+	backdrop-filter: url(filters.svg#filter) blur(4px) saturate(150%);
+
+	/* Global values */
+	backdrop-filter: inherit;
+	backdrop-filter: initial;
+	backdrop-filter: revert;
+	backdrop-filter: revert-layer;
+	backdrop-filter: unset;
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-background.css b/packages/css-syntax-patches-for-csstree/tests/property-background.css
new file mode 100644
index 0000000000..6fa764edbe
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/property-background.css
@@ -0,0 +1,26 @@
+.foo {
+	/* Using a <background-color> */
+	background: green;
+
+	/* Using a <bg-image> and <repeat-style> */
+	background: url("test.jpg") repeat-y;
+
+	/* Using a <box> and <background-color> */
+	background: border-box red;
+
+	/* A single image, centered and scaled */
+	background: no-repeat center/80% url("../img/image.png");
+
+	/* Global values */
+	background: inherit;
+	background: initial;
+	background: revert;
+	background: revert-layer;
+	background: unset;
+
+	background: none;
+	background: transparent;
+	background: repeat scroll 0% 0% / auto padding-box border-box none transparent;
+
+	background: url("starsolid.gif") #99f repeat-y fixed;
+}

From 68bce7bb1eff054e1c525bd0da50a23d931446aa Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 15 Sep 2024 22:21:10 +0200
Subject: [PATCH 38/66] fix

---
 packages/css-syntax-patches-for-csstree/dist/index.json  | 1 +
 .../patches/webref-over-csstree-properties.json          | 9 ++++++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 0430ddbaf0..88401fb92f 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -14,6 +14,7 @@
 			"clip": "<shape> | auto",
 			"color-adjust": "<'print-color-adjust'>",
 			"justify-items": "| anchor-center",
+			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
 			"position-anchor": "auto | <anchor-element>"
 		},
 		"types": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 64ddf03dee..26f78e42e6 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -2662,8 +2662,8 @@
 		"type": "modified",
 		"syntax-before": "<blend-mode> | plus-lighter",
 		"syntax-after": "<blend-mode> | plus-darker | plus-lighter",
-		"comment": "<blend-mode> | plus-lighter",
-		"merged": false,
+		"comment": "",
+		"merged": "<blend-mode> | plus-darker | plus-lighter",
 		"tests": {
 			"passing": [
 				{
@@ -2671,11 +2671,14 @@
 				},
 				{
 					"value": "plus-lighter"
+				},
+				{
+					"value": "plus-darker"
 				}
 			],
 			"failing": [
 				{
-					"value": "plus-darker"
+					"value": "plus-foo"
 				}
 			]
 		}

From 21207a676bf06701d582b3c4ee63f91669be5f03 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sun, 15 Sep 2024 22:41:45 +0200
Subject: [PATCH 39/66] update

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

diff --git a/package-lock.json b/package-lock.json
index 45b50ebbb4..b70306fc70 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9476,7 +9476,7 @@
 			],
 			"license": "MIT-0",
 			"devDependencies": {
-				"@webref/css": "^6.15.0",
+				"@webref/css": "^6.15.2",
 				"css-tree": "^2.3.1",
 				"css-tree-3.0.0": "npm:css-tree@~3.0.0"
 			},

From d346fe5b1c0ba934ac4583b92fb46102bb82eb4a Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sat, 21 Sep 2024 19:21:48 +0200
Subject: [PATCH 40/66] conic gradient

---
 .../dist/index.json                           |   5 +
 .../patches/webref-over-csstree-types.json    | 130 ++++++++++++++++--
 .../tests/community.test.mjs                  |  16 +--
 .../tests/function-conic-gradient.css         |  27 ++++
 4 files changed, 157 insertions(+), 21 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/function-conic-gradient.css

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 88401fb92f..2b19ba3d00 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -18,12 +18,17 @@
 			"position-anchor": "auto | <anchor-element>"
 		},
 		"types": {
+			"angle-percentage": "[ <angle> | <percentage> ]",
+			"angular-color-stop": "<color> <color-stop-angle>?",
+			"angular-color-stop-list": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
 			"axis": "block | inline | x | y",
 			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 			"bottom": "<length-percentage> | auto",
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
+			"conic-gradient-syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
+			"conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
 			"coord-box": "<paint-box> | view-box",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
 			"filter-value-list": "[ <filter-function> | <url> ]+",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index a87d7564f2..da664678c0 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -4,10 +4,24 @@
 		"syntax-before": "<angle> | <percentage>",
 		"syntax-after": "[ <angle> | <percentage> ]",
 		"comment": "",
-		"merged": false,
+		"merged": "[ <angle> | <percentage> ]",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "background",
+					"value": "conic-gradient(red 10deg, blue)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red 10%, blue)"
+				}
+			],
+			"failing": [
+				{
+					"property": "background",
+					"value": "conic-gradient(red 10px, blue)"
+				}
+			]
 		}
 	},
 	"angular-color-stop": {
@@ -15,10 +29,28 @@
 		"syntax-before": "<color> && <color-stop-angle>?",
 		"syntax-after": "<color> <color-stop-angle>?",
 		"comment": "",
-		"merged": false,
+		"merged": "<color> <color-stop-angle>?",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "background",
+					"value": "conic-gradient(red, blue)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red 0deg, blue)"
+				}
+			],
+			"failing": [
+				{
+					"property": "background",
+					"value": "conic-gradient(0deg red, blue)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(0deg, blue)"
+				}
+			]
 		}
 	},
 	"angular-color-stop-list": {
@@ -26,9 +58,46 @@
 		"syntax-before": "[ <angular-color-stop> [, <angular-color-hint> ]? ]# , <angular-color-stop>",
 		"syntax-after": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
 		"comment": "",
-		"merged": false,
+		"merged": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "background",
+					"value": "conic-gradient(red)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red 0deg)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red, blue)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red 0deg, blue)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red, blue 180deg)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red 0deg, blue 180deg)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red 0deg, blue)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red, orange, blue)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red, 10deg, blue)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -634,9 +703,22 @@
 		"syntax-before": "",
 		"syntax-after": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 		"comment": "",
-		"merged": false,
+		"merged": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "background",
+					"value": "conic-gradient(red, orange)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(in oklch from 0turn, red, orange)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(from 0turn in oklch, red, orange)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -645,10 +727,32 @@
 		"syntax-before": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
 		"syntax-after": "conic-gradient( [ <conic-gradient-syntax> ] )",
 		"comment": "",
-		"merged": false,
+		"merged": "conic-gradient( [ <conic-gradient-syntax> ] )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "background",
+					"value": "conic-gradient(red, orange, yellow, green, blue)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(from 0.25turn at 50% 30%, #f69d3c, 10deg, #3f87a6, 350deg, #ebf8e1)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red 6deg, orange 6deg 18deg, yellow 18deg 45deg, green 45deg 110deg, blue 110deg 200deg, purple 200deg)"
+				}
+			],
+			"failing": [
+				{
+					"property": "background",
+					"value": "conic-gradient(at 50% 30% from 0.25turn, #f69d3c, 10deg, #3f87a6, 350deg, #ebf8e1)"
+				},
+				{
+					"property": "background",
+					"value": "conic-gradient(red, blue, from 0.25turn at 50% 30%)"
+				}
+			]
 		}
 	},
 	"container-condition": {
diff --git a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
index a504e5ba83..bda46b414e 100644
--- a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
+++ b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
@@ -45,9 +45,9 @@ function contains_unsupported_function(cssTreeNode) {
 	);
 }
 
-const css_files = await get_files('./tests');
+const css_files = await get_files('tests');
 
-const patches = JSON.parse(await fs.readFile('./dist/index.json', 'utf-8')).next;
+const patches = JSON.parse(await fs.readFile(path.join('dist', 'index.json'), 'utf-8')).next;
 
 const forkedLexer = fork({
 	properties: patches.properties,
@@ -84,9 +84,9 @@ for (const css_file of css_files) {
 
 			if (
 				(
-					css_file.includes('/bootstrap.') ||
-					css_file.includes('/foundation.') ||
-					css_file.includes('/pure.')
+					css_file.includes('bootstrap.') ||
+					css_file.includes('foundation.') ||
+					css_file.includes('pure.')
 				) &&
 				/^-(?:o|moz|ms|webkit|khtml)-/i.test(decl.prop)
 			) {
@@ -97,9 +97,9 @@ for (const css_file of css_files) {
 
 			if (
 				(
-					css_file.includes('/bootstrap.') ||
-					css_file.includes('/foundation.') ||
-					css_file.includes('/pure.')
+					css_file.includes('bootstrap.') ||
+					css_file.includes('foundation.') ||
+					css_file.includes('pure.')
 				) &&
 				(
 					/-(?:o|moz|ms|webkit|khtml)-/i.test(decl.value) ||
diff --git a/packages/css-syntax-patches-for-csstree/tests/function-conic-gradient.css b/packages/css-syntax-patches-for-csstree/tests/function-conic-gradient.css
new file mode 100644
index 0000000000..88d79cbc4f
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/function-conic-gradient.css
@@ -0,0 +1,27 @@
+.foo {
+	/* A conic gradient rotated 45 degrees,
+	 starting blue and finishing red */
+	background: conic-gradient(from 45deg, blue, red);
+
+	/* A bluish purple box: the gradient goes from blue to red,
+	 but only the bottom right quadrant is visible, as the
+	 center of the conic gradient is at the top left corner */
+	background: conic-gradient(from 90deg at 0 0, blue, red);
+
+	/* Interpolation in polar color space
+	 with longer hue interpolation method */
+	background: conic-gradient(in hsl longer hue, red, blue, green, red);
+
+	/* Color wheel */
+	background: conic-gradient(
+		hsl(360 100% 50%),
+		hsl(315 100% 50%),
+		hsl(270 100% 50%),
+		hsl(225 100% 50%),
+		hsl(180 100% 50%),
+		hsl(135 100% 50%),
+		hsl(90 100% 50%),
+		hsl(45 100% 50%),
+		hsl(0 100% 50%)
+	);
+}

From 4860624edae99829b01847c16c1451c6cc1e4079 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sat, 21 Sep 2024 19:27:39 +0200
Subject: [PATCH 41/66] consistent key length

---
 .../webref-over-csstree-properties.json       | 2340 ++++++++---------
 .../patches/webref-over-csstree-types.json    | 1452 +++++-----
 .../webref-over-csstree-properties.json       | 1560 +++++------
 .../raw-data/webref-over-csstree-types.json   |  968 +++----
 .../scripts/apply-patches.mjs                 |   22 +-
 .../scripts/diff-sets.mjs                     |   12 +-
 .../scripts/generate-webref-sets.mjs          |   16 +-
 .../scripts/index.mjs                         |    4 +-
 .../scripts/write-patches.mjs                 |    8 +-
 9 files changed, 3191 insertions(+), 3191 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 26f78e42e6..bd3a17d654 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1,9 +1,9 @@
 {
 	"align-items": {
 		"type": "modified",
-		"syntax-before": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
-		"syntax-after": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center",
-		"merged": "| anchor-center",
+		"syntax-b": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
+		"syntax-a": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center",
+		"syntax-m": "| anchor-center",
 		"tests": {
 			"passing": [
 				{
@@ -21,9 +21,9 @@
 	},
 	"align-self": {
 		"type": "modified",
-		"syntax-before": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
-		"syntax-after": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
-		"merged": "| anchor-center",
+		"syntax-b": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
+		"syntax-a": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
+		"syntax-m": "| anchor-center",
 		"tests": {
 			"passing": [
 				{
@@ -41,9 +41,9 @@
 	},
 	"alignment-baseline": {
 		"type": "modified",
-		"syntax-before": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical",
-		"syntax-after": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
-		"merged": "| text-bottom | text-top",
+		"syntax-b": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical",
+		"syntax-a": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
+		"syntax-m": "| text-bottom | text-top",
 		"tests": {
 			"passing": [
 				{
@@ -61,10 +61,10 @@
 	},
 	"animation-duration": {
 		"type": "modified",
-		"syntax-before": "<time>#",
-		"syntax-after": "[ auto | <time [0s,∞]> ]#",
+		"syntax-b": "<time>#",
+		"syntax-a": "[ auto | <time [0s,∞]> ]#",
 		"comment": "",
-		"merged": "[ auto | <time [0s,∞]> ]#",
+		"syntax-m": "[ auto | <time [0s,∞]> ]#",
 		"tests": {
 			"passing": [
 				{
@@ -92,9 +92,9 @@
 	},
 	"appearance": {
 		"type": "modified",
-		"syntax-before": "none | auto | textfield | menulist-button | <compat-auto>",
-		"syntax-after": "none | auto | <compat-auto> | <compat-special>",
-		"merged": "none | auto | <compat-auto> | <compat-special>",
+		"syntax-b": "none | auto | textfield | menulist-button | <compat-auto>",
+		"syntax-a": "none | auto | <compat-auto> | <compat-special>",
+		"syntax-m": "none | auto | <compat-auto> | <compat-special>",
 		"tests": {
 			"passing": [
 				{
@@ -118,10 +118,10 @@
 	},
 	"aspect-ratio": {
 		"type": "modified",
-		"syntax-before": "auto | <ratio>",
-		"syntax-after": "auto || <ratio>",
+		"syntax-b": "auto | <ratio>",
+		"syntax-a": "auto || <ratio>",
 		"comment": "",
-		"merged": "auto || <ratio>",
+		"syntax-m": "auto || <ratio>",
 		"tests": {
 			"passing": [
 				{
@@ -167,10 +167,10 @@
 	},
 	"backdrop-filter": {
 		"type": "modified",
-		"syntax-before": "none | <filter-function-list>",
-		"syntax-after": "none | <filter-value-list>",
+		"syntax-b": "none | <filter-function-list>",
+		"syntax-a": "none | <filter-value-list>",
 		"comment": "",
-		"merged": "none | <filter-value-list>",
+		"syntax-m": "none | <filter-value-list>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -178,10 +178,10 @@
 	},
 	"background": {
 		"type": "modified",
-		"syntax-before": "[ <bg-layer> , ]* <final-bg-layer>",
-		"syntax-after": "<bg-layer>#? , <final-bg-layer>",
+		"syntax-b": "[ <bg-layer> , ]* <final-bg-layer>",
+		"syntax-a": "<bg-layer>#? , <final-bg-layer>",
 		"comment": "",
-		"merged": "<bg-layer>#? , <final-bg-layer>",
+		"syntax-m": "<bg-layer>#? , <final-bg-layer>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -189,10 +189,10 @@
 	},
 	"background-blend-mode": {
 		"type": "modified",
-		"syntax-before": "<blend-mode>#",
-		"syntax-after": "<mix-blend-mode>#",
+		"syntax-b": "<blend-mode>#",
+		"syntax-a": "<mix-blend-mode>#",
 		"comment": "",
-		"merged": "<'mix-blend-mode'>#",
+		"syntax-m": "<'mix-blend-mode'>#",
 		"tests": {
 			"passing": [
 				{
@@ -211,10 +211,10 @@
 	},
 	"background-origin": {
 		"type": "modified",
-		"syntax-before": "<box>#",
-		"syntax-after": "<visual-box>#",
+		"syntax-b": "<box>#",
+		"syntax-a": "<visual-box>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -222,10 +222,10 @@
 	},
 	"background-position-block": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"syntax-b": "",
+		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -233,10 +233,10 @@
 	},
 	"background-position-inline": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"syntax-b": "",
+		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -244,10 +244,10 @@
 	},
 	"background-repeat-block": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repetition>#",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -255,10 +255,10 @@
 	},
 	"background-repeat-inline": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repetition>#",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -266,10 +266,10 @@
 	},
 	"background-repeat-x": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repetition>#",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -277,10 +277,10 @@
 	},
 	"background-repeat-y": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repetition>#",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -288,10 +288,10 @@
 	},
 	"background-tbd": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<bg-layer>#",
+		"syntax-b": "",
+		"syntax-a": "<bg-layer>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -299,10 +299,10 @@
 	},
 	"baseline-shift": {
 		"type": "modified",
-		"syntax-before": "baseline | sub | super | <svg-length>",
-		"syntax-after": "<length-percentage> | sub | super | top | center | bottom",
+		"syntax-b": "baseline | sub | super | <svg-length>",
+		"syntax-a": "<length-percentage> | sub | super | top | center | bottom",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -310,10 +310,10 @@
 	},
 	"baseline-source": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | first | last",
+		"syntax-b": "",
+		"syntax-a": "auto | first | last",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -321,10 +321,10 @@
 	},
 	"block-ellipsis": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | auto | <string>",
+		"syntax-b": "",
+		"syntax-a": "none | auto | <string>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -332,10 +332,10 @@
 	},
 	"block-size": {
 		"type": "modified",
-		"syntax-before": "<'width'>",
-		"syntax-after": "<'width'> | stretch | fit-content | contain",
+		"syntax-b": "<'width'>",
+		"syntax-a": "<'width'> | stretch | fit-content | contain",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -343,10 +343,10 @@
 	},
 	"block-step": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
+		"syntax-b": "",
+		"syntax-a": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -354,10 +354,10 @@
 	},
 	"block-step-align": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | center | start | end",
+		"syntax-b": "",
+		"syntax-a": "auto | center | start | end",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -365,10 +365,10 @@
 	},
 	"block-step-insert": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "margin | padding",
+		"syntax-b": "",
+		"syntax-a": "margin | padding",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -376,10 +376,10 @@
 	},
 	"block-step-round": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "up | down | nearest",
+		"syntax-b": "",
+		"syntax-a": "up | down | nearest",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -387,10 +387,10 @@
 	},
 	"block-step-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "none | <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -398,10 +398,10 @@
 	},
 	"bookmark-label": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<content-list>",
+		"syntax-b": "",
+		"syntax-a": "<content-list>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -409,10 +409,10 @@
 	},
 	"bookmark-level": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <integer [1,∞]>",
+		"syntax-b": "",
+		"syntax-a": "none | <integer [1,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -420,10 +420,10 @@
 	},
 	"bookmark-state": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "open | closed",
+		"syntax-b": "",
+		"syntax-a": "open | closed",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -431,10 +431,10 @@
 	},
 	"border-block": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<'border-block-start'>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<'border-block-start'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -442,10 +442,10 @@
 	},
 	"border-block-end": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<line-width> || <line-style> || <color>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -453,10 +453,10 @@
 	},
 	"border-block-end-color": {
 		"type": "modified",
-		"syntax-before": "<'border-top-color'>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -464,10 +464,10 @@
 	},
 	"border-block-end-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -475,10 +475,10 @@
 	},
 	"border-block-end-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<line-style>",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -486,10 +486,10 @@
 	},
 	"border-block-end-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -497,10 +497,10 @@
 	},
 	"border-block-start": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<line-width> || <line-style> || <color>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -508,10 +508,10 @@
 	},
 	"border-block-start-color": {
 		"type": "modified",
-		"syntax-before": "<'border-top-color'>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -519,10 +519,10 @@
 	},
 	"border-block-start-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -530,10 +530,10 @@
 	},
 	"border-block-start-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<line-style>",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -541,10 +541,10 @@
 	},
 	"border-block-start-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -552,10 +552,10 @@
 	},
 	"border-block-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<'border-top-style'>{1,2}",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<'border-top-style'>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -563,10 +563,10 @@
 	},
 	"border-block-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<'border-top-width'>{1,2}",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<'border-top-width'>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -574,10 +574,10 @@
 	},
 	"border-bottom-color": {
 		"type": "modified",
-		"syntax-before": "<'border-top-color'>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -585,10 +585,10 @@
 	},
 	"border-bottom-left-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -596,10 +596,10 @@
 	},
 	"border-bottom-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -607,10 +607,10 @@
 	},
 	"border-bottom-right-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -618,10 +618,10 @@
 	},
 	"border-boundary": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | parent | display",
+		"syntax-b": "",
+		"syntax-a": "none | parent | display",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -629,10 +629,10 @@
 	},
 	"border-clip": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -640,10 +640,10 @@
 	},
 	"border-clip-bottom": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -651,10 +651,10 @@
 	},
 	"border-clip-left": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -662,10 +662,10 @@
 	},
 	"border-clip-right": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -673,10 +673,10 @@
 	},
 	"border-clip-top": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -684,10 +684,10 @@
 	},
 	"border-collapse": {
 		"type": "modified",
-		"syntax-before": "collapse | separate",
-		"syntax-after": "separate | collapse",
+		"syntax-b": "collapse | separate",
+		"syntax-a": "separate | collapse",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -695,10 +695,10 @@
 	},
 	"border-color": {
 		"type": "modified",
-		"syntax-before": "<color>{1,4}",
-		"syntax-after": "[ <color> | <image-1D> ]{1,4}",
+		"syntax-b": "<color>{1,4}",
+		"syntax-a": "[ <color> | <image-1D> ]{1,4}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -706,10 +706,10 @@
 	},
 	"border-end-end-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -717,10 +717,10 @@
 	},
 	"border-end-start-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -728,10 +728,10 @@
 	},
 	"border-image-outset": {
 		"type": "modified",
-		"syntax-before": "[ <length> | <number> ]{1,4}",
-		"syntax-after": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
+		"syntax-b": "[ <length> | <number> ]{1,4}",
+		"syntax-a": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -739,10 +739,10 @@
 	},
 	"border-image-slice": {
 		"type": "modified",
-		"syntax-before": "<number-percentage>{1,4} && fill?",
-		"syntax-after": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
+		"syntax-b": "<number-percentage>{1,4} && fill?",
+		"syntax-a": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -750,10 +750,10 @@
 	},
 	"border-image-width": {
 		"type": "modified",
-		"syntax-before": "[ <length-percentage> | <number> | auto ]{1,4}",
-		"syntax-after": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
+		"syntax-b": "[ <length-percentage> | <number> | auto ]{1,4}",
+		"syntax-a": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -761,10 +761,10 @@
 	},
 	"border-inline": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<'border-block-start'>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<'border-block-start'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -772,10 +772,10 @@
 	},
 	"border-inline-end": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<line-width> || <line-style> || <color>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -783,10 +783,10 @@
 	},
 	"border-inline-end-color": {
 		"type": "modified",
-		"syntax-before": "<'border-top-color'>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -794,10 +794,10 @@
 	},
 	"border-inline-end-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -805,10 +805,10 @@
 	},
 	"border-inline-end-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<line-style>",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -816,10 +816,10 @@
 	},
 	"border-inline-end-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -827,10 +827,10 @@
 	},
 	"border-inline-start": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<line-width> || <line-style> || <color>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -838,10 +838,10 @@
 	},
 	"border-inline-start-color": {
 		"type": "modified",
-		"syntax-before": "<'border-top-color'>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -849,10 +849,10 @@
 	},
 	"border-inline-start-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -860,10 +860,10 @@
 	},
 	"border-inline-start-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<line-style>",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -871,10 +871,10 @@
 	},
 	"border-inline-start-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -882,10 +882,10 @@
 	},
 	"border-inline-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<'border-top-style'>{1,2}",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<'border-top-style'>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -893,10 +893,10 @@
 	},
 	"border-inline-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<'border-top-width'>{1,2}",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<'border-top-width'>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -904,10 +904,10 @@
 	},
 	"border-left-color": {
 		"type": "modified",
-		"syntax-before": "<color>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -915,10 +915,10 @@
 	},
 	"border-left-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -926,10 +926,10 @@
 	},
 	"border-limit": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -937,10 +937,10 @@
 	},
 	"border-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
-		"syntax-after": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+		"syntax-b": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
+		"syntax-a": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 		"comment": "",
-		"merged": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+		"syntax-m": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 		"tests": {
 			"passing": [
 				{
@@ -977,10 +977,10 @@
 	},
 	"border-right-color": {
 		"type": "modified",
-		"syntax-before": "<color>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -988,10 +988,10 @@
 	},
 	"border-right-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -999,10 +999,10 @@
 	},
 	"border-spacing": {
 		"type": "modified",
-		"syntax-before": "<length> <length>?",
-		"syntax-after": "<length>{1,2}",
+		"syntax-b": "<length> <length>?",
+		"syntax-a": "<length>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1010,10 +1010,10 @@
 	},
 	"border-start-end-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1021,10 +1021,10 @@
 	},
 	"border-start-start-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1032,10 +1032,10 @@
 	},
 	"border-top-color": {
 		"type": "modified",
-		"syntax-before": "<color>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1043,10 +1043,10 @@
 	},
 	"border-top-left-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1054,10 +1054,10 @@
 	},
 	"border-top-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1065,10 +1065,10 @@
 	},
 	"border-top-right-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1076,10 +1076,10 @@
 	},
 	"bottom": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1087,10 +1087,10 @@
 	},
 	"box-shadow": {
 		"type": "modified",
-		"syntax-before": "none | <shadow>#",
-		"syntax-after": "<spread-shadow>#",
+		"syntax-b": "none | <shadow>#",
+		"syntax-a": "<spread-shadow>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1098,10 +1098,10 @@
 	},
 	"box-shadow-blur": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length [0,∞]>#",
+		"syntax-b": "",
+		"syntax-a": "<length [0,∞]>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1109,10 +1109,10 @@
 	},
 	"box-shadow-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>#",
+		"syntax-b": "",
+		"syntax-a": "<color>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1120,10 +1120,10 @@
 	},
 	"box-shadow-offset": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ none | <length>{2} ]#",
+		"syntax-b": "",
+		"syntax-a": "[ none | <length>{2} ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1131,10 +1131,10 @@
 	},
 	"box-shadow-position": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ outset | inset ]#",
+		"syntax-b": "",
+		"syntax-a": "[ outset | inset ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1142,10 +1142,10 @@
 	},
 	"box-shadow-spread": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length>#",
+		"syntax-b": "",
+		"syntax-a": "<length>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1153,10 +1153,10 @@
 	},
 	"box-snap": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | block-start | block-end | center | baseline | last-baseline",
+		"syntax-b": "",
+		"syntax-a": "none | block-start | block-end | center | baseline | last-baseline",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1164,10 +1164,10 @@
 	},
 	"caption-side": {
 		"type": "modified",
-		"syntax-before": "top | bottom | block-start | block-end | inline-start | inline-end",
-		"syntax-after": "top | bottom",
+		"syntax-b": "top | bottom | block-start | block-end | inline-start | inline-end",
+		"syntax-a": "top | bottom",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1175,10 +1175,10 @@
 	},
 	"caret": {
 		"type": "modified",
-		"syntax-before": "<'caret-color'> || <'caret-shape'>",
-		"syntax-after": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
+		"syntax-b": "<'caret-color'> || <'caret-shape'>",
+		"syntax-a": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1186,10 +1186,10 @@
 	},
 	"caret-animation": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | manual",
+		"syntax-b": "",
+		"syntax-a": "auto | manual",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1197,10 +1197,10 @@
 	},
 	"clear": {
 		"type": "modified",
-		"syntax-before": "none | left | right | both | inline-start | inline-end",
-		"syntax-after": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
+		"syntax-b": "none | left | right | both | inline-start | inline-end",
+		"syntax-a": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1208,10 +1208,10 @@
 	},
 	"clip": {
 		"type": "modified",
-		"syntax-before": "<shape> | auto",
-		"syntax-after": "<rect()> | auto",
+		"syntax-b": "<shape> | auto",
+		"syntax-a": "<rect()> | auto",
 		"comment": "<shape> allows comma separated values",
-		"merged": "<shape> | auto",
+		"syntax-m": "<shape> | auto",
 		"tests": {
 			"passing": [
 				{
@@ -1223,10 +1223,10 @@
 	},
 	"color-adjust": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'print-color-adjust'>",
+		"syntax-b": "",
+		"syntax-a": "<'print-color-adjust'>",
 		"comment": "",
-		"merged": "<'print-color-adjust'>",
+		"syntax-m": "<'print-color-adjust'>",
 		"tests": {
 			"passing": [
 				{
@@ -1245,10 +1245,10 @@
 	},
 	"color-interpolation": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | sRGB | linearRGB",
+		"syntax-b": "",
+		"syntax-a": "auto | sRGB | linearRGB",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1256,10 +1256,10 @@
 	},
 	"column-count": {
 		"type": "modified",
-		"syntax-before": "<integer> | auto",
-		"syntax-after": "auto | <integer [1,∞]>",
+		"syntax-b": "<integer> | auto",
+		"syntax-a": "auto | <integer [1,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1267,10 +1267,10 @@
 	},
 	"column-gap": {
 		"type": "modified",
-		"syntax-before": "normal | <length-percentage>",
-		"syntax-after": "normal | <length-percentage [0,∞]>",
+		"syntax-b": "normal | <length-percentage>",
+		"syntax-a": "normal | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1278,10 +1278,10 @@
 	},
 	"column-rule-style": {
 		"type": "modified",
-		"syntax-before": "<'border-style'>",
-		"syntax-after": "<line-style>",
+		"syntax-b": "<'border-style'>",
+		"syntax-a": "<line-style>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1289,10 +1289,10 @@
 	},
 	"column-rule-width": {
 		"type": "modified",
-		"syntax-before": "<'border-width'>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<'border-width'>",
+		"syntax-a": "<line-width>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1300,10 +1300,10 @@
 	},
 	"column-span": {
 		"type": "modified",
-		"syntax-before": "none | all",
-		"syntax-after": "none | <integer [1,∞]> | all | auto",
+		"syntax-b": "none | all",
+		"syntax-a": "none | <integer [1,∞]> | all | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1311,10 +1311,10 @@
 	},
 	"column-width": {
 		"type": "modified",
-		"syntax-before": "<length> | auto",
-		"syntax-after": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1322,10 +1322,10 @@
 	},
 	"contain": {
 		"type": "modified",
-		"syntax-before": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
-		"syntax-after": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
+		"syntax-b": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
+		"syntax-a": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1333,10 +1333,10 @@
 	},
 	"container-type": {
 		"type": "modified",
-		"syntax-before": "normal || [ size | inline-size ]",
-		"syntax-after": "normal | [ [ size | inline-size ] || scroll-state ]",
+		"syntax-b": "normal || [ size | inline-size ]",
+		"syntax-a": "normal | [ [ size | inline-size ] || scroll-state ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1344,10 +1344,10 @@
 	},
 	"content": {
 		"type": "modified",
-		"syntax-before": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
-		"syntax-after": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
+		"syntax-b": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
+		"syntax-a": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1355,10 +1355,10 @@
 	},
 	"continue": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | discard | -webkit-discard | overflow | paginate | fragments",
+		"syntax-b": "",
+		"syntax-a": "auto | discard | -webkit-discard | overflow | paginate | fragments",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1366,10 +1366,10 @@
 	},
 	"copy-into": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
+		"syntax-b": "",
+		"syntax-a": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1377,10 +1377,10 @@
 	},
 	"corner-shape": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ round | angle ]{1,4}",
+		"syntax-b": "",
+		"syntax-a": "[ round | angle ]{1,4}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1388,10 +1388,10 @@
 	},
 	"corners": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'corner-shape'> || <'border-radius'>",
+		"syntax-b": "",
+		"syntax-a": "<'corner-shape'> || <'border-radius'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1399,10 +1399,10 @@
 	},
 	"cue-after": {
 		"type": "modified",
-		"syntax-before": "<url> <decibel>? | none",
-		"syntax-after": "<uri> <decibel>? | none",
+		"syntax-b": "<url> <decibel>? | none",
+		"syntax-a": "<uri> <decibel>? | none",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1410,10 +1410,10 @@
 	},
 	"cue-before": {
 		"type": "modified",
-		"syntax-before": "<url> <decibel>? | none",
-		"syntax-after": "<uri> <decibel>? | none",
+		"syntax-b": "<url> <decibel>? | none",
+		"syntax-a": "<uri> <decibel>? | none",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1421,10 +1421,10 @@
 	},
 	"cursor": {
 		"type": "modified",
-		"syntax-before": "[ [ <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 ] ]",
-		"syntax-after": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
+		"syntax-b": "[ [ <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 ] ]",
+		"syntax-a": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1432,10 +1432,10 @@
 	},
 	"cx": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1443,10 +1443,10 @@
 	},
 	"cy": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1454,10 +1454,10 @@
 	},
 	"d": {
 		"type": "modified",
-		"syntax-before": "none | path( <string> )",
-		"syntax-after": "none | <string>",
+		"syntax-b": "none | path( <string> )",
+		"syntax-a": "none | <string>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1465,10 +1465,10 @@
 	},
 	"display": {
 		"type": "modified",
-		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
-		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
+		"syntax-b": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
+		"syntax-a": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1476,10 +1476,10 @@
 	},
 	"dominant-baseline": {
 		"type": "modified",
-		"syntax-before": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
-		"syntax-after": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
+		"syntax-b": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
+		"syntax-a": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1487,10 +1487,10 @@
 	},
 	"dynamic-range-limit": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "standard | high | constrained-high",
+		"syntax-b": "",
+		"syntax-a": "standard | high | constrained-high",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1498,10 +1498,10 @@
 	},
 	"field-sizing": {
 		"type": "modified",
-		"syntax-before": "content | fixed",
-		"syntax-after": "fixed | content",
+		"syntax-b": "content | fixed",
+		"syntax-a": "fixed | content",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1509,10 +1509,10 @@
 	},
 	"fill-break": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "bounding-box | slice | clone",
+		"syntax-b": "",
+		"syntax-a": "bounding-box | slice | clone",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1520,10 +1520,10 @@
 	},
 	"fill-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>",
+		"syntax-b": "",
+		"syntax-a": "<color>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1531,10 +1531,10 @@
 	},
 	"fill-image": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<paint>#",
+		"syntax-b": "",
+		"syntax-a": "<paint>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1542,10 +1542,10 @@
 	},
 	"fill-opacity": {
 		"type": "modified",
-		"syntax-before": "<number-zero-one>",
-		"syntax-after": "<'opacity'>",
+		"syntax-b": "<number-zero-one>",
+		"syntax-a": "<'opacity'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1553,10 +1553,10 @@
 	},
 	"fill-origin": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"syntax-b": "",
+		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1564,10 +1564,10 @@
 	},
 	"fill-position": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<position>#",
+		"syntax-b": "",
+		"syntax-a": "<position>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1575,10 +1575,10 @@
 	},
 	"fill-repeat": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repeat-style>#",
+		"syntax-b": "",
+		"syntax-a": "<repeat-style>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1586,10 +1586,10 @@
 	},
 	"fill-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<bg-size>#",
+		"syntax-b": "",
+		"syntax-a": "<bg-size>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1597,10 +1597,10 @@
 	},
 	"filter": {
 		"type": "modified",
-		"syntax-before": "none | <filter-function-list> | <-ms-filter-function-list>",
-		"syntax-after": "none | <filter-value-list>",
+		"syntax-b": "none | <filter-function-list> | <-ms-filter-function-list>",
+		"syntax-a": "none | <filter-value-list>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1608,10 +1608,10 @@
 	},
 	"flex-grow": {
 		"type": "modified",
-		"syntax-before": "<number>",
-		"syntax-after": "<number [0,∞]>",
+		"syntax-b": "<number>",
+		"syntax-a": "<number [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1619,10 +1619,10 @@
 	},
 	"flex-shrink": {
 		"type": "modified",
-		"syntax-before": "<number>",
-		"syntax-after": "<number [0,∞]>",
+		"syntax-b": "<number>",
+		"syntax-a": "<number [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1630,10 +1630,10 @@
 	},
 	"float": {
 		"type": "modified",
-		"syntax-before": "left | right | none | inline-start | inline-end",
-		"syntax-after": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none | footnote",
+		"syntax-b": "left | right | none | inline-start | inline-end",
+		"syntax-a": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none | footnote",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1641,10 +1641,10 @@
 	},
 	"float-defer": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<integer> | last | none",
+		"syntax-b": "",
+		"syntax-a": "<integer> | last | none",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1652,10 +1652,10 @@
 	},
 	"float-offset": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length> | <percentage>",
+		"syntax-b": "",
+		"syntax-a": "<length> | <percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1663,10 +1663,10 @@
 	},
 	"float-reference": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "inline | column | region | page",
+		"syntax-b": "",
+		"syntax-a": "inline | column | region | page",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1674,10 +1674,10 @@
 	},
 	"flood-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>",
+		"syntax-b": "",
+		"syntax-a": "<color>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1685,10 +1685,10 @@
 	},
 	"flood-opacity": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'opacity'>",
+		"syntax-b": "",
+		"syntax-a": "<'opacity'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1696,10 +1696,10 @@
 	},
 	"flow-from": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<ident> | none",
+		"syntax-b": "",
+		"syntax-a": "<ident> | none",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1707,10 +1707,10 @@
 	},
 	"flow-into": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <ident> [ element | content ]?",
+		"syntax-b": "",
+		"syntax-a": "none | <ident> [ element | content ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1718,10 +1718,10 @@
 	},
 	"font": {
 		"type": "modified",
-		"syntax-before": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
-		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
+		"syntax-b": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
+		"syntax-a": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1729,10 +1729,10 @@
 	},
 	"font-palette": {
 		"type": "modified",
-		"syntax-before": "normal | light | dark | <palette-identifier>",
-		"syntax-after": "normal | light | dark | <palette-identifier> | <palette-mix()>",
+		"syntax-b": "normal | light | dark | <palette-identifier>",
+		"syntax-a": "normal | light | dark | <palette-identifier> | <palette-mix()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1740,10 +1740,10 @@
 	},
 	"font-size": {
 		"type": "modified",
-		"syntax-before": "<absolute-size> | <relative-size> | <length-percentage>",
-		"syntax-after": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
+		"syntax-b": "<absolute-size> | <relative-size> | <length-percentage>",
+		"syntax-a": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1751,10 +1751,10 @@
 	},
 	"font-size-adjust": {
 		"type": "modified",
-		"syntax-before": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
-		"syntax-after": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
+		"syntax-b": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
+		"syntax-a": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1762,10 +1762,10 @@
 	},
 	"font-style": {
 		"type": "modified",
-		"syntax-before": "normal | italic | oblique <angle>?",
-		"syntax-after": "normal | italic | oblique <angle [-90deg,90deg]>?",
+		"syntax-b": "normal | italic | oblique <angle>?",
+		"syntax-a": "normal | italic | oblique <angle [-90deg,90deg]>?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1773,10 +1773,10 @@
 	},
 	"font-variant": {
 		"type": "modified",
-		"syntax-before": "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 ]",
-		"syntax-after": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
+		"syntax-b": "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 ]",
+		"syntax-a": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1784,10 +1784,10 @@
 	},
 	"font-variation-settings": {
 		"type": "modified",
-		"syntax-before": "normal | [ <string> <number> ]#",
-		"syntax-after": "normal | [ <opentype-tag> <number> ]#",
+		"syntax-b": "normal | [ <string> <number> ]#",
+		"syntax-a": "normal | [ <opentype-tag> <number> ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1795,10 +1795,10 @@
 	},
 	"font-width": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+		"syntax-b": "",
+		"syntax-a": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1806,10 +1806,10 @@
 	},
 	"footnote-display": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "block | inline | compact",
+		"syntax-b": "",
+		"syntax-a": "block | inline | compact",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1817,10 +1817,10 @@
 	},
 	"footnote-policy": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | line | block",
+		"syntax-b": "",
+		"syntax-a": "auto | line | block",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1828,10 +1828,10 @@
 	},
 	"forced-color-adjust": {
 		"type": "modified",
-		"syntax-before": "auto | none",
-		"syntax-after": "auto | none | preserve-parent-color",
+		"syntax-b": "auto | none",
+		"syntax-a": "auto | none | preserve-parent-color",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1839,10 +1839,10 @@
 	},
 	"glyph-orientation-vertical": {
 		"type": "modified",
-		"syntax-before": "<angle>",
-		"syntax-after": "auto | 0deg | 90deg | 0 | 90",
+		"syntax-b": "<angle>",
+		"syntax-a": "auto | 0deg | 90deg | 0 | 90",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1850,10 +1850,10 @@
 	},
 	"grid-auto-flow": {
 		"type": "modified",
-		"syntax-before": "[ row | column ] || dense",
-		"syntax-after": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+		"syntax-b": "[ row | column ] || dense",
+		"syntax-a": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1861,10 +1861,10 @@
 	},
 	"grid-template-columns": {
 		"type": "modified",
-		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
-		"syntax-after": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
+		"syntax-b": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
+		"syntax-a": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1872,10 +1872,10 @@
 	},
 	"grid-template-rows": {
 		"type": "modified",
-		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
-		"syntax-after": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
+		"syntax-b": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
+		"syntax-a": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1883,10 +1883,10 @@
 	},
 	"height": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1894,10 +1894,10 @@
 	},
 	"hyphenate-limit-last": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | always | column | page | spread",
+		"syntax-b": "",
+		"syntax-a": "none | always | column | page | spread",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1905,10 +1905,10 @@
 	},
 	"hyphenate-limit-lines": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "no-limit | <integer>",
+		"syntax-b": "",
+		"syntax-a": "no-limit | <integer>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1916,10 +1916,10 @@
 	},
 	"hyphenate-limit-zone": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1927,10 +1927,10 @@
 	},
 	"image-orientation": {
 		"type": "modified",
-		"syntax-before": "from-image | <angle> | [ <angle>? flip ]",
-		"syntax-after": "from-image | none | [ <angle> || flip ]",
+		"syntax-b": "from-image | <angle> | [ <angle>? flip ]",
+		"syntax-a": "from-image | none | [ <angle> || flip ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1938,10 +1938,10 @@
 	},
 	"image-rendering": {
 		"type": "modified",
-		"syntax-before": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>",
-		"syntax-after": "auto | smooth | high-quality | pixelated | crisp-edges",
+		"syntax-b": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>",
+		"syntax-a": "auto | smooth | high-quality | pixelated | crisp-edges",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1949,10 +1949,10 @@
 	},
 	"initial-letter": {
 		"type": "modified",
-		"syntax-before": "normal | [ <number> <integer>? ]",
-		"syntax-after": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
+		"syntax-b": "normal | [ <number> <integer>? ]",
+		"syntax-a": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1960,10 +1960,10 @@
 	},
 	"initial-letter-align": {
 		"type": "modified",
-		"syntax-before": "[ auto | alphabetic | hanging | ideographic ]",
-		"syntax-after": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
+		"syntax-b": "[ auto | alphabetic | hanging | ideographic ]",
+		"syntax-a": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1971,10 +1971,10 @@
 	},
 	"initial-letter-wrap": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | first | all | grid | <length-percentage>",
+		"syntax-b": "",
+		"syntax-a": "none | first | all | grid | <length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1982,10 +1982,10 @@
 	},
 	"inline-size": {
 		"type": "modified",
-		"syntax-before": "<'width'>",
-		"syntax-after": "<'width'> | stretch | fit-content | contain",
+		"syntax-b": "<'width'>",
+		"syntax-a": "<'width'> | stretch | fit-content | contain",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1993,10 +1993,10 @@
 	},
 	"inline-sizing": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | stretch",
+		"syntax-b": "",
+		"syntax-a": "normal | stretch",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2004,10 +2004,10 @@
 	},
 	"inset-block-end": {
 		"type": "modified",
-		"syntax-before": "<'top'>",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2015,10 +2015,10 @@
 	},
 	"inset-block-start": {
 		"type": "modified",
-		"syntax-before": "<'top'>",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2026,10 +2026,10 @@
 	},
 	"inset-inline-end": {
 		"type": "modified",
-		"syntax-before": "<'top'>",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2037,10 +2037,10 @@
 	},
 	"inset-inline-start": {
 		"type": "modified",
-		"syntax-before": "<'top'>",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2048,10 +2048,10 @@
 	},
 	"interpolate-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "numeric-only | allow-keywords",
+		"syntax-b": "",
+		"syntax-a": "numeric-only | allow-keywords",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2059,10 +2059,10 @@
 	},
 	"isolation": {
 		"type": "modified",
-		"syntax-before": "auto | isolate",
-		"syntax-after": "<isolation-mode>",
+		"syntax-b": "auto | isolate",
+		"syntax-a": "<isolation-mode>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2070,10 +2070,10 @@
 	},
 	"justify-items": {
 		"type": "modified",
-		"syntax-before": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
-		"syntax-after": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
+		"syntax-b": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
+		"syntax-a": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
 		"comment": "",
-		"merged": "| anchor-center",
+		"syntax-m": "| anchor-center",
 		"tests": {
 			"passing": [
 				{
@@ -2088,10 +2088,10 @@
 	},
 	"justify-self": {
 		"type": "modified",
-		"syntax-before": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
-		"syntax-after": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
+		"syntax-b": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
+		"syntax-a": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2099,10 +2099,10 @@
 	},
 	"left": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2110,10 +2110,10 @@
 	},
 	"lighting-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>",
+		"syntax-b": "",
+		"syntax-a": "<color>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2121,10 +2121,10 @@
 	},
 	"line-clamp": {
 		"type": "modified",
-		"syntax-before": "none | <integer>",
-		"syntax-after": "none | <integer [1,∞]> || <'block-ellipsis'>",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]> || <'block-ellipsis'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2132,10 +2132,10 @@
 	},
 	"-webkit-line-clamp": {
 		"type": "modified",
-		"syntax-before": "none | <integer>",
-		"syntax-after": "none | <integer [1,∞]>",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2143,10 +2143,10 @@
 	},
 	"line-fit-edge": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "leading | <text-edge>",
+		"syntax-b": "",
+		"syntax-a": "leading | <text-edge>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2154,10 +2154,10 @@
 	},
 	"line-grid": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "match-parent | create",
+		"syntax-b": "",
+		"syntax-a": "match-parent | create",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2165,10 +2165,10 @@
 	},
 	"line-height": {
 		"type": "modified",
-		"syntax-before": "normal | <number> | <length> | <percentage>",
-		"syntax-after": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
+		"syntax-b": "normal | <number> | <length> | <percentage>",
+		"syntax-a": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2176,10 +2176,10 @@
 	},
 	"line-height-step": {
 		"type": "modified",
-		"syntax-before": "<length>",
-		"syntax-after": "<length [0,∞]>",
+		"syntax-b": "<length>",
+		"syntax-a": "<length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2187,10 +2187,10 @@
 	},
 	"line-padding": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length>",
+		"syntax-b": "",
+		"syntax-a": "<length>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2198,10 +2198,10 @@
 	},
 	"line-snap": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | baseline | contain",
+		"syntax-b": "",
+		"syntax-a": "none | baseline | contain",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2209,10 +2209,10 @@
 	},
 	"link-parameters": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <link-param>+",
+		"syntax-b": "",
+		"syntax-a": "none | <link-param>+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2220,10 +2220,10 @@
 	},
 	"list-style": {
 		"type": "modified",
-		"syntax-before": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
-		"syntax-after": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
+		"syntax-b": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
+		"syntax-a": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2231,10 +2231,10 @@
 	},
 	"margin": {
 		"type": "modified",
-		"syntax-before": "[ <length> | <percentage> | auto ]{1,4}",
-		"syntax-after": "<'margin-top'>{1,4}",
+		"syntax-b": "[ <length> | <percentage> | auto ]{1,4}",
+		"syntax-a": "<'margin-top'>{1,4}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2242,10 +2242,10 @@
 	},
 	"margin-block": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>{1,2}",
-		"syntax-after": "<'margin-top'>{1,2}",
+		"syntax-b": "<'margin-left'>{1,2}",
+		"syntax-a": "<'margin-top'>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2253,10 +2253,10 @@
 	},
 	"margin-block-end": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>",
-		"syntax-after": "<'margin-top'>",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2264,10 +2264,10 @@
 	},
 	"margin-block-start": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>",
-		"syntax-after": "<'margin-top'>",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2275,10 +2275,10 @@
 	},
 	"margin-bottom": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2286,10 +2286,10 @@
 	},
 	"margin-break": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | keep | discard",
+		"syntax-b": "",
+		"syntax-a": "auto | keep | discard",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2297,10 +2297,10 @@
 	},
 	"margin-inline": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>{1,2}",
-		"syntax-after": "<'margin-top'>{1,2}",
+		"syntax-b": "<'margin-left'>{1,2}",
+		"syntax-a": "<'margin-top'>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2308,10 +2308,10 @@
 	},
 	"margin-inline-end": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>",
-		"syntax-after": "<'margin-top'>",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2319,10 +2319,10 @@
 	},
 	"margin-inline-start": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>",
-		"syntax-after": "<'margin-top'>",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2330,10 +2330,10 @@
 	},
 	"margin-left": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2341,10 +2341,10 @@
 	},
 	"margin-right": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2352,10 +2352,10 @@
 	},
 	"margin-top": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2363,10 +2363,10 @@
 	},
 	"margin-trim": {
 		"type": "modified",
-		"syntax-before": "none | in-flow | all",
-		"syntax-after": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
+		"syntax-b": "none | in-flow | all",
+		"syntax-a": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2374,10 +2374,10 @@
 	},
 	"marker": {
 		"type": "modified",
-		"syntax-before": "none | <url>",
-		"syntax-after": "none | <marker-ref>",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2385,10 +2385,10 @@
 	},
 	"marker-end": {
 		"type": "modified",
-		"syntax-before": "none | <url>",
-		"syntax-after": "none | <marker-ref>",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2396,10 +2396,10 @@
 	},
 	"marker-mid": {
 		"type": "modified",
-		"syntax-before": "none | <url>",
-		"syntax-after": "none | <marker-ref>",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2407,10 +2407,10 @@
 	},
 	"marker-side": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "match-self | match-parent",
+		"syntax-b": "",
+		"syntax-a": "match-self | match-parent",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2418,10 +2418,10 @@
 	},
 	"marker-start": {
 		"type": "modified",
-		"syntax-before": "none | <url>",
-		"syntax-after": "none | <marker-ref>",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2429,10 +2429,10 @@
 	},
 	"mask-border-slice": {
 		"type": "modified",
-		"syntax-before": "<number-percentage>{1,4} fill?",
-		"syntax-after": "[ <number> | <percentage> ]{1,4} fill?",
+		"syntax-b": "<number-percentage>{1,4} fill?",
+		"syntax-a": "[ <number> | <percentage> ]{1,4} fill?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2440,10 +2440,10 @@
 	},
 	"mask-clip": {
 		"type": "modified",
-		"syntax-before": "[ <geometry-box> | no-clip ]#",
-		"syntax-after": "[ <coord-box> | no-clip ]#",
+		"syntax-b": "[ <geometry-box> | no-clip ]#",
+		"syntax-a": "[ <coord-box> | no-clip ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2451,10 +2451,10 @@
 	},
 	"mask-origin": {
 		"type": "modified",
-		"syntax-before": "<geometry-box>#",
-		"syntax-after": "<coord-box>#",
+		"syntax-b": "<geometry-box>#",
+		"syntax-a": "<coord-box>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2462,10 +2462,10 @@
 	},
 	"masonry": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
+		"syntax-b": "",
+		"syntax-a": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2473,10 +2473,10 @@
 	},
 	"masonry-auto-tracks": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'grid-auto-columns'>",
+		"syntax-b": "",
+		"syntax-a": "<'grid-auto-columns'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2484,10 +2484,10 @@
 	},
 	"masonry-direction": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "row | column | row-reverse | column-reverse",
+		"syntax-b": "",
+		"syntax-a": "row | column | row-reverse | column-reverse",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2495,10 +2495,10 @@
 	},
 	"masonry-fill": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | reverse",
+		"syntax-b": "",
+		"syntax-a": "normal | reverse",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2506,10 +2506,10 @@
 	},
 	"masonry-flow": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'masonry-direction'> || <'masonry-fill'>",
+		"syntax-b": "",
+		"syntax-a": "<'masonry-direction'> || <'masonry-fill'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2517,10 +2517,10 @@
 	},
 	"masonry-slack": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2528,10 +2528,10 @@
 	},
 	"masonry-template-areas": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <string>",
+		"syntax-b": "",
+		"syntax-a": "none | <string>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2539,10 +2539,10 @@
 	},
 	"masonry-template-tracks": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'grid-template-columns'>",
+		"syntax-b": "",
+		"syntax-a": "<'grid-template-columns'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2550,10 +2550,10 @@
 	},
 	"max-block-size": {
 		"type": "modified",
-		"syntax-before": "<'max-width'>",
-		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
+		"syntax-b": "<'max-width'>",
+		"syntax-a": "<'max-width'> | stretch | fit-content | contain",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2561,10 +2561,10 @@
 	},
 	"max-height": {
 		"type": "modified",
-		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2572,10 +2572,10 @@
 	},
 	"max-inline-size": {
 		"type": "modified",
-		"syntax-before": "<'max-width'>",
-		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
+		"syntax-b": "<'max-width'>",
+		"syntax-a": "<'max-width'> | stretch | fit-content | contain",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2583,10 +2583,10 @@
 	},
 	"max-lines": {
 		"type": "modified",
-		"syntax-before": "none | <integer>",
-		"syntax-after": "none | <integer [1,∞]>",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2594,10 +2594,10 @@
 	},
 	"max-width": {
 		"type": "modified",
-		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2605,10 +2605,10 @@
 	},
 	"min-block-size": {
 		"type": "modified",
-		"syntax-before": "<'min-width'>",
-		"syntax-after": "<'min-width'> | stretch | fit-content | contain",
+		"syntax-b": "<'min-width'>",
+		"syntax-a": "<'min-width'> | stretch | fit-content | contain",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2616,10 +2616,10 @@
 	},
 	"min-height": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2627,10 +2627,10 @@
 	},
 	"min-inline-size": {
 		"type": "modified",
-		"syntax-before": "<'min-width'>",
-		"syntax-after": "<'min-width'> | stretch | fit-content | contain",
+		"syntax-b": "<'min-width'>",
+		"syntax-a": "<'min-width'> | stretch | fit-content | contain",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2638,10 +2638,10 @@
 	},
 	"min-intrinsic-sizing": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "legacy | zero-if-scroll || zero-if-extrinsic",
+		"syntax-b": "",
+		"syntax-a": "legacy | zero-if-scroll || zero-if-extrinsic",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2649,10 +2649,10 @@
 	},
 	"min-width": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2660,10 +2660,10 @@
 	},
 	"mix-blend-mode": {
 		"type": "modified",
-		"syntax-before": "<blend-mode> | plus-lighter",
-		"syntax-after": "<blend-mode> | plus-darker | plus-lighter",
+		"syntax-b": "<blend-mode> | plus-lighter",
+		"syntax-a": "<blend-mode> | plus-darker | plus-lighter",
 		"comment": "",
-		"merged": "<blend-mode> | plus-darker | plus-lighter",
+		"syntax-m": "<blend-mode> | plus-darker | plus-lighter",
 		"tests": {
 			"passing": [
 				{
@@ -2685,10 +2685,10 @@
 	},
 	"nav-down": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2696,10 +2696,10 @@
 	},
 	"nav-left": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2707,10 +2707,10 @@
 	},
 	"nav-right": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2718,10 +2718,10 @@
 	},
 	"nav-up": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2729,10 +2729,10 @@
 	},
 	"object-fit": {
 		"type": "modified",
-		"syntax-before": "fill | contain | cover | none | scale-down",
-		"syntax-after": "fill | none | [ contain | cover ] || scale-down",
+		"syntax-b": "fill | contain | cover | none | scale-down",
+		"syntax-a": "fill | none | [ contain | cover ] || scale-down",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2740,10 +2740,10 @@
 	},
 	"object-view-box": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <basic-shape-rect>",
+		"syntax-b": "",
+		"syntax-a": "none | <basic-shape-rect>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2751,10 +2751,10 @@
 	},
 	"opacity": {
 		"type": "modified",
-		"syntax-before": "<alpha-value>",
-		"syntax-after": "<opacity-value>",
+		"syntax-b": "<alpha-value>",
+		"syntax-a": "<opacity-value>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2762,10 +2762,10 @@
 	},
 	"orphans": {
 		"type": "modified",
-		"syntax-before": "<integer>",
-		"syntax-after": "<integer [1,∞]>",
+		"syntax-b": "<integer>",
+		"syntax-a": "<integer [1,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2773,10 +2773,10 @@
 	},
 	"outline-color": {
 		"type": "modified",
-		"syntax-before": "auto | <color>",
-		"syntax-after": "auto | [ <color> | <image-1D> ]",
+		"syntax-b": "auto | <color>",
+		"syntax-a": "auto | [ <color> | <image-1D> ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2784,10 +2784,10 @@
 	},
 	"outline-style": {
 		"type": "modified",
-		"syntax-before": "auto | <'border-style'>",
-		"syntax-after": "auto | <outline-line-style>",
+		"syntax-b": "auto | <'border-style'>",
+		"syntax-a": "auto | <outline-line-style>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2795,10 +2795,10 @@
 	},
 	"overflow": {
 		"type": "modified",
-		"syntax-before": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>",
-		"syntax-after": "<'overflow-block'>{1,2}",
+		"syntax-b": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>",
+		"syntax-a": "<'overflow-block'>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2806,10 +2806,10 @@
 	},
 	"overflow-clip-margin-block": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2817,10 +2817,10 @@
 	},
 	"overflow-clip-margin-block-end": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2828,10 +2828,10 @@
 	},
 	"overflow-clip-margin-block-start": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2839,10 +2839,10 @@
 	},
 	"overflow-clip-margin-bottom": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2850,10 +2850,10 @@
 	},
 	"overflow-clip-margin-inline": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2861,10 +2861,10 @@
 	},
 	"overflow-clip-margin-inline-end": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2872,10 +2872,10 @@
 	},
 	"overflow-clip-margin-inline-start": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2883,10 +2883,10 @@
 	},
 	"overflow-clip-margin-left": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2894,10 +2894,10 @@
 	},
 	"overflow-clip-margin-right": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2905,10 +2905,10 @@
 	},
 	"overflow-clip-margin-top": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2916,10 +2916,10 @@
 	},
 	"padding": {
 		"type": "modified",
-		"syntax-before": "[ <length> | <percentage> ]{1,4}",
-		"syntax-after": "<'padding-top'>{1,4}",
+		"syntax-b": "[ <length> | <percentage> ]{1,4}",
+		"syntax-a": "<'padding-top'>{1,4}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2927,10 +2927,10 @@
 	},
 	"padding-block": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>{1,2}",
-		"syntax-after": "<'padding-top'>{1,2}",
+		"syntax-b": "<'padding-left'>{1,2}",
+		"syntax-a": "<'padding-top'>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2938,10 +2938,10 @@
 	},
 	"padding-block-end": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>",
-		"syntax-after": "<'padding-top'>",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2949,10 +2949,10 @@
 	},
 	"padding-block-start": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>",
-		"syntax-after": "<'padding-top'>",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2960,10 +2960,10 @@
 	},
 	"padding-bottom": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2971,10 +2971,10 @@
 	},
 	"padding-inline": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>{1,2}",
-		"syntax-after": "<'padding-top'>{1,2}",
+		"syntax-b": "<'padding-left'>{1,2}",
+		"syntax-a": "<'padding-top'>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2982,10 +2982,10 @@
 	},
 	"padding-inline-end": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>",
-		"syntax-after": "<'padding-top'>",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2993,10 +2993,10 @@
 	},
 	"padding-inline-start": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>",
-		"syntax-after": "<'padding-top'>",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3004,10 +3004,10 @@
 	},
 	"padding-left": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3015,10 +3015,10 @@
 	},
 	"padding-right": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3026,10 +3026,10 @@
 	},
 	"padding-top": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3037,10 +3037,10 @@
 	},
 	"page-break-after": {
 		"type": "modified",
-		"syntax-before": "auto | always | avoid | left | right | recto | verso",
-		"syntax-after": "auto | always | avoid | left | right | inherit",
+		"syntax-b": "auto | always | avoid | left | right | recto | verso",
+		"syntax-a": "auto | always | avoid | left | right | inherit",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3048,10 +3048,10 @@
 	},
 	"page-break-before": {
 		"type": "modified",
-		"syntax-before": "auto | always | avoid | left | right | recto | verso",
-		"syntax-after": "auto | always | avoid | left | right | inherit",
+		"syntax-b": "auto | always | avoid | left | right | recto | verso",
+		"syntax-a": "auto | always | avoid | left | right | inherit",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3059,10 +3059,10 @@
 	},
 	"page-break-inside": {
 		"type": "modified",
-		"syntax-before": "auto | avoid",
-		"syntax-after": "avoid | auto | inherit",
+		"syntax-b": "auto | avoid",
+		"syntax-a": "avoid | auto | inherit",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3070,10 +3070,10 @@
 	},
 	"pause-after": {
 		"type": "modified",
-		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3081,10 +3081,10 @@
 	},
 	"pause-before": {
 		"type": "modified",
-		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3092,10 +3092,10 @@
 	},
 	"perspective": {
 		"type": "modified",
-		"syntax-before": "none | <length>",
-		"syntax-after": "none | <length [0,∞]>",
+		"syntax-b": "none | <length>",
+		"syntax-a": "none | <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3103,10 +3103,10 @@
 	},
 	"pointer-events": {
 		"type": "modified",
-		"syntax-before": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
-		"syntax-after": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
+		"syntax-b": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
+		"syntax-a": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3114,10 +3114,10 @@
 	},
 	"position": {
 		"type": "modified",
-		"syntax-before": "static | relative | absolute | sticky | fixed | -webkit-sticky",
-		"syntax-after": "static | relative | absolute | sticky | fixed | <running()>",
+		"syntax-b": "static | relative | absolute | sticky | fixed | -webkit-sticky",
+		"syntax-a": "static | relative | absolute | sticky | fixed | <running()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3125,9 +3125,9 @@
 	},
 	"position-anchor": {
 		"type": "modified",
-		"syntax-before": "<anchor-element>",
-		"syntax-after": "auto | <anchor-element>",
-		"merged": "auto | <anchor-element>",
+		"syntax-b": "<anchor-element>",
+		"syntax-a": "auto | <anchor-element>",
+		"syntax-m": "auto | <anchor-element>",
 		"tests": {
 			"passing": [
 				{
@@ -3144,10 +3144,10 @@
 	},
 	"quotes": {
 		"type": "modified",
-		"syntax-before": "none | auto | [ <string> <string> ]+",
-		"syntax-after": "auto | none | match-parent | [ <string> <string> ]+",
+		"syntax-b": "none | auto | [ <string> <string> ]+",
+		"syntax-a": "auto | none | match-parent | [ <string> <string> ]+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3155,10 +3155,10 @@
 	},
 	"r": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3166,10 +3166,10 @@
 	},
 	"reading-flow": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
+		"syntax-b": "",
+		"syntax-a": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3177,10 +3177,10 @@
 	},
 	"region-fragment": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | break",
+		"syntax-b": "",
+		"syntax-a": "auto | break",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3188,10 +3188,10 @@
 	},
 	"rest-after": {
 		"type": "modified",
-		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3199,10 +3199,10 @@
 	},
 	"rest-before": {
 		"type": "modified",
-		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3210,10 +3210,10 @@
 	},
 	"right": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3221,10 +3221,10 @@
 	},
 	"row-gap": {
 		"type": "modified",
-		"syntax-before": "normal | <length-percentage>",
-		"syntax-after": "normal | <length-percentage [0,∞]>",
+		"syntax-b": "normal | <length-percentage>",
+		"syntax-a": "normal | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3232,10 +3232,10 @@
 	},
 	"ruby-merge": {
 		"type": "modified",
-		"syntax-before": "separate | collapse | auto",
-		"syntax-after": "separate | merge | auto",
+		"syntax-b": "separate | collapse | auto",
+		"syntax-a": "separate | merge | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3243,10 +3243,10 @@
 	},
 	"ruby-overhang": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | none",
+		"syntax-b": "",
+		"syntax-a": "auto | none",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3254,10 +3254,10 @@
 	},
 	"rx": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage> | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3265,10 +3265,10 @@
 	},
 	"ry": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage> | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3276,10 +3276,10 @@
 	},
 	"scale": {
 		"type": "modified",
-		"syntax-before": "none | <number>{1,3}",
-		"syntax-after": "none | [ <number> | <percentage> ]{1,3}",
+		"syntax-b": "none | <number>{1,3}",
+		"syntax-a": "none | [ <number> | <percentage> ]{1,3}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3287,10 +3287,10 @@
 	},
 	"scroll-marker-group": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | before | after",
+		"syntax-b": "",
+		"syntax-a": "none | before | after",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3298,10 +3298,10 @@
 	},
 	"scroll-padding": {
 		"type": "modified",
-		"syntax-before": "[ auto | <length-percentage> ]{1,4}",
-		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,4}",
+		"syntax-b": "[ auto | <length-percentage> ]{1,4}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,4}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3309,10 +3309,10 @@
 	},
 	"scroll-padding-block": {
 		"type": "modified",
-		"syntax-before": "[ auto | <length-percentage> ]{1,2}",
-		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3320,10 +3320,10 @@
 	},
 	"scroll-padding-block-end": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3331,10 +3331,10 @@
 	},
 	"scroll-padding-block-start": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3342,10 +3342,10 @@
 	},
 	"scroll-padding-bottom": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3353,10 +3353,10 @@
 	},
 	"scroll-padding-inline": {
 		"type": "modified",
-		"syntax-before": "[ auto | <length-percentage> ]{1,2}",
-		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3364,10 +3364,10 @@
 	},
 	"scroll-padding-inline-end": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3375,10 +3375,10 @@
 	},
 	"scroll-padding-inline-start": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3386,10 +3386,10 @@
 	},
 	"scroll-padding-left": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3397,10 +3397,10 @@
 	},
 	"scroll-padding-right": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3408,10 +3408,10 @@
 	},
 	"scroll-padding-top": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3419,10 +3419,10 @@
 	},
 	"scroll-start-target": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ none | auto ]",
+		"syntax-b": "",
+		"syntax-a": "[ none | auto ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3430,10 +3430,10 @@
 	},
 	"scroll-timeline": {
 		"type": "modified",
-		"syntax-before": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#",
-		"syntax-after": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
+		"syntax-b": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#",
+		"syntax-a": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3441,10 +3441,10 @@
 	},
 	"shape-image-threshold": {
 		"type": "modified",
-		"syntax-before": "<alpha-value>",
-		"syntax-after": "<opacity-value>",
+		"syntax-b": "<alpha-value>",
+		"syntax-a": "<opacity-value>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3452,10 +3452,10 @@
 	},
 	"shape-inside": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
+		"syntax-b": "",
+		"syntax-a": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3463,10 +3463,10 @@
 	},
 	"shape-margin": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length-percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3474,10 +3474,10 @@
 	},
 	"shape-outside": {
 		"type": "modified",
-		"syntax-before": "none | [ <shape-box> || <basic-shape> ] | <image>",
-		"syntax-after": "none | [ <basic-shape> || <shape-box> ] | <image>",
+		"syntax-b": "none | [ <shape-box> || <basic-shape> ] | <image>",
+		"syntax-a": "none | [ <basic-shape> || <shape-box> ] | <image>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3485,10 +3485,10 @@
 	},
 	"shape-padding": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3496,10 +3496,10 @@
 	},
 	"shape-subtract": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ <basic-shape> | <uri> ]+",
+		"syntax-b": "",
+		"syntax-a": "none | [ <basic-shape> | <uri> ]+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3507,10 +3507,10 @@
 	},
 	"spatial-navigation-action": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | focus | scroll",
+		"syntax-b": "",
+		"syntax-a": "auto | focus | scroll",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3518,10 +3518,10 @@
 	},
 	"spatial-navigation-contain": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | contain",
+		"syntax-b": "",
+		"syntax-a": "auto | contain",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3529,10 +3529,10 @@
 	},
 	"spatial-navigation-function": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | grid",
+		"syntax-b": "",
+		"syntax-a": "normal | grid",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3540,10 +3540,10 @@
 	},
 	"string-set": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ <custom-ident> <string>+ ]#",
+		"syntax-b": "",
+		"syntax-a": "none | [ <custom-ident> <string>+ ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3551,10 +3551,10 @@
 	},
 	"stroke-align": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "center | inset | outset",
+		"syntax-b": "",
+		"syntax-a": "center | inset | outset",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3562,10 +3562,10 @@
 	},
 	"stroke-alignment": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "center | inner | outer",
+		"syntax-b": "",
+		"syntax-a": "center | inner | outer",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3573,10 +3573,10 @@
 	},
 	"stroke-break": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "bounding-box | slice | clone",
+		"syntax-b": "",
+		"syntax-a": "bounding-box | slice | clone",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3584,10 +3584,10 @@
 	},
 	"stroke-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>#",
+		"syntax-b": "",
+		"syntax-a": "<color>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3595,10 +3595,10 @@
 	},
 	"stroke-dash-corner": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <length>",
+		"syntax-b": "",
+		"syntax-a": "none | <length>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3606,10 +3606,10 @@
 	},
 	"stroke-dash-justify": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ stretch | compress ] || [ dashes || gaps ]",
+		"syntax-b": "",
+		"syntax-a": "none | [ stretch | compress ] || [ dashes || gaps ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3617,10 +3617,10 @@
 	},
 	"stroke-dashadjust": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ stretch | compress ] [ dashes | gaps ]?",
+		"syntax-b": "",
+		"syntax-a": "none | [ stretch | compress ] [ dashes | gaps ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3628,10 +3628,10 @@
 	},
 	"stroke-dasharray": {
 		"type": "modified",
-		"syntax-before": "none | [ <svg-length>+ ]#",
-		"syntax-after": "none | [ <length-percentage> | <number> ]+#",
+		"syntax-b": "none | [ <svg-length>+ ]#",
+		"syntax-a": "none | [ <length-percentage> | <number> ]+#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3639,10 +3639,10 @@
 	},
 	"stroke-dashcorner": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <length>",
+		"syntax-b": "",
+		"syntax-a": "none | <length>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3650,10 +3650,10 @@
 	},
 	"stroke-dashoffset": {
 		"type": "modified",
-		"syntax-before": "<svg-length>",
-		"syntax-after": "<length-percentage> | <number>",
+		"syntax-b": "<svg-length>",
+		"syntax-a": "<length-percentage> | <number>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3661,10 +3661,10 @@
 	},
 	"stroke-image": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<paint>#",
+		"syntax-b": "",
+		"syntax-a": "<paint>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3672,10 +3672,10 @@
 	},
 	"stroke-linejoin": {
 		"type": "modified",
-		"syntax-before": "miter | round | bevel",
-		"syntax-after": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
+		"syntax-b": "miter | round | bevel",
+		"syntax-a": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3683,10 +3683,10 @@
 	},
 	"stroke-miterlimit": {
 		"type": "modified",
-		"syntax-before": "<number-one-or-greater>",
-		"syntax-after": "<number>",
+		"syntax-b": "<number-one-or-greater>",
+		"syntax-a": "<number>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3694,10 +3694,10 @@
 	},
 	"stroke-opacity": {
 		"type": "modified",
-		"syntax-before": "<number-zero-one>",
-		"syntax-after": "<'opacity'>",
+		"syntax-b": "<number-zero-one>",
+		"syntax-a": "<'opacity'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3705,10 +3705,10 @@
 	},
 	"stroke-origin": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"syntax-b": "",
+		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3716,10 +3716,10 @@
 	},
 	"stroke-position": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<position>#",
+		"syntax-b": "",
+		"syntax-a": "<position>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3727,10 +3727,10 @@
 	},
 	"stroke-repeat": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repeat-style>#",
+		"syntax-b": "",
+		"syntax-a": "<repeat-style>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3738,10 +3738,10 @@
 	},
 	"stroke-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<bg-size>#",
+		"syntax-b": "",
+		"syntax-a": "<bg-size>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3749,10 +3749,10 @@
 	},
 	"stroke-width": {
 		"type": "modified",
-		"syntax-before": "<svg-length>",
-		"syntax-after": "[ <length-percentage> | <number> ]#",
+		"syntax-b": "<svg-length>",
+		"syntax-a": "[ <length-percentage> | <number> ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3760,10 +3760,10 @@
 	},
 	"tab-size": {
 		"type": "modified",
-		"syntax-before": "<integer> | <length>",
-		"syntax-after": "<number [0,∞]> | <length [0,∞]>",
+		"syntax-b": "<integer> | <length>",
+		"syntax-a": "<number [0,∞]> | <length [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3771,10 +3771,10 @@
 	},
 	"text-align": {
 		"type": "modified",
-		"syntax-before": "start | end | left | right | center | justify | match-parent",
-		"syntax-after": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
+		"syntax-b": "start | end | left | right | center | justify | match-parent",
+		"syntax-a": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3782,10 +3782,10 @@
 	},
 	"text-align-all": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "start | end | left | right | center | <string> | justify | match-parent",
+		"syntax-b": "",
+		"syntax-a": "start | end | left | right | center | <string> | justify | match-parent",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3793,10 +3793,10 @@
 	},
 	"text-align-last": {
 		"type": "modified",
-		"syntax-before": "auto | start | end | left | right | center | justify",
-		"syntax-after": "auto | start | end | left | right | center | justify | match-parent",
+		"syntax-b": "auto | start | end | left | right | center | justify",
+		"syntax-a": "auto | start | end | left | right | center | justify | match-parent",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3804,10 +3804,10 @@
 	},
 	"text-autospace": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | <autospace> | auto",
+		"syntax-b": "",
+		"syntax-a": "normal | <autospace> | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3815,10 +3815,10 @@
 	},
 	"text-box": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | <'text-box-trim'> || <'text-box-edge'>",
+		"syntax-b": "",
+		"syntax-a": "normal | <'text-box-trim'> || <'text-box-edge'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3826,10 +3826,10 @@
 	},
 	"text-box-edge": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <text-edge>",
+		"syntax-b": "",
+		"syntax-a": "auto | <text-edge>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3837,10 +3837,10 @@
 	},
 	"text-box-trim": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | trim-start | trim-end | trim-both",
+		"syntax-b": "",
+		"syntax-a": "none | trim-start | trim-end | trim-both",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3848,10 +3848,10 @@
 	},
 	"text-combine-upright": {
 		"type": "modified",
-		"syntax-before": "none | all | [ digits <integer>? ]",
-		"syntax-after": "none | all | [ digits <integer [2,4]>? ]",
+		"syntax-b": "none | all | [ digits <integer>? ]",
+		"syntax-a": "none | all | [ digits <integer [2,4]>? ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3859,10 +3859,10 @@
 	},
 	"text-decoration": {
 		"type": "modified",
-		"syntax-before": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
-		"syntax-after": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>",
+		"syntax-b": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
+		"syntax-a": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3870,10 +3870,10 @@
 	},
 	"text-decoration-skip": {
 		"type": "modified",
-		"syntax-before": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
-		"syntax-after": "none | auto",
+		"syntax-b": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
+		"syntax-a": "none | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3881,10 +3881,10 @@
 	},
 	"text-decoration-skip-box": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | all",
+		"syntax-b": "",
+		"syntax-a": "none | all",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3892,10 +3892,10 @@
 	},
 	"text-decoration-skip-ink": {
 		"type": "modified",
-		"syntax-before": "auto | all | none",
-		"syntax-after": "auto | none | all",
+		"syntax-b": "auto | all | none",
+		"syntax-a": "auto | none | all",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3903,10 +3903,10 @@
 	},
 	"text-decoration-skip-self": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
+		"syntax-b": "",
+		"syntax-a": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3914,10 +3914,10 @@
 	},
 	"text-decoration-skip-spaces": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | all | [ start || end ]",
+		"syntax-b": "",
+		"syntax-a": "none | all | [ start || end ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3925,10 +3925,10 @@
 	},
 	"text-decoration-thickness": {
 		"type": "modified",
-		"syntax-before": "auto | from-font | <length> | <percentage>",
-		"syntax-after": "auto | from-font | <length-percentage>",
+		"syntax-b": "auto | from-font | <length> | <percentage>",
+		"syntax-a": "auto | from-font | <length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3936,10 +3936,10 @@
 	},
 	"text-decoration-trim": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length>{1,2} | auto",
+		"syntax-b": "",
+		"syntax-a": "<length>{1,2} | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3947,10 +3947,10 @@
 	},
 	"text-emphasis-position": {
 		"type": "modified",
-		"syntax-before": "[ over | under ] && [ right | left ]",
-		"syntax-after": "[ over | under ] && [ right | left ]?",
+		"syntax-b": "[ over | under ] && [ right | left ]",
+		"syntax-a": "[ over | under ] && [ right | left ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3958,10 +3958,10 @@
 	},
 	"text-emphasis-skip": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "spaces || punctuation || symbols || narrow",
+		"syntax-b": "",
+		"syntax-a": "spaces || punctuation || symbols || narrow",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3969,10 +3969,10 @@
 	},
 	"text-group-align": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | start | end | left | right | center",
+		"syntax-b": "",
+		"syntax-a": "none | start | end | left | right | center",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3980,10 +3980,10 @@
 	},
 	"text-indent": {
 		"type": "modified",
-		"syntax-before": "<length-percentage> && hanging? && each-line?",
-		"syntax-after": "[ <length-percentage> ] && hanging? && each-line?",
+		"syntax-b": "<length-percentage> && hanging? && each-line?",
+		"syntax-a": "[ <length-percentage> ] && hanging? && each-line?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3991,10 +3991,10 @@
 	},
 	"text-justify": {
 		"type": "modified",
-		"syntax-before": "auto | inter-character | inter-word | none",
-		"syntax-after": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
+		"syntax-b": "auto | inter-character | inter-word | none",
+		"syntax-a": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4002,10 +4002,10 @@
 	},
 	"text-overflow": {
 		"type": "modified",
-		"syntax-before": "[ clip | ellipsis | <string> ]{1,2}",
-		"syntax-after": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
+		"syntax-b": "[ clip | ellipsis | <string> ]{1,2}",
+		"syntax-a": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4013,10 +4013,10 @@
 	},
 	"text-shadow": {
 		"type": "modified",
-		"syntax-before": "none | <shadow-t>#",
-		"syntax-after": "none | <shadow>#",
+		"syntax-b": "none | <shadow-t>#",
+		"syntax-a": "none | <shadow>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4024,10 +4024,10 @@
 	},
 	"text-size-adjust": {
 		"type": "modified",
-		"syntax-before": "none | auto | <percentage>",
-		"syntax-after": "auto | none | <percentage [0,∞]>",
+		"syntax-b": "none | auto | <percentage>",
+		"syntax-a": "auto | none | <percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4035,10 +4035,10 @@
 	},
 	"text-spacing": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | auto | <spacing-trim> || <autospace>",
+		"syntax-b": "",
+		"syntax-a": "none | auto | <spacing-trim> || <autospace>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4046,10 +4046,10 @@
 	},
 	"text-spacing-trim": {
 		"type": "modified",
-		"syntax-before": "space-all | normal | space-first | trim-start | trim-both | trim-all | auto",
-		"syntax-after": "<spacing-trim> | auto",
+		"syntax-b": "space-all | normal | space-first | trim-start | trim-both | trim-all | auto",
+		"syntax-a": "<spacing-trim> | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4057,10 +4057,10 @@
 	},
 	"-webkit-text-stroke": {
 		"type": "modified",
-		"syntax-before": "<length> || <color>",
-		"syntax-after": "<line-width> || <color>",
+		"syntax-b": "<length> || <color>",
+		"syntax-a": "<line-width> || <color>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4068,10 +4068,10 @@
 	},
 	"-webkit-text-stroke-width": {
 		"type": "modified",
-		"syntax-before": "<length>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<length>",
+		"syntax-a": "<line-width>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4079,10 +4079,10 @@
 	},
 	"text-transform": {
 		"type": "modified",
-		"syntax-before": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
-		"syntax-after": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
+		"syntax-b": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
+		"syntax-a": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4090,10 +4090,10 @@
 	},
 	"text-underline-offset": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage>",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-b": "auto | <length> | <percentage>",
+		"syntax-a": "auto | <length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4101,10 +4101,10 @@
 	},
 	"text-underline-position": {
 		"type": "modified",
-		"syntax-before": "auto | from-font | [ under || [ left | right ] ]",
-		"syntax-after": "auto | [ from-font | under ] || [ left | right ]",
+		"syntax-b": "auto | from-font | [ under || [ left | right ] ]",
+		"syntax-a": "auto | [ from-font | under ] || [ left | right ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4112,10 +4112,10 @@
 	},
 	"text-wrap": {
 		"type": "modified",
-		"syntax-before": "wrap | nowrap | balance | stable | pretty",
-		"syntax-after": "<'text-wrap-mode'> || <'text-wrap-style'>",
+		"syntax-b": "wrap | nowrap | balance | stable | pretty",
+		"syntax-a": "<'text-wrap-mode'> || <'text-wrap-style'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4123,10 +4123,10 @@
 	},
 	"text-wrap-mode": {
 		"type": "modified",
-		"syntax-before": "auto | wrap | nowrap",
-		"syntax-after": "wrap | nowrap",
+		"syntax-b": "auto | wrap | nowrap",
+		"syntax-a": "wrap | nowrap",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4134,10 +4134,10 @@
 	},
 	"timeline-scope": {
 		"type": "modified",
-		"syntax-before": "none | <dashed-ident>#",
-		"syntax-after": "none | all | <dashed-ident>#",
+		"syntax-b": "none | <dashed-ident>#",
+		"syntax-a": "none | all | <dashed-ident>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4145,10 +4145,10 @@
 	},
 	"top": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4156,10 +4156,10 @@
 	},
 	"transform-origin": {
 		"type": "modified",
-		"syntax-before": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
-		"syntax-after": "[ 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>?",
+		"syntax-b": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
+		"syntax-a": "[ 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>?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4167,10 +4167,10 @@
 	},
 	"transition-duration": {
 		"type": "modified",
-		"syntax-before": "<time>#",
-		"syntax-after": "<time [0s,∞]>#",
+		"syntax-b": "<time>#",
+		"syntax-a": "<time [0s,∞]>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4178,10 +4178,10 @@
 	},
 	"unicode-bidi": {
 		"type": "modified",
-		"syntax-before": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext",
-		"syntax-after": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
+		"syntax-b": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext",
+		"syntax-a": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4189,10 +4189,10 @@
 	},
 	"vertical-align": {
 		"type": "modified",
-		"syntax-before": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
-		"syntax-after": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
+		"syntax-b": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
+		"syntax-a": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4200,10 +4200,10 @@
 	},
 	"view-timeline": {
 		"type": "modified",
-		"syntax-before": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
-		"syntax-after": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
+		"syntax-b": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
+		"syntax-a": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4211,10 +4211,10 @@
 	},
 	"view-timeline-name": {
 		"type": "modified",
-		"syntax-before": "none | <dashed-ident>#",
-		"syntax-after": "[ none | <dashed-ident> ]#",
+		"syntax-b": "none | <dashed-ident>#",
+		"syntax-a": "[ none | <dashed-ident> ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4222,10 +4222,10 @@
 	},
 	"view-transition-class": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <custom-ident>+",
+		"syntax-b": "",
+		"syntax-a": "none | <custom-ident>+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4233,10 +4233,10 @@
 	},
 	"view-transition-group": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | contain | nearest | <custom-ident>",
+		"syntax-b": "",
+		"syntax-a": "normal | contain | nearest | <custom-ident>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4244,10 +4244,10 @@
 	},
 	"voice-duration": {
 		"type": "modified",
-		"syntax-before": "auto | <time>",
-		"syntax-after": "auto | <time [0s,∞]>",
+		"syntax-b": "auto | <time>",
+		"syntax-a": "auto | <time [0s,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4255,10 +4255,10 @@
 	},
 	"voice-pitch": {
 		"type": "modified",
-		"syntax-before": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-		"syntax-after": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-b": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-a": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4266,10 +4266,10 @@
 	},
 	"voice-range": {
 		"type": "modified",
-		"syntax-before": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-		"syntax-after": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-b": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-a": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4277,10 +4277,10 @@
 	},
 	"voice-rate": {
 		"type": "modified",
-		"syntax-before": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>",
-		"syntax-after": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
+		"syntax-b": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>",
+		"syntax-a": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4288,10 +4288,10 @@
 	},
 	"white-space": {
 		"type": "modified",
-		"syntax-before": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
-		"syntax-after": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
+		"syntax-b": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
+		"syntax-a": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4299,10 +4299,10 @@
 	},
 	"widows": {
 		"type": "modified",
-		"syntax-before": "<integer>",
-		"syntax-after": "<integer [1,∞]>",
+		"syntax-b": "<integer>",
+		"syntax-a": "<integer [1,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4310,10 +4310,10 @@
 	},
 	"width": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4321,10 +4321,10 @@
 	},
 	"word-break": {
 		"type": "modified",
-		"syntax-before": "normal | break-all | keep-all | break-word | auto-phrase",
-		"syntax-after": "normal | break-all | keep-all | manual | auto-phrase | break-word",
+		"syntax-b": "normal | break-all | keep-all | break-word | auto-phrase",
+		"syntax-a": "normal | break-all | keep-all | manual | auto-phrase | break-word",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4332,10 +4332,10 @@
 	},
 	"word-space-transform": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ space | ideographic-space ] && auto-phrase?",
+		"syntax-b": "",
+		"syntax-a": "none | [ space | ideographic-space ] && auto-phrase?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4343,10 +4343,10 @@
 	},
 	"word-spacing": {
 		"type": "modified",
-		"syntax-before": "normal | <length>",
-		"syntax-after": "normal | <length-percentage>",
+		"syntax-b": "normal | <length>",
+		"syntax-a": "normal | <length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4354,10 +4354,10 @@
 	},
 	"word-wrap": {
 		"type": "modified",
-		"syntax-before": "normal | break-word",
-		"syntax-after": "normal | break-word | anywhere",
+		"syntax-b": "normal | break-word",
+		"syntax-a": "normal | break-word | anywhere",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4365,10 +4365,10 @@
 	},
 	"wrap-after": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4376,10 +4376,10 @@
 	},
 	"wrap-before": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4387,10 +4387,10 @@
 	},
 	"wrap-flow": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | both | start | end | minimum | maximum | clear",
+		"syntax-b": "",
+		"syntax-a": "auto | both | start | end | minimum | maximum | clear",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4398,10 +4398,10 @@
 	},
 	"wrap-inside": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | avoid",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4409,10 +4409,10 @@
 	},
 	"wrap-through": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "wrap | none",
+		"syntax-b": "",
+		"syntax-a": "wrap | none",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4420,10 +4420,10 @@
 	},
 	"writing-mode": {
 		"type": "modified",
-		"syntax-before": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
-		"syntax-after": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
+		"syntax-b": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
+		"syntax-a": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4431,10 +4431,10 @@
 	},
 	"x": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4442,10 +4442,10 @@
 	},
 	"y": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4453,10 +4453,10 @@
 	},
 	"z-index": {
 		"type": "modified",
-		"syntax-before": "auto | <integer>",
-		"syntax-after": "auto | <integer> | inherit",
+		"syntax-b": "auto | <integer>",
+		"syntax-a": "auto | <integer> | inherit",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4464,10 +4464,10 @@
 	},
 	"zoom": {
 		"type": "modified",
-		"syntax-before": "normal | reset | <number> | <percentage>",
-		"syntax-after": "<number [0,∞]> || <percentage [0,∞]>",
+		"syntax-b": "normal | reset | <number> | <percentage>",
+		"syntax-a": "<number [0,∞]> || <percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index da664678c0..02280a993e 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1,10 +1,10 @@
 {
 	"angle-percentage": {
 		"type": "modified",
-		"syntax-before": "<angle> | <percentage>",
-		"syntax-after": "[ <angle> | <percentage> ]",
+		"syntax-b": "<angle> | <percentage>",
+		"syntax-a": "[ <angle> | <percentage> ]",
 		"comment": "",
-		"merged": "[ <angle> | <percentage> ]",
+		"syntax-m": "[ <angle> | <percentage> ]",
 		"tests": {
 			"passing": [
 				{
@@ -26,10 +26,10 @@
 	},
 	"angular-color-stop": {
 		"type": "modified",
-		"syntax-before": "<color> && <color-stop-angle>?",
-		"syntax-after": "<color> <color-stop-angle>?",
+		"syntax-b": "<color> && <color-stop-angle>?",
+		"syntax-a": "<color> <color-stop-angle>?",
 		"comment": "",
-		"merged": "<color> <color-stop-angle>?",
+		"syntax-m": "<color> <color-stop-angle>?",
 		"tests": {
 			"passing": [
 				{
@@ -55,10 +55,10 @@
 	},
 	"angular-color-stop-list": {
 		"type": "modified",
-		"syntax-before": "[ <angular-color-stop> [, <angular-color-hint> ]? ]# , <angular-color-stop>",
-		"syntax-after": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+		"syntax-b": "[ <angular-color-stop> [, <angular-color-hint> ]? ]# , <angular-color-stop>",
+		"syntax-a": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
 		"comment": "",
-		"merged": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+		"syntax-m": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
 		"tests": {
 			"passing": [
 				{
@@ -103,10 +103,10 @@
 	},
 	"arc-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
+		"syntax-b": "",
+		"syntax-a": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -114,10 +114,10 @@
 	},
 	"arc-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "large | small",
+		"syntax-b": "",
+		"syntax-a": "large | small",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -125,10 +125,10 @@
 	},
 	"arc-sweep": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "cw | ccw",
+		"syntax-b": "",
+		"syntax-a": "cw | ccw",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -136,10 +136,10 @@
 	},
 	"attr-name": {
 		"type": "modified",
-		"syntax-before": "<wq-name>",
-		"syntax-after": "[ <ident-token> '|' ]? <ident-token>",
+		"syntax-b": "<wq-name>",
+		"syntax-a": "[ <ident-token> '|' ]? <ident-token>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -147,10 +147,10 @@
 	},
 	"attr-type": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
+		"syntax-b": "",
+		"syntax-a": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -158,10 +158,10 @@
 	},
 	"attr()": {
 		"type": "modified",
-		"syntax-before": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
-		"syntax-after": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
+		"syntax-b": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
+		"syntax-a": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -169,10 +169,10 @@
 	},
 	"autospace": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
+		"syntax-b": "",
+		"syntax-a": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -180,10 +180,10 @@
 	},
 	"axis": {
 		"type": "modified",
-		"syntax-before": "block | inline | vertical | horizontal",
-		"syntax-after": "block | inline | x | y",
+		"syntax-b": "block | inline | vertical | horizontal",
+		"syntax-a": "block | inline | x | y",
 		"comment": "",
-		"merged": "block | inline | x | y",
+		"syntax-m": "block | inline | x | y",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -191,10 +191,10 @@
 	},
 	"baseline-position": {
 		"type": "modified",
-		"syntax-before": "[ first | last ]? baseline",
-		"syntax-after": "[ first | last ]? && baseline",
+		"syntax-b": "[ first | last ]? baseline",
+		"syntax-a": "[ first | last ]? && baseline",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -202,10 +202,10 @@
 	},
 	"basic-shape": {
 		"type": "modified",
-		"syntax-before": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>",
-		"syntax-after": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+		"syntax-b": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>",
+		"syntax-a": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 		"comment": "https://github.com/w3c/csswg-drafts/issues/10812",
-		"merged": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+		"syntax-m": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 		"tests": {
 			"passing": [
 				{
@@ -239,10 +239,10 @@
 	},
 	"basic-shape-rect": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<inset()> | <rect()> | <xywh()>",
+		"syntax-b": "",
+		"syntax-a": "<inset()> | <rect()> | <xywh()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -250,10 +250,10 @@
 	},
 	"bg-clip": {
 		"type": "modified",
-		"syntax-before": "<box> | border | text",
-		"syntax-after": "<visual-box> | border-area | text",
+		"syntax-b": "<box> | border | text",
+		"syntax-a": "<visual-box> | border-area | text",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -261,10 +261,10 @@
 	},
 	"bg-image": {
 		"type": "modified",
-		"syntax-before": "none | <image>",
-		"syntax-after": "<image> | none",
+		"syntax-b": "none | <image>",
+		"syntax-a": "<image> | none",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -272,10 +272,10 @@
 	},
 	"bg-layer": {
 		"type": "modified",
-		"syntax-before": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
-		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
+		"syntax-b": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
+		"syntax-a": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -283,10 +283,10 @@
 	},
 	"bg-position": {
 		"type": "modified",
-		"syntax-before": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
-		"syntax-after": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]",
+		"syntax-b": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
+		"syntax-a": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -294,10 +294,10 @@
 	},
 	"bg-size": {
 		"type": "modified",
-		"syntax-before": "[ <length-percentage> | auto ]{1,2} | cover | contain",
-		"syntax-after": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
+		"syntax-b": "[ <length-percentage> | auto ]{1,2} | cover | contain",
+		"syntax-a": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -305,10 +305,10 @@
 	},
 	"bool-and": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "and <bool-in-parens>",
+		"syntax-b": "",
+		"syntax-a": "and <bool-in-parens>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -316,10 +316,10 @@
 	},
 	"bool-in-parens": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "( <boolean> ) | <bool-test> | <general-enclosed>",
+		"syntax-b": "",
+		"syntax-a": "( <boolean> ) | <bool-test> | <general-enclosed>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -327,10 +327,10 @@
 	},
 	"bool-not": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "not <bool-in-parens>",
+		"syntax-b": "",
+		"syntax-a": "not <bool-in-parens>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -338,10 +338,10 @@
 	},
 	"bool-or": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "or <bool-in-parens>",
+		"syntax-b": "",
+		"syntax-a": "or <bool-in-parens>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -349,10 +349,10 @@
 	},
 	"boolean": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"syntax-b": "",
+		"syntax-a": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -360,10 +360,10 @@
 	},
 	"boolean-without-or": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<bool-not> | <bool-in-parens> <bool-and>*",
+		"syntax-b": "",
+		"syntax-a": "<bool-not> | <bool-in-parens> <bool-and>*",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -371,10 +371,10 @@
 	},
 	"border-style": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"syntax-b": "",
+		"syntax-a": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -382,10 +382,10 @@
 	},
 	"border-width": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "thin | medium | thick | <length>",
+		"syntax-b": "",
+		"syntax-a": "thin | medium | thick | <length>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -393,10 +393,10 @@
 	},
 	"bottom": {
 		"type": "modified",
-		"syntax-before": "<length> | auto",
-		"syntax-after": "auto",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
 		"comment": "",
-		"merged": "<length-percentage> | auto",
+		"syntax-m": "<length-percentage> | auto",
 		"tests": {
 			"passing": [
 				{
@@ -438,10 +438,10 @@
 	},
 	"box": {
 		"type": "modified",
-		"syntax-before": "border-box | padding-box | content-box",
-		"syntax-after": "content-box | padding-box | border-box | margin-box | fill-box | stroke-box | view-box",
+		"syntax-b": "border-box | padding-box | content-box",
+		"syntax-a": "content-box | padding-box | border-box | margin-box | fill-box | stroke-box | view-box",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -449,10 +449,10 @@
 	},
 	"by-to": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "by | to",
+		"syntax-b": "",
+		"syntax-a": "by | to",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -460,10 +460,10 @@
 	},
 	"calc-keyword": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "e | pi | infinity | -infinity | NaN",
+		"syntax-b": "",
+		"syntax-a": "e | pi | infinity | -infinity | NaN",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -471,10 +471,10 @@
 	},
 	"calc-mix()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+		"syntax-b": "",
+		"syntax-a": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -482,10 +482,10 @@
 	},
 	"calc-product": {
 		"type": "modified",
-		"syntax-before": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
-		"syntax-after": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
+		"syntax-b": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
+		"syntax-a": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -493,10 +493,10 @@
 	},
 	"calc-size-basis": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
+		"syntax-b": "",
+		"syntax-a": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -504,10 +504,10 @@
 	},
 	"calc-size()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "calc-size( <calc-size-basis> , <calc-sum> )",
+		"syntax-b": "",
+		"syntax-a": "calc-size( <calc-size-basis> , <calc-sum> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -515,10 +515,10 @@
 	},
 	"calc-value": {
 		"type": "modified",
-		"syntax-before": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
-		"syntax-after": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
+		"syntax-b": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
+		"syntax-a": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -526,10 +526,10 @@
 	},
 	"cf-image": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <image> | <color> ] && <percentage [0,100]>?",
+		"syntax-b": "",
+		"syntax-a": "[ <image> | <color> ] && <percentage [0,100]>?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -537,10 +537,10 @@
 	},
 	"clamp()": {
 		"type": "modified",
-		"syntax-before": "clamp( <calc-sum>#{3} )",
-		"syntax-after": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
+		"syntax-b": "clamp( <calc-sum>#{3} )",
+		"syntax-a": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -548,9 +548,9 @@
 	},
 	"color": {
 		"type": "modified",
-		"syntax-before": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
-		"syntax-after": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
-		"merged": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
+		"syntax-b": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
+		"syntax-a": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
+		"syntax-m": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 		"tests": {
 			"passing": [
 				{
@@ -573,10 +573,10 @@
 	},
 	"color-font-tech": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
+		"syntax-b": "",
+		"syntax-a": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -584,10 +584,10 @@
 	},
 	"color-layers()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "color-layers( [ <blend-mode> , ]? <color># )",
+		"syntax-b": "",
+		"syntax-a": "color-layers( [ <blend-mode> , ]? <color># )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -595,10 +595,10 @@
 	},
 	"color-stop-list": {
 		"type": "modified",
-		"syntax-before": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
-		"syntax-after": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
+		"syntax-b": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
+		"syntax-a": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -606,10 +606,10 @@
 	},
 	"color-stripe": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color> && [ <length-percentage> | <flex> ]?",
+		"syntax-b": "",
+		"syntax-a": "<color> && [ <length-percentage> | <flex> ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -617,9 +617,9 @@
 	},
 	"color()": {
 		"type": "modified",
-		"syntax-before": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
-		"merged": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -642,9 +642,9 @@
 	},
 	"colorspace-params": {
 		"type": "modified",
-		"syntax-before": "[ <predefined-rgb-params> | <xyz-params> ]",
-		"syntax-after": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
-		"merged": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
+		"syntax-b": "[ <predefined-rgb-params> | <xyz-params> ]",
+		"syntax-a": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
+		"syntax-m": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 		"tests": {
 			"passing": [
 				{
@@ -671,10 +671,10 @@
 	},
 	"compat-auto": {
 		"type": "modified",
-		"syntax-before": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
-		"syntax-after": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
+		"syntax-b": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
+		"syntax-a": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -682,17 +682,17 @@
 	},
 	"compat-special": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "textfield | menulist-button",
-		"merged": "textfield | menulist-button",
+		"syntax-b": "",
+		"syntax-a": "textfield | menulist-button",
+		"syntax-m": "textfield | menulist-button",
 		"comment": ""
 	},
 	"composite-mode": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
+		"syntax-b": "",
+		"syntax-a": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -700,10 +700,10 @@
 	},
 	"conic-gradient-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
+		"syntax-b": "",
+		"syntax-a": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 		"comment": "",
-		"merged": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
+		"syntax-m": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 		"tests": {
 			"passing": [
 				{
@@ -724,10 +724,10 @@
 	},
 	"conic-gradient()": {
 		"type": "modified",
-		"syntax-before": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
-		"syntax-after": "conic-gradient( [ <conic-gradient-syntax> ] )",
+		"syntax-b": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-a": "conic-gradient( [ <conic-gradient-syntax> ] )",
 		"comment": "",
-		"merged": "conic-gradient( [ <conic-gradient-syntax> ] )",
+		"syntax-m": "conic-gradient( [ <conic-gradient-syntax> ] )",
 		"tests": {
 			"passing": [
 				{
@@ -757,10 +757,10 @@
 	},
 	"container-condition": {
 		"type": "modified",
-		"syntax-before": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
-		"syntax-after": "[ <container-name> ]? <container-query>",
+		"syntax-b": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+		"syntax-a": "[ <container-name> ]? <container-query>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"omit": true,
 		"tests": {
 			"passing": [],
@@ -769,10 +769,10 @@
 	},
 	"container-progress()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+		"syntax-b": "",
+		"syntax-a": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -780,10 +780,10 @@
 	},
 	"container-query": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+		"syntax-b": "",
+		"syntax-a": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"omit": true,
 		"tests": {
 			"passing": [],
@@ -792,10 +792,10 @@
 	},
 	"content-level": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "element | content | text | <attr()> | <counter>",
+		"syntax-b": "",
+		"syntax-a": "element | content | text | <attr()> | <counter>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -803,10 +803,10 @@
 	},
 	"content-list": {
 		"type": "modified",
-		"syntax-before": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
-		"syntax-after": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
+		"syntax-b": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
+		"syntax-a": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -814,10 +814,10 @@
 	},
 	"content()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "content( [ text | before | after | first-letter | marker ]? )",
+		"syntax-b": "",
+		"syntax-a": "content( [ text | before | after | first-letter | marker ]? )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -825,10 +825,10 @@
 	},
 	"contrast-color()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "contrast-color( <color> max? )",
+		"syntax-b": "",
+		"syntax-a": "contrast-color( <color> max? )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -836,10 +836,10 @@
 	},
 	"coord-box": {
 		"type": "modified",
-		"syntax-before": "content-box | padding-box | border-box | fill-box | stroke-box | view-box",
-		"syntax-after": "<paint-box> | view-box",
+		"syntax-b": "content-box | padding-box | border-box | fill-box | stroke-box | view-box",
+		"syntax-a": "<paint-box> | view-box",
 		"comment": "",
-		"merged": "<paint-box> | view-box",
+		"syntax-m": "<paint-box> | view-box",
 		"tests": {
 			"passing": [
 				{
@@ -865,10 +865,10 @@
 	},
 	"coordinate-pair": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage>{2}",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage>{2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -876,10 +876,10 @@
 	},
 	"counter-style": {
 		"type": "modified",
-		"syntax-before": "<counter-style-name> | symbols( )",
-		"syntax-after": "<counter-style-name> | <symbols()>",
+		"syntax-b": "<counter-style-name> | symbols( )",
+		"syntax-a": "<counter-style-name> | <symbols()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -887,10 +887,10 @@
 	},
 	"counter-style-name": {
 		"type": "modified",
-		"syntax-before": "<custom-ident>",
-		"syntax-after": "decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
+		"syntax-b": "<custom-ident>",
+		"syntax-a": "decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -898,10 +898,10 @@
 	},
 	"cross-fade()": {
 		"type": "modified",
-		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
-		"syntax-after": "cross-fade( <cf-image># )",
+		"syntax-b": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
+		"syntax-a": "cross-fade( <cf-image># )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -909,10 +909,10 @@
 	},
 	"crossorigin-modifier": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "crossorigin( anonymous | use-credentials )",
+		"syntax-b": "",
+		"syntax-a": "crossorigin( anonymous | use-credentials )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -920,11 +920,11 @@
 	},
 	"css-type": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<syntax-component> | <type()>",
+		"syntax-b": "",
+		"syntax-a": "<syntax-component> | <type()>",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -932,10 +932,10 @@
 	},
 	"cubic-bezier-easing-function": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
+		"syntax-b": "",
+		"syntax-a": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -943,10 +943,10 @@
 	},
 	"cubic-bezier()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
+		"syntax-b": "",
+		"syntax-a": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -954,10 +954,10 @@
 	},
 	"curve-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
+		"syntax-b": "",
+		"syntax-a": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -965,10 +965,10 @@
 	},
 	"custom-arg": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "$ <ident-token> ;",
+		"syntax-b": "",
+		"syntax-a": "$ <ident-token> ;",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -976,17 +976,17 @@
 	},
 	"custom-params": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident> [ <number> | <percentage> | none ]+",
-		"merged": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"syntax-m": "<dashed-ident> [ <number> | <percentage> | none ]+",
 		"comment": ""
 	},
 	"custom-selector": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+		"syntax-b": "",
+		"syntax-a": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -994,10 +994,10 @@
 	},
 	"dasharray": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
+		"syntax-b": "",
+		"syntax-a": "[ [ <length-percentage> | <number> ]+ ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1005,10 +1005,10 @@
 	},
 	"deprecated-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
+		"syntax-b": "",
+		"syntax-a": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1016,10 +1016,10 @@
 	},
 	"display-legacy": {
 		"type": "modified",
-		"syntax-before": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
-		"syntax-after": "inline-block | inline-table | inline-flex | inline-grid",
+		"syntax-b": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
+		"syntax-a": "inline-block | inline-table | inline-flex | inline-grid",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1027,10 +1027,10 @@
 	},
 	"dynamic-range-limit-mix()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+		"syntax-b": "",
+		"syntax-a": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1038,10 +1038,10 @@
 	},
 	"easing-function": {
 		"type": "modified",
-		"syntax-before": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
-		"syntax-after": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
+		"syntax-b": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
+		"syntax-a": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1049,10 +1049,10 @@
 	},
 	"element()": {
 		"type": "modified",
-		"syntax-before": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
-		"syntax-after": "element( <id-selector> )",
+		"syntax-b": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
+		"syntax-a": "element( <id-selector> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1060,10 +1060,10 @@
 	},
 	"env()": {
 		"type": "modified",
-		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
-		"syntax-after": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
+		"syntax-b": "env( <custom-ident> , <declaration-value>? )",
+		"syntax-a": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1071,10 +1071,10 @@
 	},
 	"feature-value-name": {
 		"type": "modified",
-		"syntax-before": "<custom-ident>",
-		"syntax-after": "<ident>",
+		"syntax-b": "<custom-ident>",
+		"syntax-a": "<ident>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1082,10 +1082,10 @@
 	},
 	"filter-function": {
 		"type": "modified",
-		"syntax-before": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
-		"syntax-after": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
+		"syntax-b": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
+		"syntax-a": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1093,10 +1093,10 @@
 	},
 	"filter-value-list": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <filter-function> | <url> ]+",
+		"syntax-b": "",
+		"syntax-a": "[ <filter-function> | <url> ]+",
 		"comment": "",
-		"merged": "[ <filter-function> | <url> ]+",
+		"syntax-m": "[ <filter-function> | <url> ]+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1104,10 +1104,10 @@
 	},
 	"filter()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "filter( [ <image> | <string> ] , <filter-value-list> )",
+		"syntax-b": "",
+		"syntax-a": "filter( [ <image> | <string> ] , <filter-value-list> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1115,10 +1115,10 @@
 	},
 	"final-bg-layer": {
 		"type": "modified",
-		"syntax-before": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
-		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
+		"syntax-b": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
+		"syntax-a": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1126,10 +1126,10 @@
 	},
 	"first-valid()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "first-valid( <declaration-value># )",
+		"syntax-b": "",
+		"syntax-a": "first-valid( <declaration-value># )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1137,10 +1137,10 @@
 	},
 	"fixed-breadth": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length-percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1148,10 +1148,10 @@
 	},
 	"font-features-tech": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ features-opentype | features-aat | features-graphite ]",
+		"syntax-b": "",
+		"syntax-a": "[ features-opentype | features-aat | features-graphite ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1159,10 +1159,10 @@
 	},
 	"font-format": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
+		"syntax-b": "",
+		"syntax-a": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1170,10 +1170,10 @@
 	},
 	"font-src": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
+		"syntax-b": "",
+		"syntax-a": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1181,10 +1181,10 @@
 	},
 	"font-tech": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+		"syntax-b": "",
+		"syntax-a": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1192,10 +1192,10 @@
 	},
 	"font-weight-absolute": {
 		"type": "modified",
-		"syntax-before": "normal | bold | <number [1,1000]>",
-		"syntax-after": "[ normal | bold | <number [1,1000]> ]",
+		"syntax-b": "normal | bold | <number [1,1000]>",
+		"syntax-a": "[ normal | bold | <number [1,1000]> ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1203,10 +1203,10 @@
 	},
 	"frequency-percentage": {
 		"type": "modified",
-		"syntax-before": "<frequency> | <percentage>",
-		"syntax-after": "[ <frequency> | <percentage> ]",
+		"syntax-b": "<frequency> | <percentage>",
+		"syntax-a": "[ <frequency> | <percentage> ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1214,11 +1214,11 @@
 	},
 	"function-dependency-list": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<function-parameter>#",
+		"syntax-b": "",
+		"syntax-a": "<function-parameter>#",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1226,11 +1226,11 @@
 	},
 	"function-name": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident>",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident>",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1238,10 +1238,10 @@
 	},
 	"function-parameter": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"syntax-b": "",
+		"syntax-a": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1249,10 +1249,10 @@
 	},
 	"function-parameter-list": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<function-parameter>#",
+		"syntax-b": "",
+		"syntax-a": "<function-parameter>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1260,10 +1260,10 @@
 	},
 	"generic-family": {
 		"type": "modified",
-		"syntax-before": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>",
-		"syntax-after": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
+		"syntax-b": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>",
+		"syntax-a": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1271,10 +1271,10 @@
 	},
 	"gradient": {
 		"type": "modified",
-		"syntax-before": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
-		"syntax-after": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]",
+		"syntax-b": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
+		"syntax-a": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1282,10 +1282,10 @@
 	},
 	"grid-line": {
 		"type": "modified",
-		"syntax-before": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]",
-		"syntax-after": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
+		"syntax-b": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]",
+		"syntax-a": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1293,10 +1293,10 @@
 	},
 	"hsl()": {
 		"type": "modified",
-		"syntax-before": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"syntax-after": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
+		"syntax-b": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-a": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 		"comment": "",
-		"merged": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
+		"syntax-m": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 		"tests": {
 			"passing": [
 				{
@@ -1313,10 +1313,10 @@
 	},
 	"hsla()": {
 		"type": "modified",
-		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+		"syntax-b": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-a": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 		"comment": "",
-		"merged": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+		"syntax-m": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 		"tests": {
 			"passing": [
 				{
@@ -1333,10 +1333,10 @@
 	},
 	"hv-line-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ hline | vline ] <by-to> <length-percentage>",
+		"syntax-b": "",
+		"syntax-a": "[ hline | vline ] <by-to> <length-percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1344,10 +1344,10 @@
 	},
 	"hwb()": {
 		"type": "modified",
-		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -1389,10 +1389,10 @@
 	},
 	"image": {
 		"type": "modified",
-		"syntax-before": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
-		"syntax-after": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>",
+		"syntax-b": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
+		"syntax-a": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>",
 		"comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/image/paint",
-		"merged": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
+		"syntax-m": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 		"tests": {
 			"passing": [
 				{
@@ -1405,10 +1405,10 @@
 	},
 	"image-1D": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<stripes()>",
+		"syntax-b": "",
+		"syntax-a": "<stripes()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1416,10 +1416,10 @@
 	},
 	"image-set-option": {
 		"type": "modified",
-		"syntax-before": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
-		"syntax-after": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"syntax-b": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
+		"syntax-a": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 		"comment": "",
-		"merged": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"syntax-m": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 		"tests": {
 			"passing": [
 				{
@@ -1437,10 +1437,10 @@
 	},
 	"image-src": {
 		"type": "modified",
-		"syntax-before": "<url> | <string>",
-		"syntax-after": "[ <url> | <string> ]",
+		"syntax-b": "<url> | <string>",
+		"syntax-a": "[ <url> | <string> ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1448,10 +1448,10 @@
 	},
 	"image-tags": {
 		"type": "modified",
-		"syntax-before": "ltr | rtl",
-		"syntax-after": "[ ltr | rtl ]",
+		"syntax-b": "ltr | rtl",
+		"syntax-a": "[ ltr | rtl ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1459,10 +1459,10 @@
 	},
 	"import-conditions": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+		"syntax-b": "",
+		"syntax-a": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1470,10 +1470,10 @@
 	},
 	"inflexible-breadth": {
 		"type": "modified",
-		"syntax-before": "<length-percentage> | min-content | max-content | auto",
-		"syntax-after": "<length-percentage [0,∞]> | min-content | max-content | auto",
+		"syntax-b": "<length-percentage> | min-content | max-content | auto",
+		"syntax-a": "<length-percentage [0,∞]> | min-content | max-content | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1481,10 +1481,10 @@
 	},
 	"integrity-modifier": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "integrity( <string> )",
+		"syntax-b": "",
+		"syntax-a": "integrity( <string> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1492,10 +1492,10 @@
 	},
 	"isolation-mode": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | isolate",
+		"syntax-b": "",
+		"syntax-a": "auto | isolate",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1503,10 +1503,10 @@
 	},
 	"keyframe-selector": {
 		"type": "modified",
-		"syntax-before": "from | to | <percentage> | <timeline-range-name> <percentage>",
-		"syntax-after": "from | to | <percentage [0,100]>",
+		"syntax-b": "from | to | <percentage> | <timeline-range-name> <percentage>",
+		"syntax-a": "from | to | <percentage [0,100]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1514,10 +1514,10 @@
 	},
 	"lab()": {
 		"type": "modified",
-		"syntax-before": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -1555,10 +1555,10 @@
 	},
 	"layout-box": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> | margin-box",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> | margin-box",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1566,10 +1566,10 @@
 	},
 	"lch()": {
 		"type": "modified",
-		"syntax-before": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -1607,10 +1607,10 @@
 	},
 	"left": {
 		"type": "modified",
-		"syntax-before": "<length> | auto",
-		"syntax-after": "auto",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
 		"comment": "",
-		"merged": "<length-percentage> | auto",
+		"syntax-m": "<length-percentage> | auto",
 		"tests": {
 			"passing": [
 				{
@@ -1652,10 +1652,10 @@
 	},
 	"legacy-hsl-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-b": "",
+		"syntax-a": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": "",
-		"merged": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-m": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"tests": {
 			"passing": [
 				{
@@ -1693,10 +1693,10 @@
 	},
 	"legacy-hsla-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-b": "",
+		"syntax-a": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": "",
-		"merged": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-m": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"tests": {
 			"passing": [
 				{
@@ -1730,10 +1730,10 @@
 	},
 	"legacy-rgb-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"syntax-b": "",
+		"syntax-a": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"comment": "",
-		"merged": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"syntax-m": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"tests": {
 			"passing": [
 				{
@@ -1779,10 +1779,10 @@
 	},
 	"legacy-rgba-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"syntax-b": "",
+		"syntax-a": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"comment": "",
-		"merged": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"syntax-m": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"tests": {
 			"passing": [
 				{
@@ -1828,10 +1828,10 @@
 	},
 	"length-percentage": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "[ <length> | <percentage> ]",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "[ <length> | <percentage> ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1839,10 +1839,10 @@
 	},
 	"line-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "line <by-to> <coordinate-pair>",
+		"syntax-b": "",
+		"syntax-a": "line <by-to> <coordinate-pair>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1850,10 +1850,10 @@
 	},
 	"line-width": {
 		"type": "modified",
-		"syntax-before": "<length> | thin | medium | thick",
-		"syntax-after": "<length [0,∞]> | thin | medium | thick",
+		"syntax-b": "<length> | thin | medium | thick",
+		"syntax-a": "<length [0,∞]> | thin | medium | thick",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1861,10 +1861,10 @@
 	},
 	"linear-easing-function": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "linear | <linear()>",
+		"syntax-b": "",
+		"syntax-a": "linear | <linear()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1872,10 +1872,10 @@
 	},
 	"linear-gradient-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"syntax-b": "",
+		"syntax-a": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1883,10 +1883,10 @@
 	},
 	"linear-gradient()": {
 		"type": "modified",
-		"syntax-before": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
-		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
+		"syntax-b": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-a": "linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1894,10 +1894,10 @@
 	},
 	"linear()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "linear( [ <number> && <percentage>{0,2} ]# )",
+		"syntax-b": "",
+		"syntax-a": "linear( [ <number> && <percentage>{0,2} ]# )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1905,10 +1905,10 @@
 	},
 	"link-param": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "param( <custom-property-name> <declaration-value>? )",
+		"syntax-b": "",
+		"syntax-a": "param( <custom-property-name> <declaration-value>? )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1916,10 +1916,10 @@
 	},
 	"marker-ref": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<url>",
+		"syntax-b": "",
+		"syntax-a": "<url>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1927,11 +1927,11 @@
 	},
 	"media-and": {
 		"type": "modified",
-		"syntax-before": "<media-in-parens> [ and <media-in-parens> ]+",
-		"syntax-after": "and <media-in-parens>",
+		"syntax-b": "<media-in-parens> [ and <media-in-parens> ]+",
+		"syntax-a": "and <media-in-parens>",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1939,11 +1939,11 @@
 	},
 	"media-condition": {
 		"type": "modified",
-		"syntax-before": "<media-not> | <media-and> | <media-or> | <media-in-parens>",
-		"syntax-after": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
+		"syntax-b": "<media-not> | <media-and> | <media-or> | <media-in-parens>",
+		"syntax-a": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1951,11 +1951,11 @@
 	},
 	"media-condition-without-or": {
 		"type": "modified",
-		"syntax-before": "<media-not> | <media-and> | <media-in-parens>",
-		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
+		"syntax-b": "<media-not> | <media-and> | <media-in-parens>",
+		"syntax-a": "<media-not> | <media-in-parens> <media-and>*",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1963,11 +1963,11 @@
 	},
 	"media-or": {
 		"type": "modified",
-		"syntax-before": "<media-in-parens> [ or <media-in-parens> ]+",
-		"syntax-after": "or <media-in-parens>",
+		"syntax-b": "<media-in-parens> [ or <media-in-parens> ]+",
+		"syntax-a": "or <media-in-parens>",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1975,10 +1975,10 @@
 	},
 	"media-progress()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
+		"syntax-b": "",
+		"syntax-a": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1986,11 +1986,11 @@
 	},
 	"media()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
+		"syntax-b": "",
+		"syntax-a": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1998,11 +1998,11 @@
 	},
 	"mf-comparison": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<mf-lt> | <mf-gt> | <mf-eq>",
+		"syntax-b": "",
+		"syntax-a": "<mf-lt> | <mf-gt> | <mf-eq>",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2010,11 +2010,11 @@
 	},
 	"mf-eq": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'='",
+		"syntax-b": "",
+		"syntax-a": "'='",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2022,11 +2022,11 @@
 	},
 	"mf-gt": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'>' '='?",
+		"syntax-b": "",
+		"syntax-a": "'>' '='?",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2034,11 +2034,11 @@
 	},
 	"mf-lt": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'<' '='?",
+		"syntax-b": "",
+		"syntax-a": "'<' '='?",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2046,11 +2046,11 @@
 	},
 	"mf-range": {
 		"type": "modified",
-		"syntax-before": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>",
-		"syntax-after": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
+		"syntax-b": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>",
+		"syntax-a": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2058,10 +2058,10 @@
 	},
 	"mix()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
+		"syntax-b": "",
+		"syntax-a": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2069,10 +2069,10 @@
 	},
 	"modern-hsl-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "",
+		"syntax-a": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -2118,10 +2118,10 @@
 	},
 	"modern-hsla-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "",
+		"syntax-a": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -2167,10 +2167,10 @@
 	},
 	"modern-rgb-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "",
+		"syntax-a": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -2216,10 +2216,10 @@
 	},
 	"modern-rgba-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "",
+		"syntax-a": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -2265,10 +2265,10 @@
 	},
 	"move-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "move <by-to> <coordinate-pair>",
+		"syntax-b": "",
+		"syntax-a": "move <by-to> <coordinate-pair>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2276,11 +2276,11 @@
 	},
 	"mq-boolean": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<integer [0,1]>",
+		"syntax-b": "",
+		"syntax-a": "<integer [0,1]>",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2288,10 +2288,10 @@
 	},
 	"named-color": {
 		"type": "modified",
-		"syntax-before": "transparent | 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",
-		"syntax-after": "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",
+		"syntax-b": "transparent | 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",
+		"syntax-a": "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",
 		"comment": "",
-		"merged": "transparent | 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",
+		"syntax-m": "transparent | 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",
 		"tests": {
 			"passing": [
 				{
@@ -2313,10 +2313,10 @@
 	},
 	"number-optional-number": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> <number>?",
+		"syntax-b": "",
+		"syntax-a": "<number> <number>?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2324,10 +2324,10 @@
 	},
 	"oklab()": {
 		"type": "modified",
-		"syntax-before": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -2365,10 +2365,10 @@
 	},
 	"oklch()": {
 		"type": "modified",
-		"syntax-before": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": "",
-		"merged": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -2406,10 +2406,10 @@
 	},
 	"opacity-value": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> | <percentage>",
+		"syntax-b": "",
+		"syntax-a": "<number> | <percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2417,10 +2417,10 @@
 	},
 	"opentype-tag": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<string>",
+		"syntax-b": "",
+		"syntax-a": "<string>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2428,10 +2428,10 @@
 	},
 	"padding-width": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length> | <percentage>",
+		"syntax-b": "",
+		"syntax-a": "<length> | <percentage>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2439,10 +2439,10 @@
 	},
 	"page-selector": {
 		"type": "modified",
-		"syntax-before": "<pseudo-page>+ | <ident> <pseudo-page>*",
-		"syntax-after": "[ <ident-token>? <pseudo-page>* ]!",
+		"syntax-b": "<pseudo-page>+ | <ident> <pseudo-page>*",
+		"syntax-a": "[ <ident-token>? <pseudo-page>* ]!",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2450,10 +2450,10 @@
 	},
 	"page-selector-list": {
 		"type": "modified",
-		"syntax-before": "[ <page-selector># ]?",
-		"syntax-after": "<page-selector>#",
+		"syntax-b": "[ <page-selector># ]?",
+		"syntax-a": "<page-selector>#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2461,10 +2461,10 @@
 	},
 	"paint": {
 		"type": "modified",
-		"syntax-before": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
-		"syntax-after": "none | <image> | <svg-paint>",
+		"syntax-b": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
+		"syntax-a": "none | <image> | <svg-paint>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2472,10 +2472,10 @@
 	},
 	"paint-box": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> | fill-box | stroke-box",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> | fill-box | stroke-box",
 		"comment": "",
-		"merged": "<visual-box> | fill-box | stroke-box",
+		"syntax-m": "<visual-box> | fill-box | stroke-box",
 		"tests": {
 			"passing": [
 				{
@@ -2501,10 +2501,10 @@
 	},
 	"palette-mix()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
+		"syntax-b": "",
+		"syntax-a": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2512,10 +2512,10 @@
 	},
 	"points": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <number>+ ]#",
+		"syntax-b": "",
+		"syntax-a": "[ <number>+ ]#",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2523,10 +2523,10 @@
 	},
 	"position": {
 		"type": "modified",
-		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
-		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+		"syntax-b": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+		"syntax-a": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"comment": "",
-		"merged": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+		"syntax-m": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"tests": {
 			"passing": [
 				{
@@ -2556,31 +2556,31 @@
 	},
 	"predefined-polar-params": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
-		"merged": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"syntax-b": "",
+		"syntax-a": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"syntax-m": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 		"comment": ""
 	},
 	"predefined-rectangular": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "jzazbz | ictcp",
-		"merged": "jzazbz | ictcp",
+		"syntax-b": "",
+		"syntax-a": "jzazbz | ictcp",
+		"syntax-m": "jzazbz | ictcp",
 		"comment": ""
 	},
 	"predefined-rectangular-params": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
-		"merged": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+		"syntax-b": "",
+		"syntax-a": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+		"syntax-m": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	},
 	"predefined-rgb": {
 		"type": "modified",
-		"syntax-before": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020",
-		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+		"syntax-b": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020",
+		"syntax-a": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 		"comment": "",
-		"merged": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+		"syntax-m": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2588,10 +2588,10 @@
 	},
 	"progress": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
+		"syntax-b": "",
+		"syntax-a": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2599,10 +2599,10 @@
 	},
 	"progress()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+		"syntax-b": "",
+		"syntax-a": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2610,10 +2610,10 @@
 	},
 	"pseudo-page": {
 		"type": "modified",
-		"syntax-before": ": [ left | right | first | blank ]",
-		"syntax-after": "':' [ left | right | first | blank ]",
+		"syntax-b": ": [ left | right | first | blank ]",
+		"syntax-a": "':' [ left | right | first | blank ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2621,10 +2621,10 @@
 	},
 	"pt-class-selector": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ '.' <custom-ident> ]+",
+		"syntax-b": "",
+		"syntax-a": "[ '.' <custom-ident> ]+",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2632,10 +2632,10 @@
 	},
 	"pt-name-and-class-selector": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
+		"syntax-b": "",
+		"syntax-a": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2643,10 +2643,10 @@
 	},
 	"pt-name-selector": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'*' | <custom-ident>",
+		"syntax-b": "",
+		"syntax-a": "'*' | <custom-ident>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2654,10 +2654,10 @@
 	},
 	"query-in-parens": {
 		"type": "modified",
-		"syntax-before": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
-		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
+		"syntax-b": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+		"syntax-a": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"omit": true,
 		"tests": {
 			"passing": [],
@@ -2666,10 +2666,10 @@
 	},
 	"radial-extent": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "closest-corner | closest-side | farthest-corner | farthest-side",
+		"syntax-b": "",
+		"syntax-a": "closest-corner | closest-side | farthest-corner | farthest-side",
 		"comment": "",
-		"merged": "closest-corner | closest-side | farthest-corner | farthest-side",
+		"syntax-m": "closest-corner | closest-side | farthest-corner | farthest-side",
 		"tests": {
 			"passing": [
 				{
@@ -2686,10 +2686,10 @@
 	},
 	"radial-gradient-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"syntax-b": "",
+		"syntax-a": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2697,10 +2697,10 @@
 	},
 	"radial-gradient()": {
 		"type": "modified",
-		"syntax-before": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
-		"syntax-after": "radial-gradient( [ <radial-gradient-syntax> ] )",
+		"syntax-b": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-a": "radial-gradient( [ <radial-gradient-syntax> ] )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2708,10 +2708,10 @@
 	},
 	"radial-shape": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "circle | ellipse",
+		"syntax-b": "",
+		"syntax-a": "circle | ellipse",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2719,10 +2719,10 @@
 	},
 	"radial-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
+		"syntax-b": "",
+		"syntax-a": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
 		"comment": "https://github.com/w3c/csswg-drafts/issues/10812",
-		"merged": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
+		"syntax-m": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [
 				{
@@ -2743,10 +2743,10 @@
 	},
 	"random-caching-options": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident> || per-element",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident> || per-element",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2754,10 +2754,10 @@
 	},
 	"random-item()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
+		"syntax-b": "",
+		"syntax-a": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2765,10 +2765,10 @@
 	},
 	"random()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
+		"syntax-b": "",
+		"syntax-a": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2776,10 +2776,10 @@
 	},
 	"ray()": {
 		"type": "modified",
-		"syntax-before": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
-		"syntax-after": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
+		"syntax-b": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
+		"syntax-a": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 		"comment": "Without the extra group the order seems to matter anyway, possibly a bug in css-tree or the syntax definition. See https://github.com/w3c/fxtf-drafts/pull/573",
-		"merged": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
+		"syntax-m": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 		"tests": {
 			"passing": [
 				{
@@ -2821,10 +2821,10 @@
 	},
 	"referrerpolicy-modifier": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
+		"syntax-b": "",
+		"syntax-a": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2832,10 +2832,10 @@
 	},
 	"repeat-style": {
 		"type": "modified",
-		"syntax-before": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
-		"syntax-after": "repeat-x | repeat-y | <repetition>{1,2}",
+		"syntax-b": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
+		"syntax-a": "repeat-x | repeat-y | <repetition>{1,2}",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2843,10 +2843,10 @@
 	},
 	"repeat()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto-fill | auto-fit",
+		"syntax-b": "",
+		"syntax-a": "auto-fill | auto-fit",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2854,10 +2854,10 @@
 	},
 	"repeating-conic-gradient()": {
 		"type": "modified",
-		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
-		"syntax-after": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
+		"syntax-b": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-a": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2865,10 +2865,10 @@
 	},
 	"repeating-linear-gradient()": {
 		"type": "modified",
-		"syntax-before": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
-		"syntax-after": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
+		"syntax-b": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-a": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2876,10 +2876,10 @@
 	},
 	"repeating-radial-gradient()": {
 		"type": "modified",
-		"syntax-before": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
-		"syntax-after": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
+		"syntax-b": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-a": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2887,10 +2887,10 @@
 	},
 	"repetition": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat | space | round | no-repeat",
+		"syntax-b": "",
+		"syntax-a": "repeat | space | round | no-repeat",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2898,10 +2898,10 @@
 	},
 	"request-url-modifier": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+		"syntax-b": "",
+		"syntax-a": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2909,10 +2909,10 @@
 	},
 	"rgb()": {
 		"type": "modified",
-		"syntax-before": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
-		"syntax-after": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
+		"syntax-b": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"syntax-a": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 		"comment": "",
-		"merged": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
+		"syntax-m": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 		"tests": {
 			"passing": [
 				{
@@ -2929,10 +2929,10 @@
 	},
 	"rgba()": {
 		"type": "modified",
-		"syntax-before": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
-		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
+		"syntax-b": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"syntax-a": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 		"comment": "",
-		"merged": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
+		"syntax-m": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 		"tests": {
 			"passing": [
 				{
@@ -2949,10 +2949,10 @@
 	},
 	"right": {
 		"type": "modified",
-		"syntax-before": "<length> | auto",
-		"syntax-after": "auto",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
 		"comment": "",
-		"merged": "<length-percentage> | auto",
+		"syntax-m": "<length-percentage> | auto",
 		"tests": {
 			"passing": [
 				{
@@ -2994,10 +2994,10 @@
 	},
 	"round()": {
 		"type": "modified",
-		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
-		"syntax-after": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
+		"syntax-b": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
+		"syntax-a": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3005,10 +3005,10 @@
 	},
 	"running()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "running( <custom-ident> )",
+		"syntax-b": "",
+		"syntax-a": "running( <custom-ident> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3016,10 +3016,10 @@
 	},
 	"scroll-state-in-parens": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
+		"syntax-b": "",
+		"syntax-a": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3027,10 +3027,10 @@
 	},
 	"scroll-state-query": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
+		"syntax-b": "",
+		"syntax-a": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3038,10 +3038,10 @@
 	},
 	"scroll()": {
 		"type": "modified",
-		"syntax-before": "scroll( [ <axis> || <scroller> ]? )",
-		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
+		"syntax-b": "scroll( [ <axis> || <scroller> ]? )",
+		"syntax-a": "scroll( [ <scroller> || <axis> ]? )",
 		"comment": "",
-		"merged": "scroll( [ <scroller> || <axis> ]? )",
+		"syntax-m": "scroll( [ <scroller> || <axis> ]? )",
 		"tests": {
 			"passing": [
 				{
@@ -3075,10 +3075,10 @@
 	},
 	"scroller": {
 		"type": "modified",
-		"syntax-before": "root | nearest",
-		"syntax-after": "root | nearest | self",
+		"syntax-b": "root | nearest",
+		"syntax-a": "root | nearest | self",
 		"comment": "",
-		"merged": "root | nearest | self",
+		"syntax-m": "root | nearest | self",
 		"tests": {
 			"passing": [
 				{
@@ -3099,10 +3099,10 @@
 	},
 	"shadow": {
 		"type": "modified",
-		"syntax-before": "inset? && <length>{2,4} && <color>?",
-		"syntax-after": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+		"syntax-b": "inset? && <length>{2,4} && <color>?",
+		"syntax-a": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3110,10 +3110,10 @@
 	},
 	"shape-box": {
 		"type": "modified",
-		"syntax-before": "<box> | margin-box",
-		"syntax-after": "<visual-box> | margin-box",
+		"syntax-b": "<box> | margin-box",
+		"syntax-a": "<visual-box> | margin-box",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3121,10 +3121,10 @@
 	},
 	"shape-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+		"syntax-b": "",
+		"syntax-a": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3132,10 +3132,10 @@
 	},
 	"shape()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+		"syntax-b": "",
+		"syntax-a": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3143,10 +3143,10 @@
 	},
 	"single-animation-iteration-count": {
 		"type": "modified",
-		"syntax-before": "infinite | <number>",
-		"syntax-after": "infinite | <number [0,∞]>",
+		"syntax-b": "infinite | <number>",
+		"syntax-a": "infinite | <number [0,∞]>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3154,10 +3154,10 @@
 	},
 	"smooth-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
+		"syntax-b": "",
+		"syntax-a": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3165,10 +3165,10 @@
 	},
 	"source-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<media-condition> <source-size-value> | auto",
+		"syntax-b": "",
+		"syntax-a": "<media-condition> <source-size-value> | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3176,10 +3176,10 @@
 	},
 	"source-size-list": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<source-size>#? , <source-size-value>",
+		"syntax-b": "",
+		"syntax-a": "<source-size>#? , <source-size-value>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3187,10 +3187,10 @@
 	},
 	"source-size-value": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length> | auto",
+		"syntax-b": "",
+		"syntax-a": "<length> | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3198,10 +3198,10 @@
 	},
 	"spacing-trim": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+		"syntax-b": "",
+		"syntax-a": "space-all | normal | space-first | trim-start | trim-both | trim-all",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3209,10 +3209,10 @@
 	},
 	"spread-shadow": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+		"syntax-b": "",
+		"syntax-a": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3220,10 +3220,10 @@
 	},
 	"src()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "src( <string> <url-modifier>* )",
+		"syntax-b": "",
+		"syntax-a": "src( <string> <url-modifier>* )",
 		"comment": "",
-		"merged": "src( <string> <url-modifier>* )",
+		"syntax-m": "src( <string> <url-modifier>* )",
 		"tests": {
 			"passing": [
 				{
@@ -3245,10 +3245,10 @@
 	},
 	"step-easing-function": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "step-start | step-end | <steps()>",
+		"syntax-b": "",
+		"syntax-a": "step-start | step-end | <steps()>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3256,10 +3256,10 @@
 	},
 	"steps()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "steps( <integer> , <step-position>? )",
+		"syntax-b": "",
+		"syntax-a": "steps( <integer> , <step-position>? )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3267,10 +3267,10 @@
 	},
 	"string()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "string( <custom-ident> , [ first | start | last | first-except ]? )",
+		"syntax-b": "",
+		"syntax-a": "string( <custom-ident> , [ first | start | last | first-except ]? )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3278,10 +3278,10 @@
 	},
 	"stripes()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "stripes( <color-stripe># )",
+		"syntax-b": "",
+		"syntax-a": "stripes( <color-stripe># )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3289,10 +3289,10 @@
 	},
 	"style-in-parens": {
 		"type": "modified",
-		"syntax-before": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>",
-		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+		"syntax-b": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>",
+		"syntax-a": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3300,10 +3300,10 @@
 	},
 	"style-query": {
 		"type": "modified",
-		"syntax-before": "<style-condition> | <style-feature>",
-		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
+		"syntax-b": "<style-condition> | <style-feature>",
+		"syntax-a": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3311,10 +3311,10 @@
 	},
 	"supports-feature": {
 		"type": "modified",
-		"syntax-before": "<supports-decl> | <supports-selector-fn>",
-		"syntax-after": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
+		"syntax-b": "<supports-decl> | <supports-selector-fn>",
+		"syntax-a": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3322,10 +3322,10 @@
 	},
 	"supports-font-format-fn": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "font-format( <font-format> )",
+		"syntax-b": "",
+		"syntax-a": "font-format( <font-format> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3333,10 +3333,10 @@
 	},
 	"supports-font-tech-fn": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "font-tech( <font-tech> )",
+		"syntax-b": "",
+		"syntax-a": "font-tech( <font-tech> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3344,10 +3344,10 @@
 	},
 	"supports()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "supports( <declaration> )",
+		"syntax-b": "",
+		"syntax-a": "supports( <declaration> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3355,10 +3355,10 @@
 	},
 	"svg-paint": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "child | child( <integer> )",
+		"syntax-b": "",
+		"syntax-a": "child | child( <integer> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3366,10 +3366,10 @@
 	},
 	"symbols-type": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "cyclic | numeric | alphabetic | symbolic | fixed",
+		"syntax-b": "",
+		"syntax-a": "cyclic | numeric | alphabetic | symbolic | fixed",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3377,10 +3377,10 @@
 	},
 	"symbols()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+		"syntax-b": "",
+		"syntax-a": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3388,11 +3388,11 @@
 	},
 	"syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+		"syntax-b": "",
+		"syntax-a": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3400,11 +3400,11 @@
 	},
 	"syntax-combinator": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'|'",
+		"syntax-b": "",
+		"syntax-a": "'|'",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3412,11 +3412,11 @@
 	},
 	"syntax-component": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+		"syntax-b": "",
+		"syntax-a": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3424,11 +3424,11 @@
 	},
 	"syntax-component-name": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
+		"syntax-b": "",
+		"syntax-a": "'<' <syntax-type> '>' | <custom-ident>",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3436,11 +3436,11 @@
 	},
 	"syntax-multiplier": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ '#' | '+' ]",
+		"syntax-b": "",
+		"syntax-a": "[ '#' | '+' ]",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3448,11 +3448,11 @@
 	},
 	"syntax-type": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+		"syntax-b": "",
+		"syntax-a": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3460,11 +3460,11 @@
 	},
 	"target-contrast": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<wcag2>",
+		"syntax-b": "",
+		"syntax-a": "<wcag2>",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3472,10 +3472,10 @@
 	},
 	"text-edge": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+		"syntax-b": "",
+		"syntax-a": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3483,10 +3483,10 @@
 	},
 	"time-percentage": {
 		"type": "modified",
-		"syntax-before": "<time> | <percentage>",
-		"syntax-after": "[ <time> | <percentage> ]",
+		"syntax-b": "<time> | <percentage>",
+		"syntax-a": "[ <time> | <percentage> ]",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3494,10 +3494,10 @@
 	},
 	"toggle()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "toggle( <whole-value># )",
+		"syntax-b": "",
+		"syntax-a": "toggle( <whole-value># )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3505,10 +3505,10 @@
 	},
 	"top": {
 		"type": "modified",
-		"syntax-before": "<length> | auto",
-		"syntax-after": "auto",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
 		"comment": "",
-		"merged": "<length-percentage> | auto",
+		"syntax-m": "<length-percentage> | auto",
 		"tests": {
 			"passing": [
 				{
@@ -3550,10 +3550,10 @@
 	},
 	"track-breadth": {
 		"type": "modified",
-		"syntax-before": "<length-percentage> | <flex> | min-content | max-content | auto",
-		"syntax-after": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
+		"syntax-b": "<length-percentage> | <flex> | min-content | max-content | auto",
+		"syntax-a": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3561,10 +3561,10 @@
 	},
 	"track-size": {
 		"type": "modified",
-		"syntax-before": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )",
-		"syntax-after": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
+		"syntax-b": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )",
+		"syntax-a": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3572,10 +3572,10 @@
 	},
 	"transform-mix()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "transform-mix( <progress> , <transform-list> , <transform-list> )",
+		"syntax-b": "",
+		"syntax-a": "transform-mix( <progress> , <transform-list> , <transform-list> )",
 		"comment": "",
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3583,11 +3583,11 @@
 	},
 	"type()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "type( <syntax> )",
+		"syntax-b": "",
+		"syntax-a": "type( <syntax> )",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3595,10 +3595,10 @@
 	},
 	"url": {
 		"type": "modified",
-		"syntax-before": "url( <string> <url-modifier>* ) | <url-token>",
-		"syntax-after": "<url()> | <src()>",
+		"syntax-b": "url( <string> <url-modifier>* ) | <url-token>",
+		"syntax-a": "<url()> | <src()>",
 		"comment": "",
-		"merged": "<url()> | <src()> | <url-token>",
+		"syntax-m": "<url()> | <src()> | <url-token>",
 		"tests": {
 			"passing": [
 				{
@@ -3632,9 +3632,9 @@
 	},
 	"url()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
-		"merged": "url( <string> <url-modifier>* ) | <url-token>",
+		"syntax-b": "",
+		"syntax-a": "url( <string> <url-modifier>* ) | <url-token>",
+		"syntax-m": "url( <string> <url-modifier>* ) | <url-token>",
 		"comment": "",
 		"tests": {
 			"passing": [
@@ -3657,11 +3657,11 @@
 	},
 	"wcag2": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
+		"syntax-b": "",
+		"syntax-a": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 		"comment": "",
 		"omit": true,
-		"merged": false,
+		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3669,9 +3669,9 @@
 	},
 	"xyz": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "xyz | xyz-d50 | xyz-d65",
-		"merged": "xyz | xyz-d50 | xyz-d65",
+		"syntax-b": "",
+		"syntax-a": "xyz | xyz-d50 | xyz-d65",
+		"syntax-m": "xyz | xyz-d50 | xyz-d65",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3680,9 +3680,9 @@
 	},
 	"xyz-params": {
 		"type": "modified",
-		"syntax-before": "<xyz-space> [ <number> | <percentage> | none ]{3}",
-		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
-		"merged": "<xyz> [ <number> | <percentage> | none ]{3}",
+		"syntax-b": "<xyz-space> [ <number> | <percentage> | none ]{3}",
+		"syntax-a": "<xyz> [ <number> | <percentage> | none ]{3}",
+		"syntax-m": "<xyz> [ <number> | <percentage> | none ]{3}",
 		"tests": {
 			"passing": [
 				{
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
index 899275a910..7d8f1cb56a 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -1,2342 +1,2342 @@
 {
 	"align-items": {
 		"type": "modified",
-		"syntax-before": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
-		"syntax-after": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center",
+		"syntax-b": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
+		"syntax-a": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center",
 		"comment": ""
 	},
 	"align-self": {
 		"type": "modified",
-		"syntax-before": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
-		"syntax-after": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
+		"syntax-b": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
+		"syntax-a": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
 		"comment": ""
 	},
 	"alignment-baseline": {
 		"type": "modified",
-		"syntax-before": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical",
-		"syntax-after": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
+		"syntax-b": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical",
+		"syntax-a": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
 		"comment": ""
 	},
 	"animation-duration": {
 		"type": "modified",
-		"syntax-before": "<time>#",
-		"syntax-after": "[ auto | <time [0s,∞]> ]#",
+		"syntax-b": "<time>#",
+		"syntax-a": "[ auto | <time [0s,∞]> ]#",
 		"comment": ""
 	},
 	"appearance": {
 		"type": "modified",
-		"syntax-before": "none | auto | textfield | menulist-button | <compat-auto>",
-		"syntax-after": "none | auto | <compat-auto> | <compat-special>",
+		"syntax-b": "none | auto | textfield | menulist-button | <compat-auto>",
+		"syntax-a": "none | auto | <compat-auto> | <compat-special>",
 		"comment": ""
 	},
 	"aspect-ratio": {
 		"type": "modified",
-		"syntax-before": "auto | <ratio>",
-		"syntax-after": "auto || <ratio>",
+		"syntax-b": "auto | <ratio>",
+		"syntax-a": "auto || <ratio>",
 		"comment": ""
 	},
 	"backdrop-filter": {
 		"type": "modified",
-		"syntax-before": "none | <filter-function-list>",
-		"syntax-after": "none | <filter-value-list>",
+		"syntax-b": "none | <filter-function-list>",
+		"syntax-a": "none | <filter-value-list>",
 		"comment": ""
 	},
 	"background": {
 		"type": "modified",
-		"syntax-before": "[ <bg-layer> , ]* <final-bg-layer>",
-		"syntax-after": "<bg-layer>#? , <final-bg-layer>",
+		"syntax-b": "[ <bg-layer> , ]* <final-bg-layer>",
+		"syntax-a": "<bg-layer>#? , <final-bg-layer>",
 		"comment": ""
 	},
 	"background-blend-mode": {
 		"type": "modified",
-		"syntax-before": "<blend-mode>#",
-		"syntax-after": "<mix-blend-mode>#",
+		"syntax-b": "<blend-mode>#",
+		"syntax-a": "<mix-blend-mode>#",
 		"comment": ""
 	},
 	"background-origin": {
 		"type": "modified",
-		"syntax-before": "<box>#",
-		"syntax-after": "<visual-box>#",
+		"syntax-b": "<box>#",
+		"syntax-a": "<visual-box>#",
 		"comment": ""
 	},
 	"background-position-block": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"syntax-b": "",
+		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
 		"comment": ""
 	},
 	"background-position-inline": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"syntax-b": "",
+		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
 		"comment": ""
 	},
 	"background-repeat-block": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repetition>#",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
 		"comment": ""
 	},
 	"background-repeat-inline": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repetition>#",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
 		"comment": ""
 	},
 	"background-repeat-x": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repetition>#",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
 		"comment": ""
 	},
 	"background-repeat-y": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repetition>#",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
 		"comment": ""
 	},
 	"background-tbd": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<bg-layer>#",
+		"syntax-b": "",
+		"syntax-a": "<bg-layer>#",
 		"comment": ""
 	},
 	"baseline-shift": {
 		"type": "modified",
-		"syntax-before": "baseline | sub | super | <svg-length>",
-		"syntax-after": "<length-percentage> | sub | super | top | center | bottom",
+		"syntax-b": "baseline | sub | super | <svg-length>",
+		"syntax-a": "<length-percentage> | sub | super | top | center | bottom",
 		"comment": ""
 	},
 	"baseline-source": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | first | last",
+		"syntax-b": "",
+		"syntax-a": "auto | first | last",
 		"comment": ""
 	},
 	"block-ellipsis": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | auto | <string>",
+		"syntax-b": "",
+		"syntax-a": "none | auto | <string>",
 		"comment": ""
 	},
 	"block-size": {
 		"type": "modified",
-		"syntax-before": "<'width'>",
-		"syntax-after": "<'width'> | stretch | fit-content | contain",
+		"syntax-b": "<'width'>",
+		"syntax-a": "<'width'> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"block-step": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
+		"syntax-b": "",
+		"syntax-a": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
 		"comment": ""
 	},
 	"block-step-align": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | center | start | end",
+		"syntax-b": "",
+		"syntax-a": "auto | center | start | end",
 		"comment": ""
 	},
 	"block-step-insert": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "margin | padding",
+		"syntax-b": "",
+		"syntax-a": "margin | padding",
 		"comment": ""
 	},
 	"block-step-round": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "up | down | nearest",
+		"syntax-b": "",
+		"syntax-a": "up | down | nearest",
 		"comment": ""
 	},
 	"block-step-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "none | <length [0,∞]>",
 		"comment": ""
 	},
 	"bookmark-label": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<content-list>",
+		"syntax-b": "",
+		"syntax-a": "<content-list>",
 		"comment": ""
 	},
 	"bookmark-level": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <integer [1,∞]>",
+		"syntax-b": "",
+		"syntax-a": "none | <integer [1,∞]>",
 		"comment": ""
 	},
 	"bookmark-state": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "open | closed",
+		"syntax-b": "",
+		"syntax-a": "open | closed",
 		"comment": ""
 	},
 	"border-block": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<'border-block-start'>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<'border-block-start'>",
 		"comment": ""
 	},
 	"border-block-end": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<line-width> || <line-style> || <color>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
 		"comment": ""
 	},
 	"border-block-end-color": {
 		"type": "modified",
-		"syntax-before": "<'border-top-color'>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": ""
 	},
 	"border-block-end-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": ""
 	},
 	"border-block-end-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<line-style>",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
 		"comment": ""
 	},
 	"border-block-end-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
 		"comment": ""
 	},
 	"border-block-start": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<line-width> || <line-style> || <color>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
 		"comment": ""
 	},
 	"border-block-start-color": {
 		"type": "modified",
-		"syntax-before": "<'border-top-color'>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": ""
 	},
 	"border-block-start-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": ""
 	},
 	"border-block-start-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<line-style>",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
 		"comment": ""
 	},
 	"border-block-start-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
 		"comment": ""
 	},
 	"border-block-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<'border-top-style'>{1,2}",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<'border-top-style'>{1,2}",
 		"comment": ""
 	},
 	"border-block-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<'border-top-width'>{1,2}",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<'border-top-width'>{1,2}",
 		"comment": ""
 	},
 	"border-bottom-color": {
 		"type": "modified",
-		"syntax-before": "<'border-top-color'>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": ""
 	},
 	"border-bottom-left-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": ""
 	},
 	"border-bottom-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": ""
 	},
 	"border-bottom-right-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": ""
 	},
 	"border-boundary": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | parent | display",
+		"syntax-b": "",
+		"syntax-a": "none | parent | display",
 		"comment": ""
 	},
 	"border-clip": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"comment": ""
 	},
 	"border-clip-bottom": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"comment": ""
 	},
 	"border-clip-left": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"comment": ""
 	},
 	"border-clip-right": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"comment": ""
 	},
 	"border-clip-top": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"comment": ""
 	},
 	"border-collapse": {
 		"type": "modified",
-		"syntax-before": "collapse | separate",
-		"syntax-after": "separate | collapse",
+		"syntax-b": "collapse | separate",
+		"syntax-a": "separate | collapse",
 		"comment": ""
 	},
 	"border-color": {
 		"type": "modified",
-		"syntax-before": "<color>{1,4}",
-		"syntax-after": "[ <color> | <image-1D> ]{1,4}",
+		"syntax-b": "<color>{1,4}",
+		"syntax-a": "[ <color> | <image-1D> ]{1,4}",
 		"comment": ""
 	},
 	"border-end-end-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": ""
 	},
 	"border-end-start-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": ""
 	},
 	"border-image-outset": {
 		"type": "modified",
-		"syntax-before": "[ <length> | <number> ]{1,4}",
-		"syntax-after": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
+		"syntax-b": "[ <length> | <number> ]{1,4}",
+		"syntax-a": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
 		"comment": ""
 	},
 	"border-image-slice": {
 		"type": "modified",
-		"syntax-before": "<number-percentage>{1,4} && fill?",
-		"syntax-after": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
+		"syntax-b": "<number-percentage>{1,4} && fill?",
+		"syntax-a": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
 		"comment": ""
 	},
 	"border-image-width": {
 		"type": "modified",
-		"syntax-before": "[ <length-percentage> | <number> | auto ]{1,4}",
-		"syntax-after": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
+		"syntax-b": "[ <length-percentage> | <number> | auto ]{1,4}",
+		"syntax-a": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
 		"comment": ""
 	},
 	"border-inline": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<'border-block-start'>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<'border-block-start'>",
 		"comment": ""
 	},
 	"border-inline-end": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<line-width> || <line-style> || <color>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
 		"comment": ""
 	},
 	"border-inline-end-color": {
 		"type": "modified",
-		"syntax-before": "<'border-top-color'>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": ""
 	},
 	"border-inline-end-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": ""
 	},
 	"border-inline-end-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<line-style>",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
 		"comment": ""
 	},
 	"border-inline-end-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
 		"comment": ""
 	},
 	"border-inline-start": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'> || <'border-top-style'> || <color>",
-		"syntax-after": "<line-width> || <line-style> || <color>",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
 		"comment": ""
 	},
 	"border-inline-start-color": {
 		"type": "modified",
-		"syntax-before": "<'border-top-color'>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": ""
 	},
 	"border-inline-start-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": ""
 	},
 	"border-inline-start-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<line-style>",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
 		"comment": ""
 	},
 	"border-inline-start-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
 		"comment": ""
 	},
 	"border-inline-style": {
 		"type": "modified",
-		"syntax-before": "<'border-top-style'>",
-		"syntax-after": "<'border-top-style'>{1,2}",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<'border-top-style'>{1,2}",
 		"comment": ""
 	},
 	"border-inline-width": {
 		"type": "modified",
-		"syntax-before": "<'border-top-width'>",
-		"syntax-after": "<'border-top-width'>{1,2}",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<'border-top-width'>{1,2}",
 		"comment": ""
 	},
 	"border-left-color": {
 		"type": "modified",
-		"syntax-before": "<color>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": ""
 	},
 	"border-left-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": ""
 	},
 	"border-limit": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"border-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
-		"syntax-after": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+		"syntax-b": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
+		"syntax-a": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 		"comment": ""
 	},
 	"border-right-color": {
 		"type": "modified",
-		"syntax-before": "<color>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": ""
 	},
 	"border-right-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": ""
 	},
 	"border-spacing": {
 		"type": "modified",
-		"syntax-before": "<length> <length>?",
-		"syntax-after": "<length>{1,2}",
+		"syntax-b": "<length> <length>?",
+		"syntax-a": "<length>{1,2}",
 		"comment": ""
 	},
 	"border-start-end-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": ""
 	},
 	"border-start-start-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": ""
 	},
 	"border-top-color": {
 		"type": "modified",
-		"syntax-before": "<color>",
-		"syntax-after": "<color> | <image-1D>",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
 		"comment": ""
 	},
 	"border-top-left-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": ""
 	},
 	"border-top-radius": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"comment": ""
 	},
 	"border-top-right-radius": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>{1,2}",
-		"syntax-after": "<length-percentage [0,∞]>{1,2}",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
 		"comment": ""
 	},
 	"bottom": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"box-shadow": {
 		"type": "modified",
-		"syntax-before": "none | <shadow>#",
-		"syntax-after": "<spread-shadow>#",
+		"syntax-b": "none | <shadow>#",
+		"syntax-a": "<spread-shadow>#",
 		"comment": ""
 	},
 	"box-shadow-blur": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length [0,∞]>#",
+		"syntax-b": "",
+		"syntax-a": "<length [0,∞]>#",
 		"comment": ""
 	},
 	"box-shadow-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>#",
+		"syntax-b": "",
+		"syntax-a": "<color>#",
 		"comment": ""
 	},
 	"box-shadow-offset": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ none | <length>{2} ]#",
+		"syntax-b": "",
+		"syntax-a": "[ none | <length>{2} ]#",
 		"comment": ""
 	},
 	"box-shadow-position": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ outset | inset ]#",
+		"syntax-b": "",
+		"syntax-a": "[ outset | inset ]#",
 		"comment": ""
 	},
 	"box-shadow-spread": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length>#",
+		"syntax-b": "",
+		"syntax-a": "<length>#",
 		"comment": ""
 	},
 	"box-snap": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | block-start | block-end | center | baseline | last-baseline",
+		"syntax-b": "",
+		"syntax-a": "none | block-start | block-end | center | baseline | last-baseline",
 		"comment": ""
 	},
 	"caption-side": {
 		"type": "modified",
-		"syntax-before": "top | bottom | block-start | block-end | inline-start | inline-end",
-		"syntax-after": "top | bottom",
+		"syntax-b": "top | bottom | block-start | block-end | inline-start | inline-end",
+		"syntax-a": "top | bottom",
 		"comment": ""
 	},
 	"caret": {
 		"type": "modified",
-		"syntax-before": "<'caret-color'> || <'caret-shape'>",
-		"syntax-after": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
+		"syntax-b": "<'caret-color'> || <'caret-shape'>",
+		"syntax-a": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
 		"comment": ""
 	},
 	"caret-animation": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | manual",
+		"syntax-b": "",
+		"syntax-a": "auto | manual",
 		"comment": ""
 	},
 	"clear": {
 		"type": "modified",
-		"syntax-before": "none | left | right | both | inline-start | inline-end",
-		"syntax-after": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
+		"syntax-b": "none | left | right | both | inline-start | inline-end",
+		"syntax-a": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
 		"comment": ""
 	},
 	"clip": {
 		"type": "modified",
-		"syntax-before": "<shape> | auto",
-		"syntax-after": "<rect()> | auto",
+		"syntax-b": "<shape> | auto",
+		"syntax-a": "<rect()> | auto",
 		"comment": ""
 	},
 	"color-adjust": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'print-color-adjust'>",
+		"syntax-b": "",
+		"syntax-a": "<'print-color-adjust'>",
 		"comment": ""
 	},
 	"color-interpolation": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | sRGB | linearRGB",
+		"syntax-b": "",
+		"syntax-a": "auto | sRGB | linearRGB",
 		"comment": ""
 	},
 	"column-count": {
 		"type": "modified",
-		"syntax-before": "<integer> | auto",
-		"syntax-after": "auto | <integer [1,∞]>",
+		"syntax-b": "<integer> | auto",
+		"syntax-a": "auto | <integer [1,∞]>",
 		"comment": ""
 	},
 	"column-gap": {
 		"type": "modified",
-		"syntax-before": "normal | <length-percentage>",
-		"syntax-after": "normal | <length-percentage [0,∞]>",
+		"syntax-b": "normal | <length-percentage>",
+		"syntax-a": "normal | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"column-rule-style": {
 		"type": "modified",
-		"syntax-before": "<'border-style'>",
-		"syntax-after": "<line-style>",
+		"syntax-b": "<'border-style'>",
+		"syntax-a": "<line-style>",
 		"comment": ""
 	},
 	"column-rule-width": {
 		"type": "modified",
-		"syntax-before": "<'border-width'>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<'border-width'>",
+		"syntax-a": "<line-width>",
 		"comment": ""
 	},
 	"column-span": {
 		"type": "modified",
-		"syntax-before": "none | all",
-		"syntax-after": "none | <integer [1,∞]> | all | auto",
+		"syntax-b": "none | all",
+		"syntax-a": "none | <integer [1,∞]> | all | auto",
 		"comment": ""
 	},
 	"column-width": {
 		"type": "modified",
-		"syntax-before": "<length> | auto",
-		"syntax-after": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
 		"comment": ""
 	},
 	"contain": {
 		"type": "modified",
-		"syntax-before": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
-		"syntax-after": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
+		"syntax-b": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
+		"syntax-a": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
 		"comment": ""
 	},
 	"container-type": {
 		"type": "modified",
-		"syntax-before": "normal || [ size | inline-size ]",
-		"syntax-after": "normal | [ [ size | inline-size ] || scroll-state ]",
+		"syntax-b": "normal || [ size | inline-size ]",
+		"syntax-a": "normal | [ [ size | inline-size ] || scroll-state ]",
 		"comment": ""
 	},
 	"content": {
 		"type": "modified",
-		"syntax-before": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
-		"syntax-after": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
+		"syntax-b": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
+		"syntax-a": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
 		"comment": ""
 	},
 	"continue": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | discard | -webkit-discard | overflow | paginate | fragments",
+		"syntax-b": "",
+		"syntax-a": "auto | discard | -webkit-discard | overflow | paginate | fragments",
 		"comment": ""
 	},
 	"copy-into": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
+		"syntax-b": "",
+		"syntax-a": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
 		"comment": ""
 	},
 	"corner-shape": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ round | angle ]{1,4}",
+		"syntax-b": "",
+		"syntax-a": "[ round | angle ]{1,4}",
 		"comment": ""
 	},
 	"corners": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'corner-shape'> || <'border-radius'>",
+		"syntax-b": "",
+		"syntax-a": "<'corner-shape'> || <'border-radius'>",
 		"comment": ""
 	},
 	"cue-after": {
 		"type": "modified",
-		"syntax-before": "<url> <decibel>? | none",
-		"syntax-after": "<uri> <decibel>? | none",
+		"syntax-b": "<url> <decibel>? | none",
+		"syntax-a": "<uri> <decibel>? | none",
 		"comment": ""
 	},
 	"cue-before": {
 		"type": "modified",
-		"syntax-before": "<url> <decibel>? | none",
-		"syntax-after": "<uri> <decibel>? | none",
+		"syntax-b": "<url> <decibel>? | none",
+		"syntax-a": "<uri> <decibel>? | none",
 		"comment": ""
 	},
 	"cursor": {
 		"type": "modified",
-		"syntax-before": "[ [ <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 ] ]",
-		"syntax-after": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
+		"syntax-b": "[ [ <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 ] ]",
+		"syntax-a": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
 		"comment": ""
 	},
 	"cx": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
 		"comment": ""
 	},
 	"cy": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
 		"comment": ""
 	},
 	"d": {
 		"type": "modified",
-		"syntax-before": "none | path( <string> )",
-		"syntax-after": "none | <string>",
+		"syntax-b": "none | path( <string> )",
+		"syntax-a": "none | <string>",
 		"comment": ""
 	},
 	"display": {
 		"type": "modified",
-		"syntax-before": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
-		"syntax-after": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
+		"syntax-b": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
+		"syntax-a": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
 		"comment": ""
 	},
 	"dominant-baseline": {
 		"type": "modified",
-		"syntax-before": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
-		"syntax-after": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
+		"syntax-b": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
+		"syntax-a": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
 		"comment": ""
 	},
 	"dynamic-range-limit": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "standard | high | constrained-high",
+		"syntax-b": "",
+		"syntax-a": "standard | high | constrained-high",
 		"comment": ""
 	},
 	"field-sizing": {
 		"type": "modified",
-		"syntax-before": "content | fixed",
-		"syntax-after": "fixed | content",
+		"syntax-b": "content | fixed",
+		"syntax-a": "fixed | content",
 		"comment": ""
 	},
 	"fill-break": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "bounding-box | slice | clone",
+		"syntax-b": "",
+		"syntax-a": "bounding-box | slice | clone",
 		"comment": ""
 	},
 	"fill-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>",
+		"syntax-b": "",
+		"syntax-a": "<color>",
 		"comment": ""
 	},
 	"fill-image": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<paint>#",
+		"syntax-b": "",
+		"syntax-a": "<paint>#",
 		"comment": ""
 	},
 	"fill-opacity": {
 		"type": "modified",
-		"syntax-before": "<number-zero-one>",
-		"syntax-after": "<'opacity'>",
+		"syntax-b": "<number-zero-one>",
+		"syntax-a": "<'opacity'>",
 		"comment": ""
 	},
 	"fill-origin": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"syntax-b": "",
+		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
 		"comment": ""
 	},
 	"fill-position": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<position>#",
+		"syntax-b": "",
+		"syntax-a": "<position>#",
 		"comment": ""
 	},
 	"fill-repeat": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repeat-style>#",
+		"syntax-b": "",
+		"syntax-a": "<repeat-style>#",
 		"comment": ""
 	},
 	"fill-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<bg-size>#",
+		"syntax-b": "",
+		"syntax-a": "<bg-size>#",
 		"comment": ""
 	},
 	"filter": {
 		"type": "modified",
-		"syntax-before": "none | <filter-function-list> | <-ms-filter-function-list>",
-		"syntax-after": "none | <filter-value-list>",
+		"syntax-b": "none | <filter-function-list> | <-ms-filter-function-list>",
+		"syntax-a": "none | <filter-value-list>",
 		"comment": ""
 	},
 	"flex-grow": {
 		"type": "modified",
-		"syntax-before": "<number>",
-		"syntax-after": "<number [0,∞]>",
+		"syntax-b": "<number>",
+		"syntax-a": "<number [0,∞]>",
 		"comment": ""
 	},
 	"flex-shrink": {
 		"type": "modified",
-		"syntax-before": "<number>",
-		"syntax-after": "<number [0,∞]>",
+		"syntax-b": "<number>",
+		"syntax-a": "<number [0,∞]>",
 		"comment": ""
 	},
 	"float": {
 		"type": "modified",
-		"syntax-before": "left | right | none | inline-start | inline-end",
-		"syntax-after": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none | footnote",
+		"syntax-b": "left | right | none | inline-start | inline-end",
+		"syntax-a": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none | footnote",
 		"comment": ""
 	},
 	"float-defer": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<integer> | last | none",
+		"syntax-b": "",
+		"syntax-a": "<integer> | last | none",
 		"comment": ""
 	},
 	"float-offset": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length> | <percentage>",
+		"syntax-b": "",
+		"syntax-a": "<length> | <percentage>",
 		"comment": ""
 	},
 	"float-reference": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "inline | column | region | page",
+		"syntax-b": "",
+		"syntax-a": "inline | column | region | page",
 		"comment": ""
 	},
 	"flood-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>",
+		"syntax-b": "",
+		"syntax-a": "<color>",
 		"comment": ""
 	},
 	"flood-opacity": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'opacity'>",
+		"syntax-b": "",
+		"syntax-a": "<'opacity'>",
 		"comment": ""
 	},
 	"flow-from": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<ident> | none",
+		"syntax-b": "",
+		"syntax-a": "<ident> | none",
 		"comment": ""
 	},
 	"flow-into": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <ident> [ element | content ]?",
+		"syntax-b": "",
+		"syntax-a": "none | <ident> [ element | content ]?",
 		"comment": ""
 	},
 	"font": {
 		"type": "modified",
-		"syntax-before": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
-		"syntax-after": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
+		"syntax-b": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
+		"syntax-a": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
 		"comment": ""
 	},
 	"font-palette": {
 		"type": "modified",
-		"syntax-before": "normal | light | dark | <palette-identifier>",
-		"syntax-after": "normal | light | dark | <palette-identifier> | <palette-mix()>",
+		"syntax-b": "normal | light | dark | <palette-identifier>",
+		"syntax-a": "normal | light | dark | <palette-identifier> | <palette-mix()>",
 		"comment": ""
 	},
 	"font-size": {
 		"type": "modified",
-		"syntax-before": "<absolute-size> | <relative-size> | <length-percentage>",
-		"syntax-after": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
+		"syntax-b": "<absolute-size> | <relative-size> | <length-percentage>",
+		"syntax-a": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
 		"comment": ""
 	},
 	"font-size-adjust": {
 		"type": "modified",
-		"syntax-before": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
-		"syntax-after": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
+		"syntax-b": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
+		"syntax-a": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
 		"comment": ""
 	},
 	"font-style": {
 		"type": "modified",
-		"syntax-before": "normal | italic | oblique <angle>?",
-		"syntax-after": "normal | italic | oblique <angle [-90deg,90deg]>?",
+		"syntax-b": "normal | italic | oblique <angle>?",
+		"syntax-a": "normal | italic | oblique <angle [-90deg,90deg]>?",
 		"comment": ""
 	},
 	"font-variant": {
 		"type": "modified",
-		"syntax-before": "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 ]",
-		"syntax-after": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
+		"syntax-b": "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 ]",
+		"syntax-a": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
 		"comment": ""
 	},
 	"font-variation-settings": {
 		"type": "modified",
-		"syntax-before": "normal | [ <string> <number> ]#",
-		"syntax-after": "normal | [ <opentype-tag> <number> ]#",
+		"syntax-b": "normal | [ <string> <number> ]#",
+		"syntax-a": "normal | [ <opentype-tag> <number> ]#",
 		"comment": ""
 	},
 	"font-width": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+		"syntax-b": "",
+		"syntax-a": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
 		"comment": ""
 	},
 	"footnote-display": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "block | inline | compact",
+		"syntax-b": "",
+		"syntax-a": "block | inline | compact",
 		"comment": ""
 	},
 	"footnote-policy": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | line | block",
+		"syntax-b": "",
+		"syntax-a": "auto | line | block",
 		"comment": ""
 	},
 	"forced-color-adjust": {
 		"type": "modified",
-		"syntax-before": "auto | none",
-		"syntax-after": "auto | none | preserve-parent-color",
+		"syntax-b": "auto | none",
+		"syntax-a": "auto | none | preserve-parent-color",
 		"comment": ""
 	},
 	"glyph-orientation-vertical": {
 		"type": "modified",
-		"syntax-before": "<angle>",
-		"syntax-after": "auto | 0deg | 90deg | 0 | 90",
+		"syntax-b": "<angle>",
+		"syntax-a": "auto | 0deg | 90deg | 0 | 90",
 		"comment": ""
 	},
 	"grid-auto-flow": {
 		"type": "modified",
-		"syntax-before": "[ row | column ] || dense",
-		"syntax-after": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+		"syntax-b": "[ row | column ] || dense",
+		"syntax-a": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
 		"comment": ""
 	},
 	"grid-template-columns": {
 		"type": "modified",
-		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
-		"syntax-after": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
+		"syntax-b": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
+		"syntax-a": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
 		"comment": ""
 	},
 	"grid-template-rows": {
 		"type": "modified",
-		"syntax-before": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
-		"syntax-after": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
+		"syntax-b": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
+		"syntax-a": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
 		"comment": ""
 	},
 	"height": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"hyphenate-limit-last": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | always | column | page | spread",
+		"syntax-b": "",
+		"syntax-a": "none | always | column | page | spread",
 		"comment": ""
 	},
 	"hyphenate-limit-lines": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "no-limit | <integer>",
+		"syntax-b": "",
+		"syntax-a": "no-limit | <integer>",
 		"comment": ""
 	},
 	"hyphenate-limit-zone": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage>",
 		"comment": ""
 	},
 	"image-orientation": {
 		"type": "modified",
-		"syntax-before": "from-image | <angle> | [ <angle>? flip ]",
-		"syntax-after": "from-image | none | [ <angle> || flip ]",
+		"syntax-b": "from-image | <angle> | [ <angle>? flip ]",
+		"syntax-a": "from-image | none | [ <angle> || flip ]",
 		"comment": ""
 	},
 	"image-rendering": {
 		"type": "modified",
-		"syntax-before": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>",
-		"syntax-after": "auto | smooth | high-quality | pixelated | crisp-edges",
+		"syntax-b": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>",
+		"syntax-a": "auto | smooth | high-quality | pixelated | crisp-edges",
 		"comment": ""
 	},
 	"initial-letter": {
 		"type": "modified",
-		"syntax-before": "normal | [ <number> <integer>? ]",
-		"syntax-after": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
+		"syntax-b": "normal | [ <number> <integer>? ]",
+		"syntax-a": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
 		"comment": ""
 	},
 	"initial-letter-align": {
 		"type": "modified",
-		"syntax-before": "[ auto | alphabetic | hanging | ideographic ]",
-		"syntax-after": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
+		"syntax-b": "[ auto | alphabetic | hanging | ideographic ]",
+		"syntax-a": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
 		"comment": ""
 	},
 	"initial-letter-wrap": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | first | all | grid | <length-percentage>",
+		"syntax-b": "",
+		"syntax-a": "none | first | all | grid | <length-percentage>",
 		"comment": ""
 	},
 	"inline-size": {
 		"type": "modified",
-		"syntax-before": "<'width'>",
-		"syntax-after": "<'width'> | stretch | fit-content | contain",
+		"syntax-b": "<'width'>",
+		"syntax-a": "<'width'> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"inline-sizing": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | stretch",
+		"syntax-b": "",
+		"syntax-a": "normal | stretch",
 		"comment": ""
 	},
 	"inset-block-end": {
 		"type": "modified",
-		"syntax-before": "<'top'>",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
 		"comment": ""
 	},
 	"inset-block-start": {
 		"type": "modified",
-		"syntax-before": "<'top'>",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
 		"comment": ""
 	},
 	"inset-inline-end": {
 		"type": "modified",
-		"syntax-before": "<'top'>",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
 		"comment": ""
 	},
 	"inset-inline-start": {
 		"type": "modified",
-		"syntax-before": "<'top'>",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
 		"comment": ""
 	},
 	"interpolate-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "numeric-only | allow-keywords",
+		"syntax-b": "",
+		"syntax-a": "numeric-only | allow-keywords",
 		"comment": ""
 	},
 	"isolation": {
 		"type": "modified",
-		"syntax-before": "auto | isolate",
-		"syntax-after": "<isolation-mode>",
+		"syntax-b": "auto | isolate",
+		"syntax-a": "<isolation-mode>",
 		"comment": ""
 	},
 	"justify-items": {
 		"type": "modified",
-		"syntax-before": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
-		"syntax-after": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
+		"syntax-b": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
+		"syntax-a": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
 		"comment": ""
 	},
 	"justify-self": {
 		"type": "modified",
-		"syntax-before": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
-		"syntax-after": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
+		"syntax-b": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
+		"syntax-a": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
 		"comment": ""
 	},
 	"left": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"lighting-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>",
+		"syntax-b": "",
+		"syntax-a": "<color>",
 		"comment": ""
 	},
 	"line-clamp": {
 		"type": "modified",
-		"syntax-before": "none | <integer>",
-		"syntax-after": "none | <integer [1,∞]> || <'block-ellipsis'>",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]> || <'block-ellipsis'>",
 		"comment": ""
 	},
 	"-webkit-line-clamp": {
 		"type": "modified",
-		"syntax-before": "none | <integer>",
-		"syntax-after": "none | <integer [1,∞]>",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]>",
 		"comment": ""
 	},
 	"line-fit-edge": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "leading | <text-edge>",
+		"syntax-b": "",
+		"syntax-a": "leading | <text-edge>",
 		"comment": ""
 	},
 	"line-grid": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "match-parent | create",
+		"syntax-b": "",
+		"syntax-a": "match-parent | create",
 		"comment": ""
 	},
 	"line-height": {
 		"type": "modified",
-		"syntax-before": "normal | <number> | <length> | <percentage>",
-		"syntax-after": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
+		"syntax-b": "normal | <number> | <length> | <percentage>",
+		"syntax-a": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"line-height-step": {
 		"type": "modified",
-		"syntax-before": "<length>",
-		"syntax-after": "<length [0,∞]>",
+		"syntax-b": "<length>",
+		"syntax-a": "<length [0,∞]>",
 		"comment": ""
 	},
 	"line-padding": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length>",
+		"syntax-b": "",
+		"syntax-a": "<length>",
 		"comment": ""
 	},
 	"line-snap": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | baseline | contain",
+		"syntax-b": "",
+		"syntax-a": "none | baseline | contain",
 		"comment": ""
 	},
 	"link-parameters": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <link-param>+",
+		"syntax-b": "",
+		"syntax-a": "none | <link-param>+",
 		"comment": ""
 	},
 	"list-style": {
 		"type": "modified",
-		"syntax-before": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
-		"syntax-after": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
+		"syntax-b": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
+		"syntax-a": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
 		"comment": ""
 	},
 	"margin": {
 		"type": "modified",
-		"syntax-before": "[ <length> | <percentage> | auto ]{1,4}",
-		"syntax-after": "<'margin-top'>{1,4}",
+		"syntax-b": "[ <length> | <percentage> | auto ]{1,4}",
+		"syntax-a": "<'margin-top'>{1,4}",
 		"comment": ""
 	},
 	"margin-block": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>{1,2}",
-		"syntax-after": "<'margin-top'>{1,2}",
+		"syntax-b": "<'margin-left'>{1,2}",
+		"syntax-a": "<'margin-top'>{1,2}",
 		"comment": ""
 	},
 	"margin-block-end": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>",
-		"syntax-after": "<'margin-top'>",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
 		"comment": ""
 	},
 	"margin-block-start": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>",
-		"syntax-after": "<'margin-top'>",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
 		"comment": ""
 	},
 	"margin-bottom": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-break": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | keep | discard",
+		"syntax-b": "",
+		"syntax-a": "auto | keep | discard",
 		"comment": ""
 	},
 	"margin-inline": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>{1,2}",
-		"syntax-after": "<'margin-top'>{1,2}",
+		"syntax-b": "<'margin-left'>{1,2}",
+		"syntax-a": "<'margin-top'>{1,2}",
 		"comment": ""
 	},
 	"margin-inline-end": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>",
-		"syntax-after": "<'margin-top'>",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
 		"comment": ""
 	},
 	"margin-inline-start": {
 		"type": "modified",
-		"syntax-before": "<'margin-left'>",
-		"syntax-after": "<'margin-top'>",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
 		"comment": ""
 	},
 	"margin-left": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-right": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-top": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
 		"comment": ""
 	},
 	"margin-trim": {
 		"type": "modified",
-		"syntax-before": "none | in-flow | all",
-		"syntax-after": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
+		"syntax-b": "none | in-flow | all",
+		"syntax-a": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
 		"comment": ""
 	},
 	"marker": {
 		"type": "modified",
-		"syntax-before": "none | <url>",
-		"syntax-after": "none | <marker-ref>",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
 		"comment": ""
 	},
 	"marker-end": {
 		"type": "modified",
-		"syntax-before": "none | <url>",
-		"syntax-after": "none | <marker-ref>",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
 		"comment": ""
 	},
 	"marker-mid": {
 		"type": "modified",
-		"syntax-before": "none | <url>",
-		"syntax-after": "none | <marker-ref>",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
 		"comment": ""
 	},
 	"marker-side": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "match-self | match-parent",
+		"syntax-b": "",
+		"syntax-a": "match-self | match-parent",
 		"comment": ""
 	},
 	"marker-start": {
 		"type": "modified",
-		"syntax-before": "none | <url>",
-		"syntax-after": "none | <marker-ref>",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
 		"comment": ""
 	},
 	"mask-border-slice": {
 		"type": "modified",
-		"syntax-before": "<number-percentage>{1,4} fill?",
-		"syntax-after": "[ <number> | <percentage> ]{1,4} fill?",
+		"syntax-b": "<number-percentage>{1,4} fill?",
+		"syntax-a": "[ <number> | <percentage> ]{1,4} fill?",
 		"comment": ""
 	},
 	"mask-clip": {
 		"type": "modified",
-		"syntax-before": "[ <geometry-box> | no-clip ]#",
-		"syntax-after": "[ <coord-box> | no-clip ]#",
+		"syntax-b": "[ <geometry-box> | no-clip ]#",
+		"syntax-a": "[ <coord-box> | no-clip ]#",
 		"comment": ""
 	},
 	"mask-origin": {
 		"type": "modified",
-		"syntax-before": "<geometry-box>#",
-		"syntax-after": "<coord-box>#",
+		"syntax-b": "<geometry-box>#",
+		"syntax-a": "<coord-box>#",
 		"comment": ""
 	},
 	"masonry": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
+		"syntax-b": "",
+		"syntax-a": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
 		"comment": ""
 	},
 	"masonry-auto-tracks": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'grid-auto-columns'>",
+		"syntax-b": "",
+		"syntax-a": "<'grid-auto-columns'>",
 		"comment": ""
 	},
 	"masonry-direction": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "row | column | row-reverse | column-reverse",
+		"syntax-b": "",
+		"syntax-a": "row | column | row-reverse | column-reverse",
 		"comment": ""
 	},
 	"masonry-fill": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | reverse",
+		"syntax-b": "",
+		"syntax-a": "normal | reverse",
 		"comment": ""
 	},
 	"masonry-flow": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'masonry-direction'> || <'masonry-fill'>",
+		"syntax-b": "",
+		"syntax-a": "<'masonry-direction'> || <'masonry-fill'>",
 		"comment": ""
 	},
 	"masonry-slack": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage>",
 		"comment": ""
 	},
 	"masonry-template-areas": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <string>",
+		"syntax-b": "",
+		"syntax-a": "none | <string>",
 		"comment": ""
 	},
 	"masonry-template-tracks": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'grid-template-columns'>",
+		"syntax-b": "",
+		"syntax-a": "<'grid-template-columns'>",
 		"comment": ""
 	},
 	"max-block-size": {
 		"type": "modified",
-		"syntax-before": "<'max-width'>",
-		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
+		"syntax-b": "<'max-width'>",
+		"syntax-a": "<'max-width'> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"max-height": {
 		"type": "modified",
-		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"max-inline-size": {
 		"type": "modified",
-		"syntax-before": "<'max-width'>",
-		"syntax-after": "<'max-width'> | stretch | fit-content | contain",
+		"syntax-b": "<'max-width'>",
+		"syntax-a": "<'max-width'> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"max-lines": {
 		"type": "modified",
-		"syntax-before": "none | <integer>",
-		"syntax-after": "none | <integer [1,∞]>",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]>",
 		"comment": ""
 	},
 	"max-width": {
 		"type": "modified",
-		"syntax-before": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"min-block-size": {
 		"type": "modified",
-		"syntax-before": "<'min-width'>",
-		"syntax-after": "<'min-width'> | stretch | fit-content | contain",
+		"syntax-b": "<'min-width'>",
+		"syntax-a": "<'min-width'> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"min-height": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"min-inline-size": {
 		"type": "modified",
-		"syntax-before": "<'min-width'>",
-		"syntax-after": "<'min-width'> | stretch | fit-content | contain",
+		"syntax-b": "<'min-width'>",
+		"syntax-a": "<'min-width'> | stretch | fit-content | contain",
 		"comment": ""
 	},
 	"min-intrinsic-sizing": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "legacy | zero-if-scroll || zero-if-extrinsic",
+		"syntax-b": "",
+		"syntax-a": "legacy | zero-if-scroll || zero-if-extrinsic",
 		"comment": ""
 	},
 	"min-width": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"mix-blend-mode": {
 		"type": "modified",
-		"syntax-before": "<blend-mode> | plus-lighter",
-		"syntax-after": "<blend-mode> | plus-darker | plus-lighter",
+		"syntax-b": "<blend-mode> | plus-lighter",
+		"syntax-a": "<blend-mode> | plus-darker | plus-lighter",
 		"comment": ""
 	},
 	"nav-down": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
 		"comment": ""
 	},
 	"nav-left": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
 		"comment": ""
 	},
 	"nav-right": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
 		"comment": ""
 	},
 	"nav-up": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
 		"comment": ""
 	},
 	"object-fit": {
 		"type": "modified",
-		"syntax-before": "fill | contain | cover | none | scale-down",
-		"syntax-after": "fill | none | [ contain | cover ] || scale-down",
+		"syntax-b": "fill | contain | cover | none | scale-down",
+		"syntax-a": "fill | none | [ contain | cover ] || scale-down",
 		"comment": ""
 	},
 	"object-view-box": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <basic-shape-rect>",
+		"syntax-b": "",
+		"syntax-a": "none | <basic-shape-rect>",
 		"comment": ""
 	},
 	"opacity": {
 		"type": "modified",
-		"syntax-before": "<alpha-value>",
-		"syntax-after": "<opacity-value>",
+		"syntax-b": "<alpha-value>",
+		"syntax-a": "<opacity-value>",
 		"comment": ""
 	},
 	"orphans": {
 		"type": "modified",
-		"syntax-before": "<integer>",
-		"syntax-after": "<integer [1,∞]>",
+		"syntax-b": "<integer>",
+		"syntax-a": "<integer [1,∞]>",
 		"comment": ""
 	},
 	"outline-color": {
 		"type": "modified",
-		"syntax-before": "auto | <color>",
-		"syntax-after": "auto | [ <color> | <image-1D> ]",
+		"syntax-b": "auto | <color>",
+		"syntax-a": "auto | [ <color> | <image-1D> ]",
 		"comment": ""
 	},
 	"outline-style": {
 		"type": "modified",
-		"syntax-before": "auto | <'border-style'>",
-		"syntax-after": "auto | <outline-line-style>",
+		"syntax-b": "auto | <'border-style'>",
+		"syntax-a": "auto | <outline-line-style>",
 		"comment": ""
 	},
 	"overflow": {
 		"type": "modified",
-		"syntax-before": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>",
-		"syntax-after": "<'overflow-block'>{1,2}",
+		"syntax-b": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>",
+		"syntax-a": "<'overflow-block'>{1,2}",
 		"comment": ""
 	},
 	"overflow-clip-margin-block": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
 	"overflow-clip-margin-block-end": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
 	"overflow-clip-margin-block-start": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
 	"overflow-clip-margin-bottom": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
 	"overflow-clip-margin-inline": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
 	"overflow-clip-margin-inline-end": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
 	"overflow-clip-margin-inline-start": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
 	"overflow-clip-margin-left": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
 	"overflow-clip-margin-right": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
 	"overflow-clip-margin-top": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> || <length [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
 		"comment": ""
 	},
 	"padding": {
 		"type": "modified",
-		"syntax-before": "[ <length> | <percentage> ]{1,4}",
-		"syntax-after": "<'padding-top'>{1,4}",
+		"syntax-b": "[ <length> | <percentage> ]{1,4}",
+		"syntax-a": "<'padding-top'>{1,4}",
 		"comment": ""
 	},
 	"padding-block": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>{1,2}",
-		"syntax-after": "<'padding-top'>{1,2}",
+		"syntax-b": "<'padding-left'>{1,2}",
+		"syntax-a": "<'padding-top'>{1,2}",
 		"comment": ""
 	},
 	"padding-block-end": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>",
-		"syntax-after": "<'padding-top'>",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
 		"comment": ""
 	},
 	"padding-block-start": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>",
-		"syntax-after": "<'padding-top'>",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
 		"comment": ""
 	},
 	"padding-bottom": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"padding-inline": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>{1,2}",
-		"syntax-after": "<'padding-top'>{1,2}",
+		"syntax-b": "<'padding-left'>{1,2}",
+		"syntax-a": "<'padding-top'>{1,2}",
 		"comment": ""
 	},
 	"padding-inline-end": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>",
-		"syntax-after": "<'padding-top'>",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
 		"comment": ""
 	},
 	"padding-inline-start": {
 		"type": "modified",
-		"syntax-before": "<'padding-left'>",
-		"syntax-after": "<'padding-top'>",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
 		"comment": ""
 	},
 	"padding-left": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"padding-right": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"padding-top": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"page-break-after": {
 		"type": "modified",
-		"syntax-before": "auto | always | avoid | left | right | recto | verso",
-		"syntax-after": "auto | always | avoid | left | right | inherit",
+		"syntax-b": "auto | always | avoid | left | right | recto | verso",
+		"syntax-a": "auto | always | avoid | left | right | inherit",
 		"comment": ""
 	},
 	"page-break-before": {
 		"type": "modified",
-		"syntax-before": "auto | always | avoid | left | right | recto | verso",
-		"syntax-after": "auto | always | avoid | left | right | inherit",
+		"syntax-b": "auto | always | avoid | left | right | recto | verso",
+		"syntax-a": "auto | always | avoid | left | right | inherit",
 		"comment": ""
 	},
 	"page-break-inside": {
 		"type": "modified",
-		"syntax-before": "auto | avoid",
-		"syntax-after": "avoid | auto | inherit",
+		"syntax-b": "auto | avoid",
+		"syntax-a": "avoid | auto | inherit",
 		"comment": ""
 	},
 	"pause-after": {
 		"type": "modified",
-		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"comment": ""
 	},
 	"pause-before": {
 		"type": "modified",
-		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"comment": ""
 	},
 	"perspective": {
 		"type": "modified",
-		"syntax-before": "none | <length>",
-		"syntax-after": "none | <length [0,∞]>",
+		"syntax-b": "none | <length>",
+		"syntax-a": "none | <length [0,∞]>",
 		"comment": ""
 	},
 	"pointer-events": {
 		"type": "modified",
-		"syntax-before": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
-		"syntax-after": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
+		"syntax-b": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
+		"syntax-a": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
 		"comment": ""
 	},
 	"position": {
 		"type": "modified",
-		"syntax-before": "static | relative | absolute | sticky | fixed | -webkit-sticky",
-		"syntax-after": "static | relative | absolute | sticky | fixed | <running()>",
+		"syntax-b": "static | relative | absolute | sticky | fixed | -webkit-sticky",
+		"syntax-a": "static | relative | absolute | sticky | fixed | <running()>",
 		"comment": ""
 	},
 	"position-anchor": {
 		"type": "modified",
-		"syntax-before": "<anchor-element>",
-		"syntax-after": "auto | <anchor-element>",
+		"syntax-b": "<anchor-element>",
+		"syntax-a": "auto | <anchor-element>",
 		"comment": ""
 	},
 	"quotes": {
 		"type": "modified",
-		"syntax-before": "none | auto | [ <string> <string> ]+",
-		"syntax-after": "auto | none | match-parent | [ <string> <string> ]+",
+		"syntax-b": "none | auto | [ <string> <string> ]+",
+		"syntax-a": "auto | none | match-parent | [ <string> <string> ]+",
 		"comment": ""
 	},
 	"r": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
 		"comment": ""
 	},
 	"reading-flow": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
+		"syntax-b": "",
+		"syntax-a": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
 		"comment": ""
 	},
 	"region-fragment": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | break",
+		"syntax-b": "",
+		"syntax-a": "auto | break",
 		"comment": ""
 	},
 	"rest-after": {
 		"type": "modified",
-		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"comment": ""
 	},
 	"rest-before": {
 		"type": "modified",
-		"syntax-before": "<time> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
+		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"comment": ""
 	},
 	"right": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"row-gap": {
 		"type": "modified",
-		"syntax-before": "normal | <length-percentage>",
-		"syntax-after": "normal | <length-percentage [0,∞]>",
+		"syntax-b": "normal | <length-percentage>",
+		"syntax-a": "normal | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"ruby-merge": {
 		"type": "modified",
-		"syntax-before": "separate | collapse | auto",
-		"syntax-after": "separate | merge | auto",
+		"syntax-b": "separate | collapse | auto",
+		"syntax-a": "separate | merge | auto",
 		"comment": ""
 	},
 	"ruby-overhang": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | none",
+		"syntax-b": "",
+		"syntax-a": "auto | none",
 		"comment": ""
 	},
 	"rx": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage> | auto",
 		"comment": ""
 	},
 	"ry": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage> | auto",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage> | auto",
 		"comment": ""
 	},
 	"scale": {
 		"type": "modified",
-		"syntax-before": "none | <number>{1,3}",
-		"syntax-after": "none | [ <number> | <percentage> ]{1,3}",
+		"syntax-b": "none | <number>{1,3}",
+		"syntax-a": "none | [ <number> | <percentage> ]{1,3}",
 		"comment": ""
 	},
 	"scroll-marker-group": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | before | after",
+		"syntax-b": "",
+		"syntax-a": "none | before | after",
 		"comment": ""
 	},
 	"scroll-padding": {
 		"type": "modified",
-		"syntax-before": "[ auto | <length-percentage> ]{1,4}",
-		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,4}",
+		"syntax-b": "[ auto | <length-percentage> ]{1,4}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,4}",
 		"comment": ""
 	},
 	"scroll-padding-block": {
 		"type": "modified",
-		"syntax-before": "[ auto | <length-percentage> ]{1,2}",
-		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
 		"comment": ""
 	},
 	"scroll-padding-block-end": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"scroll-padding-block-start": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"scroll-padding-bottom": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"scroll-padding-inline": {
 		"type": "modified",
-		"syntax-before": "[ auto | <length-percentage> ]{1,2}",
-		"syntax-after": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
 		"comment": ""
 	},
 	"scroll-padding-inline-end": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"scroll-padding-inline-start": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"scroll-padding-left": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"scroll-padding-right": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"scroll-padding-top": {
 		"type": "modified",
-		"syntax-before": "auto | <length-percentage>",
-		"syntax-after": "auto | <length-percentage [0,∞]>",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"scroll-start-target": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ none | auto ]",
+		"syntax-b": "",
+		"syntax-a": "[ none | auto ]",
 		"comment": ""
 	},
 	"scroll-timeline": {
 		"type": "modified",
-		"syntax-before": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#",
-		"syntax-after": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
+		"syntax-b": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#",
+		"syntax-a": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
 		"comment": ""
 	},
 	"shape-image-threshold": {
 		"type": "modified",
-		"syntax-before": "<alpha-value>",
-		"syntax-after": "<opacity-value>",
+		"syntax-b": "<alpha-value>",
+		"syntax-a": "<opacity-value>",
 		"comment": ""
 	},
 	"shape-inside": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
+		"syntax-b": "",
+		"syntax-a": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
 		"comment": ""
 	},
 	"shape-margin": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length-percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"shape-outside": {
 		"type": "modified",
-		"syntax-before": "none | [ <shape-box> || <basic-shape> ] | <image>",
-		"syntax-after": "none | [ <basic-shape> || <shape-box> ] | <image>",
+		"syntax-b": "none | [ <shape-box> || <basic-shape> ] | <image>",
+		"syntax-a": "none | [ <basic-shape> || <shape-box> ] | <image>",
 		"comment": ""
 	},
 	"shape-padding": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"shape-subtract": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ <basic-shape> | <uri> ]+",
+		"syntax-b": "",
+		"syntax-a": "none | [ <basic-shape> | <uri> ]+",
 		"comment": ""
 	},
 	"spatial-navigation-action": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | focus | scroll",
+		"syntax-b": "",
+		"syntax-a": "auto | focus | scroll",
 		"comment": ""
 	},
 	"spatial-navigation-contain": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | contain",
+		"syntax-b": "",
+		"syntax-a": "auto | contain",
 		"comment": ""
 	},
 	"spatial-navigation-function": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | grid",
+		"syntax-b": "",
+		"syntax-a": "normal | grid",
 		"comment": ""
 	},
 	"string-set": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ <custom-ident> <string>+ ]#",
+		"syntax-b": "",
+		"syntax-a": "none | [ <custom-ident> <string>+ ]#",
 		"comment": ""
 	},
 	"stroke-align": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "center | inset | outset",
+		"syntax-b": "",
+		"syntax-a": "center | inset | outset",
 		"comment": ""
 	},
 	"stroke-alignment": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "center | inner | outer",
+		"syntax-b": "",
+		"syntax-a": "center | inner | outer",
 		"comment": ""
 	},
 	"stroke-break": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "bounding-box | slice | clone",
+		"syntax-b": "",
+		"syntax-a": "bounding-box | slice | clone",
 		"comment": ""
 	},
 	"stroke-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color>#",
+		"syntax-b": "",
+		"syntax-a": "<color>#",
 		"comment": ""
 	},
 	"stroke-dash-corner": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <length>",
+		"syntax-b": "",
+		"syntax-a": "none | <length>",
 		"comment": ""
 	},
 	"stroke-dash-justify": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ stretch | compress ] || [ dashes || gaps ]",
+		"syntax-b": "",
+		"syntax-a": "none | [ stretch | compress ] || [ dashes || gaps ]",
 		"comment": ""
 	},
 	"stroke-dashadjust": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ stretch | compress ] [ dashes | gaps ]?",
+		"syntax-b": "",
+		"syntax-a": "none | [ stretch | compress ] [ dashes | gaps ]?",
 		"comment": ""
 	},
 	"stroke-dasharray": {
 		"type": "modified",
-		"syntax-before": "none | [ <svg-length>+ ]#",
-		"syntax-after": "none | [ <length-percentage> | <number> ]+#",
+		"syntax-b": "none | [ <svg-length>+ ]#",
+		"syntax-a": "none | [ <length-percentage> | <number> ]+#",
 		"comment": ""
 	},
 	"stroke-dashcorner": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <length>",
+		"syntax-b": "",
+		"syntax-a": "none | <length>",
 		"comment": ""
 	},
 	"stroke-dashoffset": {
 		"type": "modified",
-		"syntax-before": "<svg-length>",
-		"syntax-after": "<length-percentage> | <number>",
+		"syntax-b": "<svg-length>",
+		"syntax-a": "<length-percentage> | <number>",
 		"comment": ""
 	},
 	"stroke-image": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<paint>#",
+		"syntax-b": "",
+		"syntax-a": "<paint>#",
 		"comment": ""
 	},
 	"stroke-linejoin": {
 		"type": "modified",
-		"syntax-before": "miter | round | bevel",
-		"syntax-after": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
+		"syntax-b": "miter | round | bevel",
+		"syntax-a": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
 		"comment": ""
 	},
 	"stroke-miterlimit": {
 		"type": "modified",
-		"syntax-before": "<number-one-or-greater>",
-		"syntax-after": "<number>",
+		"syntax-b": "<number-one-or-greater>",
+		"syntax-a": "<number>",
 		"comment": ""
 	},
 	"stroke-opacity": {
 		"type": "modified",
-		"syntax-before": "<number-zero-one>",
-		"syntax-after": "<'opacity'>",
+		"syntax-b": "<number-zero-one>",
+		"syntax-a": "<'opacity'>",
 		"comment": ""
 	},
 	"stroke-origin": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"syntax-b": "",
+		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
 		"comment": ""
 	},
 	"stroke-position": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<position>#",
+		"syntax-b": "",
+		"syntax-a": "<position>#",
 		"comment": ""
 	},
 	"stroke-repeat": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<repeat-style>#",
+		"syntax-b": "",
+		"syntax-a": "<repeat-style>#",
 		"comment": ""
 	},
 	"stroke-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<bg-size>#",
+		"syntax-b": "",
+		"syntax-a": "<bg-size>#",
 		"comment": ""
 	},
 	"stroke-width": {
 		"type": "modified",
-		"syntax-before": "<svg-length>",
-		"syntax-after": "[ <length-percentage> | <number> ]#",
+		"syntax-b": "<svg-length>",
+		"syntax-a": "[ <length-percentage> | <number> ]#",
 		"comment": ""
 	},
 	"tab-size": {
 		"type": "modified",
-		"syntax-before": "<integer> | <length>",
-		"syntax-after": "<number [0,∞]> | <length [0,∞]>",
+		"syntax-b": "<integer> | <length>",
+		"syntax-a": "<number [0,∞]> | <length [0,∞]>",
 		"comment": ""
 	},
 	"text-align": {
 		"type": "modified",
-		"syntax-before": "start | end | left | right | center | justify | match-parent",
-		"syntax-after": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
+		"syntax-b": "start | end | left | right | center | justify | match-parent",
+		"syntax-a": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
 		"comment": ""
 	},
 	"text-align-all": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "start | end | left | right | center | <string> | justify | match-parent",
+		"syntax-b": "",
+		"syntax-a": "start | end | left | right | center | <string> | justify | match-parent",
 		"comment": ""
 	},
 	"text-align-last": {
 		"type": "modified",
-		"syntax-before": "auto | start | end | left | right | center | justify",
-		"syntax-after": "auto | start | end | left | right | center | justify | match-parent",
+		"syntax-b": "auto | start | end | left | right | center | justify",
+		"syntax-a": "auto | start | end | left | right | center | justify | match-parent",
 		"comment": ""
 	},
 	"text-autospace": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | <autospace> | auto",
+		"syntax-b": "",
+		"syntax-a": "normal | <autospace> | auto",
 		"comment": ""
 	},
 	"text-box": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | <'text-box-trim'> || <'text-box-edge'>",
+		"syntax-b": "",
+		"syntax-a": "normal | <'text-box-trim'> || <'text-box-edge'>",
 		"comment": ""
 	},
 	"text-box-edge": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | <text-edge>",
+		"syntax-b": "",
+		"syntax-a": "auto | <text-edge>",
 		"comment": ""
 	},
 	"text-box-trim": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | trim-start | trim-end | trim-both",
+		"syntax-b": "",
+		"syntax-a": "none | trim-start | trim-end | trim-both",
 		"comment": ""
 	},
 	"text-combine-upright": {
 		"type": "modified",
-		"syntax-before": "none | all | [ digits <integer>? ]",
-		"syntax-after": "none | all | [ digits <integer [2,4]>? ]",
+		"syntax-b": "none | all | [ digits <integer>? ]",
+		"syntax-a": "none | all | [ digits <integer [2,4]>? ]",
 		"comment": ""
 	},
 	"text-decoration": {
 		"type": "modified",
-		"syntax-before": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
-		"syntax-after": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>",
+		"syntax-b": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
+		"syntax-a": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>",
 		"comment": ""
 	},
 	"text-decoration-skip": {
 		"type": "modified",
-		"syntax-before": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
-		"syntax-after": "none | auto",
+		"syntax-b": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
+		"syntax-a": "none | auto",
 		"comment": ""
 	},
 	"text-decoration-skip-box": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | all",
+		"syntax-b": "",
+		"syntax-a": "none | all",
 		"comment": ""
 	},
 	"text-decoration-skip-ink": {
 		"type": "modified",
-		"syntax-before": "auto | all | none",
-		"syntax-after": "auto | none | all",
+		"syntax-b": "auto | all | none",
+		"syntax-a": "auto | none | all",
 		"comment": ""
 	},
 	"text-decoration-skip-self": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
+		"syntax-b": "",
+		"syntax-a": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
 		"comment": ""
 	},
 	"text-decoration-skip-spaces": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | all | [ start || end ]",
+		"syntax-b": "",
+		"syntax-a": "none | all | [ start || end ]",
 		"comment": ""
 	},
 	"text-decoration-thickness": {
 		"type": "modified",
-		"syntax-before": "auto | from-font | <length> | <percentage>",
-		"syntax-after": "auto | from-font | <length-percentage>",
+		"syntax-b": "auto | from-font | <length> | <percentage>",
+		"syntax-a": "auto | from-font | <length-percentage>",
 		"comment": ""
 	},
 	"text-decoration-trim": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length>{1,2} | auto",
+		"syntax-b": "",
+		"syntax-a": "<length>{1,2} | auto",
 		"comment": ""
 	},
 	"text-emphasis-position": {
 		"type": "modified",
-		"syntax-before": "[ over | under ] && [ right | left ]",
-		"syntax-after": "[ over | under ] && [ right | left ]?",
+		"syntax-b": "[ over | under ] && [ right | left ]",
+		"syntax-a": "[ over | under ] && [ right | left ]?",
 		"comment": ""
 	},
 	"text-emphasis-skip": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "spaces || punctuation || symbols || narrow",
+		"syntax-b": "",
+		"syntax-a": "spaces || punctuation || symbols || narrow",
 		"comment": ""
 	},
 	"text-group-align": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | start | end | left | right | center",
+		"syntax-b": "",
+		"syntax-a": "none | start | end | left | right | center",
 		"comment": ""
 	},
 	"text-indent": {
 		"type": "modified",
-		"syntax-before": "<length-percentage> && hanging? && each-line?",
-		"syntax-after": "[ <length-percentage> ] && hanging? && each-line?",
+		"syntax-b": "<length-percentage> && hanging? && each-line?",
+		"syntax-a": "[ <length-percentage> ] && hanging? && each-line?",
 		"comment": ""
 	},
 	"text-justify": {
 		"type": "modified",
-		"syntax-before": "auto | inter-character | inter-word | none",
-		"syntax-after": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
+		"syntax-b": "auto | inter-character | inter-word | none",
+		"syntax-a": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
 		"comment": ""
 	},
 	"text-overflow": {
 		"type": "modified",
-		"syntax-before": "[ clip | ellipsis | <string> ]{1,2}",
-		"syntax-after": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
+		"syntax-b": "[ clip | ellipsis | <string> ]{1,2}",
+		"syntax-a": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
 		"comment": ""
 	},
 	"text-shadow": {
 		"type": "modified",
-		"syntax-before": "none | <shadow-t>#",
-		"syntax-after": "none | <shadow>#",
+		"syntax-b": "none | <shadow-t>#",
+		"syntax-a": "none | <shadow>#",
 		"comment": ""
 	},
 	"text-size-adjust": {
 		"type": "modified",
-		"syntax-before": "none | auto | <percentage>",
-		"syntax-after": "auto | none | <percentage [0,∞]>",
+		"syntax-b": "none | auto | <percentage>",
+		"syntax-a": "auto | none | <percentage [0,∞]>",
 		"comment": ""
 	},
 	"text-spacing": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | auto | <spacing-trim> || <autospace>",
+		"syntax-b": "",
+		"syntax-a": "none | auto | <spacing-trim> || <autospace>",
 		"comment": ""
 	},
 	"text-spacing-trim": {
 		"type": "modified",
-		"syntax-before": "space-all | normal | space-first | trim-start | trim-both | trim-all | auto",
-		"syntax-after": "<spacing-trim> | auto",
+		"syntax-b": "space-all | normal | space-first | trim-start | trim-both | trim-all | auto",
+		"syntax-a": "<spacing-trim> | auto",
 		"comment": ""
 	},
 	"-webkit-text-stroke": {
 		"type": "modified",
-		"syntax-before": "<length> || <color>",
-		"syntax-after": "<line-width> || <color>",
+		"syntax-b": "<length> || <color>",
+		"syntax-a": "<line-width> || <color>",
 		"comment": ""
 	},
 	"-webkit-text-stroke-width": {
 		"type": "modified",
-		"syntax-before": "<length>",
-		"syntax-after": "<line-width>",
+		"syntax-b": "<length>",
+		"syntax-a": "<line-width>",
 		"comment": ""
 	},
 	"text-transform": {
 		"type": "modified",
-		"syntax-before": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
-		"syntax-after": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
+		"syntax-b": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
+		"syntax-a": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
 		"comment": ""
 	},
 	"text-underline-offset": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage>",
-		"syntax-after": "auto | <length-percentage>",
+		"syntax-b": "auto | <length> | <percentage>",
+		"syntax-a": "auto | <length-percentage>",
 		"comment": ""
 	},
 	"text-underline-position": {
 		"type": "modified",
-		"syntax-before": "auto | from-font | [ under || [ left | right ] ]",
-		"syntax-after": "auto | [ from-font | under ] || [ left | right ]",
+		"syntax-b": "auto | from-font | [ under || [ left | right ] ]",
+		"syntax-a": "auto | [ from-font | under ] || [ left | right ]",
 		"comment": ""
 	},
 	"text-wrap": {
 		"type": "modified",
-		"syntax-before": "wrap | nowrap | balance | stable | pretty",
-		"syntax-after": "<'text-wrap-mode'> || <'text-wrap-style'>",
+		"syntax-b": "wrap | nowrap | balance | stable | pretty",
+		"syntax-a": "<'text-wrap-mode'> || <'text-wrap-style'>",
 		"comment": ""
 	},
 	"text-wrap-mode": {
 		"type": "modified",
-		"syntax-before": "auto | wrap | nowrap",
-		"syntax-after": "wrap | nowrap",
+		"syntax-b": "auto | wrap | nowrap",
+		"syntax-a": "wrap | nowrap",
 		"comment": ""
 	},
 	"timeline-scope": {
 		"type": "modified",
-		"syntax-before": "none | <dashed-ident>#",
-		"syntax-after": "none | all | <dashed-ident>#",
+		"syntax-b": "none | <dashed-ident>#",
+		"syntax-a": "none | all | <dashed-ident>#",
 		"comment": ""
 	},
 	"top": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage> | auto",
-		"syntax-after": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
 		"comment": ""
 	},
 	"transform-origin": {
 		"type": "modified",
-		"syntax-before": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
-		"syntax-after": "[ 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>?",
+		"syntax-b": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
+		"syntax-a": "[ 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>?",
 		"comment": ""
 	},
 	"transition-duration": {
 		"type": "modified",
-		"syntax-before": "<time>#",
-		"syntax-after": "<time [0s,∞]>#",
+		"syntax-b": "<time>#",
+		"syntax-a": "<time [0s,∞]>#",
 		"comment": ""
 	},
 	"unicode-bidi": {
 		"type": "modified",
-		"syntax-before": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext",
-		"syntax-after": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
+		"syntax-b": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext",
+		"syntax-a": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
 		"comment": ""
 	},
 	"vertical-align": {
 		"type": "modified",
-		"syntax-before": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
-		"syntax-after": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
+		"syntax-b": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
+		"syntax-a": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
 		"comment": ""
 	},
 	"view-timeline": {
 		"type": "modified",
-		"syntax-before": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
-		"syntax-after": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
+		"syntax-b": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
+		"syntax-a": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
 		"comment": ""
 	},
 	"view-timeline-name": {
 		"type": "modified",
-		"syntax-before": "none | <dashed-ident>#",
-		"syntax-after": "[ none | <dashed-ident> ]#",
+		"syntax-b": "none | <dashed-ident>#",
+		"syntax-a": "[ none | <dashed-ident> ]#",
 		"comment": ""
 	},
 	"view-transition-class": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | <custom-ident>+",
+		"syntax-b": "",
+		"syntax-a": "none | <custom-ident>+",
 		"comment": ""
 	},
 	"view-transition-group": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "normal | contain | nearest | <custom-ident>",
+		"syntax-b": "",
+		"syntax-a": "normal | contain | nearest | <custom-ident>",
 		"comment": ""
 	},
 	"voice-duration": {
 		"type": "modified",
-		"syntax-before": "auto | <time>",
-		"syntax-after": "auto | <time [0s,∞]>",
+		"syntax-b": "auto | <time>",
+		"syntax-a": "auto | <time [0s,∞]>",
 		"comment": ""
 	},
 	"voice-pitch": {
 		"type": "modified",
-		"syntax-before": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-		"syntax-after": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-b": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-a": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"comment": ""
 	},
 	"voice-range": {
 		"type": "modified",
-		"syntax-before": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-		"syntax-after": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-b": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"syntax-a": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"comment": ""
 	},
 	"voice-rate": {
 		"type": "modified",
-		"syntax-before": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>",
-		"syntax-after": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
+		"syntax-b": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>",
+		"syntax-a": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
 		"comment": ""
 	},
 	"white-space": {
 		"type": "modified",
-		"syntax-before": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
-		"syntax-after": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
+		"syntax-b": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
+		"syntax-a": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
 		"comment": ""
 	},
 	"widows": {
 		"type": "modified",
-		"syntax-before": "<integer>",
-		"syntax-after": "<integer [1,∞]>",
+		"syntax-b": "<integer>",
+		"syntax-a": "<integer [1,∞]>",
 		"comment": ""
 	},
 	"width": {
 		"type": "modified",
-		"syntax-before": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
-		"syntax-after": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
+		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
+		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
 	"word-break": {
 		"type": "modified",
-		"syntax-before": "normal | break-all | keep-all | break-word | auto-phrase",
-		"syntax-after": "normal | break-all | keep-all | manual | auto-phrase | break-word",
+		"syntax-b": "normal | break-all | keep-all | break-word | auto-phrase",
+		"syntax-a": "normal | break-all | keep-all | manual | auto-phrase | break-word",
 		"comment": ""
 	},
 	"word-space-transform": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | [ space | ideographic-space ] && auto-phrase?",
+		"syntax-b": "",
+		"syntax-a": "none | [ space | ideographic-space ] && auto-phrase?",
 		"comment": ""
 	},
 	"word-spacing": {
 		"type": "modified",
-		"syntax-before": "normal | <length>",
-		"syntax-after": "normal | <length-percentage>",
+		"syntax-b": "normal | <length>",
+		"syntax-a": "normal | <length-percentage>",
 		"comment": ""
 	},
 	"word-wrap": {
 		"type": "modified",
-		"syntax-before": "normal | break-word",
-		"syntax-after": "normal | break-word | anywhere",
+		"syntax-b": "normal | break-word",
+		"syntax-a": "normal | break-word | anywhere",
 		"comment": ""
 	},
 	"wrap-after": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
 		"comment": ""
 	},
 	"wrap-before": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
 		"comment": ""
 	},
 	"wrap-flow": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | both | start | end | minimum | maximum | clear",
+		"syntax-b": "",
+		"syntax-a": "auto | both | start | end | minimum | maximum | clear",
 		"comment": ""
 	},
 	"wrap-inside": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | avoid",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid",
 		"comment": ""
 	},
 	"wrap-through": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "wrap | none",
+		"syntax-b": "",
+		"syntax-a": "wrap | none",
 		"comment": ""
 	},
 	"writing-mode": {
 		"type": "modified",
-		"syntax-before": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
-		"syntax-after": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
+		"syntax-b": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
+		"syntax-a": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
 		"comment": ""
 	},
 	"x": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
 		"comment": ""
 	},
 	"y": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "<length-percentage>",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
 		"comment": ""
 	},
 	"z-index": {
 		"type": "modified",
-		"syntax-before": "auto | <integer>",
-		"syntax-after": "auto | <integer> | inherit",
+		"syntax-b": "auto | <integer>",
+		"syntax-a": "auto | <integer> | inherit",
 		"comment": ""
 	},
 	"zoom": {
 		"type": "modified",
-		"syntax-before": "normal | reset | <number> | <percentage>",
-		"syntax-after": "<number [0,∞]> || <percentage [0,∞]>",
+		"syntax-b": "normal | reset | <number> | <percentage>",
+		"syntax-a": "<number [0,∞]> || <percentage [0,∞]>",
 		"comment": ""
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index c9a683136a..1693c2fc72 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -1,1454 +1,1454 @@
 {
 	"angle-percentage": {
 		"type": "modified",
-		"syntax-before": "<angle> | <percentage>",
-		"syntax-after": "[ <angle> | <percentage> ]",
+		"syntax-b": "<angle> | <percentage>",
+		"syntax-a": "[ <angle> | <percentage> ]",
 		"comment": ""
 	},
 	"angular-color-stop": {
 		"type": "modified",
-		"syntax-before": "<color> && <color-stop-angle>?",
-		"syntax-after": "<color> <color-stop-angle>?",
+		"syntax-b": "<color> && <color-stop-angle>?",
+		"syntax-a": "<color> <color-stop-angle>?",
 		"comment": ""
 	},
 	"angular-color-stop-list": {
 		"type": "modified",
-		"syntax-before": "[ <angular-color-stop> [, <angular-color-hint> ]? ]# , <angular-color-stop>",
-		"syntax-after": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+		"syntax-b": "[ <angular-color-stop> [, <angular-color-hint> ]? ]# , <angular-color-stop>",
+		"syntax-a": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
 		"comment": ""
 	},
 	"arc-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
+		"syntax-b": "",
+		"syntax-a": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
 		"comment": ""
 	},
 	"arc-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "large | small",
+		"syntax-b": "",
+		"syntax-a": "large | small",
 		"comment": ""
 	},
 	"arc-sweep": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "cw | ccw",
+		"syntax-b": "",
+		"syntax-a": "cw | ccw",
 		"comment": ""
 	},
 	"attr-name": {
 		"type": "modified",
-		"syntax-before": "<wq-name>",
-		"syntax-after": "[ <ident-token> '|' ]? <ident-token>",
+		"syntax-b": "<wq-name>",
+		"syntax-a": "[ <ident-token> '|' ]? <ident-token>",
 		"comment": ""
 	},
 	"attr-type": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
+		"syntax-b": "",
+		"syntax-a": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
 		"comment": ""
 	},
 	"attr()": {
 		"type": "modified",
-		"syntax-before": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
-		"syntax-after": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
+		"syntax-b": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
+		"syntax-a": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
 		"comment": ""
 	},
 	"autospace": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
+		"syntax-b": "",
+		"syntax-a": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
 		"comment": ""
 	},
 	"axis": {
 		"type": "modified",
-		"syntax-before": "block | inline | vertical | horizontal",
-		"syntax-after": "block | inline | x | y",
+		"syntax-b": "block | inline | vertical | horizontal",
+		"syntax-a": "block | inline | x | y",
 		"comment": ""
 	},
 	"baseline-position": {
 		"type": "modified",
-		"syntax-before": "[ first | last ]? baseline",
-		"syntax-after": "[ first | last ]? && baseline",
+		"syntax-b": "[ first | last ]? baseline",
+		"syntax-a": "[ first | last ]? && baseline",
 		"comment": ""
 	},
 	"basic-shape": {
 		"type": "modified",
-		"syntax-before": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>",
-		"syntax-after": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+		"syntax-b": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>",
+		"syntax-a": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 		"comment": ""
 	},
 	"basic-shape-rect": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<inset()> | <rect()> | <xywh()>",
+		"syntax-b": "",
+		"syntax-a": "<inset()> | <rect()> | <xywh()>",
 		"comment": ""
 	},
 	"bg-clip": {
 		"type": "modified",
-		"syntax-before": "<box> | border | text",
-		"syntax-after": "<visual-box> | border-area | text",
+		"syntax-b": "<box> | border | text",
+		"syntax-a": "<visual-box> | border-area | text",
 		"comment": ""
 	},
 	"bg-image": {
 		"type": "modified",
-		"syntax-before": "none | <image>",
-		"syntax-after": "<image> | none",
+		"syntax-b": "none | <image>",
+		"syntax-a": "<image> | none",
 		"comment": ""
 	},
 	"bg-layer": {
 		"type": "modified",
-		"syntax-before": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
-		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
+		"syntax-b": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
+		"syntax-a": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
 		"comment": ""
 	},
 	"bg-position": {
 		"type": "modified",
-		"syntax-before": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
-		"syntax-after": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]",
+		"syntax-b": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
+		"syntax-a": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]",
 		"comment": ""
 	},
 	"bg-size": {
 		"type": "modified",
-		"syntax-before": "[ <length-percentage> | auto ]{1,2} | cover | contain",
-		"syntax-after": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
+		"syntax-b": "[ <length-percentage> | auto ]{1,2} | cover | contain",
+		"syntax-a": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
 		"comment": ""
 	},
 	"bool-and": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "and <bool-in-parens>",
+		"syntax-b": "",
+		"syntax-a": "and <bool-in-parens>",
 		"comment": ""
 	},
 	"bool-in-parens": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "( <boolean> ) | <bool-test> | <general-enclosed>",
+		"syntax-b": "",
+		"syntax-a": "( <boolean> ) | <bool-test> | <general-enclosed>",
 		"comment": ""
 	},
 	"bool-not": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "not <bool-in-parens>",
+		"syntax-b": "",
+		"syntax-a": "not <bool-in-parens>",
 		"comment": ""
 	},
 	"bool-or": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "or <bool-in-parens>",
+		"syntax-b": "",
+		"syntax-a": "or <bool-in-parens>",
 		"comment": ""
 	},
 	"boolean": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"syntax-b": "",
+		"syntax-a": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
 		"comment": ""
 	},
 	"boolean-without-or": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<bool-not> | <bool-in-parens> <bool-and>*",
+		"syntax-b": "",
+		"syntax-a": "<bool-not> | <bool-in-parens> <bool-and>*",
 		"comment": ""
 	},
 	"border-style": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"syntax-b": "",
+		"syntax-a": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
 		"comment": ""
 	},
 	"border-width": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "thin | medium | thick | <length>",
+		"syntax-b": "",
+		"syntax-a": "thin | medium | thick | <length>",
 		"comment": ""
 	},
 	"bottom": {
 		"type": "modified",
-		"syntax-before": "<length> | auto",
-		"syntax-after": "auto",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
 		"comment": ""
 	},
 	"box": {
 		"type": "modified",
-		"syntax-before": "border-box | padding-box | content-box",
-		"syntax-after": "content-box | padding-box | border-box | margin-box | fill-box | stroke-box | view-box",
+		"syntax-b": "border-box | padding-box | content-box",
+		"syntax-a": "content-box | padding-box | border-box | margin-box | fill-box | stroke-box | view-box",
 		"comment": ""
 	},
 	"by-to": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "by | to",
+		"syntax-b": "",
+		"syntax-a": "by | to",
 		"comment": ""
 	},
 	"calc-keyword": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "e | pi | infinity | -infinity | NaN",
+		"syntax-b": "",
+		"syntax-a": "e | pi | infinity | -infinity | NaN",
 		"comment": ""
 	},
 	"calc-mix()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+		"syntax-b": "",
+		"syntax-a": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
 		"comment": ""
 	},
 	"calc-product": {
 		"type": "modified",
-		"syntax-before": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
-		"syntax-after": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
+		"syntax-b": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
+		"syntax-a": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
 		"comment": ""
 	},
 	"calc-size-basis": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
+		"syntax-b": "",
+		"syntax-a": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
 		"comment": ""
 	},
 	"calc-size()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "calc-size( <calc-size-basis> , <calc-sum> )",
+		"syntax-b": "",
+		"syntax-a": "calc-size( <calc-size-basis> , <calc-sum> )",
 		"comment": ""
 	},
 	"calc-value": {
 		"type": "modified",
-		"syntax-before": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
-		"syntax-after": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
+		"syntax-b": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
+		"syntax-a": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
 		"comment": ""
 	},
 	"cf-image": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <image> | <color> ] && <percentage [0,100]>?",
+		"syntax-b": "",
+		"syntax-a": "[ <image> | <color> ] && <percentage [0,100]>?",
 		"comment": ""
 	},
 	"clamp()": {
 		"type": "modified",
-		"syntax-before": "clamp( <calc-sum>#{3} )",
-		"syntax-after": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
+		"syntax-b": "clamp( <calc-sum>#{3} )",
+		"syntax-a": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
 		"comment": ""
 	},
 	"color": {
 		"type": "modified",
-		"syntax-before": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
-		"syntax-after": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
+		"syntax-b": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
+		"syntax-a": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
 		"comment": ""
 	},
 	"color-font-tech": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
+		"syntax-b": "",
+		"syntax-a": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
 		"comment": ""
 	},
 	"color-layers()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "color-layers( [ <blend-mode> , ]? <color># )",
+		"syntax-b": "",
+		"syntax-a": "color-layers( [ <blend-mode> , ]? <color># )",
 		"comment": ""
 	},
 	"color-stop-list": {
 		"type": "modified",
-		"syntax-before": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
-		"syntax-after": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
+		"syntax-b": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
+		"syntax-a": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
 		"comment": ""
 	},
 	"color-stripe": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<color> && [ <length-percentage> | <flex> ]?",
+		"syntax-b": "",
+		"syntax-a": "<color> && [ <length-percentage> | <flex> ]?",
 		"comment": ""
 	},
 	"color()": {
 		"type": "modified",
-		"syntax-before": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"colorspace-params": {
 		"type": "modified",
-		"syntax-before": "[ <predefined-rgb-params> | <xyz-params> ]",
-		"syntax-after": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
+		"syntax-b": "[ <predefined-rgb-params> | <xyz-params> ]",
+		"syntax-a": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 		"comment": ""
 	},
 	"compat-auto": {
 		"type": "modified",
-		"syntax-before": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
-		"syntax-after": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
+		"syntax-b": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
+		"syntax-a": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
 		"comment": ""
 	},
 	"compat-special": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "textfield | menulist-button",
+		"syntax-b": "",
+		"syntax-a": "textfield | menulist-button",
 		"comment": ""
 	},
 	"composite-mode": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
+		"syntax-b": "",
+		"syntax-a": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
 		"comment": ""
 	},
 	"conic-gradient-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
+		"syntax-b": "",
+		"syntax-a": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 		"comment": ""
 	},
 	"conic-gradient()": {
 		"type": "modified",
-		"syntax-before": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
-		"syntax-after": "conic-gradient( [ <conic-gradient-syntax> ] )",
+		"syntax-b": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-a": "conic-gradient( [ <conic-gradient-syntax> ] )",
 		"comment": ""
 	},
 	"container-condition": {
 		"type": "modified",
-		"syntax-before": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
-		"syntax-after": "[ <container-name> ]? <container-query>",
+		"syntax-b": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+		"syntax-a": "[ <container-name> ]? <container-query>",
 		"comment": ""
 	},
 	"container-progress()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+		"syntax-b": "",
+		"syntax-a": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
 		"comment": ""
 	},
 	"container-query": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+		"syntax-b": "",
+		"syntax-a": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 		"comment": ""
 	},
 	"content-level": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "element | content | text | <attr()> | <counter>",
+		"syntax-b": "",
+		"syntax-a": "element | content | text | <attr()> | <counter>",
 		"comment": ""
 	},
 	"content-list": {
 		"type": "modified",
-		"syntax-before": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
-		"syntax-after": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
+		"syntax-b": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
+		"syntax-a": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
 		"comment": ""
 	},
 	"content()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "content( [ text | before | after | first-letter | marker ]? )",
+		"syntax-b": "",
+		"syntax-a": "content( [ text | before | after | first-letter | marker ]? )",
 		"comment": ""
 	},
 	"contrast-color()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "contrast-color( <color> max? )",
+		"syntax-b": "",
+		"syntax-a": "contrast-color( <color> max? )",
 		"comment": ""
 	},
 	"coord-box": {
 		"type": "modified",
-		"syntax-before": "content-box | padding-box | border-box | fill-box | stroke-box | view-box",
-		"syntax-after": "<paint-box> | view-box",
+		"syntax-b": "content-box | padding-box | border-box | fill-box | stroke-box | view-box",
+		"syntax-a": "<paint-box> | view-box",
 		"comment": ""
 	},
 	"coordinate-pair": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length-percentage>{2}",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage>{2}",
 		"comment": ""
 	},
 	"counter-style": {
 		"type": "modified",
-		"syntax-before": "<counter-style-name> | symbols( )",
-		"syntax-after": "<counter-style-name> | <symbols()>",
+		"syntax-b": "<counter-style-name> | symbols( )",
+		"syntax-a": "<counter-style-name> | <symbols()>",
 		"comment": ""
 	},
 	"counter-style-name": {
 		"type": "modified",
-		"syntax-before": "<custom-ident>",
-		"syntax-after": "decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
+		"syntax-b": "<custom-ident>",
+		"syntax-a": "decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
 		"comment": ""
 	},
 	"cross-fade()": {
 		"type": "modified",
-		"syntax-before": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
-		"syntax-after": "cross-fade( <cf-image># )",
+		"syntax-b": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
+		"syntax-a": "cross-fade( <cf-image># )",
 		"comment": ""
 	},
 	"crossorigin-modifier": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "crossorigin( anonymous | use-credentials )",
+		"syntax-b": "",
+		"syntax-a": "crossorigin( anonymous | use-credentials )",
 		"comment": ""
 	},
 	"css-type": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<syntax-component> | <type()>",
+		"syntax-b": "",
+		"syntax-a": "<syntax-component> | <type()>",
 		"comment": ""
 	},
 	"cubic-bezier-easing-function": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
+		"syntax-b": "",
+		"syntax-a": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
 		"comment": ""
 	},
 	"cubic-bezier()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
+		"syntax-b": "",
+		"syntax-a": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
 		"comment": ""
 	},
 	"curve-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
+		"syntax-b": "",
+		"syntax-a": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
 		"comment": ""
 	},
 	"custom-arg": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "$ <ident-token> ;",
+		"syntax-b": "",
+		"syntax-a": "$ <ident-token> ;",
 		"comment": ""
 	},
 	"custom-params": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident> [ <number> | <percentage> | none ]+",
 		"comment": ""
 	},
 	"custom-selector": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+		"syntax-b": "",
+		"syntax-a": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
 		"comment": ""
 	},
 	"dasharray": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ <length-percentage> | <number> ]+ ]#",
+		"syntax-b": "",
+		"syntax-a": "[ [ <length-percentage> | <number> ]+ ]#",
 		"comment": ""
 	},
 	"deprecated-color": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
+		"syntax-b": "",
+		"syntax-a": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
 		"comment": ""
 	},
 	"display-legacy": {
 		"type": "modified",
-		"syntax-before": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
-		"syntax-after": "inline-block | inline-table | inline-flex | inline-grid",
+		"syntax-b": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
+		"syntax-a": "inline-block | inline-table | inline-flex | inline-grid",
 		"comment": ""
 	},
 	"dynamic-range-limit-mix()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+		"syntax-b": "",
+		"syntax-a": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
 		"comment": ""
 	},
 	"easing-function": {
 		"type": "modified",
-		"syntax-before": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
-		"syntax-after": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
+		"syntax-b": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
+		"syntax-a": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
 		"comment": ""
 	},
 	"element()": {
 		"type": "modified",
-		"syntax-before": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
-		"syntax-after": "element( <id-selector> )",
+		"syntax-b": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
+		"syntax-a": "element( <id-selector> )",
 		"comment": ""
 	},
 	"env()": {
 		"type": "modified",
-		"syntax-before": "env( <custom-ident> , <declaration-value>? )",
-		"syntax-after": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
+		"syntax-b": "env( <custom-ident> , <declaration-value>? )",
+		"syntax-a": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
 		"comment": ""
 	},
 	"feature-value-name": {
 		"type": "modified",
-		"syntax-before": "<custom-ident>",
-		"syntax-after": "<ident>",
+		"syntax-b": "<custom-ident>",
+		"syntax-a": "<ident>",
 		"comment": ""
 	},
 	"filter-function": {
 		"type": "modified",
-		"syntax-before": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
-		"syntax-after": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
+		"syntax-b": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
+		"syntax-a": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
 		"comment": ""
 	},
 	"filter-value-list": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <filter-function> | <url> ]+",
+		"syntax-b": "",
+		"syntax-a": "[ <filter-function> | <url> ]+",
 		"comment": ""
 	},
 	"filter()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "filter( [ <image> | <string> ] , <filter-value-list> )",
+		"syntax-b": "",
+		"syntax-a": "filter( [ <image> | <string> ] , <filter-value-list> )",
 		"comment": ""
 	},
 	"final-bg-layer": {
 		"type": "modified",
-		"syntax-before": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
-		"syntax-after": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
+		"syntax-b": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
+		"syntax-a": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
 		"comment": ""
 	},
 	"first-valid()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "first-valid( <declaration-value># )",
+		"syntax-b": "",
+		"syntax-a": "first-valid( <declaration-value># )",
 		"comment": ""
 	},
 	"fixed-breadth": {
 		"type": "modified",
-		"syntax-before": "<length-percentage>",
-		"syntax-after": "<length-percentage [0,∞]>",
+		"syntax-b": "<length-percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
 		"comment": ""
 	},
 	"font-features-tech": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ features-opentype | features-aat | features-graphite ]",
+		"syntax-b": "",
+		"syntax-a": "[ features-opentype | features-aat | features-graphite ]",
 		"comment": ""
 	},
 	"font-format": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
+		"syntax-b": "",
+		"syntax-a": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
 		"comment": ""
 	},
 	"font-src": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
+		"syntax-b": "",
+		"syntax-a": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
 		"comment": ""
 	},
 	"font-tech": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+		"syntax-b": "",
+		"syntax-a": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
 		"comment": ""
 	},
 	"font-weight-absolute": {
 		"type": "modified",
-		"syntax-before": "normal | bold | <number [1,1000]>",
-		"syntax-after": "[ normal | bold | <number [1,1000]> ]",
+		"syntax-b": "normal | bold | <number [1,1000]>",
+		"syntax-a": "[ normal | bold | <number [1,1000]> ]",
 		"comment": ""
 	},
 	"frequency-percentage": {
 		"type": "modified",
-		"syntax-before": "<frequency> | <percentage>",
-		"syntax-after": "[ <frequency> | <percentage> ]",
+		"syntax-b": "<frequency> | <percentage>",
+		"syntax-a": "[ <frequency> | <percentage> ]",
 		"comment": ""
 	},
 	"function-dependency-list": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<function-parameter>#",
+		"syntax-b": "",
+		"syntax-a": "<function-parameter>#",
 		"comment": ""
 	},
 	"function-name": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident>",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident>",
 		"comment": ""
 	},
 	"function-parameter": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"syntax-b": "",
+		"syntax-a": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
 		"comment": ""
 	},
 	"function-parameter-list": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<function-parameter>#",
+		"syntax-b": "",
+		"syntax-a": "<function-parameter>#",
 		"comment": ""
 	},
 	"generic-family": {
 		"type": "modified",
-		"syntax-before": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>",
-		"syntax-after": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
+		"syntax-b": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>",
+		"syntax-a": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
 		"comment": ""
 	},
 	"gradient": {
 		"type": "modified",
-		"syntax-before": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
-		"syntax-after": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]",
+		"syntax-b": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
+		"syntax-a": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]",
 		"comment": ""
 	},
 	"grid-line": {
 		"type": "modified",
-		"syntax-before": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]",
-		"syntax-after": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
+		"syntax-b": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]",
+		"syntax-a": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
 		"comment": ""
 	},
 	"hsl()": {
 		"type": "modified",
-		"syntax-before": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"syntax-after": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
+		"syntax-b": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-a": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 		"comment": ""
 	},
 	"hsla()": {
 		"type": "modified",
-		"syntax-before": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"syntax-after": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+		"syntax-b": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-a": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 		"comment": ""
 	},
 	"hv-line-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ hline | vline ] <by-to> <length-percentage>",
+		"syntax-b": "",
+		"syntax-a": "[ hline | vline ] <by-to> <length-percentage>",
 		"comment": ""
 	},
 	"hwb()": {
 		"type": "modified",
-		"syntax-before": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"image": {
 		"type": "modified",
-		"syntax-before": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
-		"syntax-after": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>",
+		"syntax-b": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
+		"syntax-a": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>",
 		"comment": ""
 	},
 	"image-1D": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<stripes()>",
+		"syntax-b": "",
+		"syntax-a": "<stripes()>",
 		"comment": ""
 	},
 	"image-set-option": {
 		"type": "modified",
-		"syntax-before": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
-		"syntax-after": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"syntax-b": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
+		"syntax-a": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 		"comment": ""
 	},
 	"image-src": {
 		"type": "modified",
-		"syntax-before": "<url> | <string>",
-		"syntax-after": "[ <url> | <string> ]",
+		"syntax-b": "<url> | <string>",
+		"syntax-a": "[ <url> | <string> ]",
 		"comment": ""
 	},
 	"image-tags": {
 		"type": "modified",
-		"syntax-before": "ltr | rtl",
-		"syntax-after": "[ ltr | rtl ]",
+		"syntax-b": "ltr | rtl",
+		"syntax-a": "[ ltr | rtl ]",
 		"comment": ""
 	},
 	"import-conditions": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+		"syntax-b": "",
+		"syntax-a": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
 		"comment": ""
 	},
 	"inflexible-breadth": {
 		"type": "modified",
-		"syntax-before": "<length-percentage> | min-content | max-content | auto",
-		"syntax-after": "<length-percentage [0,∞]> | min-content | max-content | auto",
+		"syntax-b": "<length-percentage> | min-content | max-content | auto",
+		"syntax-a": "<length-percentage [0,∞]> | min-content | max-content | auto",
 		"comment": ""
 	},
 	"integrity-modifier": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "integrity( <string> )",
+		"syntax-b": "",
+		"syntax-a": "integrity( <string> )",
 		"comment": ""
 	},
 	"isolation-mode": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto | isolate",
+		"syntax-b": "",
+		"syntax-a": "auto | isolate",
 		"comment": ""
 	},
 	"keyframe-selector": {
 		"type": "modified",
-		"syntax-before": "from | to | <percentage> | <timeline-range-name> <percentage>",
-		"syntax-after": "from | to | <percentage [0,100]>",
+		"syntax-b": "from | to | <percentage> | <timeline-range-name> <percentage>",
+		"syntax-a": "from | to | <percentage [0,100]>",
 		"comment": ""
 	},
 	"lab()": {
 		"type": "modified",
-		"syntax-before": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"layout-box": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> | margin-box",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> | margin-box",
 		"comment": ""
 	},
 	"lch()": {
 		"type": "modified",
-		"syntax-before": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"left": {
 		"type": "modified",
-		"syntax-before": "<length> | auto",
-		"syntax-after": "auto",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
 		"comment": ""
 	},
 	"legacy-hsl-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-b": "",
+		"syntax-a": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": ""
 	},
 	"legacy-hsla-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-b": "",
+		"syntax-a": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"comment": ""
 	},
 	"legacy-rgb-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"syntax-b": "",
+		"syntax-a": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"comment": ""
 	},
 	"legacy-rgba-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"syntax-b": "",
+		"syntax-a": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"comment": ""
 	},
 	"length-percentage": {
 		"type": "modified",
-		"syntax-before": "<length> | <percentage>",
-		"syntax-after": "[ <length> | <percentage> ]",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "[ <length> | <percentage> ]",
 		"comment": ""
 	},
 	"line-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "line <by-to> <coordinate-pair>",
+		"syntax-b": "",
+		"syntax-a": "line <by-to> <coordinate-pair>",
 		"comment": ""
 	},
 	"line-width": {
 		"type": "modified",
-		"syntax-before": "<length> | thin | medium | thick",
-		"syntax-after": "<length [0,∞]> | thin | medium | thick",
+		"syntax-b": "<length> | thin | medium | thick",
+		"syntax-a": "<length [0,∞]> | thin | medium | thick",
 		"comment": ""
 	},
 	"linear-easing-function": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "linear | <linear()>",
+		"syntax-b": "",
+		"syntax-a": "linear | <linear()>",
 		"comment": ""
 	},
 	"linear-gradient-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"syntax-b": "",
+		"syntax-a": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
 		"comment": ""
 	},
 	"linear-gradient()": {
 		"type": "modified",
-		"syntax-before": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
-		"syntax-after": "linear-gradient( [ <linear-gradient-syntax> ] )",
+		"syntax-b": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-a": "linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": ""
 	},
 	"linear()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "linear( [ <number> && <percentage>{0,2} ]# )",
+		"syntax-b": "",
+		"syntax-a": "linear( [ <number> && <percentage>{0,2} ]# )",
 		"comment": ""
 	},
 	"link-param": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "param( <custom-property-name> <declaration-value>? )",
+		"syntax-b": "",
+		"syntax-a": "param( <custom-property-name> <declaration-value>? )",
 		"comment": ""
 	},
 	"marker-ref": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<url>",
+		"syntax-b": "",
+		"syntax-a": "<url>",
 		"comment": ""
 	},
 	"media-and": {
 		"type": "modified",
-		"syntax-before": "<media-in-parens> [ and <media-in-parens> ]+",
-		"syntax-after": "and <media-in-parens>",
+		"syntax-b": "<media-in-parens> [ and <media-in-parens> ]+",
+		"syntax-a": "and <media-in-parens>",
 		"comment": ""
 	},
 	"media-condition": {
 		"type": "modified",
-		"syntax-before": "<media-not> | <media-and> | <media-or> | <media-in-parens>",
-		"syntax-after": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
+		"syntax-b": "<media-not> | <media-and> | <media-or> | <media-in-parens>",
+		"syntax-a": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
 		"comment": ""
 	},
 	"media-condition-without-or": {
 		"type": "modified",
-		"syntax-before": "<media-not> | <media-and> | <media-in-parens>",
-		"syntax-after": "<media-not> | <media-in-parens> <media-and>*",
+		"syntax-b": "<media-not> | <media-and> | <media-in-parens>",
+		"syntax-a": "<media-not> | <media-in-parens> <media-and>*",
 		"comment": ""
 	},
 	"media-or": {
 		"type": "modified",
-		"syntax-before": "<media-in-parens> [ or <media-in-parens> ]+",
-		"syntax-after": "or <media-in-parens>",
+		"syntax-b": "<media-in-parens> [ or <media-in-parens> ]+",
+		"syntax-a": "or <media-in-parens>",
 		"comment": ""
 	},
 	"media-progress()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
+		"syntax-b": "",
+		"syntax-a": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
 		"comment": ""
 	},
 	"media()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
+		"syntax-b": "",
+		"syntax-a": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
 		"comment": ""
 	},
 	"mf-comparison": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<mf-lt> | <mf-gt> | <mf-eq>",
+		"syntax-b": "",
+		"syntax-a": "<mf-lt> | <mf-gt> | <mf-eq>",
 		"comment": ""
 	},
 	"mf-eq": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'='",
+		"syntax-b": "",
+		"syntax-a": "'='",
 		"comment": ""
 	},
 	"mf-gt": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'>' '='?",
+		"syntax-b": "",
+		"syntax-a": "'>' '='?",
 		"comment": ""
 	},
 	"mf-lt": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'<' '='?",
+		"syntax-b": "",
+		"syntax-a": "'<' '='?",
 		"comment": ""
 	},
 	"mf-range": {
 		"type": "modified",
-		"syntax-before": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>",
-		"syntax-after": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
+		"syntax-b": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>",
+		"syntax-a": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
 		"comment": ""
 	},
 	"mix()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
+		"syntax-b": "",
+		"syntax-a": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
 		"comment": ""
 	},
 	"modern-hsl-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "",
+		"syntax-a": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"modern-hsla-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "",
+		"syntax-a": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"modern-rgb-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "",
+		"syntax-a": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"modern-rgba-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "",
+		"syntax-a": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"move-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "move <by-to> <coordinate-pair>",
+		"syntax-b": "",
+		"syntax-a": "move <by-to> <coordinate-pair>",
 		"comment": ""
 	},
 	"mq-boolean": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<integer [0,1]>",
+		"syntax-b": "",
+		"syntax-a": "<integer [0,1]>",
 		"comment": ""
 	},
 	"named-color": {
 		"type": "modified",
-		"syntax-before": "transparent | 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",
-		"syntax-after": "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",
+		"syntax-b": "transparent | 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",
+		"syntax-a": "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",
 		"comment": ""
 	},
 	"number-optional-number": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> <number>?",
+		"syntax-b": "",
+		"syntax-a": "<number> <number>?",
 		"comment": ""
 	},
 	"oklab()": {
 		"type": "modified",
-		"syntax-before": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"oklch()": {
 		"type": "modified",
-		"syntax-before": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"syntax-after": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-b": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"comment": ""
 	},
 	"opacity-value": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<number> | <percentage>",
+		"syntax-b": "",
+		"syntax-a": "<number> | <percentage>",
 		"comment": ""
 	},
 	"opentype-tag": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<string>",
+		"syntax-b": "",
+		"syntax-a": "<string>",
 		"comment": ""
 	},
 	"padding-width": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length> | <percentage>",
+		"syntax-b": "",
+		"syntax-a": "<length> | <percentage>",
 		"comment": ""
 	},
 	"page-selector": {
 		"type": "modified",
-		"syntax-before": "<pseudo-page>+ | <ident> <pseudo-page>*",
-		"syntax-after": "[ <ident-token>? <pseudo-page>* ]!",
+		"syntax-b": "<pseudo-page>+ | <ident> <pseudo-page>*",
+		"syntax-a": "[ <ident-token>? <pseudo-page>* ]!",
 		"comment": ""
 	},
 	"page-selector-list": {
 		"type": "modified",
-		"syntax-before": "[ <page-selector># ]?",
-		"syntax-after": "<page-selector>#",
+		"syntax-b": "[ <page-selector># ]?",
+		"syntax-a": "<page-selector>#",
 		"comment": ""
 	},
 	"paint": {
 		"type": "modified",
-		"syntax-before": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
-		"syntax-after": "none | <image> | <svg-paint>",
+		"syntax-b": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
+		"syntax-a": "none | <image> | <svg-paint>",
 		"comment": ""
 	},
 	"paint-box": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<visual-box> | fill-box | stroke-box",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> | fill-box | stroke-box",
 		"comment": ""
 	},
 	"palette-mix()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
+		"syntax-b": "",
+		"syntax-a": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
 		"comment": ""
 	},
 	"points": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <number>+ ]#",
+		"syntax-b": "",
+		"syntax-a": "[ <number>+ ]#",
 		"comment": ""
 	},
 	"position": {
 		"type": "modified",
-		"syntax-before": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
-		"syntax-after": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+		"syntax-b": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+		"syntax-a": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"comment": ""
 	},
 	"predefined-polar-params": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"syntax-b": "",
+		"syntax-a": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 		"comment": ""
 	},
 	"predefined-rectangular": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "jzazbz | ictcp",
+		"syntax-b": "",
+		"syntax-a": "jzazbz | ictcp",
 		"comment": ""
 	},
 	"predefined-rectangular-params": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+		"syntax-b": "",
+		"syntax-a": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	},
 	"predefined-rgb": {
 		"type": "modified",
-		"syntax-before": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020",
-		"syntax-after": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+		"syntax-b": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020",
+		"syntax-a": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 		"comment": ""
 	},
 	"progress": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
+		"syntax-b": "",
+		"syntax-a": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
 		"comment": ""
 	},
 	"progress()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+		"syntax-b": "",
+		"syntax-a": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
 		"comment": ""
 	},
 	"pseudo-page": {
 		"type": "modified",
-		"syntax-before": ": [ left | right | first | blank ]",
-		"syntax-after": "':' [ left | right | first | blank ]",
+		"syntax-b": ": [ left | right | first | blank ]",
+		"syntax-a": "':' [ left | right | first | blank ]",
 		"comment": ""
 	},
 	"pt-class-selector": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ '.' <custom-ident> ]+",
+		"syntax-b": "",
+		"syntax-a": "[ '.' <custom-ident> ]+",
 		"comment": ""
 	},
 	"pt-name-and-class-selector": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
+		"syntax-b": "",
+		"syntax-a": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
 		"comment": ""
 	},
 	"pt-name-selector": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'*' | <custom-ident>",
+		"syntax-b": "",
+		"syntax-a": "'*' | <custom-ident>",
 		"comment": ""
 	},
 	"query-in-parens": {
 		"type": "modified",
-		"syntax-before": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
-		"syntax-after": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
+		"syntax-b": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
+		"syntax-a": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
 		"comment": ""
 	},
 	"radial-extent": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "closest-corner | closest-side | farthest-corner | farthest-side",
+		"syntax-b": "",
+		"syntax-a": "closest-corner | closest-side | farthest-corner | farthest-side",
 		"comment": ""
 	},
 	"radial-gradient-syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"syntax-b": "",
+		"syntax-a": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
 		"comment": ""
 	},
 	"radial-gradient()": {
 		"type": "modified",
-		"syntax-before": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
-		"syntax-after": "radial-gradient( [ <radial-gradient-syntax> ] )",
+		"syntax-b": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-a": "radial-gradient( [ <radial-gradient-syntax> ] )",
 		"comment": ""
 	},
 	"radial-shape": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "circle | ellipse",
+		"syntax-b": "",
+		"syntax-a": "circle | ellipse",
 		"comment": ""
 	},
 	"radial-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
+		"syntax-b": "",
+		"syntax-a": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
 		"comment": ""
 	},
 	"random-caching-options": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<dashed-ident> || per-element",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident> || per-element",
 		"comment": ""
 	},
 	"random-item()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
+		"syntax-b": "",
+		"syntax-a": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
 		"comment": ""
 	},
 	"random()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
+		"syntax-b": "",
+		"syntax-a": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
 		"comment": ""
 	},
 	"ray()": {
 		"type": "modified",
-		"syntax-before": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
-		"syntax-after": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
+		"syntax-b": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
+		"syntax-a": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 		"comment": ""
 	},
 	"referrerpolicy-modifier": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
+		"syntax-b": "",
+		"syntax-a": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
 		"comment": ""
 	},
 	"repeat-style": {
 		"type": "modified",
-		"syntax-before": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
-		"syntax-after": "repeat-x | repeat-y | <repetition>{1,2}",
+		"syntax-b": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
+		"syntax-a": "repeat-x | repeat-y | <repetition>{1,2}",
 		"comment": ""
 	},
 	"repeat()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "auto-fill | auto-fit",
+		"syntax-b": "",
+		"syntax-a": "auto-fill | auto-fit",
 		"comment": ""
 	},
 	"repeating-conic-gradient()": {
 		"type": "modified",
-		"syntax-before": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
-		"syntax-after": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
+		"syntax-b": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-a": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
 		"comment": ""
 	},
 	"repeating-linear-gradient()": {
 		"type": "modified",
-		"syntax-before": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
-		"syntax-after": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
+		"syntax-b": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-a": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
 		"comment": ""
 	},
 	"repeating-radial-gradient()": {
 		"type": "modified",
-		"syntax-before": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
-		"syntax-after": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
+		"syntax-b": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-a": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
 		"comment": ""
 	},
 	"repetition": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "repeat | space | round | no-repeat",
+		"syntax-b": "",
+		"syntax-a": "repeat | space | round | no-repeat",
 		"comment": ""
 	},
 	"request-url-modifier": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+		"syntax-b": "",
+		"syntax-a": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
 		"comment": ""
 	},
 	"rgb()": {
 		"type": "modified",
-		"syntax-before": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
-		"syntax-after": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
+		"syntax-b": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"syntax-a": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 		"comment": ""
 	},
 	"rgba()": {
 		"type": "modified",
-		"syntax-before": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
-		"syntax-after": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
+		"syntax-b": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"syntax-a": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 		"comment": ""
 	},
 	"right": {
 		"type": "modified",
-		"syntax-before": "<length> | auto",
-		"syntax-after": "auto",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
 		"comment": ""
 	},
 	"round()": {
 		"type": "modified",
-		"syntax-before": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
-		"syntax-after": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
+		"syntax-b": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
+		"syntax-a": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
 		"comment": ""
 	},
 	"running()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "running( <custom-ident> )",
+		"syntax-b": "",
+		"syntax-a": "running( <custom-ident> )",
 		"comment": ""
 	},
 	"scroll-state-in-parens": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
+		"syntax-b": "",
+		"syntax-a": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
 		"comment": ""
 	},
 	"scroll-state-query": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
+		"syntax-b": "",
+		"syntax-a": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
 		"comment": ""
 	},
 	"scroll()": {
 		"type": "modified",
-		"syntax-before": "scroll( [ <axis> || <scroller> ]? )",
-		"syntax-after": "scroll( [ <scroller> || <axis> ]? )",
+		"syntax-b": "scroll( [ <axis> || <scroller> ]? )",
+		"syntax-a": "scroll( [ <scroller> || <axis> ]? )",
 		"comment": ""
 	},
 	"scroller": {
 		"type": "modified",
-		"syntax-before": "root | nearest",
-		"syntax-after": "root | nearest | self",
+		"syntax-b": "root | nearest",
+		"syntax-a": "root | nearest | self",
 		"comment": ""
 	},
 	"shadow": {
 		"type": "modified",
-		"syntax-before": "inset? && <length>{2,4} && <color>?",
-		"syntax-after": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+		"syntax-b": "inset? && <length>{2,4} && <color>?",
+		"syntax-a": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
 		"comment": ""
 	},
 	"shape-box": {
 		"type": "modified",
-		"syntax-before": "<box> | margin-box",
-		"syntax-after": "<visual-box> | margin-box",
+		"syntax-b": "<box> | margin-box",
+		"syntax-a": "<visual-box> | margin-box",
 		"comment": ""
 	},
 	"shape-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+		"syntax-b": "",
+		"syntax-a": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
 		"comment": ""
 	},
 	"shape()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+		"syntax-b": "",
+		"syntax-a": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
 		"comment": ""
 	},
 	"single-animation-iteration-count": {
 		"type": "modified",
-		"syntax-before": "infinite | <number>",
-		"syntax-after": "infinite | <number [0,∞]>",
+		"syntax-b": "infinite | <number>",
+		"syntax-a": "infinite | <number [0,∞]>",
 		"comment": ""
 	},
 	"smooth-command": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
+		"syntax-b": "",
+		"syntax-a": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
 		"comment": ""
 	},
 	"source-size": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<media-condition> <source-size-value> | auto",
+		"syntax-b": "",
+		"syntax-a": "<media-condition> <source-size-value> | auto",
 		"comment": ""
 	},
 	"source-size-list": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<source-size>#? , <source-size-value>",
+		"syntax-b": "",
+		"syntax-a": "<source-size>#? , <source-size-value>",
 		"comment": ""
 	},
 	"source-size-value": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<length> | auto",
+		"syntax-b": "",
+		"syntax-a": "<length> | auto",
 		"comment": ""
 	},
 	"spacing-trim": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+		"syntax-b": "",
+		"syntax-a": "space-all | normal | space-first | trim-start | trim-both | trim-all",
 		"comment": ""
 	},
 	"spread-shadow": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+		"syntax-b": "",
+		"syntax-a": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
 		"comment": ""
 	},
 	"src()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "src( <string> <url-modifier>* )",
+		"syntax-b": "",
+		"syntax-a": "src( <string> <url-modifier>* )",
 		"comment": ""
 	},
 	"step-easing-function": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "step-start | step-end | <steps()>",
+		"syntax-b": "",
+		"syntax-a": "step-start | step-end | <steps()>",
 		"comment": ""
 	},
 	"steps()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "steps( <integer> , <step-position>? )",
+		"syntax-b": "",
+		"syntax-a": "steps( <integer> , <step-position>? )",
 		"comment": ""
 	},
 	"string()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "string( <custom-ident> , [ first | start | last | first-except ]? )",
+		"syntax-b": "",
+		"syntax-a": "string( <custom-ident> , [ first | start | last | first-except ]? )",
 		"comment": ""
 	},
 	"stripes()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "stripes( <color-stripe># )",
+		"syntax-b": "",
+		"syntax-a": "stripes( <color-stripe># )",
 		"comment": ""
 	},
 	"style-in-parens": {
 		"type": "modified",
-		"syntax-before": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>",
-		"syntax-after": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+		"syntax-b": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>",
+		"syntax-a": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
 		"comment": ""
 	},
 	"style-query": {
 		"type": "modified",
-		"syntax-before": "<style-condition> | <style-feature>",
-		"syntax-after": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
+		"syntax-b": "<style-condition> | <style-feature>",
+		"syntax-a": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
 		"comment": ""
 	},
 	"supports-feature": {
 		"type": "modified",
-		"syntax-before": "<supports-decl> | <supports-selector-fn>",
-		"syntax-after": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
+		"syntax-b": "<supports-decl> | <supports-selector-fn>",
+		"syntax-a": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
 		"comment": ""
 	},
 	"supports-font-format-fn": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "font-format( <font-format> )",
+		"syntax-b": "",
+		"syntax-a": "font-format( <font-format> )",
 		"comment": ""
 	},
 	"supports-font-tech-fn": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "font-tech( <font-tech> )",
+		"syntax-b": "",
+		"syntax-a": "font-tech( <font-tech> )",
 		"comment": ""
 	},
 	"supports()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "supports( <declaration> )",
+		"syntax-b": "",
+		"syntax-a": "supports( <declaration> )",
 		"comment": ""
 	},
 	"svg-paint": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "child | child( <integer> )",
+		"syntax-b": "",
+		"syntax-a": "child | child( <integer> )",
 		"comment": ""
 	},
 	"symbols-type": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "cyclic | numeric | alphabetic | symbolic | fixed",
+		"syntax-b": "",
+		"syntax-a": "cyclic | numeric | alphabetic | symbolic | fixed",
 		"comment": ""
 	},
 	"symbols()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+		"syntax-b": "",
+		"syntax-a": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
 		"comment": ""
 	},
 	"syntax": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+		"syntax-b": "",
+		"syntax-a": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
 		"comment": ""
 	},
 	"syntax-combinator": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'|'",
+		"syntax-b": "",
+		"syntax-a": "'|'",
 		"comment": ""
 	},
 	"syntax-component": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+		"syntax-b": "",
+		"syntax-a": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
 		"comment": ""
 	},
 	"syntax-component-name": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "'<' <syntax-type> '>' | <custom-ident>",
+		"syntax-b": "",
+		"syntax-a": "'<' <syntax-type> '>' | <custom-ident>",
 		"comment": ""
 	},
 	"syntax-multiplier": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ '#' | '+' ]",
+		"syntax-b": "",
+		"syntax-a": "[ '#' | '+' ]",
 		"comment": ""
 	},
 	"syntax-type": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+		"syntax-b": "",
+		"syntax-a": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
 		"comment": ""
 	},
 	"target-contrast": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "<wcag2>",
+		"syntax-b": "",
+		"syntax-a": "<wcag2>",
 		"comment": ""
 	},
 	"text-edge": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+		"syntax-b": "",
+		"syntax-a": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
 		"comment": ""
 	},
 	"time-percentage": {
 		"type": "modified",
-		"syntax-before": "<time> | <percentage>",
-		"syntax-after": "[ <time> | <percentage> ]",
+		"syntax-b": "<time> | <percentage>",
+		"syntax-a": "[ <time> | <percentage> ]",
 		"comment": ""
 	},
 	"toggle()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "toggle( <whole-value># )",
+		"syntax-b": "",
+		"syntax-a": "toggle( <whole-value># )",
 		"comment": ""
 	},
 	"top": {
 		"type": "modified",
-		"syntax-before": "<length> | auto",
-		"syntax-after": "auto",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
 		"comment": ""
 	},
 	"track-breadth": {
 		"type": "modified",
-		"syntax-before": "<length-percentage> | <flex> | min-content | max-content | auto",
-		"syntax-after": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
+		"syntax-b": "<length-percentage> | <flex> | min-content | max-content | auto",
+		"syntax-a": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
 		"comment": ""
 	},
 	"track-size": {
 		"type": "modified",
-		"syntax-before": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )",
-		"syntax-after": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
+		"syntax-b": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )",
+		"syntax-a": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
 		"comment": ""
 	},
 	"transform-mix()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "transform-mix( <progress> , <transform-list> , <transform-list> )",
+		"syntax-b": "",
+		"syntax-a": "transform-mix( <progress> , <transform-list> , <transform-list> )",
 		"comment": ""
 	},
 	"type()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "type( <syntax> )",
+		"syntax-b": "",
+		"syntax-a": "type( <syntax> )",
 		"comment": ""
 	},
 	"url": {
 		"type": "modified",
-		"syntax-before": "url( <string> <url-modifier>* ) | <url-token>",
-		"syntax-after": "<url()> | <src()>",
+		"syntax-b": "url( <string> <url-modifier>* ) | <url-token>",
+		"syntax-a": "<url()> | <src()>",
 		"comment": ""
 	},
 	"url()": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "url( <string> <url-modifier>* ) | <url-token>",
+		"syntax-b": "",
+		"syntax-a": "url( <string> <url-modifier>* ) | <url-token>",
 		"comment": ""
 	},
 	"wcag2": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
+		"syntax-b": "",
+		"syntax-a": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 		"comment": ""
 	},
 	"xyz": {
 		"type": "added",
-		"syntax-before": "",
-		"syntax-after": "xyz | xyz-d50 | xyz-d65",
+		"syntax-b": "",
+		"syntax-a": "xyz | xyz-d50 | xyz-d65",
 		"comment": ""
 	},
 	"xyz-params": {
 		"type": "modified",
-		"syntax-before": "<xyz-space> [ <number> | <percentage> | none ]{3}",
-		"syntax-after": "<xyz> [ <number> | <percentage> | none ]{3}",
+		"syntax-b": "<xyz-space> [ <number> | <percentage> | none ]{3}",
+		"syntax-a": "<xyz> [ <number> | <percentage> | none ]{3}",
 		"comment": ""
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
index 688ef826b8..be70ea85c4 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
@@ -18,8 +18,8 @@ export function apply_patches(patches, onto) {
 		}
 
 		if (
-			patch['syntax-before'] !== definition['syntax-before'] ||
-			patch['syntax-after'] !== definition['syntax-after']
+			patch['syntax-b'] !== definition['syntax-b'] ||
+			patch['syntax-a'] !== definition['syntax-a']
 		) {
 			console.log(`Outdated patch for property '${name}'`);
 			has_outdated_patches = true;
@@ -32,15 +32,15 @@ export function apply_patches(patches, onto) {
 			continue;
 		}
 
-		if (!patch['merged']) {
-			console.log(`Unmerged patch for property '${name}'`);
+		if (!patch['syntax-m']) {
+			console.log(`Unsyntax-m patch for property '${name}'`);
 			has_unmerged_patches = true;
 			flaws++;
 
 			continue;
 		}
 
-		properties[name] = patch['merged'];
+		properties[name] = patch['syntax-m'];
 	}
 
 	let types = Object(null);
@@ -56,8 +56,8 @@ export function apply_patches(patches, onto) {
 		}
 
 		if (
-			patch['syntax-before'] !== definition['syntax-before'] ||
-			patch['syntax-after'] !== definition['syntax-after']
+			patch['syntax-b'] !== definition['syntax-b'] ||
+			patch['syntax-a'] !== definition['syntax-a']
 		) {
 			console.log(`Outdated patch for type '${name}'`);
 			has_outdated_patches = true;
@@ -70,20 +70,20 @@ export function apply_patches(patches, onto) {
 			continue;
 		}
 
-		if (!patch['merged']) {
-			console.log(`Unmerged patch for type '${name}'`);
+		if (!patch['syntax-m']) {
+			console.log(`Unsyntax-m patch for type '${name}'`);
 			has_unmerged_patches = true;
 			flaws++;
 
 			continue;
 		}
 
-		if (patch['merged'] === patch['syntax-before']) {
+		if (patch['syntax-m'] === patch['syntax-b']) {
 			// CSSTree is most correct
 			continue;
 		}
 
-		types[name] = patch['merged'];
+		types[name] = patch['syntax-m'];
 	}
 
 	// Manual patches to smooth over compat between csstree and webref/css
diff --git a/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs
index 1a32d258f4..1922e19c3d 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs
@@ -6,8 +6,8 @@ export function diff_sets(a, b) {
 			// Note: Currently impossible for items to be removed because we fork the existing syntax and add to it.
 			diff[name] = {
 				type: 'deleted',
-				'syntax-before': definition.syntax,
-				'syntax-after': '',
+				'syntax-b': definition.syntax,
+				'syntax-a': '',
 				'comment': '',
 			};
 
@@ -19,8 +19,8 @@ export function diff_sets(a, b) {
 		if (!a[name]) {
 			diff[name] = {
 				type: 'added',
-				'syntax-before': '',
-				'syntax-after': definition.syntax,
+				'syntax-b': '',
+				'syntax-a': definition.syntax,
 				'comment': '',
 			};
 
@@ -30,8 +30,8 @@ export function diff_sets(a, b) {
 		if (a[name].syntax !== b[name].syntax) {
 			diff[name] = {
 				type: 'modified',
-				'syntax-before': a[name].syntax,
-				'syntax-after': b[name].syntax,
+				'syntax-b': a[name].syntax,
+				'syntax-a': b[name].syntax,
 				'comment': '',
 			};
 
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 530310a2ab..1bcb05ca60 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -20,22 +20,22 @@ function is_ignored_type(type, spec_name) {
 const CUSTOM_OVERRIDES = {
 	'css-gcpm': {
 		'content-list': {
-			'syntax-before': '[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+',
-			'syntax-after': '[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+',
+			'syntax-b': '[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+',
+			'syntax-a': '[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+',
 		},
 	},
 	'css-color-6': {
 		// TODO : remove this override when `css-color-6` is updated
 		'contrast-color()': {
-			'syntax-before': 'contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>, <color># ] ] )',
-			'syntax-after': 'contrast-color( <color> max? )',
+			'syntax-b': 'contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>, <color># ] ] )',
+			'syntax-a': 'contrast-color( <color> max? )',
 		},
 	},
 	'motion': {
 		// See : https://github.com/w3c/fxtf-drafts/pull/573
 		'ray()': {
-			'syntax-before': 'ray( <angle> && <ray-size>? && contain? && [at <position>]? )',
-			'syntax-after': 'ray( [ <angle> && <ray-size>? && contain? && [at <position>]? ] )',
+			'syntax-b': 'ray( <angle> && <ray-size>? && contain? && [at <position>]? )',
+			'syntax-a': 'ray( [ <angle> && <ray-size>? && contain? && [at <position>]? ] )',
 		},
 	},
 };
@@ -46,11 +46,11 @@ function maybe_override(spec_name, name, definition) {
 		return definition;
 	}
 
-	if (override['syntax-before'] !== definition) {
+	if (override['syntax-b'] !== definition) {
 		throw new Error(`Override is obsolete: '${spec_name}' - '${name}'`);
 	}
 
-	return override['syntax-after'];
+	return override['syntax-a'];
 }
 
 const SPECS = [
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 6addccc601..c2636dd271 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -181,7 +181,7 @@ await write_final_file({
 	}
 
 	if (has_missing_patches) {
-		console.warn('Not all patches have been merged');
+		console.warn('Not all patches have been syntax-m');
 	}
 
 	if (has_outdated_patches) {
@@ -189,7 +189,7 @@ await write_final_file({
 	}
 
 	if (has_unmerged_patches) {
-		console.warn('Not all patches have been merged');
+		console.warn('Not all patches have been syntax-m');
 	}
 
 	if (has_missing_patch_tests) {
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
index 972d55c0d1..b2f791a3c5 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
@@ -21,8 +21,8 @@ export async function write_patches(sets, patch_sets) {
 
 				if (
 					definition.type === patch_definition.type &&
-					definition['syntax-before'] === patch_definition['syntax-before'] &&
-					definition['syntax-after'] === patch_definition['syntax-after']
+					definition['syntax-b'] === patch_definition['syntax-b'] &&
+					definition['syntax-a'] === patch_definition['syntax-a']
 				) {
 					merged_sets[set_name][kind_name][name] = {
 						...patch_definition,
@@ -35,7 +35,7 @@ export async function write_patches(sets, patch_sets) {
 					...definition,
 				};
 
-				merged_sets[set_name][kind_name][name]['merged'] = false;
+				merged_sets[set_name][kind_name][name]['syntax-m'] = false;
 				merged_sets[set_name][kind_name][name]['tests'] = {
 					'passing': [],
 					'failing': [],
@@ -69,7 +69,7 @@ export async function write_patches(sets, patch_sets) {
 					...definition,
 				};
 
-				merged_sets[set_name][kind_name][name]['merged'] = false;
+				merged_sets[set_name][kind_name][name]['syntax-m'] = false;
 				merged_sets[set_name][kind_name][name]['tests'] = {
 					'passing': [],
 					'failing': [],

From 3b694e902b682515a595669ad358dc6f8d5d6aba Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sat, 12 Oct 2024 00:09:12 +0200
Subject: [PATCH 42/66] update dependencies

---
 .../dist/index.json                           |  13 ++-
 .../webref-over-csstree-properties.json       |  32 +++++-
 .../patches/webref-over-csstree-types.json    | 101 ++++++++++++++++--
 .../webref-over-csstree-properties.json       |  12 ++-
 .../raw-data/webref-over-csstree-types.json   |  38 ++++++-
 .../raw-data/webref-properties.json           |   8 +-
 .../raw-data/webref-types.json                |  23 +++-
 .../scripts/generate-webref-sets.mjs          |   2 +
 .../scripts/index.mjs                         |   4 +-
 9 files changed, 198 insertions(+), 35 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 2b19ba3d00..b0681c73c3 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -5,7 +5,6 @@
 			"align-self": "| anchor-center",
 			"alignment-baseline": "| text-bottom | text-top",
 			"animation-duration": "[ auto | <time [0s,∞]> ]#",
-			"appearance": "none | auto | <compat-auto> | <compat-special>",
 			"aspect-ratio": "auto || <ratio>",
 			"backdrop-filter": "none | <filter-value-list>",
 			"background": "<bg-layer>#? , <final-bg-layer>",
@@ -15,7 +14,8 @@
 			"color-adjust": "<'print-color-adjust'>",
 			"justify-items": "| anchor-center",
 			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
-			"position-anchor": "auto | <anchor-element>"
+			"position-anchor": "auto | <anchor-element>",
+			"text-wrap-style": "auto | balance | stable | pretty | avoid-orphans"
 		},
 		"types": {
 			"angle-percentage": "[ <angle> | <percentage> ]",
@@ -23,12 +23,15 @@
 			"angular-color-stop-list": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
 			"axis": "block | inline | x | y",
 			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+			"bg-position": "<position> | <position-three>",
 			"bottom": "<length-percentage> | auto",
+			"color": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
 			"conic-gradient-syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 			"conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
+			"contrast-color()": "contrast-color( <color> max? )",
 			"coord-box": "<paint-box> | view-box",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
 			"filter-value-list": "[ <filter-function> | <url> ]+",
@@ -50,7 +53,11 @@
 			"oklab()": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"oklch()": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
-			"position": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+			"position": "<position-one> | <position-two> | <position-four>",
+			"position-four": "[ [ [ 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} ]",
+			"position-one": "[ left | center | right | top | bottom | x-start | x-end | y-start | y-end | block-start | block-end | inline-start | inline-end | <length-percentage> ]",
+			"position-three": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]",
+			"position-two": "[ [ 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} ]",
 			"predefined-polar-params": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 			"predefined-rectangular": "jzazbz | ictcp",
 			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index bd3a17d654..d11dfce471 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -93,8 +93,8 @@
 	"appearance": {
 		"type": "modified",
 		"syntax-b": "none | auto | textfield | menulist-button | <compat-auto>",
-		"syntax-a": "none | auto | <compat-auto> | <compat-special>",
-		"syntax-m": "none | auto | <compat-auto> | <compat-special>",
+		"syntax-a": "none | auto | base | <compat-auto> | <compat-special>",
+		"syntax-m": "none | auto | base | <compat-auto> | <compat-special>",
 		"tests": {
 			"passing": [
 				{
@@ -2518,7 +2518,7 @@
 	"masonry-slack": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "<length-percentage>",
+		"syntax-a": "<length-percentage> | infinite",
 		"comment": "",
 		"syntax-m": false,
 		"tests": {
@@ -2540,7 +2540,7 @@
 	"masonry-template-tracks": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "<'grid-template-columns'>",
+		"syntax-a": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
 		"comment": "",
 		"syntax-m": false,
 		"tests": {
@@ -4132,6 +4132,28 @@
 			"failing": []
 		}
 	},
+	"text-wrap-style": {
+		"type": "modified",
+		"syntax-b": "auto | balance | stable | pretty",
+		"syntax-a": "auto | balance | stable | pretty | avoid-orphans",
+		"comment": "",
+		"syntax-m": "auto | balance | stable | pretty | avoid-orphans",
+		"tests": {
+			"passing": [
+				{
+					"value": "pretty"
+				},
+				{
+					"value": "avoid-orphans"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
 	"timeline-scope": {
 		"type": "modified",
 		"syntax-b": "none | <dashed-ident>#",
@@ -4473,4 +4495,4 @@
 			"failing": []
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 02280a993e..141a6650a0 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -284,9 +284,9 @@
 	"bg-position": {
 		"type": "modified",
 		"syntax-b": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
-		"syntax-a": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]",
+		"syntax-a": "<position> | <position-three>",
 		"comment": "",
-		"syntax-m": false,
+		"syntax-m": "<position> | <position-three>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -549,8 +549,8 @@
 	"color": {
 		"type": "modified",
 		"syntax-b": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
-		"syntax-a": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
-		"syntax-m": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
+		"syntax-a": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()>",
+		"syntax-m": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 		"tests": {
 			"passing": [
 				{
@@ -827,11 +827,37 @@
 		"type": "added",
 		"syntax-b": "",
 		"syntax-a": "contrast-color( <color> max? )",
+		"syntax-m": "contrast-color( <color> max? )",
 		"comment": "",
-		"syntax-m": false,
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "color",
+					"value": "contrast-color(red max)"
+				},
+				{
+					"property": "color",
+					"value": "contrast-color(red)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "contrast-color()"
+				},
+				{
+					"property": "color",
+					"value": "contrast-color(max)"
+				},
+				{
+					"property": "color",
+					"value": "contrast-color(max max)"
+				},
+				{
+					"property": "color",
+					"value": "contrast-color(red red)"
+				}
+			]
 		}
 	},
 	"coord-box": {
@@ -1925,6 +1951,17 @@
 			"failing": []
 		}
 	},
+	"masonry-auto-track-list": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*",
+		"comment": "",
+		"syntax-m": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"media-and": {
 		"type": "modified",
 		"syntax-b": "<media-in-parens> [ and <media-in-parens> ]+",
@@ -2524,9 +2561,9 @@
 	"position": {
 		"type": "modified",
 		"syntax-b": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
-		"syntax-a": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+		"syntax-a": "<position-one> | <position-two> | <position-four>",
 		"comment": "",
-		"syntax-m": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+		"syntax-m": "<position-one> | <position-two> | <position-four>",
 		"tests": {
 			"passing": [
 				{
@@ -2554,6 +2591,50 @@
 			]
 		}
 	},
+	"position-four": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ [ [ 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} ]",
+		"comment": "",
+		"syntax-m": "[ [ [ 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} ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"position-one": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ left | center | right | top | bottom | x-start | x-end | y-start | y-end | block-start | block-end | inline-start | inline-end | <length-percentage> ]",
+		"comment": "",
+		"syntax-m": "[ left | center | right | top | bottom | x-start | x-end | y-start | y-end | block-start | block-end | inline-start | inline-end | <length-percentage> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"position-three": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]",
+		"comment": "",
+		"syntax-m": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"position-two": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ [ 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} ]",
+		"comment": "",
+		"syntax-m": "[ [ 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} ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"predefined-polar-params": {
 		"type": "added",
 		"syntax-b": "",
@@ -2589,7 +2670,7 @@
 	"progress": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
+		"syntax-a": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
 		"comment": "",
 		"syntax-m": false,
 		"tests": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
index 7d8f1cb56a..1d8ccd616a 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -26,7 +26,7 @@
 	"appearance": {
 		"type": "modified",
 		"syntax-b": "none | auto | textfield | menulist-button | <compat-auto>",
-		"syntax-a": "none | auto | <compat-auto> | <compat-special>",
+		"syntax-a": "none | auto | base | <compat-auto> | <compat-special>",
 		"comment": ""
 	},
 	"aspect-ratio": {
@@ -1286,7 +1286,7 @@
 	"masonry-slack": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "<length-percentage>",
+		"syntax-a": "<length-percentage> | infinite",
 		"comment": ""
 	},
 	"masonry-template-areas": {
@@ -1298,7 +1298,7 @@
 	"masonry-template-tracks": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "<'grid-template-columns'>",
+		"syntax-a": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
 		"comment": ""
 	},
 	"max-block-size": {
@@ -2153,6 +2153,12 @@
 		"syntax-a": "wrap | nowrap",
 		"comment": ""
 	},
+	"text-wrap-style": {
+		"type": "modified",
+		"syntax-b": "auto | balance | stable | pretty",
+		"syntax-a": "auto | balance | stable | pretty | avoid-orphans",
+		"comment": ""
+	},
 	"timeline-scope": {
 		"type": "modified",
 		"syntax-b": "none | <dashed-ident>#",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 1693c2fc72..614f3cf182 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -104,7 +104,7 @@
 	"bg-position": {
 		"type": "modified",
 		"syntax-b": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
-		"syntax-a": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]",
+		"syntax-a": "<position> | <position-three>",
 		"comment": ""
 	},
 	"bg-size": {
@@ -230,7 +230,7 @@
 	"color": {
 		"type": "modified",
 		"syntax-b": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
-		"syntax-a": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>",
+		"syntax-a": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()>",
 		"comment": ""
 	},
 	"color-font-tech": {
@@ -767,6 +767,12 @@
 		"syntax-a": "<url>",
 		"comment": ""
 	},
+	"masonry-auto-track-list": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*",
+		"comment": ""
+	},
 	"media-and": {
 		"type": "modified",
 		"syntax-b": "<media-in-parens> [ and <media-in-parens> ]+",
@@ -956,7 +962,31 @@
 	"position": {
 		"type": "modified",
 		"syntax-b": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
-		"syntax-a": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
+		"syntax-a": "<position-one> | <position-two> | <position-four>",
+		"comment": ""
+	},
+	"position-four": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ [ [ 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} ]",
+		"comment": ""
+	},
+	"position-one": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ left | center | right | top | bottom | x-start | x-end | y-start | y-end | block-start | block-end | inline-start | inline-end | <length-percentage> ]",
+		"comment": ""
+	},
+	"position-three": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]",
+		"comment": ""
+	},
+	"position-two": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ [ 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} ]",
 		"comment": ""
 	},
 	"predefined-polar-params": {
@@ -986,7 +1016,7 @@
 	"progress": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>",
+		"syntax-a": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
 		"comment": ""
 	},
 	"progress()": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
index 375ad3e5da..e58c6e26a3 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
@@ -75,7 +75,7 @@
 		"syntax": "<easing-function>#"
 	},
 	"appearance": {
-		"syntax": "none | auto | <compat-auto> | <compat-special>"
+		"syntax": "none | auto | base | <compat-auto> | <compat-special>"
 	},
 	"-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"
@@ -1365,13 +1365,13 @@
 		"syntax": "<'masonry-direction'> || <'masonry-fill'>"
 	},
 	"masonry-slack": {
-		"syntax": "<length-percentage>"
+		"syntax": "<length-percentage> | infinite"
 	},
 	"masonry-template-areas": {
 		"syntax": "none | <string>"
 	},
 	"masonry-template-tracks": {
-		"syntax": "<'grid-template-columns'>"
+		"syntax": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?"
 	},
 	"math-depth": {
 		"syntax": "auto-add | add( <integer> ) | <integer>"
@@ -2178,7 +2178,7 @@
 		"syntax": "wrap | nowrap"
 	},
 	"text-wrap-style": {
-		"syntax": "auto | balance | stable | pretty"
+		"syntax": "auto | balance | stable | pretty | avoid-orphans"
 	},
 	"timeline-scope": {
 		"syntax": "none | all | <dashed-ident>#"
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index 52f564d784..cfc8cc5d6d 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -123,7 +123,7 @@
 		"syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
 	},
 	"bg-position": {
-		"syntax": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]"
+		"syntax": "<position> | <position-three>"
 	},
 	"bg-size": {
 		"syntax": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain"
@@ -222,7 +222,7 @@
 		"syntax": "<number> | <percentage> | none"
 	},
 	"color": {
-		"syntax": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()>"
+		"syntax": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()>"
 	},
 	"-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"
@@ -863,6 +863,9 @@
 	"masking-mode": {
 		"syntax": "alpha | luminance | match-source"
 	},
+	"masonry-auto-track-list": {
+		"syntax": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*"
+	},
 	"matrix()": {
 		"syntax": "matrix( <number>#{6} )"
 	},
@@ -1083,11 +1086,23 @@
 		"syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
 	},
 	"position": {
-		"syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
+		"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} ]"
 	},
+	"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} ]"
+	},
+	"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-three": {
+		"syntax": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]"
+	},
+	"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} ]"
+	},
 	"pow()": {
 		"syntax": "pow( <calc-sum> , <calc-sum> )"
 	},
@@ -1107,7 +1122,7 @@
 		"syntax": "<predefined-rgb> [ <number> | <percentage> | none ]{3}"
 	},
 	"progress": {
-		"syntax": "[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>"
+		"syntax": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?"
 	},
 	"progress()": {
 		"syntax": "progress( <calc-sum> from <calc-sum> to <calc-sum> )"
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 1bcb05ca60..f7c4ace7d1 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -233,6 +233,8 @@ const type_deltas = new Set([
 	type_delta_key('repeat-style', 'css-backgrounds', 'css-backgrounds-4'),
 
 	type_delta_key('single-animation', 'css-animations', 'css-animations-2'),
+
+	type_delta_key('position', 'css-values', 'css-values-5'),
 ]);
 
 const seen_type_definitions = new Map();
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index c2636dd271..6addccc601 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -181,7 +181,7 @@ await write_final_file({
 	}
 
 	if (has_missing_patches) {
-		console.warn('Not all patches have been syntax-m');
+		console.warn('Not all patches have been merged');
 	}
 
 	if (has_outdated_patches) {
@@ -189,7 +189,7 @@ await write_final_file({
 	}
 
 	if (has_unmerged_patches) {
-		console.warn('Not all patches have been syntax-m');
+		console.warn('Not all patches have been merged');
 	}
 
 	if (has_missing_patch_tests) {

From 28dc4e9d973d24dbfb8543aa0dde62ed60a43913 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sat, 12 Oct 2024 00:12:18 +0200
Subject: [PATCH 43/66] fix

---
 package-lock.json                             | 521 ++++++------------
 .../scripts/apply-patches.mjs                 |   4 +-
 2 files changed, 158 insertions(+), 367 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 5baa312181..3d3ba90dc8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -232,18 +232,18 @@
 			}
 		},
 		"node_modules/@babel/compat-data": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.25.7.tgz",
-			"integrity": "sha512-9ickoLz+hcXCeh7jrcin+/SLWm+GkxE2kTvoYyp38p4WkdFXfQJxDFGWp/YHjiKLPx06z2A7W8XKuqbReXDzsw==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.25.8.tgz",
+			"integrity": "sha512-ZsysZyXY4Tlx+Q53XdnOFmqwfB9QDTHYxaZYajWRoBLuLEAwI2UIbtxOjWh/cFaa9IKUlcB+DDuoskLuKu56JA==",
 			"dev": true,
 			"engines": {
 				"node": ">=6.9.0"
 			}
 		},
 		"node_modules/@babel/core": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.7.tgz",
-			"integrity": "sha512-yJ474Zv3cwiSOO9nXJuqzvwEeM+chDuQ8GJirw+pZ91sCGCyOZ3dJkVE09fTV0VEVzXyLWhh3G/AolYTPX7Mow==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.8.tgz",
+			"integrity": "sha512-Oixnb+DzmRT30qu9d3tJSQkxuygWm32DFykT4bRoORPa9hZ/L4KhVB/XiRm6KG+roIEM7DBQlmg27kw2HZkdZg==",
 			"dev": true,
 			"dependencies": {
 				"@ampproject/remapping": "^2.2.0",
@@ -252,10 +252,10 @@
 				"@babel/helper-compilation-targets": "^7.25.7",
 				"@babel/helper-module-transforms": "^7.25.7",
 				"@babel/helpers": "^7.25.7",
-				"@babel/parser": "^7.25.7",
+				"@babel/parser": "^7.25.8",
 				"@babel/template": "^7.25.7",
 				"@babel/traverse": "^7.25.7",
-				"@babel/types": "^7.25.7",
+				"@babel/types": "^7.25.8",
 				"convert-source-map": "^2.0.0",
 				"debug": "^4.1.0",
 				"gensync": "^1.0.0-beta.2",
@@ -575,12 +575,12 @@
 			}
 		},
 		"node_modules/@babel/parser": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.7.tgz",
-			"integrity": "sha512-aZn7ETtQsjjGG5HruveUK06cU3Hljuhd9Iojm4M8WWv3wLE6OkE5PWbDUkItmMgegmccaITudyuW5RPYrYlgWw==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.8.tgz",
+			"integrity": "sha512-HcttkxzdPucv3nNFmfOOMfFf64KgdJVqm1KaCm25dPGMLElo9nsLvXeJECQg8UzPuBGLyTSA0ZzqCtDSzKTEoQ==",
 			"dev": true,
 			"dependencies": {
-				"@babel/types": "^7.25.7"
+				"@babel/types": "^7.25.8"
 			},
 			"bin": {
 				"parser": "bin/babel-parser.js"
@@ -686,13 +686,12 @@
 			}
 		},
 		"node_modules/@babel/plugin-proposal-explicit-resource-management": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-proposal-explicit-resource-management/-/plugin-proposal-explicit-resource-management-7.25.7.tgz",
-			"integrity": "sha512-0UUf9iVmtcDJsS0tWzHW7TYcYcIjkYciOMnZWYJzHNRPGsNGaaX62rjdLGNjHrS+WkwRW1cDOjPpTxJ75rzKsA==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-proposal-explicit-resource-management/-/plugin-proposal-explicit-resource-management-7.25.8.tgz",
+			"integrity": "sha512-JkhDHI5URco9tZVBOmU3/Zv7pa/8WSqVboA9U/V+YTDQUi4ddsHPe0dPv6uSAskV/yIDewLRD75stKbh4jQyyQ==",
 			"dev": true,
 			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-explicit-resource-management": "^7.25.7"
+				"@babel/helper-plugin-utils": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -713,45 +712,6 @@
 				"@babel/core": "^7.0.0-0"
 			}
 		},
-		"node_modules/@babel/plugin-syntax-async-generators": {
-			"version": "7.8.4",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
-			"integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.8.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-class-properties": {
-			"version": "7.12.13",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
-			"integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.12.13"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-class-static-block": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
-			"integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.14.5"
-			},
-			"engines": {
-				"node": ">=6.9.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
 		"node_modules/@babel/plugin-syntax-decorators": {
 			"version": "7.25.7",
 			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.25.7.tgz",
@@ -767,45 +727,6 @@
 				"@babel/core": "^7.0.0-0"
 			}
 		},
-		"node_modules/@babel/plugin-syntax-dynamic-import": {
-			"version": "7.8.3",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
-			"integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.8.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-explicit-resource-management": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-explicit-resource-management/-/plugin-syntax-explicit-resource-management-7.25.7.tgz",
-			"integrity": "sha512-TgM4pHZsLotw2HPnHe8mzGPJ3MAyE+IAii+MYLdR63kko7T9o7f0x8HB51ahqgseXpA8RGzvO5ErWPf/+9oXAg==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.25.7"
-			},
-			"engines": {
-				"node": ">=6.9.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-export-namespace-from": {
-			"version": "7.8.3",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
-			"integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.8.3"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
 		"node_modules/@babel/plugin-syntax-import-assertions": {
 			"version": "7.25.7",
 			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.25.7.tgz",
@@ -836,30 +757,6 @@
 				"@babel/core": "^7.0.0-0"
 			}
 		},
-		"node_modules/@babel/plugin-syntax-import-meta": {
-			"version": "7.10.4",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-			"integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.10.4"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-json-strings": {
-			"version": "7.8.3",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
-			"integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.8.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
 		"node_modules/@babel/plugin-syntax-jsx": {
 			"version": "7.25.7",
 			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.7.tgz",
@@ -875,108 +772,6 @@
 				"@babel/core": "^7.0.0-0"
 			}
 		},
-		"node_modules/@babel/plugin-syntax-logical-assignment-operators": {
-			"version": "7.10.4",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
-			"integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.10.4"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
-			"version": "7.8.3",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
-			"integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.8.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-numeric-separator": {
-			"version": "7.10.4",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
-			"integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.10.4"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-object-rest-spread": {
-			"version": "7.8.3",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
-			"integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.8.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-optional-catch-binding": {
-			"version": "7.8.3",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
-			"integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.8.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-optional-chaining": {
-			"version": "7.8.3",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
-			"integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.8.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-private-property-in-object": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
-			"integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.14.5"
-			},
-			"engines": {
-				"node": ">=6.9.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
-		"node_modules/@babel/plugin-syntax-top-level-await": {
-			"version": "7.14.5",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
-			"integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
-			"dev": true,
-			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.14.5"
-			},
-			"engines": {
-				"node": ">=6.9.0"
-			},
-			"peerDependencies": {
-				"@babel/core": "^7.0.0-0"
-			}
-		},
 		"node_modules/@babel/plugin-syntax-typescript": {
 			"version": "7.25.7",
 			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.7.tgz",
@@ -1024,14 +819,13 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-async-generator-functions": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.7.tgz",
-			"integrity": "sha512-4B6OhTrwYKHYYgcwErvZjbmH9X5TxQBsaBHdzEIB4l71gR5jh/tuHGlb9in47udL2+wVUcOz5XXhhfhVJwEpEg==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.8.tgz",
+			"integrity": "sha512-9ypqkozyzpG+HxlH4o4gdctalFGIjjdufzo7I2XPda0iBnZ6a+FO0rIEQcdSPXp02CkvGsII1exJhmROPQd5oA==",
 			"dev": true,
 			"dependencies": {
 				"@babel/helper-plugin-utils": "^7.25.7",
 				"@babel/helper-remap-async-to-generator": "^7.25.7",
-				"@babel/plugin-syntax-async-generators": "^7.8.4",
 				"@babel/traverse": "^7.25.7"
 			},
 			"engines": {
@@ -1105,14 +899,13 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-class-static-block": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.25.7.tgz",
-			"integrity": "sha512-rvUUtoVlkDWtDWxGAiiQj0aNktTPn3eFynBcMC2IhsXweehwgdI9ODe+XjWw515kEmv22sSOTp/rxIRuTiB7zg==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.25.8.tgz",
+			"integrity": "sha512-e82gl3TCorath6YLf9xUwFehVvjvfqFhdOo4+0iVIVju+6XOi5XHkqB3P2AXnSwoeTX0HBoXq5gJFtvotJzFnQ==",
 			"dev": true,
 			"dependencies": {
 				"@babel/helper-create-class-features-plugin": "^7.25.7",
-				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-class-static-block": "^7.14.5"
+				"@babel/helper-plugin-utils": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1229,13 +1022,12 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-dynamic-import": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.7.tgz",
-			"integrity": "sha512-UvcLuual4h7/GfylKm2IAA3aph9rwvAM2XBA0uPKU3lca+Maai4jBjjEVUS568ld6kJcgbouuumCBhMd/Yz17w==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.8.tgz",
+			"integrity": "sha512-gznWY+mr4ZQL/EWPcbBQUP3BXS5FwZp8RUOw06BaRn8tQLzN4XLIxXejpHN9Qo8x8jjBmAAKp6FoS51AgkSA/A==",
 			"dev": true,
 			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-dynamic-import": "^7.8.3"
+				"@babel/helper-plugin-utils": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1261,13 +1053,12 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-export-namespace-from": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.7.tgz",
-			"integrity": "sha512-h3MDAP5l34NQkkNulsTNyjdaR+OiB0Im67VU//sFupouP8Q6m9Spy7l66DcaAQxtmCqGdanPByLsnwFttxKISQ==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.8.tgz",
+			"integrity": "sha512-sPtYrduWINTQTW7FtOy99VCTWp4H23UX7vYcut7S4CIMEXU+54zKX9uCoGkLsWXteyaMXzVHgzWbLfQ1w4GZgw==",
 			"dev": true,
 			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+				"@babel/helper-plugin-utils": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1310,13 +1101,12 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-json-strings": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.7.tgz",
-			"integrity": "sha512-Ot43PrL9TEAiCe8C/2erAjXMeVSnE/BLEx6eyrKLNFCCw5jvhTHKyHxdI1pA0kz5njZRYAnMO2KObGqOCRDYSA==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.8.tgz",
+			"integrity": "sha512-4OMNv7eHTmJ2YXs3tvxAfa/I43di+VcF+M4Wt66c88EAED1RoGaf1D64cL5FkRpNL+Vx9Hds84lksWvd/wMIdA==",
 			"dev": true,
 			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-json-strings": "^7.8.3"
+				"@babel/helper-plugin-utils": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1341,13 +1131,12 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-logical-assignment-operators": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.7.tgz",
-			"integrity": "sha512-iImzbA55BjiovLyG2bggWS+V+OLkaBorNvc/yJoeeDQGztknRnDdYfp2d/UPmunZYEnZi6Lg8QcTmNMHOB0lGA==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.8.tgz",
+			"integrity": "sha512-f5W0AhSbbI+yY6VakT04jmxdxz+WsID0neG7+kQZbCOjuyJNdL5Nn4WIBm4hRpKnUcO9lP0eipUhFN12JpoH8g==",
 			"dev": true,
 			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+				"@babel/helper-plugin-utils": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1470,13 +1259,12 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.7.tgz",
-			"integrity": "sha512-FbuJ63/4LEL32mIxrxwYaqjJxpbzxPVQj5a+Ebrc8JICV6YX8nE53jY+K0RZT3um56GoNWgkS2BQ/uLGTjtwfw==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.8.tgz",
+			"integrity": "sha512-Z7WJJWdQc8yCWgAmjI3hyC+5PXIubH9yRKzkl9ZEG647O9szl9zvmKLzpbItlijBnVhTUf1cpyWBsZ3+2wjWPQ==",
 			"dev": true,
 			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+				"@babel/helper-plugin-utils": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1486,13 +1274,12 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-numeric-separator": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.7.tgz",
-			"integrity": "sha512-8CbutzSSh4hmD+jJHIA8vdTNk15kAzOnFLVVgBSMGr28rt85ouT01/rezMecks9pkU939wDInImwCKv4ahU4IA==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.8.tgz",
+			"integrity": "sha512-rm9a5iEFPS4iMIy+/A/PiS0QN0UyjPIeVvbU5EMZFKJZHt8vQnasbpo3T3EFcxzCeYO0BHfc4RqooCZc51J86Q==",
 			"dev": true,
 			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-numeric-separator": "^7.10.4"
+				"@babel/helper-plugin-utils": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1502,14 +1289,13 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-object-rest-spread": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.7.tgz",
-			"integrity": "sha512-1JdVKPhD7Y5PvgfFy0Mv2brdrolzpzSoUq2pr6xsR+m+3viGGeHEokFKsCgOkbeFOQxfB1Vt2F0cPJLRpFI4Zg==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.8.tgz",
+			"integrity": "sha512-LkUu0O2hnUKHKE7/zYOIjByMa4VRaV2CD/cdGz0AxU9we+VA3kDDggKEzI0Oz1IroG+6gUP6UmWEHBMWZU316g==",
 			"dev": true,
 			"dependencies": {
 				"@babel/helper-compilation-targets": "^7.25.7",
 				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-object-rest-spread": "^7.8.3",
 				"@babel/plugin-transform-parameters": "^7.25.7"
 			},
 			"engines": {
@@ -1536,13 +1322,12 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-optional-catch-binding": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.7.tgz",
-			"integrity": "sha512-m9obYBA39mDPN7lJzD5WkGGb0GO54PPLXsbcnj1Hyeu8mSRz7Gb4b1A6zxNX32ZuUySDK4G6it8SDFWD1nCnqg==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.8.tgz",
+			"integrity": "sha512-EbQYweoMAHOn7iJ9GgZo14ghhb9tTjgOc88xFgYngifx7Z9u580cENCV159M4xDh3q/irbhSjZVpuhpC2gKBbg==",
 			"dev": true,
 			"dependencies": {
-				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+				"@babel/helper-plugin-utils": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1552,14 +1337,13 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-optional-chaining": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.7.tgz",
-			"integrity": "sha512-h39agClImgPWg4H8mYVAbD1qP9vClFbEjqoJmt87Zen8pjqK8FTPUwrOXAvqu5soytwxrLMd2fx2KSCp2CHcNg==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.8.tgz",
+			"integrity": "sha512-q05Bk7gXOxpTHoQ8RSzGSh/LHVB9JEIkKnk3myAWwZHnYiTGYtbdrYkIsS8Xyh4ltKf7GNUSgzs/6P2bJtBAQg==",
 			"dev": true,
 			"dependencies": {
 				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/helper-skip-transparent-expression-wrappers": "^7.25.7",
-				"@babel/plugin-syntax-optional-chaining": "^7.8.3"
+				"@babel/helper-skip-transparent-expression-wrappers": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1600,15 +1384,14 @@
 			}
 		},
 		"node_modules/@babel/plugin-transform-private-property-in-object": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.7.tgz",
-			"integrity": "sha512-LzA5ESzBy7tqj00Yjey9yWfs3FKy4EmJyKOSWld144OxkTji81WWnUT8nkLUn+imN/zHL8ZQlOu/MTUAhHaX3g==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.8.tgz",
+			"integrity": "sha512-8Uh966svuB4V8RHHg0QJOB32QK287NBksJOByoKmHMp1TAobNniNalIkI2i5IPj5+S9NYCG4VIjbEuiSN8r+ow==",
 			"dev": true,
 			"dependencies": {
 				"@babel/helper-annotate-as-pure": "^7.25.7",
 				"@babel/helper-create-class-features-plugin": "^7.25.7",
-				"@babel/helper-plugin-utils": "^7.25.7",
-				"@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+				"@babel/helper-plugin-utils": "^7.25.7"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1822,12 +1605,12 @@
 			}
 		},
 		"node_modules/@babel/preset-env": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.25.7.tgz",
-			"integrity": "sha512-Gibz4OUdyNqqLj+7OAvBZxOD7CklCtMA5/j0JgUEwOnaRULsPDXmic2iKxL2DX2vQduPR5wH2hjZas/Vr/Oc0g==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.25.8.tgz",
+			"integrity": "sha512-58T2yulDHMN8YMUxiLq5YmWUnlDCyY1FsHM+v12VMx+1/FlrUj5tY50iDCpofFQEM8fMYOaY9YRvym2jcjn1Dg==",
 			"dev": true,
 			"dependencies": {
-				"@babel/compat-data": "^7.25.7",
+				"@babel/compat-data": "^7.25.8",
 				"@babel/helper-compilation-targets": "^7.25.7",
 				"@babel/helper-plugin-utils": "^7.25.7",
 				"@babel/helper-validator-option": "^7.25.7",
@@ -1837,45 +1620,30 @@
 				"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.7",
 				"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.7",
 				"@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-				"@babel/plugin-syntax-async-generators": "^7.8.4",
-				"@babel/plugin-syntax-class-properties": "^7.12.13",
-				"@babel/plugin-syntax-class-static-block": "^7.14.5",
-				"@babel/plugin-syntax-dynamic-import": "^7.8.3",
-				"@babel/plugin-syntax-export-namespace-from": "^7.8.3",
 				"@babel/plugin-syntax-import-assertions": "^7.25.7",
 				"@babel/plugin-syntax-import-attributes": "^7.25.7",
-				"@babel/plugin-syntax-import-meta": "^7.10.4",
-				"@babel/plugin-syntax-json-strings": "^7.8.3",
-				"@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
-				"@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-				"@babel/plugin-syntax-numeric-separator": "^7.10.4",
-				"@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-				"@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-				"@babel/plugin-syntax-optional-chaining": "^7.8.3",
-				"@babel/plugin-syntax-private-property-in-object": "^7.14.5",
-				"@babel/plugin-syntax-top-level-await": "^7.14.5",
 				"@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
 				"@babel/plugin-transform-arrow-functions": "^7.25.7",
-				"@babel/plugin-transform-async-generator-functions": "^7.25.7",
+				"@babel/plugin-transform-async-generator-functions": "^7.25.8",
 				"@babel/plugin-transform-async-to-generator": "^7.25.7",
 				"@babel/plugin-transform-block-scoped-functions": "^7.25.7",
 				"@babel/plugin-transform-block-scoping": "^7.25.7",
 				"@babel/plugin-transform-class-properties": "^7.25.7",
-				"@babel/plugin-transform-class-static-block": "^7.25.7",
+				"@babel/plugin-transform-class-static-block": "^7.25.8",
 				"@babel/plugin-transform-classes": "^7.25.7",
 				"@babel/plugin-transform-computed-properties": "^7.25.7",
 				"@babel/plugin-transform-destructuring": "^7.25.7",
 				"@babel/plugin-transform-dotall-regex": "^7.25.7",
 				"@babel/plugin-transform-duplicate-keys": "^7.25.7",
 				"@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.7",
-				"@babel/plugin-transform-dynamic-import": "^7.25.7",
+				"@babel/plugin-transform-dynamic-import": "^7.25.8",
 				"@babel/plugin-transform-exponentiation-operator": "^7.25.7",
-				"@babel/plugin-transform-export-namespace-from": "^7.25.7",
+				"@babel/plugin-transform-export-namespace-from": "^7.25.8",
 				"@babel/plugin-transform-for-of": "^7.25.7",
 				"@babel/plugin-transform-function-name": "^7.25.7",
-				"@babel/plugin-transform-json-strings": "^7.25.7",
+				"@babel/plugin-transform-json-strings": "^7.25.8",
 				"@babel/plugin-transform-literals": "^7.25.7",
-				"@babel/plugin-transform-logical-assignment-operators": "^7.25.7",
+				"@babel/plugin-transform-logical-assignment-operators": "^7.25.8",
 				"@babel/plugin-transform-member-expression-literals": "^7.25.7",
 				"@babel/plugin-transform-modules-amd": "^7.25.7",
 				"@babel/plugin-transform-modules-commonjs": "^7.25.7",
@@ -1883,15 +1651,15 @@
 				"@babel/plugin-transform-modules-umd": "^7.25.7",
 				"@babel/plugin-transform-named-capturing-groups-regex": "^7.25.7",
 				"@babel/plugin-transform-new-target": "^7.25.7",
-				"@babel/plugin-transform-nullish-coalescing-operator": "^7.25.7",
-				"@babel/plugin-transform-numeric-separator": "^7.25.7",
-				"@babel/plugin-transform-object-rest-spread": "^7.25.7",
+				"@babel/plugin-transform-nullish-coalescing-operator": "^7.25.8",
+				"@babel/plugin-transform-numeric-separator": "^7.25.8",
+				"@babel/plugin-transform-object-rest-spread": "^7.25.8",
 				"@babel/plugin-transform-object-super": "^7.25.7",
-				"@babel/plugin-transform-optional-catch-binding": "^7.25.7",
-				"@babel/plugin-transform-optional-chaining": "^7.25.7",
+				"@babel/plugin-transform-optional-catch-binding": "^7.25.8",
+				"@babel/plugin-transform-optional-chaining": "^7.25.8",
 				"@babel/plugin-transform-parameters": "^7.25.7",
 				"@babel/plugin-transform-private-methods": "^7.25.7",
-				"@babel/plugin-transform-private-property-in-object": "^7.25.7",
+				"@babel/plugin-transform-private-property-in-object": "^7.25.8",
 				"@babel/plugin-transform-property-literals": "^7.25.7",
 				"@babel/plugin-transform-regenerator": "^7.25.7",
 				"@babel/plugin-transform-reserved-words": "^7.25.7",
@@ -2005,9 +1773,9 @@
 			}
 		},
 		"node_modules/@babel/types": {
-			"version": "7.25.7",
-			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.7.tgz",
-			"integrity": "sha512-vwIVdXG+j+FOpkwqHRcBgHLYNL7XMkufrlaFvL9o6Ai9sJn9+PdyIL5qa0XzTZw084c+u9LOls53eoZWP/W5WQ==",
+			"version": "7.25.8",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.8.tgz",
+			"integrity": "sha512-JWtuCu8VQsMladxVz/P4HzHUGCAwpuqacmowgXFs5XjxIgKuNjnLokQzuVjlTvIzODaDmpjT3oxcC48vyk9EWg==",
 			"dev": true,
 			"dependencies": {
 				"@babel/helper-string-parser": "^7.25.7",
@@ -4490,9 +4258,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001667",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001667.tgz",
-			"integrity": "sha512-7LTwJjcRkzKFmtqGsibMeuXmvFDfZq/nzIjnmgCGzKKRVzjD72selLDK1oPF/Oxzmt4fNcPvTDvGqSDG4tCALw==",
+			"version": "1.0.30001668",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001668.tgz",
+			"integrity": "sha512-nWLrdxqCdblixUO+27JtGJJE/txpJlyUy5YN1u53wLZkP0emYCo5zgS6QYft7VUYR42LGgi/S5hdLZTrnyIddw==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -5001,9 +4769,9 @@
 			}
 		},
 		"node_modules/electron-to-chromium": {
-			"version": "1.5.35",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.35.tgz",
-			"integrity": "sha512-hOSRInrIDm0Brzp4IHW2F/VM+638qOL2CzE0DgpnGzKW27C95IqqeqgKz/hxHGnvPxvQGpHUGD5qRVC9EZY2+A=="
+			"version": "1.5.36",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.36.tgz",
+			"integrity": "sha512-HYTX8tKge/VNp6FGO+f/uVDmUkq+cEfcxYhKf15Akc4M5yxt5YmorwlAitKWjWhWQnKcDRBAQKXkhqqXMqcrjw=="
 		},
 		"node_modules/emoji-regex": {
 			"version": "10.4.0",
@@ -6386,9 +6154,9 @@
 			}
 		},
 		"node_modules/knip": {
-			"version": "5.33.2",
-			"resolved": "https://registry.npmjs.org/knip/-/knip-5.33.2.tgz",
-			"integrity": "sha512-Ni6uBzUONCjTYjOutffsAvoKOYt1pgVZJlEmOxDYcLAjkuoLwSMnZu6/aB4DbSNMUSOJMCTNxO3kQSrxx6LtKg==",
+			"version": "5.33.3",
+			"resolved": "https://registry.npmjs.org/knip/-/knip-5.33.3.tgz",
+			"integrity": "sha512-saUxedVDCa/8p3w445at66vLmYKretzYsX7+elMJ5ROWGzU+1aTRm3EmKELTaho1ue7BlwJB5BxLJROy43+LtQ==",
 			"dev": true,
 			"funding": [
 				{
@@ -6560,9 +6328,9 @@
 			}
 		},
 		"node_modules/magic-string": {
-			"version": "0.30.11",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz",
-			"integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==",
+			"version": "0.30.12",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.12.tgz",
+			"integrity": "sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==",
 			"dev": true,
 			"dependencies": {
 				"@jridgewell/sourcemap-codec": "^1.5.0"
@@ -7396,9 +7164,9 @@
 			}
 		},
 		"node_modules/puppeteer": {
-			"version": "23.5.1",
-			"resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-23.5.1.tgz",
-			"integrity": "sha512-9WUnrCx7nB/GEMbJdKiSSU6G4t6Nzn39BBochWYyhK2wWxKwibZDwEF71AUP9D17Byn6OoPifsXhyvnqN/D4mQ==",
+			"version": "23.5.3",
+			"resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-23.5.3.tgz",
+			"integrity": "sha512-FghmfBsr/UUpe48OiCg1gV3W4vVfQJKjQehbF07SjnQvEpWcvPTah1nykfGWdOQQ1ydJPIXcajzWN7fliCU3zw==",
 			"dev": true,
 			"hasInstallScript": true,
 			"dependencies": {
@@ -7406,7 +7174,7 @@
 				"chromium-bidi": "0.8.0",
 				"cosmiconfig": "^9.0.0",
 				"devtools-protocol": "0.0.1342118",
-				"puppeteer-core": "23.5.1",
+				"puppeteer-core": "23.5.3",
 				"typed-query-selector": "^2.12.0"
 			},
 			"bin": {
@@ -7417,9 +7185,9 @@
 			}
 		},
 		"node_modules/puppeteer-core": {
-			"version": "23.5.1",
-			"resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-23.5.1.tgz",
-			"integrity": "sha512-We6xKCSZaZ23+GAYckeNfeDeJIVuhxOBsh/gZkbULu/XLFJ3umSiiQ8Ey927h3g/XrCCr8CnSZ5fvP5v2vB5Yw==",
+			"version": "23.5.3",
+			"resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-23.5.3.tgz",
+			"integrity": "sha512-V58MZD/B3CwkYsqSEQlHKbavMJptF04fzhMdUpiCRCmUVhwZNwSGEPhaiZ1f8I3ABQUirg3VNhXVB6Z1ubHXtQ==",
 			"dev": true,
 			"dependencies": {
 				"@puppeteer/browsers": "2.4.0",
@@ -8061,9 +7829,9 @@
 			"dev": true
 		},
 		"node_modules/stylelint": {
-			"version": "16.9.0",
-			"resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.9.0.tgz",
-			"integrity": "sha512-31Nm3WjxGOBGpQqF43o3wO9L5AC36TPIe6030Lnm13H3vDMTcS21DrLh69bMX+DBilKqMMVLian4iG6ybBoNRQ==",
+			"version": "16.10.0",
+			"resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.10.0.tgz",
+			"integrity": "sha512-z/8X2rZ52dt2c0stVwI9QL2AFJhLhbPkyfpDFcizs200V/g7v+UYY6SNcB9hKOLcDDX/yGLDsY/pX08sLkz9xQ==",
 			"dev": true,
 			"funding": [
 				{
@@ -8084,17 +7852,17 @@
 				"balanced-match": "^2.0.0",
 				"colord": "^2.9.3",
 				"cosmiconfig": "^9.0.0",
-				"css-functions-list": "^3.2.2",
-				"css-tree": "^2.3.1",
-				"debug": "^4.3.6",
+				"css-functions-list": "^3.2.3",
+				"css-tree": "^3.0.0",
+				"debug": "^4.3.7",
 				"fast-glob": "^3.3.2",
 				"fastest-levenshtein": "^1.0.16",
-				"file-entry-cache": "^9.0.0",
+				"file-entry-cache": "^9.1.0",
 				"global-modules": "^2.0.0",
 				"globby": "^11.1.0",
 				"globjoin": "^0.1.4",
 				"html-tags": "^3.3.1",
-				"ignore": "^5.3.2",
+				"ignore": "^6.0.2",
 				"imurmurhash": "^0.1.4",
 				"is-plain-object": "^5.0.0",
 				"known-css-properties": "^0.34.0",
@@ -8103,14 +7871,13 @@
 				"micromatch": "^4.0.8",
 				"normalize-path": "^3.0.0",
 				"picocolors": "^1.0.1",
-				"postcss": "^8.4.41",
+				"postcss": "^8.4.47",
 				"postcss-resolve-nested-selector": "^0.1.6",
-				"postcss-safe-parser": "^7.0.0",
+				"postcss-safe-parser": "^7.0.1",
 				"postcss-selector-parser": "^6.1.2",
 				"postcss-value-parser": "^4.2.0",
 				"resolve-from": "^5.0.0",
 				"string-width": "^4.2.3",
-				"strip-ansi": "^7.1.0",
 				"supports-hyperlinks": "^3.1.0",
 				"svg-tags": "^1.0.0",
 				"table": "^6.8.2",
@@ -8145,16 +7912,27 @@
 				"stylelint": "^16.0.1"
 			}
 		},
-		"node_modules/stylelint/node_modules/ansi-regex": {
-			"version": "6.1.0",
-			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-			"integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+		"node_modules/stylelint/node_modules/@csstools/media-query-list-parser": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-3.0.1.tgz",
+			"integrity": "sha512-HNo8gGD02kHmcbX6PvCoUuOQvn4szyB9ca63vZHKX5A81QytgDG4oxG4IaEfHTlEZSZ6MjPEMWIVU+zF2PZcgw==",
 			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
 			"engines": {
-				"node": ">=12"
+				"node": ">=18"
 			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-regex?sponsor=1"
+			"peerDependencies": {
+				"@csstools/css-parser-algorithms": "^3.0.1",
+				"@csstools/css-tokenizer": "^3.0.1"
 			}
 		},
 		"node_modules/stylelint/node_modules/balanced-match": {
@@ -8163,6 +7941,19 @@
 			"integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
 			"dev": true
 		},
+		"node_modules/stylelint/node_modules/css-tree": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.0.0.tgz",
+			"integrity": "sha512-o88DVQ6GzsABn1+6+zo2ct801dBO5OASVyxbbvA2W20ue2puSh/VOuqUj90eUeMSX/xqGqBmOKiRQN7tJOuBXw==",
+			"dev": true,
+			"dependencies": {
+				"mdn-data": "2.10.0",
+				"source-map-js": "^1.0.1"
+			},
+			"engines": {
+				"node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+			}
+		},
 		"node_modules/stylelint/node_modules/file-entry-cache": {
 			"version": "9.1.0",
 			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-9.1.0.tgz",
@@ -8188,6 +7979,21 @@
 				"node": ">=18"
 			}
 		},
+		"node_modules/stylelint/node_modules/ignore": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/ignore/-/ignore-6.0.2.tgz",
+			"integrity": "sha512-InwqeHHN2XpumIkMvpl/DCJVrAHgCsG5+cn1XlnLWGwtZBm8QJfSusItfrwx81CTp5agNZqpKU2J/ccC5nGT4A==",
+			"dev": true,
+			"engines": {
+				"node": ">= 4"
+			}
+		},
+		"node_modules/stylelint/node_modules/mdn-data": {
+			"version": "2.10.0",
+			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.10.0.tgz",
+			"integrity": "sha512-qq7C3EtK3yJXMwz1zAab65pjl+UhohqMOctTgcqjLOWABqmwj+me02LSsCuEUxnst9X1lCBpoE0WArGKgdGDzw==",
+			"dev": true
+		},
 		"node_modules/stylelint/node_modules/resolve-from": {
 			"version": "5.0.0",
 			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
@@ -8197,21 +8003,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/stylelint/node_modules/strip-ansi": {
-			"version": "7.1.0",
-			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-			"integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-			"dev": true,
-			"dependencies": {
-				"ansi-regex": "^6.0.1"
-			},
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/strip-ansi?sponsor=1"
-			}
-		},
 		"node_modules/summary": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/summary/-/summary-2.1.0.tgz",
diff --git a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
index be70ea85c4..09b17a2228 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
@@ -33,7 +33,7 @@ export function apply_patches(patches, onto) {
 		}
 
 		if (!patch['syntax-m']) {
-			console.log(`Unsyntax-m patch for property '${name}'`);
+			console.log(`Unmerged patch for property '${name}'`);
 			has_unmerged_patches = true;
 			flaws++;
 
@@ -71,7 +71,7 @@ export function apply_patches(patches, onto) {
 		}
 
 		if (!patch['syntax-m']) {
-			console.log(`Unsyntax-m patch for type '${name}'`);
+			console.log(`Unmerged patch for type '${name}'`);
 			has_unmerged_patches = true;
 			flaws++;
 

From 9667cd79a6553a2ea5ce5a5a61ce06c390457930 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sat, 12 Oct 2024 11:51:35 +0200
Subject: [PATCH 44/66] fmt

---
 .../dist/index.json                           |   1 +
 .../webref-over-csstree-properties.json       | 806 +++++++++---------
 .../patches/webref-over-csstree-types.json    | 550 ++++++------
 .../scripts/write-patches.mjs                 |  24 +
 4 files changed, 702 insertions(+), 679 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index b0681c73c3..596423fcdd 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -5,6 +5,7 @@
 			"align-self": "| anchor-center",
 			"alignment-baseline": "| text-bottom | text-top",
 			"animation-duration": "[ auto | <time [0s,∞]> ]#",
+			"appearance": "none | auto | base | <compat-auto> | <compat-special>",
 			"aspect-ratio": "auto || <ratio>",
 			"backdrop-filter": "none | <filter-value-list>",
 			"background": "<bg-layer>#? , <final-bg-layer>",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index d11dfce471..237e66172f 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1,6 +1,7 @@
 {
 	"align-items": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
 		"syntax-a": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center",
 		"syntax-m": "| anchor-center",
@@ -15,12 +16,13 @@
 				{
 					"value": "anchor-center"
 				}
-			]
-		},
-		"comment": ""
+			],
+			"failing": []
+		}
 	},
 	"align-self": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
 		"syntax-a": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
 		"syntax-m": "| anchor-center",
@@ -35,12 +37,13 @@
 				{
 					"value": "anchor-center"
 				}
-			]
-		},
-		"comment": ""
+			],
+			"failing": []
+		}
 	},
 	"alignment-baseline": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical",
 		"syntax-a": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
 		"syntax-m": "| text-bottom | text-top",
@@ -55,15 +58,15 @@
 				{
 					"value": "text-top"
 				}
-			]
-		},
-		"comment": ""
+			],
+			"failing": []
+		}
 	},
 	"animation-duration": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<time>#",
 		"syntax-a": "[ auto | <time [0s,∞]> ]#",
-		"comment": "",
 		"syntax-m": "[ auto | <time [0s,∞]> ]#",
 		"tests": {
 			"passing": [
@@ -92,6 +95,7 @@
 	},
 	"appearance": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | auto | textfield | menulist-button | <compat-auto>",
 		"syntax-a": "none | auto | base | <compat-auto> | <compat-special>",
 		"syntax-m": "none | auto | base | <compat-auto> | <compat-special>",
@@ -112,15 +116,15 @@
 				{
 					"value": "searchfield"
 				}
-			]
-		},
-		"comment": ""
+			],
+			"failing": []
+		}
 	},
 	"aspect-ratio": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <ratio>",
 		"syntax-a": "auto || <ratio>",
-		"comment": "",
 		"syntax-m": "auto || <ratio>",
 		"tests": {
 			"passing": [
@@ -167,9 +171,9 @@
 	},
 	"backdrop-filter": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <filter-function-list>",
 		"syntax-a": "none | <filter-value-list>",
-		"comment": "",
 		"syntax-m": "none | <filter-value-list>",
 		"tests": {
 			"passing": [],
@@ -178,9 +182,9 @@
 	},
 	"background": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <bg-layer> , ]* <final-bg-layer>",
 		"syntax-a": "<bg-layer>#? , <final-bg-layer>",
-		"comment": "",
 		"syntax-m": "<bg-layer>#? , <final-bg-layer>",
 		"tests": {
 			"passing": [],
@@ -189,9 +193,9 @@
 	},
 	"background-blend-mode": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<blend-mode>#",
 		"syntax-a": "<mix-blend-mode>#",
-		"comment": "",
 		"syntax-m": "<'mix-blend-mode'>#",
 		"tests": {
 			"passing": [
@@ -211,9 +215,9 @@
 	},
 	"background-origin": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<box>#",
 		"syntax-a": "<visual-box>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -222,9 +226,9 @@
 	},
 	"background-position-block": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -233,9 +237,9 @@
 	},
 	"background-position-inline": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -244,9 +248,9 @@
 	},
 	"background-repeat-block": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repetition>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -255,9 +259,9 @@
 	},
 	"background-repeat-inline": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repetition>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -266,9 +270,9 @@
 	},
 	"background-repeat-x": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repetition>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -277,9 +281,9 @@
 	},
 	"background-repeat-y": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repetition>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -288,9 +292,9 @@
 	},
 	"background-tbd": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<bg-layer>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -299,9 +303,9 @@
 	},
 	"baseline-shift": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "baseline | sub | super | <svg-length>",
 		"syntax-a": "<length-percentage> | sub | super | top | center | bottom",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -310,9 +314,9 @@
 	},
 	"baseline-source": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | first | last",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -321,9 +325,9 @@
 	},
 	"block-ellipsis": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | auto | <string>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -332,9 +336,9 @@
 	},
 	"block-size": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'width'>",
 		"syntax-a": "<'width'> | stretch | fit-content | contain",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -343,9 +347,9 @@
 	},
 	"block-step": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -354,9 +358,9 @@
 	},
 	"block-step-align": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | center | start | end",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -365,9 +369,9 @@
 	},
 	"block-step-insert": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "margin | padding",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -376,9 +380,9 @@
 	},
 	"block-step-round": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "up | down | nearest",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -387,9 +391,9 @@
 	},
 	"block-step-size": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -398,9 +402,9 @@
 	},
 	"bookmark-label": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<content-list>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -409,9 +413,9 @@
 	},
 	"bookmark-level": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <integer [1,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -420,9 +424,9 @@
 	},
 	"bookmark-state": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "open | closed",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -431,9 +435,9 @@
 	},
 	"border-block": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<'border-block-start'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -442,9 +446,9 @@
 	},
 	"border-block-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<line-width> || <line-style> || <color>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -453,9 +457,9 @@
 	},
 	"border-block-end-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-color'>",
 		"syntax-a": "<color> | <image-1D>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -464,9 +468,9 @@
 	},
 	"border-block-end-radius": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -475,9 +479,9 @@
 	},
 	"border-block-end-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<line-style>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -486,9 +490,9 @@
 	},
 	"border-block-end-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<line-width>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -497,9 +501,9 @@
 	},
 	"border-block-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<line-width> || <line-style> || <color>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -508,9 +512,9 @@
 	},
 	"border-block-start-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-color'>",
 		"syntax-a": "<color> | <image-1D>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -519,9 +523,9 @@
 	},
 	"border-block-start-radius": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -530,9 +534,9 @@
 	},
 	"border-block-start-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<line-style>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -541,9 +545,9 @@
 	},
 	"border-block-start-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<line-width>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -552,9 +556,9 @@
 	},
 	"border-block-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<'border-top-style'>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -563,9 +567,9 @@
 	},
 	"border-block-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<'border-top-width'>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -574,9 +578,9 @@
 	},
 	"border-bottom-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-color'>",
 		"syntax-a": "<color> | <image-1D>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -585,9 +589,9 @@
 	},
 	"border-bottom-left-radius": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -596,9 +600,9 @@
 	},
 	"border-bottom-radius": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -607,9 +611,9 @@
 	},
 	"border-bottom-right-radius": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -618,9 +622,9 @@
 	},
 	"border-boundary": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | parent | display",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -629,9 +633,9 @@
 	},
 	"border-clip": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -640,9 +644,9 @@
 	},
 	"border-clip-bottom": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -651,9 +655,9 @@
 	},
 	"border-clip-left": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -662,9 +666,9 @@
 	},
 	"border-clip-right": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -673,9 +677,9 @@
 	},
 	"border-clip-top": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -684,9 +688,9 @@
 	},
 	"border-collapse": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "collapse | separate",
 		"syntax-a": "separate | collapse",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -695,9 +699,9 @@
 	},
 	"border-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<color>{1,4}",
 		"syntax-a": "[ <color> | <image-1D> ]{1,4}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -706,9 +710,9 @@
 	},
 	"border-end-end-radius": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -717,9 +721,9 @@
 	},
 	"border-end-start-radius": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -728,9 +732,9 @@
 	},
 	"border-image-outset": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <length> | <number> ]{1,4}",
 		"syntax-a": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -739,9 +743,9 @@
 	},
 	"border-image-slice": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<number-percentage>{1,4} && fill?",
 		"syntax-a": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -750,9 +754,9 @@
 	},
 	"border-image-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <length-percentage> | <number> | auto ]{1,4}",
 		"syntax-a": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -761,9 +765,9 @@
 	},
 	"border-inline": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<'border-block-start'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -772,9 +776,9 @@
 	},
 	"border-inline-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<line-width> || <line-style> || <color>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -783,9 +787,9 @@
 	},
 	"border-inline-end-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-color'>",
 		"syntax-a": "<color> | <image-1D>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -794,9 +798,9 @@
 	},
 	"border-inline-end-radius": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -805,9 +809,9 @@
 	},
 	"border-inline-end-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<line-style>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -816,9 +820,9 @@
 	},
 	"border-inline-end-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<line-width>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -827,9 +831,9 @@
 	},
 	"border-inline-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<line-width> || <line-style> || <color>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -838,9 +842,9 @@
 	},
 	"border-inline-start-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-color'>",
 		"syntax-a": "<color> | <image-1D>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -849,9 +853,9 @@
 	},
 	"border-inline-start-radius": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -860,9 +864,9 @@
 	},
 	"border-inline-start-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<line-style>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -871,9 +875,9 @@
 	},
 	"border-inline-start-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<line-width>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -882,9 +886,9 @@
 	},
 	"border-inline-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<'border-top-style'>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -893,9 +897,9 @@
 	},
 	"border-inline-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<'border-top-width'>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -904,9 +908,9 @@
 	},
 	"border-left-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<color>",
 		"syntax-a": "<color> | <image-1D>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -915,9 +919,9 @@
 	},
 	"border-left-radius": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -926,9 +930,9 @@
 	},
 	"border-limit": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -937,9 +941,9 @@
 	},
 	"border-radius": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?",
 		"syntax-a": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
-		"comment": "",
 		"syntax-m": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 		"tests": {
 			"passing": [
@@ -977,9 +981,9 @@
 	},
 	"border-right-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<color>",
 		"syntax-a": "<color> | <image-1D>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -988,9 +992,9 @@
 	},
 	"border-right-radius": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -999,9 +1003,9 @@
 	},
 	"border-spacing": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> <length>?",
 		"syntax-a": "<length>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1010,9 +1014,9 @@
 	},
 	"border-start-end-radius": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1021,9 +1025,9 @@
 	},
 	"border-start-start-radius": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1032,9 +1036,9 @@
 	},
 	"border-top-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<color>",
 		"syntax-a": "<color> | <image-1D>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1043,9 +1047,9 @@
 	},
 	"border-top-left-radius": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1054,9 +1058,9 @@
 	},
 	"border-top-radius": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1065,9 +1069,9 @@
 	},
 	"border-top-right-radius": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1076,9 +1080,9 @@
 	},
 	"bottom": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1087,9 +1091,9 @@
 	},
 	"box-shadow": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <shadow>#",
 		"syntax-a": "<spread-shadow>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1098,9 +1102,9 @@
 	},
 	"box-shadow-blur": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length [0,∞]>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1109,9 +1113,9 @@
 	},
 	"box-shadow-color": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1120,9 +1124,9 @@
 	},
 	"box-shadow-offset": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ none | <length>{2} ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1131,9 +1135,9 @@
 	},
 	"box-shadow-position": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ outset | inset ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1142,9 +1146,9 @@
 	},
 	"box-shadow-spread": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1153,9 +1157,9 @@
 	},
 	"box-snap": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | block-start | block-end | center | baseline | last-baseline",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1164,9 +1168,9 @@
 	},
 	"caption-side": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "top | bottom | block-start | block-end | inline-start | inline-end",
 		"syntax-a": "top | bottom",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1175,9 +1179,9 @@
 	},
 	"caret": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'caret-color'> || <'caret-shape'>",
 		"syntax-a": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1186,9 +1190,9 @@
 	},
 	"caret-animation": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | manual",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1197,9 +1201,9 @@
 	},
 	"clear": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | left | right | both | inline-start | inline-end",
 		"syntax-a": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1208,9 +1212,9 @@
 	},
 	"clip": {
 		"type": "modified",
+		"comment": "<shape> allows comma separated values",
 		"syntax-b": "<shape> | auto",
 		"syntax-a": "<rect()> | auto",
-		"comment": "<shape> allows comma separated values",
 		"syntax-m": "<shape> | auto",
 		"tests": {
 			"passing": [
@@ -1223,9 +1227,9 @@
 	},
 	"color-adjust": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'print-color-adjust'>",
-		"comment": "",
 		"syntax-m": "<'print-color-adjust'>",
 		"tests": {
 			"passing": [
@@ -1245,9 +1249,9 @@
 	},
 	"color-interpolation": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | sRGB | linearRGB",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1256,9 +1260,9 @@
 	},
 	"column-count": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<integer> | auto",
 		"syntax-a": "auto | <integer [1,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1267,9 +1271,9 @@
 	},
 	"column-gap": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | <length-percentage>",
 		"syntax-a": "normal | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1278,9 +1282,9 @@
 	},
 	"column-rule-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-style'>",
 		"syntax-a": "<line-style>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1289,9 +1293,9 @@
 	},
 	"column-rule-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'border-width'>",
 		"syntax-a": "<line-width>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1300,9 +1304,9 @@
 	},
 	"column-span": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | all",
 		"syntax-a": "none | <integer [1,∞]> | all | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1311,9 +1315,9 @@
 	},
 	"column-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | auto",
 		"syntax-a": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1322,9 +1326,9 @@
 	},
 	"contain": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
 		"syntax-a": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1333,9 +1337,9 @@
 	},
 	"container-type": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal || [ size | inline-size ]",
 		"syntax-a": "normal | [ [ size | inline-size ] || scroll-state ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1344,9 +1348,9 @@
 	},
 	"content": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
 		"syntax-a": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1355,9 +1359,9 @@
 	},
 	"continue": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | discard | -webkit-discard | overflow | paginate | fragments",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1366,9 +1370,9 @@
 	},
 	"copy-into": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1377,9 +1381,9 @@
 	},
 	"corner-shape": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ round | angle ]{1,4}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1388,9 +1392,9 @@
 	},
 	"corners": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'corner-shape'> || <'border-radius'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1399,9 +1403,9 @@
 	},
 	"cue-after": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<url> <decibel>? | none",
 		"syntax-a": "<uri> <decibel>? | none",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1410,9 +1414,9 @@
 	},
 	"cue-before": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<url> <decibel>? | none",
 		"syntax-a": "<uri> <decibel>? | none",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1421,9 +1425,9 @@
 	},
 	"cursor": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ [ <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 ] ]",
 		"syntax-a": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1432,9 +1436,9 @@
 	},
 	"cx": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1443,9 +1447,9 @@
 	},
 	"cy": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1454,9 +1458,9 @@
 	},
 	"d": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | path( <string> )",
 		"syntax-a": "none | <string>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1465,9 +1469,9 @@
 	},
 	"display": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
 		"syntax-a": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1476,9 +1480,9 @@
 	},
 	"dominant-baseline": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
 		"syntax-a": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1487,9 +1491,9 @@
 	},
 	"dynamic-range-limit": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "standard | high | constrained-high",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1498,9 +1502,9 @@
 	},
 	"field-sizing": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "content | fixed",
 		"syntax-a": "fixed | content",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1509,9 +1513,9 @@
 	},
 	"fill-break": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "bounding-box | slice | clone",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1520,9 +1524,9 @@
 	},
 	"fill-color": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1531,9 +1535,9 @@
 	},
 	"fill-image": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<paint>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1542,9 +1546,9 @@
 	},
 	"fill-opacity": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<number-zero-one>",
 		"syntax-a": "<'opacity'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1553,9 +1557,9 @@
 	},
 	"fill-origin": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1564,9 +1568,9 @@
 	},
 	"fill-position": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<position>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1575,9 +1579,9 @@
 	},
 	"fill-repeat": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repeat-style>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1586,9 +1590,9 @@
 	},
 	"fill-size": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<bg-size>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1597,9 +1601,9 @@
 	},
 	"filter": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <filter-function-list> | <-ms-filter-function-list>",
 		"syntax-a": "none | <filter-value-list>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1608,9 +1612,9 @@
 	},
 	"flex-grow": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<number>",
 		"syntax-a": "<number [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1619,9 +1623,9 @@
 	},
 	"flex-shrink": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<number>",
 		"syntax-a": "<number [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1630,9 +1634,9 @@
 	},
 	"float": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "left | right | none | inline-start | inline-end",
 		"syntax-a": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none | footnote",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1641,9 +1645,9 @@
 	},
 	"float-defer": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<integer> | last | none",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1652,9 +1656,9 @@
 	},
 	"float-offset": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length> | <percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1663,9 +1667,9 @@
 	},
 	"float-reference": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "inline | column | region | page",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1674,9 +1678,9 @@
 	},
 	"flood-color": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1685,9 +1689,9 @@
 	},
 	"flood-opacity": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'opacity'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1696,9 +1700,9 @@
 	},
 	"flow-from": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<ident> | none",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1707,9 +1711,9 @@
 	},
 	"flow-into": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <ident> [ element | content ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1718,9 +1722,9 @@
 	},
 	"font": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
 		"syntax-a": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1729,9 +1733,9 @@
 	},
 	"font-palette": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | light | dark | <palette-identifier>",
 		"syntax-a": "normal | light | dark | <palette-identifier> | <palette-mix()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1740,9 +1744,9 @@
 	},
 	"font-size": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<absolute-size> | <relative-size> | <length-percentage>",
 		"syntax-a": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1751,9 +1755,9 @@
 	},
 	"font-size-adjust": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
 		"syntax-a": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1762,9 +1766,9 @@
 	},
 	"font-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | italic | oblique <angle>?",
 		"syntax-a": "normal | italic | oblique <angle [-90deg,90deg]>?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1773,9 +1777,9 @@
 	},
 	"font-variant": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "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 ]",
 		"syntax-a": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1784,9 +1788,9 @@
 	},
 	"font-variation-settings": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | [ <string> <number> ]#",
 		"syntax-a": "normal | [ <opentype-tag> <number> ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1795,9 +1799,9 @@
 	},
 	"font-width": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1806,9 +1810,9 @@
 	},
 	"footnote-display": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "block | inline | compact",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1817,9 +1821,9 @@
 	},
 	"footnote-policy": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | line | block",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1828,9 +1832,9 @@
 	},
 	"forced-color-adjust": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | none",
 		"syntax-a": "auto | none | preserve-parent-color",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1839,9 +1843,9 @@
 	},
 	"glyph-orientation-vertical": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<angle>",
 		"syntax-a": "auto | 0deg | 90deg | 0 | 90",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1850,9 +1854,9 @@
 	},
 	"grid-auto-flow": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ row | column ] || dense",
 		"syntax-a": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1861,9 +1865,9 @@
 	},
 	"grid-template-columns": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
 		"syntax-a": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1872,9 +1876,9 @@
 	},
 	"grid-template-rows": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
 		"syntax-a": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1883,9 +1887,9 @@
 	},
 	"height": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1894,9 +1898,9 @@
 	},
 	"hyphenate-limit-last": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | always | column | page | spread",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1905,9 +1909,9 @@
 	},
 	"hyphenate-limit-lines": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "no-limit | <integer>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1916,9 +1920,9 @@
 	},
 	"hyphenate-limit-zone": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1927,9 +1931,9 @@
 	},
 	"image-orientation": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "from-image | <angle> | [ <angle>? flip ]",
 		"syntax-a": "from-image | none | [ <angle> || flip ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1938,9 +1942,9 @@
 	},
 	"image-rendering": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>",
 		"syntax-a": "auto | smooth | high-quality | pixelated | crisp-edges",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1949,9 +1953,9 @@
 	},
 	"initial-letter": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | [ <number> <integer>? ]",
 		"syntax-a": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1960,9 +1964,9 @@
 	},
 	"initial-letter-align": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ auto | alphabetic | hanging | ideographic ]",
 		"syntax-a": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1971,9 +1975,9 @@
 	},
 	"initial-letter-wrap": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | first | all | grid | <length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1982,9 +1986,9 @@
 	},
 	"inline-size": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'width'>",
 		"syntax-a": "<'width'> | stretch | fit-content | contain",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1993,9 +1997,9 @@
 	},
 	"inline-sizing": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | stretch",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2004,9 +2008,9 @@
 	},
 	"inset-block-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'top'>",
 		"syntax-a": "auto | <length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2015,9 +2019,9 @@
 	},
 	"inset-block-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'top'>",
 		"syntax-a": "auto | <length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2026,9 +2030,9 @@
 	},
 	"inset-inline-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'top'>",
 		"syntax-a": "auto | <length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2037,9 +2041,9 @@
 	},
 	"inset-inline-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'top'>",
 		"syntax-a": "auto | <length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2048,9 +2052,9 @@
 	},
 	"interpolate-size": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "numeric-only | allow-keywords",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2059,9 +2063,9 @@
 	},
 	"isolation": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | isolate",
 		"syntax-a": "<isolation-mode>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2070,9 +2074,9 @@
 	},
 	"justify-items": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
 		"syntax-a": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
-		"comment": "",
 		"syntax-m": "| anchor-center",
 		"tests": {
 			"passing": [
@@ -2088,9 +2092,9 @@
 	},
 	"justify-self": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
 		"syntax-a": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2099,9 +2103,9 @@
 	},
 	"left": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2110,9 +2114,9 @@
 	},
 	"lighting-color": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2121,9 +2125,9 @@
 	},
 	"line-clamp": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <integer>",
 		"syntax-a": "none | <integer [1,∞]> || <'block-ellipsis'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2132,9 +2136,9 @@
 	},
 	"-webkit-line-clamp": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <integer>",
 		"syntax-a": "none | <integer [1,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2143,9 +2147,9 @@
 	},
 	"line-fit-edge": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "leading | <text-edge>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2154,9 +2158,9 @@
 	},
 	"line-grid": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "match-parent | create",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2165,9 +2169,9 @@
 	},
 	"line-height": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | <number> | <length> | <percentage>",
 		"syntax-a": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2176,9 +2180,9 @@
 	},
 	"line-height-step": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length>",
 		"syntax-a": "<length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2187,9 +2191,9 @@
 	},
 	"line-padding": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2198,9 +2202,9 @@
 	},
 	"line-snap": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | baseline | contain",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2209,9 +2213,9 @@
 	},
 	"link-parameters": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <link-param>+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2220,9 +2224,9 @@
 	},
 	"list-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
 		"syntax-a": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2231,9 +2235,9 @@
 	},
 	"margin": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <length> | <percentage> | auto ]{1,4}",
 		"syntax-a": "<'margin-top'>{1,4}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2242,9 +2246,9 @@
 	},
 	"margin-block": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'margin-left'>{1,2}",
 		"syntax-a": "<'margin-top'>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2253,9 +2257,9 @@
 	},
 	"margin-block-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'margin-left'>",
 		"syntax-a": "<'margin-top'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2264,9 +2268,9 @@
 	},
 	"margin-block-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'margin-left'>",
 		"syntax-a": "<'margin-top'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2275,9 +2279,9 @@
 	},
 	"margin-bottom": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2286,9 +2290,9 @@
 	},
 	"margin-break": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | keep | discard",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2297,9 +2301,9 @@
 	},
 	"margin-inline": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'margin-left'>{1,2}",
 		"syntax-a": "<'margin-top'>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2308,9 +2312,9 @@
 	},
 	"margin-inline-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'margin-left'>",
 		"syntax-a": "<'margin-top'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2319,9 +2323,9 @@
 	},
 	"margin-inline-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'margin-left'>",
 		"syntax-a": "<'margin-top'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2330,9 +2334,9 @@
 	},
 	"margin-left": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2341,9 +2345,9 @@
 	},
 	"margin-right": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2352,9 +2356,9 @@
 	},
 	"margin-top": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2363,9 +2367,9 @@
 	},
 	"margin-trim": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | in-flow | all",
 		"syntax-a": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2374,9 +2378,9 @@
 	},
 	"marker": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <url>",
 		"syntax-a": "none | <marker-ref>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2385,9 +2389,9 @@
 	},
 	"marker-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <url>",
 		"syntax-a": "none | <marker-ref>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2396,9 +2400,9 @@
 	},
 	"marker-mid": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <url>",
 		"syntax-a": "none | <marker-ref>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2407,9 +2411,9 @@
 	},
 	"marker-side": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "match-self | match-parent",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2418,9 +2422,9 @@
 	},
 	"marker-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <url>",
 		"syntax-a": "none | <marker-ref>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2429,9 +2433,9 @@
 	},
 	"mask-border-slice": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<number-percentage>{1,4} fill?",
 		"syntax-a": "[ <number> | <percentage> ]{1,4} fill?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2440,9 +2444,9 @@
 	},
 	"mask-clip": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <geometry-box> | no-clip ]#",
 		"syntax-a": "[ <coord-box> | no-clip ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2451,9 +2455,9 @@
 	},
 	"mask-origin": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<geometry-box>#",
 		"syntax-a": "<coord-box>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2462,9 +2466,9 @@
 	},
 	"masonry": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2473,9 +2477,9 @@
 	},
 	"masonry-auto-tracks": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'grid-auto-columns'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2484,9 +2488,9 @@
 	},
 	"masonry-direction": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "row | column | row-reverse | column-reverse",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2495,9 +2499,9 @@
 	},
 	"masonry-fill": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | reverse",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2506,9 +2510,9 @@
 	},
 	"masonry-flow": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'masonry-direction'> || <'masonry-fill'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2517,9 +2521,9 @@
 	},
 	"masonry-slack": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage> | infinite",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2528,9 +2532,9 @@
 	},
 	"masonry-template-areas": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <string>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2539,9 +2543,9 @@
 	},
 	"masonry-template-tracks": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2550,9 +2554,9 @@
 	},
 	"max-block-size": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'max-width'>",
 		"syntax-a": "<'max-width'> | stretch | fit-content | contain",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2561,9 +2565,9 @@
 	},
 	"max-height": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2572,9 +2576,9 @@
 	},
 	"max-inline-size": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'max-width'>",
 		"syntax-a": "<'max-width'> | stretch | fit-content | contain",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2583,9 +2587,9 @@
 	},
 	"max-lines": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <integer>",
 		"syntax-a": "none | <integer [1,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2594,9 +2598,9 @@
 	},
 	"max-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2605,9 +2609,9 @@
 	},
 	"min-block-size": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'min-width'>",
 		"syntax-a": "<'min-width'> | stretch | fit-content | contain",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2616,9 +2620,9 @@
 	},
 	"min-height": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2627,9 +2631,9 @@
 	},
 	"min-inline-size": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'min-width'>",
 		"syntax-a": "<'min-width'> | stretch | fit-content | contain",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2638,9 +2642,9 @@
 	},
 	"min-intrinsic-sizing": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "legacy | zero-if-scroll || zero-if-extrinsic",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2649,9 +2653,9 @@
 	},
 	"min-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2660,9 +2664,9 @@
 	},
 	"mix-blend-mode": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<blend-mode> | plus-lighter",
 		"syntax-a": "<blend-mode> | plus-darker | plus-lighter",
-		"comment": "",
 		"syntax-m": "<blend-mode> | plus-darker | plus-lighter",
 		"tests": {
 			"passing": [
@@ -2685,9 +2689,9 @@
 	},
 	"nav-down": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2696,9 +2700,9 @@
 	},
 	"nav-left": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2707,9 +2711,9 @@
 	},
 	"nav-right": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2718,9 +2722,9 @@
 	},
 	"nav-up": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2729,9 +2733,9 @@
 	},
 	"object-fit": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "fill | contain | cover | none | scale-down",
 		"syntax-a": "fill | none | [ contain | cover ] || scale-down",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2740,9 +2744,9 @@
 	},
 	"object-view-box": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <basic-shape-rect>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2751,9 +2755,9 @@
 	},
 	"opacity": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<alpha-value>",
 		"syntax-a": "<opacity-value>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2762,9 +2766,9 @@
 	},
 	"orphans": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<integer>",
 		"syntax-a": "<integer [1,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2773,9 +2777,9 @@
 	},
 	"outline-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <color>",
 		"syntax-a": "auto | [ <color> | <image-1D> ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2784,9 +2788,9 @@
 	},
 	"outline-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <'border-style'>",
 		"syntax-a": "auto | <outline-line-style>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2795,9 +2799,9 @@
 	},
 	"overflow": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>",
 		"syntax-a": "<'overflow-block'>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2806,9 +2810,9 @@
 	},
 	"overflow-clip-margin-block": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2817,9 +2821,9 @@
 	},
 	"overflow-clip-margin-block-end": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2828,9 +2832,9 @@
 	},
 	"overflow-clip-margin-block-start": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2839,9 +2843,9 @@
 	},
 	"overflow-clip-margin-bottom": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2850,9 +2854,9 @@
 	},
 	"overflow-clip-margin-inline": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2861,9 +2865,9 @@
 	},
 	"overflow-clip-margin-inline-end": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2872,9 +2876,9 @@
 	},
 	"overflow-clip-margin-inline-start": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2883,9 +2887,9 @@
 	},
 	"overflow-clip-margin-left": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2894,9 +2898,9 @@
 	},
 	"overflow-clip-margin-right": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2905,9 +2909,9 @@
 	},
 	"overflow-clip-margin-top": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2916,9 +2920,9 @@
 	},
 	"padding": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <length> | <percentage> ]{1,4}",
 		"syntax-a": "<'padding-top'>{1,4}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2927,9 +2931,9 @@
 	},
 	"padding-block": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'padding-left'>{1,2}",
 		"syntax-a": "<'padding-top'>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2938,9 +2942,9 @@
 	},
 	"padding-block-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'padding-left'>",
 		"syntax-a": "<'padding-top'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2949,9 +2953,9 @@
 	},
 	"padding-block-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'padding-left'>",
 		"syntax-a": "<'padding-top'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2960,9 +2964,9 @@
 	},
 	"padding-bottom": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2971,9 +2975,9 @@
 	},
 	"padding-inline": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'padding-left'>{1,2}",
 		"syntax-a": "<'padding-top'>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2982,9 +2986,9 @@
 	},
 	"padding-inline-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'padding-left'>",
 		"syntax-a": "<'padding-top'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2993,9 +2997,9 @@
 	},
 	"padding-inline-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'padding-left'>",
 		"syntax-a": "<'padding-top'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3004,9 +3008,9 @@
 	},
 	"padding-left": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3015,9 +3019,9 @@
 	},
 	"padding-right": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3026,9 +3030,9 @@
 	},
 	"padding-top": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3037,9 +3041,9 @@
 	},
 	"page-break-after": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | always | avoid | left | right | recto | verso",
 		"syntax-a": "auto | always | avoid | left | right | inherit",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3048,9 +3052,9 @@
 	},
 	"page-break-before": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | always | avoid | left | right | recto | verso",
 		"syntax-a": "auto | always | avoid | left | right | inherit",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3059,9 +3063,9 @@
 	},
 	"page-break-inside": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | avoid",
 		"syntax-a": "avoid | auto | inherit",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3070,9 +3074,9 @@
 	},
 	"pause-after": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3081,9 +3085,9 @@
 	},
 	"pause-before": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3092,9 +3096,9 @@
 	},
 	"perspective": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <length>",
 		"syntax-a": "none | <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3103,9 +3107,9 @@
 	},
 	"pointer-events": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
 		"syntax-a": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3114,9 +3118,9 @@
 	},
 	"position": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "static | relative | absolute | sticky | fixed | -webkit-sticky",
 		"syntax-a": "static | relative | absolute | sticky | fixed | <running()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3125,6 +3129,7 @@
 	},
 	"position-anchor": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<anchor-element>",
 		"syntax-a": "auto | <anchor-element>",
 		"syntax-m": "auto | <anchor-element>",
@@ -3139,14 +3144,13 @@
 					"value": "foo"
 				}
 			]
-		},
-		"comment": ""
+		}
 	},
 	"quotes": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | auto | [ <string> <string> ]+",
 		"syntax-a": "auto | none | match-parent | [ <string> <string> ]+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3155,9 +3159,9 @@
 	},
 	"r": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3166,9 +3170,9 @@
 	},
 	"reading-flow": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3177,9 +3181,9 @@
 	},
 	"region-fragment": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | break",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3188,9 +3192,9 @@
 	},
 	"rest-after": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3199,9 +3203,9 @@
 	},
 	"rest-before": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3210,9 +3214,9 @@
 	},
 	"right": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3221,9 +3225,9 @@
 	},
 	"row-gap": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | <length-percentage>",
 		"syntax-a": "normal | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3232,9 +3236,9 @@
 	},
 	"ruby-merge": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "separate | collapse | auto",
 		"syntax-a": "separate | merge | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3243,9 +3247,9 @@
 	},
 	"ruby-overhang": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | none",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3254,9 +3258,9 @@
 	},
 	"rx": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage> | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3265,9 +3269,9 @@
 	},
 	"ry": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage> | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3276,9 +3280,9 @@
 	},
 	"scale": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <number>{1,3}",
 		"syntax-a": "none | [ <number> | <percentage> ]{1,3}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3287,9 +3291,9 @@
 	},
 	"scroll-marker-group": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | before | after",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3298,9 +3302,9 @@
 	},
 	"scroll-padding": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ auto | <length-percentage> ]{1,4}",
 		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,4}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3309,9 +3313,9 @@
 	},
 	"scroll-padding-block": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
 		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3320,9 +3324,9 @@
 	},
 	"scroll-padding-block-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3331,9 +3335,9 @@
 	},
 	"scroll-padding-block-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3342,9 +3346,9 @@
 	},
 	"scroll-padding-bottom": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3353,9 +3357,9 @@
 	},
 	"scroll-padding-inline": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
 		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3364,9 +3368,9 @@
 	},
 	"scroll-padding-inline-end": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3375,9 +3379,9 @@
 	},
 	"scroll-padding-inline-start": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3386,9 +3390,9 @@
 	},
 	"scroll-padding-left": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3397,9 +3401,9 @@
 	},
 	"scroll-padding-right": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3408,9 +3412,9 @@
 	},
 	"scroll-padding-top": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3419,9 +3423,9 @@
 	},
 	"scroll-start-target": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ none | auto ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3430,9 +3434,9 @@
 	},
 	"scroll-timeline": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#",
 		"syntax-a": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3441,9 +3445,9 @@
 	},
 	"shape-image-threshold": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<alpha-value>",
 		"syntax-a": "<opacity-value>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3452,9 +3456,9 @@
 	},
 	"shape-inside": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3463,9 +3467,9 @@
 	},
 	"shape-margin": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3474,9 +3478,9 @@
 	},
 	"shape-outside": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | [ <shape-box> || <basic-shape> ] | <image>",
 		"syntax-a": "none | [ <basic-shape> || <shape-box> ] | <image>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3485,9 +3489,9 @@
 	},
 	"shape-padding": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3496,9 +3500,9 @@
 	},
 	"shape-subtract": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ <basic-shape> | <uri> ]+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3507,9 +3511,9 @@
 	},
 	"spatial-navigation-action": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | focus | scroll",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3518,9 +3522,9 @@
 	},
 	"spatial-navigation-contain": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | contain",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3529,9 +3533,9 @@
 	},
 	"spatial-navigation-function": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | grid",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3540,9 +3544,9 @@
 	},
 	"string-set": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ <custom-ident> <string>+ ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3551,9 +3555,9 @@
 	},
 	"stroke-align": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "center | inset | outset",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3562,9 +3566,9 @@
 	},
 	"stroke-alignment": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "center | inner | outer",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3573,9 +3577,9 @@
 	},
 	"stroke-break": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "bounding-box | slice | clone",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3584,9 +3588,9 @@
 	},
 	"stroke-color": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3595,9 +3599,9 @@
 	},
 	"stroke-dash-corner": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <length>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3606,9 +3610,9 @@
 	},
 	"stroke-dash-justify": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ stretch | compress ] || [ dashes || gaps ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3617,9 +3621,9 @@
 	},
 	"stroke-dashadjust": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ stretch | compress ] [ dashes | gaps ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3628,9 +3632,9 @@
 	},
 	"stroke-dasharray": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | [ <svg-length>+ ]#",
 		"syntax-a": "none | [ <length-percentage> | <number> ]+#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3639,9 +3643,9 @@
 	},
 	"stroke-dashcorner": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <length>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3650,9 +3654,9 @@
 	},
 	"stroke-dashoffset": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<svg-length>",
 		"syntax-a": "<length-percentage> | <number>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3661,9 +3665,9 @@
 	},
 	"stroke-image": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<paint>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3672,9 +3676,9 @@
 	},
 	"stroke-linejoin": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "miter | round | bevel",
 		"syntax-a": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3683,9 +3687,9 @@
 	},
 	"stroke-miterlimit": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<number-one-or-greater>",
 		"syntax-a": "<number>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3694,9 +3698,9 @@
 	},
 	"stroke-opacity": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<number-zero-one>",
 		"syntax-a": "<'opacity'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3705,9 +3709,9 @@
 	},
 	"stroke-origin": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3716,9 +3720,9 @@
 	},
 	"stroke-position": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<position>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3727,9 +3731,9 @@
 	},
 	"stroke-repeat": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repeat-style>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3738,9 +3742,9 @@
 	},
 	"stroke-size": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<bg-size>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3749,9 +3753,9 @@
 	},
 	"stroke-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<svg-length>",
 		"syntax-a": "[ <length-percentage> | <number> ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3760,9 +3764,9 @@
 	},
 	"tab-size": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<integer> | <length>",
 		"syntax-a": "<number [0,∞]> | <length [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3771,9 +3775,9 @@
 	},
 	"text-align": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "start | end | left | right | center | justify | match-parent",
 		"syntax-a": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3782,9 +3786,9 @@
 	},
 	"text-align-all": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "start | end | left | right | center | <string> | justify | match-parent",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3793,9 +3797,9 @@
 	},
 	"text-align-last": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | start | end | left | right | center | justify",
 		"syntax-a": "auto | start | end | left | right | center | justify | match-parent",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3804,9 +3808,9 @@
 	},
 	"text-autospace": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | <autospace> | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3815,9 +3819,9 @@
 	},
 	"text-box": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | <'text-box-trim'> || <'text-box-edge'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3826,9 +3830,9 @@
 	},
 	"text-box-edge": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | <text-edge>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3837,9 +3841,9 @@
 	},
 	"text-box-trim": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | trim-start | trim-end | trim-both",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3848,9 +3852,9 @@
 	},
 	"text-combine-upright": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | all | [ digits <integer>? ]",
 		"syntax-a": "none | all | [ digits <integer [2,4]>? ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3859,9 +3863,9 @@
 	},
 	"text-decoration": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
 		"syntax-a": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3870,9 +3874,9 @@
 	},
 	"text-decoration-skip": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
 		"syntax-a": "none | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3881,9 +3885,9 @@
 	},
 	"text-decoration-skip-box": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | all",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3892,9 +3896,9 @@
 	},
 	"text-decoration-skip-ink": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | all | none",
 		"syntax-a": "auto | none | all",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3903,9 +3907,9 @@
 	},
 	"text-decoration-skip-self": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3914,9 +3918,9 @@
 	},
 	"text-decoration-skip-spaces": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | all | [ start || end ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3925,9 +3929,9 @@
 	},
 	"text-decoration-thickness": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | from-font | <length> | <percentage>",
 		"syntax-a": "auto | from-font | <length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3936,9 +3940,9 @@
 	},
 	"text-decoration-trim": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length>{1,2} | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3947,9 +3951,9 @@
 	},
 	"text-emphasis-position": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ over | under ] && [ right | left ]",
 		"syntax-a": "[ over | under ] && [ right | left ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3958,9 +3962,9 @@
 	},
 	"text-emphasis-skip": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "spaces || punctuation || symbols || narrow",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3969,9 +3973,9 @@
 	},
 	"text-group-align": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | start | end | left | right | center",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3980,9 +3984,9 @@
 	},
 	"text-indent": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage> && hanging? && each-line?",
 		"syntax-a": "[ <length-percentage> ] && hanging? && each-line?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3991,9 +3995,9 @@
 	},
 	"text-justify": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | inter-character | inter-word | none",
 		"syntax-a": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4002,9 +4006,9 @@
 	},
 	"text-overflow": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ clip | ellipsis | <string> ]{1,2}",
 		"syntax-a": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4013,9 +4017,9 @@
 	},
 	"text-shadow": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <shadow-t>#",
 		"syntax-a": "none | <shadow>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4024,9 +4028,9 @@
 	},
 	"text-size-adjust": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | auto | <percentage>",
 		"syntax-a": "auto | none | <percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4035,9 +4039,9 @@
 	},
 	"text-spacing": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | auto | <spacing-trim> || <autospace>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4046,9 +4050,9 @@
 	},
 	"text-spacing-trim": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "space-all | normal | space-first | trim-start | trim-both | trim-all | auto",
 		"syntax-a": "<spacing-trim> | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4057,9 +4061,9 @@
 	},
 	"-webkit-text-stroke": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> || <color>",
 		"syntax-a": "<line-width> || <color>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4068,9 +4072,9 @@
 	},
 	"-webkit-text-stroke-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length>",
 		"syntax-a": "<line-width>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4079,9 +4083,9 @@
 	},
 	"text-transform": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
 		"syntax-a": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4090,9 +4094,9 @@
 	},
 	"text-underline-offset": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length> | <percentage>",
 		"syntax-a": "auto | <length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4101,9 +4105,9 @@
 	},
 	"text-underline-position": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | from-font | [ under || [ left | right ] ]",
 		"syntax-a": "auto | [ from-font | under ] || [ left | right ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4112,9 +4116,9 @@
 	},
 	"text-wrap": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "wrap | nowrap | balance | stable | pretty",
 		"syntax-a": "<'text-wrap-mode'> || <'text-wrap-style'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4123,9 +4127,9 @@
 	},
 	"text-wrap-mode": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | wrap | nowrap",
 		"syntax-a": "wrap | nowrap",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4134,9 +4138,9 @@
 	},
 	"text-wrap-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | balance | stable | pretty",
 		"syntax-a": "auto | balance | stable | pretty | avoid-orphans",
-		"comment": "",
 		"syntax-m": "auto | balance | stable | pretty | avoid-orphans",
 		"tests": {
 			"passing": [
@@ -4156,9 +4160,9 @@
 	},
 	"timeline-scope": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <dashed-ident>#",
 		"syntax-a": "none | all | <dashed-ident>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4167,9 +4171,9 @@
 	},
 	"top": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4178,9 +4182,9 @@
 	},
 	"transform-origin": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
 		"syntax-a": "[ 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>?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4189,9 +4193,9 @@
 	},
 	"transition-duration": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<time>#",
 		"syntax-a": "<time [0s,∞]>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4200,9 +4204,9 @@
 	},
 	"unicode-bidi": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext",
 		"syntax-a": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4211,9 +4215,9 @@
 	},
 	"vertical-align": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
 		"syntax-a": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4222,9 +4226,9 @@
 	},
 	"view-timeline": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
 		"syntax-a": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4233,9 +4237,9 @@
 	},
 	"view-timeline-name": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <dashed-ident>#",
 		"syntax-a": "[ none | <dashed-ident> ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4244,9 +4248,9 @@
 	},
 	"view-transition-class": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <custom-ident>+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4255,9 +4259,9 @@
 	},
 	"view-transition-group": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | contain | nearest | <custom-ident>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4266,9 +4270,9 @@
 	},
 	"voice-duration": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <time>",
 		"syntax-a": "auto | <time [0s,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4277,9 +4281,9 @@
 	},
 	"voice-pitch": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"syntax-a": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4288,9 +4292,9 @@
 	},
 	"voice-range": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"syntax-a": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4299,9 +4303,9 @@
 	},
 	"voice-rate": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>",
 		"syntax-a": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4310,9 +4314,9 @@
 	},
 	"white-space": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
 		"syntax-a": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4321,9 +4325,9 @@
 	},
 	"widows": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<integer>",
 		"syntax-a": "<integer [1,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4332,9 +4336,9 @@
 	},
 	"width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4343,9 +4347,9 @@
 	},
 	"word-break": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | break-all | keep-all | break-word | auto-phrase",
 		"syntax-a": "normal | break-all | keep-all | manual | auto-phrase | break-word",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4354,9 +4358,9 @@
 	},
 	"word-space-transform": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ space | ideographic-space ] && auto-phrase?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4365,9 +4369,9 @@
 	},
 	"word-spacing": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | <length>",
 		"syntax-a": "normal | <length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4376,9 +4380,9 @@
 	},
 	"word-wrap": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | break-word",
 		"syntax-a": "normal | break-word | anywhere",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4387,9 +4391,9 @@
 	},
 	"wrap-after": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4398,9 +4402,9 @@
 	},
 	"wrap-before": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4409,9 +4413,9 @@
 	},
 	"wrap-flow": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | both | start | end | minimum | maximum | clear",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4420,9 +4424,9 @@
 	},
 	"wrap-inside": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | avoid",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4431,9 +4435,9 @@
 	},
 	"wrap-through": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "wrap | none",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4442,9 +4446,9 @@
 	},
 	"writing-mode": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
 		"syntax-a": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4453,9 +4457,9 @@
 	},
 	"x": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4464,9 +4468,9 @@
 	},
 	"y": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4475,9 +4479,9 @@
 	},
 	"z-index": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <integer>",
 		"syntax-a": "auto | <integer> | inherit",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -4486,13 +4490,13 @@
 	},
 	"zoom": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | reset | <number> | <percentage>",
 		"syntax-a": "<number [0,∞]> || <percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
 		}
 	}
-}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 141a6650a0..6669a0f106 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1,9 +1,9 @@
 {
 	"angle-percentage": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<angle> | <percentage>",
 		"syntax-a": "[ <angle> | <percentage> ]",
-		"comment": "",
 		"syntax-m": "[ <angle> | <percentage> ]",
 		"tests": {
 			"passing": [
@@ -26,9 +26,9 @@
 	},
 	"angular-color-stop": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<color> && <color-stop-angle>?",
 		"syntax-a": "<color> <color-stop-angle>?",
-		"comment": "",
 		"syntax-m": "<color> <color-stop-angle>?",
 		"tests": {
 			"passing": [
@@ -55,9 +55,9 @@
 	},
 	"angular-color-stop-list": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <angular-color-stop> [, <angular-color-hint> ]? ]# , <angular-color-stop>",
 		"syntax-a": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
-		"comment": "",
 		"syntax-m": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
 		"tests": {
 			"passing": [
@@ -103,9 +103,9 @@
 	},
 	"arc-command": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -114,9 +114,9 @@
 	},
 	"arc-size": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "large | small",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -125,9 +125,9 @@
 	},
 	"arc-sweep": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "cw | ccw",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -136,9 +136,9 @@
 	},
 	"attr-name": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<wq-name>",
 		"syntax-a": "[ <ident-token> '|' ]? <ident-token>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -147,9 +147,9 @@
 	},
 	"attr-type": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -158,9 +158,9 @@
 	},
 	"attr()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
 		"syntax-a": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -169,9 +169,9 @@
 	},
 	"autospace": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -180,9 +180,9 @@
 	},
 	"axis": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "block | inline | vertical | horizontal",
 		"syntax-a": "block | inline | x | y",
-		"comment": "",
 		"syntax-m": "block | inline | x | y",
 		"tests": {
 			"passing": [],
@@ -191,9 +191,9 @@
 	},
 	"baseline-position": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ first | last ]? baseline",
 		"syntax-a": "[ first | last ]? && baseline",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -202,9 +202,9 @@
 	},
 	"basic-shape": {
 		"type": "modified",
+		"comment": "https://github.com/w3c/csswg-drafts/issues/10812",
 		"syntax-b": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>",
 		"syntax-a": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( <radial-size>? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
-		"comment": "https://github.com/w3c/csswg-drafts/issues/10812",
 		"syntax-m": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 		"tests": {
 			"passing": [
@@ -239,9 +239,9 @@
 	},
 	"basic-shape-rect": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<inset()> | <rect()> | <xywh()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -250,9 +250,9 @@
 	},
 	"bg-clip": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<box> | border | text",
 		"syntax-a": "<visual-box> | border-area | text",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -261,9 +261,9 @@
 	},
 	"bg-image": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <image>",
 		"syntax-a": "<image> | none",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -272,9 +272,9 @@
 	},
 	"bg-layer": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
 		"syntax-a": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -283,9 +283,9 @@
 	},
 	"bg-position": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]",
 		"syntax-a": "<position> | <position-three>",
-		"comment": "",
 		"syntax-m": "<position> | <position-three>",
 		"tests": {
 			"passing": [],
@@ -294,9 +294,9 @@
 	},
 	"bg-size": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <length-percentage> | auto ]{1,2} | cover | contain",
 		"syntax-a": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -305,9 +305,9 @@
 	},
 	"bool-and": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "and <bool-in-parens>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -316,9 +316,9 @@
 	},
 	"bool-in-parens": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "( <boolean> ) | <bool-test> | <general-enclosed>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -327,9 +327,9 @@
 	},
 	"bool-not": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "not <bool-in-parens>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -338,9 +338,9 @@
 	},
 	"bool-or": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "or <bool-in-parens>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -349,9 +349,9 @@
 	},
 	"boolean": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -360,9 +360,9 @@
 	},
 	"boolean-without-or": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<bool-not> | <bool-in-parens> <bool-and>*",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -371,9 +371,9 @@
 	},
 	"border-style": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -382,9 +382,9 @@
 	},
 	"border-width": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "thin | medium | thick | <length>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -393,9 +393,9 @@
 	},
 	"bottom": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | auto",
 		"syntax-a": "auto",
-		"comment": "",
 		"syntax-m": "<length-percentage> | auto",
 		"tests": {
 			"passing": [
@@ -438,9 +438,9 @@
 	},
 	"box": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "border-box | padding-box | content-box",
 		"syntax-a": "content-box | padding-box | border-box | margin-box | fill-box | stroke-box | view-box",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -449,9 +449,9 @@
 	},
 	"by-to": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "by | to",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -460,9 +460,9 @@
 	},
 	"calc-keyword": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "e | pi | infinity | -infinity | NaN",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -471,9 +471,9 @@
 	},
 	"calc-mix()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -482,9 +482,9 @@
 	},
 	"calc-product": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
 		"syntax-a": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -493,9 +493,9 @@
 	},
 	"calc-size-basis": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -504,9 +504,9 @@
 	},
 	"calc-size()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "calc-size( <calc-size-basis> , <calc-sum> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -515,9 +515,9 @@
 	},
 	"calc-value": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
 		"syntax-a": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -526,9 +526,9 @@
 	},
 	"cf-image": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <image> | <color> ] && <percentage [0,100]>?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -537,9 +537,9 @@
 	},
 	"clamp()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "clamp( <calc-sum>#{3} )",
 		"syntax-a": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -548,6 +548,7 @@
 	},
 	"color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<color-base> | currentColor | <system-color> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 		"syntax-a": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()>",
 		"syntax-m": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
@@ -568,14 +569,13 @@
 					"value": "10px"
 				}
 			]
-		},
-		"comment": ""
+		}
 	},
 	"color-font-tech": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -584,9 +584,9 @@
 	},
 	"color-layers()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "color-layers( [ <blend-mode> , ]? <color># )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -595,9 +595,9 @@
 	},
 	"color-stop-list": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
 		"syntax-a": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -606,9 +606,9 @@
 	},
 	"color-stripe": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color> && [ <length-percentage> | <flex> ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -617,6 +617,7 @@
 	},
 	"color()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"syntax-a": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 		"syntax-m": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
@@ -637,11 +638,11 @@
 					"value": "color(red from xyz 0 0 0)"
 				}
 			]
-		},
-		"comment": ""
+		}
 	},
 	"colorspace-params": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <predefined-rgb-params> | <xyz-params> ]",
 		"syntax-a": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 		"syntax-m": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
@@ -666,14 +667,13 @@
 					"value": "color(xyz-d5 0 0 0)"
 				}
 			]
-		},
-		"comment": ""
+		}
 	},
 	"compat-auto": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
 		"syntax-a": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -682,16 +682,20 @@
 	},
 	"compat-special": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "textfield | menulist-button",
 		"syntax-m": "textfield | menulist-button",
-		"comment": ""
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"composite-mode": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -700,9 +704,9 @@
 	},
 	"conic-gradient-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
-		"comment": "",
 		"syntax-m": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 		"tests": {
 			"passing": [
@@ -724,9 +728,9 @@
 	},
 	"conic-gradient()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
 		"syntax-a": "conic-gradient( [ <conic-gradient-syntax> ] )",
-		"comment": "",
 		"syntax-m": "conic-gradient( [ <conic-gradient-syntax> ] )",
 		"tests": {
 			"passing": [
@@ -757,11 +761,10 @@
 	},
 	"container-condition": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 		"syntax-a": "[ <container-name> ]? <container-query>",
-		"comment": "",
 		"syntax-m": false,
-		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -769,9 +772,9 @@
 	},
 	"container-progress()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -780,11 +783,10 @@
 	},
 	"container-query": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
-		"comment": "",
 		"syntax-m": false,
-		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -792,9 +794,9 @@
 	},
 	"content-level": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "element | content | text | <attr()> | <counter>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -803,9 +805,9 @@
 	},
 	"content-list": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
 		"syntax-a": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -814,9 +816,9 @@
 	},
 	"content()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "content( [ text | before | after | first-letter | marker ]? )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -825,10 +827,10 @@
 	},
 	"contrast-color()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "contrast-color( <color> max? )",
 		"syntax-m": "contrast-color( <color> max? )",
-		"comment": "",
 		"tests": {
 			"passing": [
 				{
@@ -862,9 +864,9 @@
 	},
 	"coord-box": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "content-box | padding-box | border-box | fill-box | stroke-box | view-box",
 		"syntax-a": "<paint-box> | view-box",
-		"comment": "",
 		"syntax-m": "<paint-box> | view-box",
 		"tests": {
 			"passing": [
@@ -891,9 +893,9 @@
 	},
 	"coordinate-pair": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage>{2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -902,9 +904,9 @@
 	},
 	"counter-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<counter-style-name> | symbols( )",
 		"syntax-a": "<counter-style-name> | <symbols()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -913,9 +915,9 @@
 	},
 	"counter-style-name": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<custom-ident>",
 		"syntax-a": "decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -924,9 +926,9 @@
 	},
 	"cross-fade()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
 		"syntax-a": "cross-fade( <cf-image># )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -935,9 +937,9 @@
 	},
 	"crossorigin-modifier": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "crossorigin( anonymous | use-credentials )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -946,10 +948,9 @@
 	},
 	"css-type": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<syntax-component> | <type()>",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -958,9 +959,9 @@
 	},
 	"cubic-bezier-easing-function": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -969,9 +970,9 @@
 	},
 	"cubic-bezier()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -980,9 +981,9 @@
 	},
 	"curve-command": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -991,9 +992,9 @@
 	},
 	"custom-arg": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "$ <ident-token> ;",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1002,16 +1003,20 @@
 	},
 	"custom-params": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<dashed-ident> [ <number> | <percentage> | none ]+",
 		"syntax-m": "<dashed-ident> [ <number> | <percentage> | none ]+",
-		"comment": ""
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"custom-selector": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1020,9 +1025,9 @@
 	},
 	"dasharray": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ [ <length-percentage> | <number> ]+ ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1031,9 +1036,9 @@
 	},
 	"deprecated-color": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1042,9 +1047,9 @@
 	},
 	"display-legacy": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
 		"syntax-a": "inline-block | inline-table | inline-flex | inline-grid",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1053,9 +1058,9 @@
 	},
 	"dynamic-range-limit-mix()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1064,9 +1069,9 @@
 	},
 	"easing-function": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
 		"syntax-a": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1075,9 +1080,9 @@
 	},
 	"element()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
 		"syntax-a": "element( <id-selector> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1086,9 +1091,9 @@
 	},
 	"env()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "env( <custom-ident> , <declaration-value>? )",
 		"syntax-a": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1097,9 +1102,9 @@
 	},
 	"feature-value-name": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<custom-ident>",
 		"syntax-a": "<ident>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1108,9 +1113,9 @@
 	},
 	"filter-function": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
 		"syntax-a": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1119,9 +1124,9 @@
 	},
 	"filter-value-list": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <filter-function> | <url> ]+",
-		"comment": "",
 		"syntax-m": "[ <filter-function> | <url> ]+",
 		"tests": {
 			"passing": [],
@@ -1130,9 +1135,9 @@
 	},
 	"filter()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "filter( [ <image> | <string> ] , <filter-value-list> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1141,9 +1146,9 @@
 	},
 	"final-bg-layer": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
 		"syntax-a": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1152,9 +1157,9 @@
 	},
 	"first-valid()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "first-valid( <declaration-value># )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1163,9 +1168,9 @@
 	},
 	"fixed-breadth": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1174,9 +1179,9 @@
 	},
 	"font-features-tech": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ features-opentype | features-aat | features-graphite ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1185,9 +1190,9 @@
 	},
 	"font-format": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1196,9 +1201,9 @@
 	},
 	"font-src": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1207,9 +1212,9 @@
 	},
 	"font-tech": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1218,9 +1223,9 @@
 	},
 	"font-weight-absolute": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "normal | bold | <number [1,1000]>",
 		"syntax-a": "[ normal | bold | <number [1,1000]> ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1229,9 +1234,9 @@
 	},
 	"frequency-percentage": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<frequency> | <percentage>",
 		"syntax-a": "[ <frequency> | <percentage> ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1240,10 +1245,9 @@
 	},
 	"function-dependency-list": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<function-parameter>#",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1252,10 +1256,9 @@
 	},
 	"function-name": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<dashed-ident>",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1264,9 +1267,9 @@
 	},
 	"function-parameter": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1275,9 +1278,9 @@
 	},
 	"function-parameter-list": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<function-parameter>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1286,9 +1289,9 @@
 	},
 	"generic-family": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>",
 		"syntax-a": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1297,9 +1300,9 @@
 	},
 	"gradient": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
 		"syntax-a": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1308,9 +1311,9 @@
 	},
 	"grid-line": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]",
 		"syntax-a": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1319,9 +1322,9 @@
 	},
 	"hsl()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"syntax-a": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
-		"comment": "",
 		"syntax-m": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 		"tests": {
 			"passing": [
@@ -1339,9 +1342,9 @@
 	},
 	"hsla()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"syntax-a": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
-		"comment": "",
 		"syntax-m": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 		"tests": {
 			"passing": [
@@ -1359,9 +1362,9 @@
 	},
 	"hv-line-command": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ hline | vline ] <by-to> <length-percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1370,9 +1373,9 @@
 	},
 	"hwb()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "hwb( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-a": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": "",
 		"syntax-m": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
@@ -1415,9 +1418,9 @@
 	},
 	"image": {
 		"type": "modified",
+		"comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/image/paint",
 		"syntax-b": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 		"syntax-a": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>",
-		"comment": "https://developer.mozilla.org/en-US/docs/Web/CSS/image/paint",
 		"syntax-m": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
 		"tests": {
 			"passing": [
@@ -1431,9 +1434,9 @@
 	},
 	"image-1D": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<stripes()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1442,9 +1445,9 @@
 	},
 	"image-set-option": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
 		"syntax-a": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
-		"comment": "",
 		"syntax-m": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 		"tests": {
 			"passing": [
@@ -1463,9 +1466,9 @@
 	},
 	"image-src": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<url> | <string>",
 		"syntax-a": "[ <url> | <string> ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1474,9 +1477,9 @@
 	},
 	"image-tags": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "ltr | rtl",
 		"syntax-a": "[ ltr | rtl ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1485,9 +1488,9 @@
 	},
 	"import-conditions": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1496,9 +1499,9 @@
 	},
 	"inflexible-breadth": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage> | min-content | max-content | auto",
 		"syntax-a": "<length-percentage [0,∞]> | min-content | max-content | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1507,9 +1510,9 @@
 	},
 	"integrity-modifier": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "integrity( <string> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1518,9 +1521,9 @@
 	},
 	"isolation-mode": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | isolate",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1529,9 +1532,9 @@
 	},
 	"keyframe-selector": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "from | to | <percentage> | <timeline-range-name> <percentage>",
 		"syntax-a": "from | to | <percentage [0,100]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1540,9 +1543,9 @@
 	},
 	"lab()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-a": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": "",
 		"syntax-m": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
@@ -1581,9 +1584,9 @@
 	},
 	"layout-box": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> | margin-box",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1592,9 +1595,9 @@
 	},
 	"lch()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "lch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-a": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": "",
 		"syntax-m": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
@@ -1633,9 +1636,9 @@
 	},
 	"left": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | auto",
 		"syntax-a": "auto",
-		"comment": "",
 		"syntax-m": "<length-percentage> | auto",
 		"tests": {
 			"passing": [
@@ -1678,9 +1681,9 @@
 	},
 	"legacy-hsl-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"comment": "",
 		"syntax-m": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"tests": {
 			"passing": [
@@ -1719,9 +1722,9 @@
 	},
 	"legacy-hsla-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
-		"comment": "",
 		"syntax-m": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 		"tests": {
 			"passing": [
@@ -1756,9 +1759,9 @@
 	},
 	"legacy-rgb-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
-		"comment": "",
 		"syntax-m": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"tests": {
 			"passing": [
@@ -1805,9 +1808,9 @@
 	},
 	"legacy-rgba-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
-		"comment": "",
 		"syntax-m": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"tests": {
 			"passing": [
@@ -1854,9 +1857,9 @@
 	},
 	"length-percentage": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "[ <length> | <percentage> ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1865,9 +1868,9 @@
 	},
 	"line-command": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "line <by-to> <coordinate-pair>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1876,9 +1879,9 @@
 	},
 	"line-width": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | thin | medium | thick",
 		"syntax-a": "<length [0,∞]> | thin | medium | thick",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1887,9 +1890,9 @@
 	},
 	"linear-easing-function": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "linear | <linear()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1898,9 +1901,9 @@
 	},
 	"linear-gradient-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1909,9 +1912,9 @@
 	},
 	"linear-gradient()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
 		"syntax-a": "linear-gradient( [ <linear-gradient-syntax> ] )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1920,9 +1923,9 @@
 	},
 	"linear()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "linear( [ <number> && <percentage>{0,2} ]# )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1931,9 +1934,9 @@
 	},
 	"link-param": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "param( <custom-property-name> <declaration-value>? )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1942,9 +1945,9 @@
 	},
 	"marker-ref": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<url>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1953,9 +1956,9 @@
 	},
 	"masonry-auto-track-list": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1964,10 +1967,9 @@
 	},
 	"media-and": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<media-in-parens> [ and <media-in-parens> ]+",
 		"syntax-a": "and <media-in-parens>",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1976,10 +1978,9 @@
 	},
 	"media-condition": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<media-not> | <media-and> | <media-or> | <media-in-parens>",
 		"syntax-a": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -1988,10 +1989,9 @@
 	},
 	"media-condition-without-or": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<media-not> | <media-and> | <media-in-parens>",
 		"syntax-a": "<media-not> | <media-in-parens> <media-and>*",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2000,10 +2000,9 @@
 	},
 	"media-or": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<media-in-parens> [ or <media-in-parens> ]+",
 		"syntax-a": "or <media-in-parens>",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2012,9 +2011,9 @@
 	},
 	"media-progress()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2023,10 +2022,9 @@
 	},
 	"media()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2035,10 +2033,9 @@
 	},
 	"mf-comparison": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<mf-lt> | <mf-gt> | <mf-eq>",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2047,10 +2044,9 @@
 	},
 	"mf-eq": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'='",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2059,10 +2055,9 @@
 	},
 	"mf-gt": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'>' '='?",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2071,10 +2066,9 @@
 	},
 	"mf-lt": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'<' '='?",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2083,10 +2077,9 @@
 	},
 	"mf-range": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>",
 		"syntax-a": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2095,9 +2088,9 @@
 	},
 	"mix()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2106,9 +2099,9 @@
 	},
 	"modern-hsl-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": "",
 		"syntax-m": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
@@ -2155,9 +2148,9 @@
 	},
 	"modern-hsla-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": "",
 		"syntax-m": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
@@ -2204,9 +2197,9 @@
 	},
 	"modern-rgb-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-		"comment": "",
 		"syntax-m": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
@@ -2253,9 +2246,9 @@
 	},
 	"modern-rgba-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-		"comment": "",
 		"syntax-m": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
@@ -2302,9 +2295,9 @@
 	},
 	"move-command": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "move <by-to> <coordinate-pair>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2313,10 +2306,9 @@
 	},
 	"mq-boolean": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<integer [0,1]>",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2325,9 +2317,9 @@
 	},
 	"named-color": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "transparent | 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",
 		"syntax-a": "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",
-		"comment": "",
 		"syntax-m": "transparent | 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",
 		"tests": {
 			"passing": [
@@ -2350,9 +2342,9 @@
 	},
 	"number-optional-number": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<number> <number>?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2361,9 +2353,9 @@
 	},
 	"oklab()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "oklab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-a": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": "",
 		"syntax-m": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
@@ -2402,9 +2394,9 @@
 	},
 	"oklch()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "oklch( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"syntax-a": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
-		"comment": "",
 		"syntax-m": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 		"tests": {
 			"passing": [
@@ -2443,9 +2435,9 @@
 	},
 	"opacity-value": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<number> | <percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2454,9 +2446,9 @@
 	},
 	"opentype-tag": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<string>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2465,9 +2457,9 @@
 	},
 	"padding-width": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length> | <percentage>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2476,9 +2468,9 @@
 	},
 	"page-selector": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<pseudo-page>+ | <ident> <pseudo-page>*",
 		"syntax-a": "[ <ident-token>? <pseudo-page>* ]!",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2487,9 +2479,9 @@
 	},
 	"page-selector-list": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ <page-selector># ]?",
 		"syntax-a": "<page-selector>#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2498,9 +2490,9 @@
 	},
 	"paint": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
 		"syntax-a": "none | <image> | <svg-paint>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2509,9 +2501,9 @@
 	},
 	"paint-box": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> | fill-box | stroke-box",
-		"comment": "",
 		"syntax-m": "<visual-box> | fill-box | stroke-box",
 		"tests": {
 			"passing": [
@@ -2538,9 +2530,9 @@
 	},
 	"palette-mix()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2549,9 +2541,9 @@
 	},
 	"points": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <number>+ ]#",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2560,9 +2552,9 @@
 	},
 	"position": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]",
 		"syntax-a": "<position-one> | <position-two> | <position-four>",
-		"comment": "",
 		"syntax-m": "<position-one> | <position-two> | <position-four>",
 		"tests": {
 			"passing": [
@@ -2593,9 +2585,9 @@
 	},
 	"position-four": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ [ [ 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} ]",
-		"comment": "",
 		"syntax-m": "[ [ [ 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} ]",
 		"tests": {
 			"passing": [],
@@ -2604,9 +2596,9 @@
 	},
 	"position-one": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ left | center | right | top | bottom | x-start | x-end | y-start | y-end | block-start | block-end | inline-start | inline-end | <length-percentage> ]",
-		"comment": "",
 		"syntax-m": "[ left | center | right | top | bottom | x-start | x-end | y-start | y-end | block-start | block-end | inline-start | inline-end | <length-percentage> ]",
 		"tests": {
 			"passing": [],
@@ -2615,9 +2607,9 @@
 	},
 	"position-three": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]",
-		"comment": "",
 		"syntax-m": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]",
 		"tests": {
 			"passing": [],
@@ -2626,9 +2618,9 @@
 	},
 	"position-two": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ [ 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} ]",
-		"comment": "",
 		"syntax-m": "[ [ 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} ]",
 		"tests": {
 			"passing": [],
@@ -2637,30 +2629,42 @@
 	},
 	"predefined-polar-params": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
 		"syntax-m": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
-		"comment": ""
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"predefined-rectangular": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "jzazbz | ictcp",
 		"syntax-m": "jzazbz | ictcp",
-		"comment": ""
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"predefined-rectangular-params": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 		"syntax-m": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
-		"comment": ""
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
 	},
 	"predefined-rgb": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020",
 		"syntax-a": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
-		"comment": "",
 		"syntax-m": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 		"tests": {
 			"passing": [],
@@ -2669,9 +2673,9 @@
 	},
 	"progress": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2680,9 +2684,9 @@
 	},
 	"progress()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2691,9 +2695,9 @@
 	},
 	"pseudo-page": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": ": [ left | right | first | blank ]",
 		"syntax-a": "':' [ left | right | first | blank ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2702,9 +2706,9 @@
 	},
 	"pt-class-selector": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ '.' <custom-ident> ]+",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2713,9 +2717,9 @@
 	},
 	"pt-name-and-class-selector": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2724,9 +2728,9 @@
 	},
 	"pt-name-selector": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'*' | <custom-ident>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2735,11 +2739,10 @@
 	},
 	"query-in-parens": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
 		"syntax-a": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
-		"comment": "",
 		"syntax-m": false,
-		"omit": true,
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2747,9 +2750,9 @@
 	},
 	"radial-extent": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "closest-corner | closest-side | farthest-corner | farthest-side",
-		"comment": "",
 		"syntax-m": "closest-corner | closest-side | farthest-corner | farthest-side",
 		"tests": {
 			"passing": [
@@ -2767,9 +2770,9 @@
 	},
 	"radial-gradient-syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2778,9 +2781,9 @@
 	},
 	"radial-gradient()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
 		"syntax-a": "radial-gradient( [ <radial-gradient-syntax> ] )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2789,9 +2792,9 @@
 	},
 	"radial-shape": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "circle | ellipse",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2800,9 +2803,9 @@
 	},
 	"radial-size": {
 		"type": "added",
+		"comment": "https://github.com/w3c/csswg-drafts/issues/10812",
 		"syntax-b": "",
 		"syntax-a": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
-		"comment": "https://github.com/w3c/csswg-drafts/issues/10812",
 		"syntax-m": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [
@@ -2824,9 +2827,9 @@
 	},
 	"random-caching-options": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<dashed-ident> || per-element",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2835,9 +2838,9 @@
 	},
 	"random-item()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2846,9 +2849,9 @@
 	},
 	"random()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2857,9 +2860,9 @@
 	},
 	"ray()": {
 		"type": "modified",
+		"comment": "Without the extra group the order seems to matter anyway, possibly a bug in css-tree or the syntax definition. See https://github.com/w3c/fxtf-drafts/pull/573",
 		"syntax-b": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
 		"syntax-a": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
-		"comment": "Without the extra group the order seems to matter anyway, possibly a bug in css-tree or the syntax definition. See https://github.com/w3c/fxtf-drafts/pull/573",
 		"syntax-m": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 		"tests": {
 			"passing": [
@@ -2902,9 +2905,9 @@
 	},
 	"referrerpolicy-modifier": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2913,9 +2916,9 @@
 	},
 	"repeat-style": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
 		"syntax-a": "repeat-x | repeat-y | <repetition>{1,2}",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2924,9 +2927,9 @@
 	},
 	"repeat()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto-fill | auto-fit",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2935,9 +2938,9 @@
 	},
 	"repeating-conic-gradient()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
 		"syntax-a": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2946,9 +2949,9 @@
 	},
 	"repeating-linear-gradient()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
 		"syntax-a": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2957,9 +2960,9 @@
 	},
 	"repeating-radial-gradient()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
 		"syntax-a": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2968,9 +2971,9 @@
 	},
 	"repetition": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "repeat | space | round | no-repeat",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2979,9 +2982,9 @@
 	},
 	"request-url-modifier": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -2990,9 +2993,9 @@
 	},
 	"rgb()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 		"syntax-a": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
-		"comment": "",
 		"syntax-m": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 		"tests": {
 			"passing": [
@@ -3010,9 +3013,9 @@
 	},
 	"rgba()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 		"syntax-a": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
-		"comment": "",
 		"syntax-m": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 		"tests": {
 			"passing": [
@@ -3030,9 +3033,9 @@
 	},
 	"right": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | auto",
 		"syntax-a": "auto",
-		"comment": "",
 		"syntax-m": "<length-percentage> | auto",
 		"tests": {
 			"passing": [
@@ -3075,9 +3078,9 @@
 	},
 	"round()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
 		"syntax-a": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3086,9 +3089,9 @@
 	},
 	"running()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "running( <custom-ident> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3097,9 +3100,9 @@
 	},
 	"scroll-state-in-parens": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3108,9 +3111,9 @@
 	},
 	"scroll-state-query": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3119,9 +3122,9 @@
 	},
 	"scroll()": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "scroll( [ <axis> || <scroller> ]? )",
 		"syntax-a": "scroll( [ <scroller> || <axis> ]? )",
-		"comment": "",
 		"syntax-m": "scroll( [ <scroller> || <axis> ]? )",
 		"tests": {
 			"passing": [
@@ -3156,9 +3159,9 @@
 	},
 	"scroller": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "root | nearest",
 		"syntax-a": "root | nearest | self",
-		"comment": "",
 		"syntax-m": "root | nearest | self",
 		"tests": {
 			"passing": [
@@ -3180,9 +3183,9 @@
 	},
 	"shadow": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "inset? && <length>{2,4} && <color>?",
 		"syntax-a": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3191,9 +3194,9 @@
 	},
 	"shape-box": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<box> | margin-box",
 		"syntax-a": "<visual-box> | margin-box",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3202,9 +3205,9 @@
 	},
 	"shape-command": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3213,9 +3216,9 @@
 	},
 	"shape()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3224,9 +3227,9 @@
 	},
 	"single-animation-iteration-count": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "infinite | <number>",
 		"syntax-a": "infinite | <number [0,∞]>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3235,9 +3238,9 @@
 	},
 	"smooth-command": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3246,9 +3249,9 @@
 	},
 	"source-size": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<media-condition> <source-size-value> | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3257,9 +3260,9 @@
 	},
 	"source-size-list": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<source-size>#? , <source-size-value>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3268,9 +3271,9 @@
 	},
 	"source-size-value": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length> | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3279,9 +3282,9 @@
 	},
 	"spacing-trim": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "space-all | normal | space-first | trim-start | trim-both | trim-all",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3290,9 +3293,9 @@
 	},
 	"spread-shadow": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3301,9 +3304,9 @@
 	},
 	"src()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "src( <string> <url-modifier>* )",
-		"comment": "",
 		"syntax-m": "src( <string> <url-modifier>* )",
 		"tests": {
 			"passing": [
@@ -3326,9 +3329,9 @@
 	},
 	"step-easing-function": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "step-start | step-end | <steps()>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3337,9 +3340,9 @@
 	},
 	"steps()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "steps( <integer> , <step-position>? )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3348,9 +3351,9 @@
 	},
 	"string()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "string( <custom-ident> , [ first | start | last | first-except ]? )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3359,9 +3362,9 @@
 	},
 	"stripes()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "stripes( <color-stripe># )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3370,9 +3373,9 @@
 	},
 	"style-in-parens": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>",
 		"syntax-a": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3381,9 +3384,9 @@
 	},
 	"style-query": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<style-condition> | <style-feature>",
 		"syntax-a": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3392,9 +3395,9 @@
 	},
 	"supports-feature": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<supports-decl> | <supports-selector-fn>",
 		"syntax-a": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3403,9 +3406,9 @@
 	},
 	"supports-font-format-fn": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "font-format( <font-format> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3414,9 +3417,9 @@
 	},
 	"supports-font-tech-fn": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "font-tech( <font-tech> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3425,9 +3428,9 @@
 	},
 	"supports()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "supports( <declaration> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3436,9 +3439,9 @@
 	},
 	"svg-paint": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "child | child( <integer> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3447,9 +3450,9 @@
 	},
 	"symbols-type": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "cyclic | numeric | alphabetic | symbolic | fixed",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3458,9 +3461,9 @@
 	},
 	"symbols()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3469,10 +3472,9 @@
 	},
 	"syntax": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3481,10 +3483,9 @@
 	},
 	"syntax-combinator": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'|'",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3493,10 +3494,9 @@
 	},
 	"syntax-component": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3505,10 +3505,9 @@
 	},
 	"syntax-component-name": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'<' <syntax-type> '>' | <custom-ident>",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3517,10 +3516,9 @@
 	},
 	"syntax-multiplier": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ '#' | '+' ]",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3529,10 +3527,9 @@
 	},
 	"syntax-type": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3541,10 +3538,9 @@
 	},
 	"target-contrast": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<wcag2>",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3553,9 +3549,9 @@
 	},
 	"text-edge": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3564,9 +3560,9 @@
 	},
 	"time-percentage": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<time> | <percentage>",
 		"syntax-a": "[ <time> | <percentage> ]",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3575,9 +3571,9 @@
 	},
 	"toggle()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "toggle( <whole-value># )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3586,9 +3582,9 @@
 	},
 	"top": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length> | auto",
 		"syntax-a": "auto",
-		"comment": "",
 		"syntax-m": "<length-percentage> | auto",
 		"tests": {
 			"passing": [
@@ -3631,9 +3627,9 @@
 	},
 	"track-breadth": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<length-percentage> | <flex> | min-content | max-content | auto",
 		"syntax-a": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3642,9 +3638,9 @@
 	},
 	"track-size": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )",
 		"syntax-a": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3653,9 +3649,9 @@
 	},
 	"transform-mix()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "transform-mix( <progress> , <transform-list> , <transform-list> )",
-		"comment": "",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3664,10 +3660,9 @@
 	},
 	"type()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "type( <syntax> )",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3676,9 +3671,9 @@
 	},
 	"url": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "url( <string> <url-modifier>* ) | <url-token>",
 		"syntax-a": "<url()> | <src()>",
-		"comment": "",
 		"syntax-m": "<url()> | <src()> | <url-token>",
 		"tests": {
 			"passing": [
@@ -3713,10 +3708,10 @@
 	},
 	"url()": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "url( <string> <url-modifier>* ) | <url-token>",
 		"syntax-m": "url( <string> <url-modifier>* ) | <url-token>",
-		"comment": "",
 		"tests": {
 			"passing": [
 				{
@@ -3738,10 +3733,9 @@
 	},
 	"wcag2": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
-		"comment": "",
-		"omit": true,
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
@@ -3750,17 +3744,18 @@
 	},
 	"xyz": {
 		"type": "added",
+		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "xyz | xyz-d50 | xyz-d65",
 		"syntax-m": "xyz | xyz-d50 | xyz-d65",
 		"tests": {
 			"passing": [],
 			"failing": []
-		},
-		"comment": ""
+		}
 	},
 	"xyz-params": {
 		"type": "modified",
+		"comment": "",
 		"syntax-b": "<xyz-space> [ <number> | <percentage> | none ]{3}",
 		"syntax-a": "<xyz> [ <number> | <percentage> | none ]{3}",
 		"syntax-m": "<xyz> [ <number> | <percentage> | none ]{3}",
@@ -3785,7 +3780,6 @@
 					"value": "color(xyz-d5 0 0 0)"
 				}
 			]
-		},
-		"comment": ""
+		}
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
index b2f791a3c5..e4632b9e20 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
@@ -79,6 +79,14 @@ export async function write_patches(sets, patch_sets) {
 		}
 	}
 
+	for (const [set_name, merged_set] of Object.entries(merged_sets)) {
+		for (const [kind_name, patch_kind] of Object.entries(merged_set)) {
+			for (const [name, patch_definition] of Object.entries(patch_kind)) {
+				merged_sets[set_name][kind_name][name] = sort_object_keys(patch_definition);
+			}
+		}
+	}
+
 	{
 		await fs.writeFile(
 			path.join('patches', 'webref-over-csstree-properties.json'),
@@ -93,3 +101,19 @@ export async function write_patches(sets, patch_sets) {
 		);
 	}
 }
+
+function sort_object_keys(object) {
+	const copy = Object(null);
+
+	copy.type = object.type;
+	copy.comment = object.comment;
+	copy['syntax-b'] = object['syntax-b'];
+	copy['syntax-a'] = object['syntax-a'];
+	copy['syntax-m'] = object['syntax-m'];
+	copy.tests = {
+		passing: object.tests?.passing ?? [],
+		failing: object.tests?.failing ?? [],
+	};
+
+	return copy;
+}

From 4b33c8691284c5b10620478e811a651d335e6499 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sat, 12 Oct 2024 12:29:32 +0200
Subject: [PATCH 45/66] add some more patches

---
 .../dist/index.json                           |  12 ++
 .../webref-over-csstree-properties.json       | 196 +++++++++++++++---
 .../patches/webref-over-csstree-types.json    |  32 ++-
 .../scripts/apply-patches.mjs                 |   6 +
 .../scripts/generate-webref-sets.mjs          |   3 +
 .../scripts/index.mjs                         |  13 ++
 6 files changed, 229 insertions(+), 33 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 596423fcdd..f0541f7bb9 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -10,6 +10,17 @@
 			"backdrop-filter": "none | <filter-value-list>",
 			"background": "<bg-layer>#? , <final-bg-layer>",
 			"background-blend-mode": "<'mix-blend-mode'>#",
+			"background-position-block": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+			"background-position-inline": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+			"background-repeat-block": "<repetition>#",
+			"background-repeat-inline": "<repetition>#",
+			"background-repeat-x": "<repetition>#",
+			"background-repeat-y": "<repetition>#",
+			"baseline-shift": "<length-percentage> | sub | super | top | center | bottom",
+			"baseline-source": "auto | first | last",
+			"block-ellipsis": "none | auto | <string>",
+			"block-size": "<'width'> | stretch | fit-content | contain",
+			"block-step-align": "auto | center | start | end",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 			"clip": "<shape> | auto",
 			"color-adjust": "<'print-color-adjust'>",
@@ -66,6 +77,7 @@
 			"radial-extent": "closest-corner | closest-side | farthest-corner | farthest-side",
 			"radial-size": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
 			"ray()": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
+			"repetition": "repeat | space | round | no-repeat",
 			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 			"right": "<length-percentage> | auto",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 237e66172f..cfc991b1bb 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -176,7 +176,11 @@
 		"syntax-a": "none | <filter-value-list>",
 		"syntax-m": "none | <filter-value-list>",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "url(filters.svg#filter) blur(4px) saturate(150%)"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -229,10 +233,30 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
-		"syntax-m": false,
+		"syntax-m": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "center"
+				},
+				{
+					"value": "center, center"
+				},
+				{
+					"value": "start, start"
+				},
+				{
+					"value": "start 50%"
+				},
+				{
+					"value": "start 50%, end 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "center start"
+				}
+			]
 		}
 	},
 	"background-position-inline": {
@@ -240,10 +264,30 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
-		"syntax-m": false,
+		"syntax-m": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "center"
+				},
+				{
+					"value": "center, center"
+				},
+				{
+					"value": "start, start"
+				},
+				{
+					"value": "start 50%"
+				},
+				{
+					"value": "start 50%, end 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "center start"
+				}
+			]
 		}
 	},
 	"background-repeat-block": {
@@ -251,9 +295,16 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repetition>#",
-		"syntax-m": false,
+		"syntax-m": "<repetition>#",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "repeat"
+				},
+				{
+					"value": "repeat, no-repeat"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -262,9 +313,16 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repetition>#",
-		"syntax-m": false,
+		"syntax-m": "<repetition>#",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "repeat"
+				},
+				{
+					"value": "repeat, no-repeat"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -273,9 +331,16 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repetition>#",
-		"syntax-m": false,
+		"syntax-m": "<repetition>#",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "repeat"
+				},
+				{
+					"value": "repeat, no-repeat"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -284,9 +349,16 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repetition>#",
-		"syntax-m": false,
+		"syntax-m": "<repetition>#",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "repeat"
+				},
+				{
+					"value": "repeat, no-repeat"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -306,10 +378,24 @@
 		"comment": "",
 		"syntax-b": "baseline | sub | super | <svg-length>",
 		"syntax-a": "<length-percentage> | sub | super | top | center | bottom",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage> | sub | super | top | center | bottom",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "sub"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"baseline-source": {
@@ -317,10 +403,21 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | first | last",
-		"syntax-m": false,
+		"syntax-m": "auto | first | last",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "auto"
+				},
+				{
+					"value": "first"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"block-ellipsis": {
@@ -328,10 +425,24 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | auto | <string>",
-		"syntax-m": false,
+		"syntax-m": "none | auto | <string>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "':::'"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"block-size": {
@@ -339,10 +450,24 @@
 		"comment": "",
 		"syntax-b": "<'width'>",
 		"syntax-a": "<'width'> | stretch | fit-content | contain",
-		"syntax-m": false,
+		"syntax-m": "<'width'> | stretch | fit-content | contain",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "stretch"
+				},
+				{
+					"value": "contain"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"block-step": {
@@ -361,10 +486,21 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | center | start | end",
-		"syntax-m": false,
+		"syntax-m": "auto | center | start | end",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "auto"
+				},
+				{
+					"value": "center"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"block-step-insert": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 6669a0f106..3086c9432e 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -2974,10 +2974,36 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "repeat | space | round | no-repeat",
-		"syntax-m": false,
+		"syntax-m": "repeat | space | round | no-repeat",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "background-repeat-inline",
+					"value": "repeat"
+				},
+				{
+					"property": "background-repeat-inline",
+					"value": "space"
+				},
+				{
+					"property": "background-repeat-inline",
+					"value": "no-repeat"
+				}
+			],
+			"failing": [
+				{
+					"property": "background-repeat-inline",
+					"value": "foo"
+				},
+				{
+					"property": "background-repeat-inline",
+					"value": "norepeat"
+				},
+				{
+					"property": "background-repeat-inline",
+					"value": "repeat space"
+				}
+			]
 		}
 	},
 	"request-url-modifier": {
diff --git a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
index 09b17a2228..4b62f3d545 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
@@ -10,6 +10,7 @@ export function apply_patches(patches, onto) {
 	for (const [name, definition] of Object.entries(onto.properties)) {
 		const patch = patches.properties[name];
 		if (!patch) {
+			// eslint-disable-next-line no-console
 			console.log(`Missing patch for property '${name}'`);
 			has_missing_patches = true;
 			flaws++;
@@ -21,6 +22,7 @@ export function apply_patches(patches, onto) {
 			patch['syntax-b'] !== definition['syntax-b'] ||
 			patch['syntax-a'] !== definition['syntax-a']
 		) {
+			// eslint-disable-next-line no-console
 			console.log(`Outdated patch for property '${name}'`);
 			has_outdated_patches = true;
 			flaws++;
@@ -33,6 +35,7 @@ export function apply_patches(patches, onto) {
 		}
 
 		if (!patch['syntax-m']) {
+			// eslint-disable-next-line no-console
 			console.log(`Unmerged patch for property '${name}'`);
 			has_unmerged_patches = true;
 			flaws++;
@@ -48,6 +51,7 @@ export function apply_patches(patches, onto) {
 	for (const [name, definition] of Object.entries(onto.types)) {
 		const patch = patches.types[name];
 		if (!patch) {
+			// eslint-disable-next-line no-console
 			console.log(`Missing patch for type '${name}'`);
 			has_missing_patches = true;
 			flaws++;
@@ -59,6 +63,7 @@ export function apply_patches(patches, onto) {
 			patch['syntax-b'] !== definition['syntax-b'] ||
 			patch['syntax-a'] !== definition['syntax-a']
 		) {
+			// eslint-disable-next-line no-console
 			console.log(`Outdated patch for type '${name}'`);
 			has_outdated_patches = true;
 			flaws++;
@@ -71,6 +76,7 @@ export function apply_patches(patches, onto) {
 		}
 
 		if (!patch['syntax-m']) {
+			// eslint-disable-next-line no-console
 			console.log(`Unmerged patch for type '${name}'`);
 			has_unmerged_patches = true;
 			flaws++;
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index f7c4ace7d1..91a213fd94 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -180,6 +180,7 @@ SPECS.forEach(([spec, dependencies], index) => {
 	});
 
 	if (Math.min(...dependencyIndices) > index) {
+		// eslint-disable-next-line no-console
 		console.log(spec, index, dependencies, dependencyIndices);
 
 		throw new Error('SPECS in correctly sorted by dependency');
@@ -250,6 +251,7 @@ function is_conflicting_type(spec_name, name, syntax) {
 				return;
 			}
 
+			// eslint-disable-next-line no-console
 			console.log(`
 Type '${name}' from '${spec_name}' previously occurred in '${other_occurrence.spec_name}'
     ours: ${syntax}
@@ -390,6 +392,7 @@ function is_conflicting_property(spec_name, name, syntax) {
 				return;
 			}
 
+			// eslint-disable-next-line no-console
 			console.log(`
 Property '${name}' from '${spec_name}' previously occurred in '${other_occurrence.spec_name}'
     ours: ${syntax}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 6addccc601..565bbcc81f 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -56,6 +56,7 @@ const invalid = forkedLexer.validate();
 if (invalid) {
 	for (const [kind, items] of Object.entries(invalid)) {
 		items.forEach((item) => {
+			// eslint-disable-next-line no-console
 			console.log(`Unexpected invalid ${SINGULAR[kind]} '${item}'`);
 			has_invalid_items = true;
 			flaws++;
@@ -89,6 +90,7 @@ for (const [name] of Object.entries(webref_over_csstree_sets.properties)) {
 
 		} catch { }
 
+		// eslint-disable-next-line no-console
 		console.log(`Expected no error for '${name}: ${test.value}'`);
 		flaws++;
 	}
@@ -104,6 +106,7 @@ for (const [name] of Object.entries(webref_over_csstree_sets.properties)) {
 			continue;
 		}
 
+		// eslint-disable-next-line no-console
 		console.log(`Expected an error for '${name}: ${test.value}'`);
 		flaws++;
 	}
@@ -135,6 +138,7 @@ for (const [name] of Object.entries(webref_over_csstree_sets.types)) {
 
 		} catch {}
 
+		// eslint-disable-next-line no-console
 		console.log(`Expected no error for '${test.property}: ${test.value}'`);
 		flaws++;
 	}
@@ -150,6 +154,7 @@ for (const [name] of Object.entries(webref_over_csstree_sets.types)) {
 			continue;
 		}
 
+		// eslint-disable-next-line no-console
 		console.log(`Expected an error for '${test.property}: ${test.value}'`);
 		flaws++;
 	}
@@ -177,33 +182,41 @@ await write_final_file({
 
 {
 	if (has_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {
+		// eslint-disable-next-line no-console
 		console.log('-------------------');
 	}
 
 	if (has_missing_patches) {
+		// eslint-disable-next-line no-console
 		console.warn('Not all patches have been merged');
 	}
 
 	if (has_outdated_patches) {
+		// eslint-disable-next-line no-console
 		console.warn('Not all patches have been updated');
 	}
 
 	if (has_unmerged_patches) {
+		// eslint-disable-next-line no-console
 		console.warn('Not all patches have been merged');
 	}
 
 	if (has_missing_patch_tests) {
+		// eslint-disable-next-line no-console
 		console.warn('Not all patches have test coverage');
 	}
 
 	if (has_invalid_items) {
+		// eslint-disable-next-line no-console
 		console.warn('Not all types or properties are valid');
 	}
 
 	if (has_failing_tests) {
+		// eslint-disable-next-line no-console
 		console.warn('Not all tests passed');
 	}
 
+	// eslint-disable-next-line no-console
 	console.log(`${flaws} flaws to resolve`);
 
 	if (has_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {

From c2e22881d031707b488d01fce29845446346cb1d Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Sat, 12 Oct 2024 18:14:02 +0200
Subject: [PATCH 46/66] wip

---
 .../dist/index.json                           |  17 +++
 .../webref-over-csstree-properties.json       |  20 ++-
 .../patches/webref-over-csstree-types.json    | 117 ++++++++++++++----
 .../raw-data/units.json                       |  39 ++++++
 .../raw-data/webref-over-csstree-types.json   |   6 +
 .../raw-data/webref-types.json                |   3 +
 .../scripts/generate-webref-sets.mjs          |   4 +
 .../tests/spec-css-shapes-2.css               |   6 +
 8 files changed, 189 insertions(+), 23 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/units.json
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/spec-css-shapes-2.css

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index f0541f7bb9..6248c78a9e 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -24,6 +24,7 @@
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 			"clip": "<shape> | auto",
 			"color-adjust": "<'print-color-adjust'>",
+			"content": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
 			"justify-items": "| anchor-center",
 			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
 			"position-anchor": "auto | <anchor-element>",
@@ -33,10 +34,17 @@
 			"angle-percentage": "[ <angle> | <percentage> ]",
 			"angular-color-stop": "<color> <color-stop-angle>?",
 			"angular-color-stop-list": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+			"arc-command": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
+			"arc-size": "large | small",
+			"arc-sweep": "cw | ccw",
+			"attr-name": "[ [ <ident-token> '|' ]? <ident-token> ]",
+			"attr-type": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
+			"attr()": "attr( [ <attr-name> <attr-type>? , <declaration-value>? ] )",
 			"axis": "block | inline | x | y",
 			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 			"bg-position": "<position> | <position-three>",
 			"bottom": "<length-percentage> | auto",
+			"by-to": "by | to",
 			"color": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
@@ -45,10 +53,14 @@
 			"conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
 			"contrast-color()": "contrast-color( <color> max? )",
 			"coord-box": "<paint-box> | view-box",
+			"coordinate-pair": "<length-percentage>{2}",
+			"curve-command": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
+			"dimension-unit": "'%' | em | ex | cap | ch | ic | rem | lh | rlh | vw | vh | vi | vb | vmin | vmax | cm | mm | q | in | pc | pt | px | deg | grad | rad | turn | s | ms | hz | khz | fr",
 			"filter-value-list": "[ <filter-function> | <url> ]+",
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+			"hv-line-command": "[ hline | vline ] <by-to> <length-percentage>",
 			"hwb()": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 			"lab()": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
@@ -58,10 +70,12 @@
 			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 			"legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+			"line-command": "line <by-to> <coordinate-pair>",
 			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgb-syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgba-syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+			"move-command": "move <by-to> <coordinate-pair>",
 			"oklab()": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"oklch()": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
@@ -83,6 +97,9 @@
 			"right": "<length-percentage> | auto",
 			"scroll()": "scroll( [ <scroller> || <axis> ]? )",
 			"scroller": "root | nearest | self",
+			"shape-command": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+			"shape()": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+			"smooth-command": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
 			"src()": "src( <string> <url-modifier>* )",
 			"top": "<length-percentage> | auto",
 			"url": "<url()> | <src()> | <url-token>",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index cfc991b1bb..b9b44435b8 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1487,9 +1487,25 @@
 		"comment": "",
 		"syntax-b": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]?",
 		"syntax-a": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
-		"syntax-m": false,
+		"syntax-m": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "none"
+				},
+				{
+					"value": "'foo'"
+				},
+				{
+					"value": "'foo' 'bar'"
+				},
+				{
+					"value": "counter(count, decimal)"
+				}
+			],
 			"failing": []
 		}
 	},
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 3086c9432e..8264f89cba 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -106,7 +106,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
-		"syntax-m": false,
+		"syntax-m": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -117,7 +117,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "large | small",
-		"syntax-m": false,
+		"syntax-m": "large | small",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -128,7 +128,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "cw | ccw",
-		"syntax-m": false,
+		"syntax-m": "cw | ccw",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -139,10 +139,24 @@
 		"comment": "",
 		"syntax-b": "<wq-name>",
 		"syntax-a": "[ <ident-token> '|' ]? <ident-token>",
-		"syntax-m": false,
+		"syntax-m": "[ [ <ident-token> '|' ]? <ident-token> ]",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "content",
+					"value": "attr(value)"
+				},
+				{
+					"property": "content",
+					"value": "attr(svg|value)"
+				}
+			],
+			"failing": [
+				{
+					"property": "content",
+					"value": "attr(value data-value)"
+				}
+			]
 		}
 	},
 	"attr-type": {
@@ -150,10 +164,24 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
-		"syntax-m": false,
+		"syntax-m": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "content",
+					"value": "attr(value color)"
+				},
+				{
+					"property": "content",
+					"value": "attr(value ident)"
+				}
+			],
+			"failing": [
+				{
+					"property": "content",
+					"value": "attr(value foo)"
+				}
+			]
 		}
 	},
 	"attr()": {
@@ -161,10 +189,32 @@
 		"comment": "",
 		"syntax-b": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
 		"syntax-a": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
-		"syntax-m": false,
+		"syntax-m": "attr( [ <attr-name> <attr-type>? , <declaration-value>? ] )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "content",
+					"value": "attr(value)"
+				},
+				{
+					"property": "content",
+					"value": "attr(value string)"
+				},
+				{
+					"property": "content",
+					"value": "attr(value string)"
+				},
+				{
+					"property": "content",
+					"value": "attr(value string, 'foo')"
+				}
+			],
+			"failing": [
+				{
+					"property": "content",
+					"value": "attr(value string 'string')"
+				}
+			]
 		}
 	},
 	"autospace": {
@@ -452,7 +502,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "by | to",
-		"syntax-m": false,
+		"syntax-m": "by | to",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -896,7 +946,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage>{2}",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage>{2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -984,7 +1034,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
-		"syntax-m": false,
+		"syntax-m": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1045,6 +1095,31 @@
 			"failing": []
 		}
 	},
+	"dimension-unit": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "'%' | em | ex | cap | ch | ic | rem | lh | rlh | vw | vh | vi | vb | vmin | vmax | cm | mm | q | in | pc | pt | px | deg | grad | rad | turn | s | ms | hz | khz | fr",
+		"syntax-m": "'%' | em | ex | cap | ch | ic | rem | lh | rlh | vw | vh | vi | vb | vmin | vmax | cm | mm | q | in | pc | pt | px | deg | grad | rad | turn | s | ms | hz | khz | fr",
+		"tests": {
+			"passing": [
+				{
+					"property": "content",
+					"value": "attr(value %)"
+				},
+				{
+					"property": "content",
+					"value": "attr(value px)"
+				}
+			],
+			"failing": [
+				{
+					"property": "content",
+					"value": "attr(value foo)"
+				}
+			]
+		}
+	},
 	"display-legacy": {
 		"type": "modified",
 		"comment": "",
@@ -1365,7 +1440,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ hline | vline ] <by-to> <length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "[ hline | vline ] <by-to> <length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1871,7 +1946,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "line <by-to> <coordinate-pair>",
-		"syntax-m": false,
+		"syntax-m": "line <by-to> <coordinate-pair>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2298,7 +2373,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "move <by-to> <coordinate-pair>",
-		"syntax-m": false,
+		"syntax-m": "move <by-to> <coordinate-pair>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3234,7 +3309,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
-		"syntax-m": false,
+		"syntax-m": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3245,7 +3320,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
-		"syntax-m": false,
+		"syntax-m": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3267,7 +3342,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
-		"syntax-m": false,
+		"syntax-m": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
 		"tests": {
 			"passing": [],
 			"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/units.json b/packages/css-syntax-patches-for-csstree/raw-data/units.json
new file mode 100644
index 0000000000..0bdee273a1
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/units.json
@@ -0,0 +1,39 @@
+[
+	"'%'",
+
+	"em",
+	"ex",
+	"cap",
+	"ch",
+	"ic",
+	"rem",
+	"lh",
+	"rlh",
+	"vw",
+	"vh",
+	"vi",
+	"vb",
+	"vmin",
+	"vmax",
+
+	"cm",
+	"mm",
+	"q",
+	"in",
+	"pc",
+	"pt",
+	"px",
+
+	"deg",
+	"grad",
+	"rad",
+	"turn",
+
+	"s",
+	"ms",
+
+	"hz",
+	"khz",
+
+	"fr"
+]
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 614f3cf182..8f0d713df5 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -431,6 +431,12 @@
 		"syntax-a": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
 		"comment": ""
 	},
+	"dimension-unit": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "'%' | em | ex | cap | ch | ic | rem | lh | rlh | vw | vh | vi | vb | vmin | vmax | cm | mm | q | in | pc | pt | px | deg | grad | rad | turn | s | ms | hz | khz | fr",
+		"comment": ""
+	},
 	"display-legacy": {
 		"type": "modified",
 		"syntax-b": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index cfc8cc5d6d..0302679d0c 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -434,6 +434,9 @@
 	"device-cmyk()": {
 		"syntax": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>"
 	},
+	"dimension-unit": {
+		"syntax": "'%' | em | ex | cap | ch | ic | rem | lh | rlh | vw | vh | vi | vb | vmin | vmax | cm | mm | q | in | pc | pt | px | deg | grad | rad | turn | s | ms | hz | khz | fr"
+	},
 	"discretionary-lig-values": {
 		"syntax": "[ discretionary-ligatures | no-discretionary-ligatures ]"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 91a213fd94..1787566166 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -1,3 +1,5 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
 import css from '@webref/css';
 import { fork } from 'css-tree-3.0.0';
 import { generate_set } from './generate-set.mjs';
@@ -535,6 +537,8 @@ export async function generate_webref_sets() {
 		}
 	}
 
+	values['dimension-unit'] = JSON.parse(await fs.readFile(path.join('raw-data', 'units.json'))).join(' | ');
+
 	const forkedLexer = fork({
 		properties: properties,
 		types: values,
diff --git a/packages/css-syntax-patches-for-csstree/tests/spec-css-shapes-2.css b/packages/css-syntax-patches-for-csstree/tests/spec-css-shapes-2.css
new file mode 100644
index 0000000000..b8b2d33cb3
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/spec-css-shapes-2.css
@@ -0,0 +1,6 @@
+/* https: //drafts.csswg.org/css-shapes-2/#shape-function */
+.foo {
+	shape-outside: circle(50% at 50% 50%);
+	shape-outside: url(#circle_shape);
+	shape-outside: url(#path-shape);
+}

From c30f553dcd48bc49f47aa66b06a99742c0d20ff3 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Fri, 18 Oct 2024 11:13:55 +0200
Subject: [PATCH 47/66] wip

---
 .../scripts/index.mjs                              | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 565bbcc81f..236bb96d82 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -5,7 +5,7 @@
 // - backwards compat
 //   given that syntaxes are extensive users might depend on a specific type. No types can be removed or altered in a breaking way in semver patches or minors
 
-import { fork, parse } from 'css-tree-3.0.0';
+import { fork } from 'css-tree-3.0.0';
 
 import { generate_csstree_sets } from './generate-csstree-sets.mjs';
 import { generate_webref_sets } from './generate-webref-sets.mjs';
@@ -82,8 +82,7 @@ for (const [name] of Object.entries(webref_over_csstree_sets.properties)) {
 
 	for (const test of (patch.tests.passing ?? [])) {
 		try {
-			const csstree_value_node = parse(test.value, { context: 'value' });
-			const result = forkedLexer.matchProperty(name, csstree_value_node);
+			const result = forkedLexer.matchProperty(name, test.value);
 			if (!result.error) {
 				continue;
 			}
@@ -97,8 +96,7 @@ for (const [name] of Object.entries(webref_over_csstree_sets.properties)) {
 
 	for (const test of (patch.tests.failing ?? [])) {
 		try {
-			const csstree_value_node = parse(test.value, { context: 'value' });
-			const result = forkedLexer.matchProperty(name, csstree_value_node);
+			const result = forkedLexer.matchProperty(name, test.value);
 			if (result.error) {
 				continue;
 			}
@@ -130,8 +128,7 @@ for (const [name] of Object.entries(webref_over_csstree_sets.types)) {
 
 	for (const test of (patch.tests.passing ?? [])) {
 		try {
-			const csstree_value_node = parse(test.value, { context: 'value' });
-			const result = forkedLexer.matchProperty(test.property, csstree_value_node);
+			const result = forkedLexer.matchProperty(test.property, test.value);
 			if (!result.error) {
 				continue;
 			}
@@ -145,8 +142,7 @@ for (const [name] of Object.entries(webref_over_csstree_sets.types)) {
 
 	for (const test of (patch.tests.failing ?? [])) {
 		try {
-			const csstree_value_node = parse(test.value, { context: 'value' });
-			const result = forkedLexer.matchProperty(test.property, csstree_value_node);
+			const result = forkedLexer.matchProperty(test.property, test.value);
 			if (result.error) {
 				continue;
 			}

From 658d439a4252d09d4cc6925fa76ab4cbd642c4aa Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Mon, 21 Oct 2024 23:02:48 +0200
Subject: [PATCH 48/66] wip

---
 .../dist/index.json                           |  4 +-
 .../webref-over-csstree-properties.json       | 84 +------------------
 .../patches/webref-over-csstree-types.json    | 55 ++++++++++--
 .../webref-over-csstree-properties.json       | 38 +--------
 .../raw-data/webref-over-csstree-types.json   | 30 +++++--
 .../raw-data/webref-properties.json           | 14 ++--
 .../raw-data/webref-types.json                | 17 ++--
 7 files changed, 95 insertions(+), 147 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 6248c78a9e..fbbe0d61e3 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -19,7 +19,6 @@
 			"baseline-shift": "<length-percentage> | sub | super | top | center | bottom",
 			"baseline-source": "auto | first | last",
 			"block-ellipsis": "none | auto | <string>",
-			"block-size": "<'width'> | stretch | fit-content | contain",
 			"block-step-align": "auto | center | start | end",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 			"clip": "<shape> | auto",
@@ -27,10 +26,11 @@
 			"content": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
 			"justify-items": "| anchor-center",
 			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
-			"position-anchor": "auto | <anchor-element>",
+			"position-anchor": "auto | <anchor-name>",
 			"text-wrap-style": "auto | balance | stable | pretty | avoid-orphans"
 		},
 		"types": {
+			"anchor-name": "<dashed-ident>",
 			"angle-percentage": "[ <angle> | <percentage> ]",
 			"angular-color-stop": "<color> <color-stop-angle>?",
 			"angular-color-stop-list": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index b9b44435b8..cc56074773 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -445,31 +445,6 @@
 			]
 		}
 	},
-	"block-size": {
-		"type": "modified",
-		"comment": "",
-		"syntax-b": "<'width'>",
-		"syntax-a": "<'width'> | stretch | fit-content | contain",
-		"syntax-m": "<'width'> | stretch | fit-content | contain",
-		"tests": {
-			"passing": [
-				{
-					"value": "10px"
-				},
-				{
-					"value": "stretch"
-				},
-				{
-					"value": "contain"
-				}
-			],
-			"failing": [
-				{
-					"value": "foo"
-				}
-			]
-		}
-	},
 	"block-step": {
 		"type": "added",
 		"comment": "",
@@ -2136,17 +2111,6 @@
 			"failing": []
 		}
 	},
-	"inline-size": {
-		"type": "modified",
-		"comment": "",
-		"syntax-b": "<'width'>",
-		"syntax-a": "<'width'> | stretch | fit-content | contain",
-		"syntax-m": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"inline-sizing": {
 		"type": "added",
 		"comment": "",
@@ -2704,17 +2668,6 @@
 			"failing": []
 		}
 	},
-	"max-block-size": {
-		"type": "modified",
-		"comment": "",
-		"syntax-b": "<'max-width'>",
-		"syntax-a": "<'max-width'> | stretch | fit-content | contain",
-		"syntax-m": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"max-height": {
 		"type": "modified",
 		"comment": "",
@@ -2726,17 +2679,6 @@
 			"failing": []
 		}
 	},
-	"max-inline-size": {
-		"type": "modified",
-		"comment": "",
-		"syntax-b": "<'max-width'>",
-		"syntax-a": "<'max-width'> | stretch | fit-content | contain",
-		"syntax-m": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"max-lines": {
 		"type": "modified",
 		"comment": "",
@@ -2759,17 +2701,6 @@
 			"failing": []
 		}
 	},
-	"min-block-size": {
-		"type": "modified",
-		"comment": "",
-		"syntax-b": "<'min-width'>",
-		"syntax-a": "<'min-width'> | stretch | fit-content | contain",
-		"syntax-m": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"min-height": {
 		"type": "modified",
 		"comment": "",
@@ -2781,17 +2712,6 @@
 			"failing": []
 		}
 	},
-	"min-inline-size": {
-		"type": "modified",
-		"comment": "",
-		"syntax-b": "<'min-width'>",
-		"syntax-a": "<'min-width'> | stretch | fit-content | contain",
-		"syntax-m": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"min-intrinsic-sizing": {
 		"type": "added",
 		"comment": "",
@@ -3283,8 +3203,8 @@
 		"type": "modified",
 		"comment": "",
 		"syntax-b": "<anchor-element>",
-		"syntax-a": "auto | <anchor-element>",
-		"syntax-m": "auto | <anchor-element>",
+		"syntax-a": "auto | <anchor-name>",
+		"syntax-m": "auto | <anchor-name>",
 		"tests": {
 			"passing": [
 				{
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 8264f89cba..2fb9e21269 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1,4 +1,47 @@
 {
+	"anchor-name": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident>",
+		"syntax-m": "<dashed-ident>",
+		"tests": {
+			"passing": [
+				{
+					"property": "position-anchor",
+					"value": "--foo"
+				}
+			],
+			"failing": [
+				{
+					"property": "position-anchor",
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"anchor-size()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
+		"syntax-a": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
+		"syntax-m": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"anchor()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
+		"syntax-a": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
+		"syntax-m": false,
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"angle-percentage": {
 		"type": "modified",
 		"comment": "",
@@ -3597,36 +3640,36 @@
 		"type": "added",
 		"comment": "",
 		"syntax-b": "",
-		"syntax-a": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+		"syntax-a": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
 		}
 	},
-	"syntax-component-name": {
+	"syntax-multiplier": {
 		"type": "added",
 		"comment": "",
 		"syntax-b": "",
-		"syntax-a": "'<' <syntax-type> '>' | <custom-ident>",
+		"syntax-a": "[ '#' | '+' ]",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
 		}
 	},
-	"syntax-multiplier": {
+	"syntax-single-component": {
 		"type": "added",
 		"comment": "",
 		"syntax-b": "",
-		"syntax-a": "[ '#' | '+' ]",
+		"syntax-a": "'<' <syntax-type-name> '>' | <ident>",
 		"syntax-m": false,
 		"tests": {
 			"passing": [],
 			"failing": []
 		}
 	},
-	"syntax-type": {
+	"syntax-type-name": {
 		"type": "added",
 		"comment": "",
 		"syntax-b": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
index 1d8ccd616a..0999af1f19 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -119,12 +119,6 @@
 		"syntax-a": "none | auto | <string>",
 		"comment": ""
 	},
-	"block-size": {
-		"type": "modified",
-		"syntax-b": "<'width'>",
-		"syntax-a": "<'width'> | stretch | fit-content | contain",
-		"comment": ""
-	},
 	"block-step": {
 		"type": "added",
 		"syntax-b": "",
@@ -995,12 +989,6 @@
 		"syntax-a": "none | first | all | grid | <length-percentage>",
 		"comment": ""
 	},
-	"inline-size": {
-		"type": "modified",
-		"syntax-b": "<'width'>",
-		"syntax-a": "<'width'> | stretch | fit-content | contain",
-		"comment": ""
-	},
 	"inline-sizing": {
 		"type": "added",
 		"syntax-b": "",
@@ -1301,24 +1289,12 @@
 		"syntax-a": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
 		"comment": ""
 	},
-	"max-block-size": {
-		"type": "modified",
-		"syntax-b": "<'max-width'>",
-		"syntax-a": "<'max-width'> | stretch | fit-content | contain",
-		"comment": ""
-	},
 	"max-height": {
 		"type": "modified",
 		"syntax-b": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
-	"max-inline-size": {
-		"type": "modified",
-		"syntax-b": "<'max-width'>",
-		"syntax-a": "<'max-width'> | stretch | fit-content | contain",
-		"comment": ""
-	},
 	"max-lines": {
 		"type": "modified",
 		"syntax-b": "none | <integer>",
@@ -1331,24 +1307,12 @@
 		"syntax-a": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
-	"min-block-size": {
-		"type": "modified",
-		"syntax-b": "<'min-width'>",
-		"syntax-a": "<'min-width'> | stretch | fit-content | contain",
-		"comment": ""
-	},
 	"min-height": {
 		"type": "modified",
 		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
 		"comment": ""
 	},
-	"min-inline-size": {
-		"type": "modified",
-		"syntax-b": "<'min-width'>",
-		"syntax-a": "<'min-width'> | stretch | fit-content | contain",
-		"comment": ""
-	},
 	"min-intrinsic-sizing": {
 		"type": "added",
 		"syntax-b": "",
@@ -1610,7 +1574,7 @@
 	"position-anchor": {
 		"type": "modified",
 		"syntax-b": "<anchor-element>",
-		"syntax-a": "auto | <anchor-element>",
+		"syntax-a": "auto | <anchor-name>",
 		"comment": ""
 	},
 	"quotes": {
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 8f0d713df5..b3c9805e4c 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -1,4 +1,22 @@
 {
+	"anchor-name": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident>",
+		"comment": ""
+	},
+	"anchor-size()": {
+		"type": "modified",
+		"syntax-b": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
+		"syntax-a": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
+		"comment": ""
+	},
+	"anchor()": {
+		"type": "modified",
+		"syntax-b": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
+		"syntax-a": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
+		"comment": ""
+	},
 	"angle-percentage": {
 		"type": "modified",
 		"syntax-b": "<angle> | <percentage>",
@@ -1382,22 +1400,22 @@
 	"syntax-component": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'",
+		"syntax-a": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'",
 		"comment": ""
 	},
-	"syntax-component-name": {
+	"syntax-multiplier": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "'<' <syntax-type> '>' | <custom-ident>",
+		"syntax-a": "[ '#' | '+' ]",
 		"comment": ""
 	},
-	"syntax-multiplier": {
+	"syntax-single-component": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "[ '#' | '+' ]",
+		"syntax-a": "'<' <syntax-type-name> '>' | <ident>",
 		"comment": ""
 	},
-	"syntax-type": {
+	"syntax-type-name": {
 		"type": "added",
 		"syntax-b": "",
 		"syntax-a": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
index e58c6e26a3..77c8097ac9 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
@@ -177,7 +177,7 @@
 		"syntax": "tb | rl | bt | lr"
 	},
 	"block-size": {
-		"syntax": "<'width'> | stretch | fit-content | contain"
+		"syntax": "<'width'>"
 	},
 	"block-step": {
 		"syntax": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>"
@@ -1092,7 +1092,7 @@
 		"syntax": "none | first | all | grid | <length-percentage>"
 	},
 	"inline-size": {
-		"syntax": "<'width'> | stretch | fit-content | contain"
+		"syntax": "<'width'>"
 	},
 	"inline-sizing": {
 		"syntax": "normal | stretch"
@@ -1383,13 +1383,13 @@
 		"syntax": "normal | compact"
 	},
 	"max-block-size": {
-		"syntax": "<'max-width'> | stretch | fit-content | contain"
+		"syntax": "<'max-width'>"
 	},
 	"max-height": {
 		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"max-inline-size": {
-		"syntax": "<'max-width'> | stretch | fit-content | contain"
+		"syntax": "<'max-width'>"
 	},
 	"max-lines": {
 		"syntax": "none | <integer [1,∞]>"
@@ -1398,13 +1398,13 @@
 		"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"min-block-size": {
-		"syntax": "<'min-width'> | stretch | fit-content | contain"
+		"syntax": "<'min-width'>"
 	},
 	"min-height": {
 		"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>"
 	},
 	"min-inline-size": {
-		"syntax": "<'min-width'> | stretch | fit-content | contain"
+		"syntax": "<'min-width'>"
 	},
 	"min-intrinsic-sizing": {
 		"syntax": "legacy | zero-if-scroll || zero-if-extrinsic"
@@ -1659,7 +1659,7 @@
 		"syntax": "static | relative | absolute | sticky | fixed | <running()>"
 	},
 	"position-anchor": {
-		"syntax": "auto | <anchor-element>"
+		"syntax": "auto | <anchor-name>"
 	},
 	"position-area": {
 		"syntax": "none | <position-area>"
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index 0302679d0c..c3ad5008db 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -23,6 +23,9 @@
 	"anchor-element": {
 		"syntax": "<dashed-ident>"
 	},
+	"anchor-name": {
+		"syntax": "<dashed-ident>"
+	},
 	"anchor-side": {
 		"syntax": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"
 	},
@@ -30,10 +33,10 @@
 		"syntax": "width | height | block | inline | self-block | self-inline"
 	},
 	"anchor-size()": {
-		"syntax": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )"
+		"syntax": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )"
 	},
 	"anchor()": {
-		"syntax": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )"
+		"syntax": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )"
 	},
 	"angle-percentage": {
 		"syntax": "[ <angle> | <percentage> ]"
@@ -1521,15 +1524,15 @@
 		"syntax": "'|'"
 	},
 	"syntax-component": {
-		"syntax": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'"
-	},
-	"syntax-component-name": {
-		"syntax": "'<' <syntax-type> '>' | <custom-ident>"
+		"syntax": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'"
 	},
 	"syntax-multiplier": {
 		"syntax": "[ '#' | '+' ]"
 	},
-	"syntax-type": {
+	"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"
 	},
 	"system-color": {

From a0764b31cb86313d5134be5e8b4282a42299381a Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Tue, 22 Oct 2024 23:05:51 +0200
Subject: [PATCH 49/66] wip

---
 .../dist/index.json                           |  12 ++
 .../webref-over-csstree-properties.json       | 161 ++++++++++++++----
 .../patches/webref-over-csstree-types.json    |  54 +++++-
 .../webref-over-csstree-properties.json       |   6 -
 .../raw-data/webref-properties.json           |   3 -
 .../scripts/generate-webref-sets.mjs          |  15 ++
 6 files changed, 198 insertions(+), 53 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index fbbe0d61e3..1763d2f10c 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -10,6 +10,7 @@
 			"backdrop-filter": "none | <filter-value-list>",
 			"background": "<bg-layer>#? , <final-bg-layer>",
 			"background-blend-mode": "<'mix-blend-mode'>#",
+			"background-origin": "<visual-box>#",
 			"background-position-block": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
 			"background-position-inline": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
 			"background-repeat-block": "<repetition>#",
@@ -19,7 +20,15 @@
 			"baseline-shift": "<length-percentage> | sub | super | top | center | bottom",
 			"baseline-source": "auto | first | last",
 			"block-ellipsis": "none | auto | <string>",
+			"block-step": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
 			"block-step-align": "auto | center | start | end",
+			"block-step-insert": "margin | padding",
+			"block-step-round": "up | down | nearest",
+			"block-step-size": "none | <length [0,∞]>",
+			"bookmark-label": "<content-list>",
+			"bookmark-level": "none | <integer [1,∞]>",
+			"bookmark-state": "open | closed",
+			"border-boundary": "none | parent | display",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
 			"clip": "<shape> | auto",
 			"color-adjust": "<'print-color-adjust'>",
@@ -51,6 +60,8 @@
 			"compat-special": "textfield | menulist-button",
 			"conic-gradient-syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 			"conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
+			"content-list": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
+			"content()": "content( [ text | before | after | first-letter | marker ]? )",
 			"contrast-color()": "contrast-color( <color> max? )",
 			"coord-box": "<paint-box> | view-box",
 			"coordinate-pair": "<length-percentage>{2}",
@@ -101,6 +112,7 @@
 			"shape()": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
 			"smooth-command": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
 			"src()": "src( <string> <url-modifier>* )",
+			"string()": "string( <custom-ident> , [ first | start | last | first-except ]? )",
 			"top": "<length-percentage> | auto",
 			"url": "<url()> | <src()> | <url-token>",
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index cc56074773..97c77376e6 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -222,10 +222,24 @@
 		"comment": "",
 		"syntax-b": "<box>#",
 		"syntax-a": "<visual-box>#",
-		"syntax-m": false,
+		"syntax-m": "<visual-box>#",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "border-box"
+				},
+				{
+					"value": "padding-box"
+				},
+				{
+					"value": "content-box, padding-box"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"background-position-block": {
@@ -362,17 +376,6 @@
 			"failing": []
 		}
 	},
-	"background-tbd": {
-		"type": "added",
-		"comment": "",
-		"syntax-b": "",
-		"syntax-a": "<bg-layer>#",
-		"syntax-m": false,
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"baseline-shift": {
 		"type": "modified",
 		"comment": "",
@@ -450,10 +453,24 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
-		"syntax-m": false,
+		"syntax-m": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "auto margin up 10px"
+				},
+				{
+					"value": "margin center 10rem up"
+				},
+				{
+					"value": "15px auto"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo center"
+				}
+			]
 		}
 	},
 	"block-step-align": {
@@ -483,10 +500,18 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "margin | padding",
-		"syntax-m": false,
+		"syntax-m": "margin | padding",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "margin"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"block-step-round": {
@@ -494,10 +519,21 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "up | down | nearest",
-		"syntax-m": false,
+		"syntax-m": "up | down | nearest",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "up"
+				},
+				{
+					"value": "down"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"block-step-size": {
@@ -505,10 +541,24 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "none | <length [0,∞]>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"bookmark-label": {
@@ -516,9 +566,13 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<content-list>",
-		"syntax-m": false,
+		"syntax-m": "<content-list>",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "'a' 'b'"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -527,10 +581,21 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <integer [1,∞]>",
-		"syntax-m": false,
+		"syntax-m": "none | <integer [1,∞]>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "1"
+				}
+			],
+			"failing": [
+				{
+					"value": "1.5"
+				}
+			]
 		}
 	},
 	"bookmark-state": {
@@ -538,10 +603,18 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "open | closed",
-		"syntax-m": false,
+		"syntax-m": "open | closed",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "open"
+				}
+			],
+			"failing": [
+				{
+					"value": "closing"
+				}
+			]
 		}
 	},
 	"border-block": {
@@ -736,10 +809,24 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | parent | display",
-		"syntax-m": false,
+		"syntax-m": "none | parent | display",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "parent"
+				},
+				{
+					"value": "display"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"border-clip": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 2fb9e21269..e3dfe1dbe6 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -901,10 +901,28 @@
 		"comment": "",
 		"syntax-b": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+",
 		"syntax-a": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
-		"syntax-m": false,
+		"syntax-m": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "content",
+					"value": "'a'"
+				},
+				{
+					"property": "content",
+					"value": "'a' 'b'"
+				},
+				{
+					"property": "content",
+					"value": "'a' counter(foo)"
+				}
+			],
+			"failing": [
+				{
+					"property": "content",
+					"value": "10"
+				}
+			]
 		}
 	},
 	"content()": {
@@ -912,9 +930,18 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "content( [ text | before | after | first-letter | marker ]? )",
-		"syntax-m": false,
+		"syntax-m": "content( [ text | before | after | first-letter | marker ]? )",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "content",
+					"value": "content(text)"
+				},
+				{
+					"property": "content",
+					"value": "content()"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -3498,9 +3525,22 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "string( <custom-ident> , [ first | start | last | first-except ]? )",
-		"syntax-m": false,
+		"syntax-m": "string( <custom-ident> , [ first | start | last | first-except ]? )",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"property": "content",
+					"value": "string(foo)"
+				},
+				{
+					"property": "content",
+					"value": "string(foo, first)"
+				},
+				{
+					"property": "content",
+					"value": "string(foo, start)"
+				}
+			],
 			"failing": []
 		}
 	},
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
index 0999af1f19..c553021272 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -95,12 +95,6 @@
 		"syntax-a": "<repetition>#",
 		"comment": ""
 	},
-	"background-tbd": {
-		"type": "added",
-		"syntax-b": "",
-		"syntax-a": "<bg-layer>#",
-		"comment": ""
-	},
 	"baseline-shift": {
 		"type": "modified",
 		"syntax-b": "baseline | sub | super | <svg-length>",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
index 77c8097ac9..273420a168 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
@@ -155,9 +155,6 @@
 	"background-size": {
 		"syntax": "<bg-size>#"
 	},
-	"background-tbd": {
-		"syntax": "<bg-layer>#"
-	},
 	"baseline-shift": {
 		"syntax": "<length-percentage> | sub | super | top | center | bottom"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 1787566166..4f1da6389a 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -19,6 +19,16 @@ function is_ignored_type(type, spec_name) {
 	return is_ignored && (is_ignored === '*' || is_ignored.has(spec_name));
 }
 
+const IGNORED_PROPERTIES = new Map([
+	// ['a-property', '*'],
+	['background-tbd', new Set(['css-backgrounds-4'])], // https://drafts.csswg.org/css-backgrounds-4/#issue-54018dea
+]);
+
+function is_ignored_property(property, spec_name) {
+	const is_ignored = IGNORED_PROPERTIES.get(property);
+	return is_ignored && (is_ignored === '*' || is_ignored.has(spec_name));
+}
+
 const CUSTOM_OVERRIDES = {
 	'css-gcpm': {
 		'content-list': {
@@ -459,6 +469,11 @@ export async function generate_webref_sets() {
 
 		for (const property of data.properties) {
 			if (property.value || property.newValues) {
+
+				if (is_ignored_property(property.name, spec_name)) {
+					continue;
+				}
+
 				assign_new_definition(
 					spec_name,
 					properties,

From d6efb134afd1ec8837aa05188b02544b1ac8c3e8 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Thu, 24 Oct 2024 19:36:53 +0200
Subject: [PATCH 50/66] wip

---
 .../dist/index.json                             |  1 +
 .../patches/webref-over-csstree-properties.json | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 1763d2f10c..bc97684f74 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -36,6 +36,7 @@
 			"justify-items": "| anchor-center",
 			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
 			"position-anchor": "auto | <anchor-name>",
+			"stroke-opacity": "<'opacity'>",
 			"text-wrap-style": "auto | balance | stable | pretty | avoid-orphans"
 		},
 		"types": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 97c77376e6..ee1679e90a 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -3860,10 +3860,21 @@
 		"comment": "",
 		"syntax-b": "<number-zero-one>",
 		"syntax-a": "<'opacity'>",
-		"syntax-m": false,
+		"syntax-m": "<'opacity'>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "0.5"
+				},
+				{
+					"value": "50%"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"stroke-origin": {

From fb2f10b4ed4a01b7a6a189e3d2d6a599e462668c Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 30 Oct 2024 17:16:02 +0100
Subject: [PATCH 51/66] anchors

---
 .../dist/index.json                           |  12 +-
 .../webref-over-csstree-properties.json       | 217 ++++++++++++++++--
 .../patches/webref-over-csstree-types.json    |  92 +++++++-
 3 files changed, 290 insertions(+), 31 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index bc97684f74..4c3b7b5235 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -30,17 +30,27 @@
 			"bookmark-state": "open | closed",
 			"border-boundary": "none | parent | display",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+			"bottom": "| <anchor()> | <anchor-size()>",
 			"clip": "<shape> | auto",
 			"color-adjust": "<'print-color-adjust'>",
 			"content": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
 			"justify-items": "| anchor-center",
+			"left": "| <anchor()> | <anchor-size()>",
+			"margin-bottom": "| <anchor-size()>",
+			"margin-left": "| <anchor-size()>",
+			"margin-right": "| <anchor-size()>",
+			"margin-top": "| <anchor-size()>",
 			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
 			"position-anchor": "auto | <anchor-name>",
+			"right": "| <anchor()> | <anchor-size()>",
 			"stroke-opacity": "<'opacity'>",
-			"text-wrap-style": "auto | balance | stable | pretty | avoid-orphans"
+			"text-wrap-style": "auto | balance | stable | pretty | avoid-orphans",
+			"top": "| <anchor()> | <anchor-size()>"
 		},
 		"types": {
 			"anchor-name": "<dashed-ident>",
+			"anchor-size()": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
+			"anchor()": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
 			"angle-percentage": "[ <angle> | <percentage> ]",
 			"angular-color-stop": "<color> <color-stop-angle>?",
 			"angular-color-stop-list": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index ee1679e90a..d8c411f464 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1281,10 +1281,33 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "| <anchor()> | <anchor-size()>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor(--foo top)"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"box-shadow": {
@@ -2309,10 +2332,33 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "| <anchor()> | <anchor-size()>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor(--foo top)"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"lighting-color": {
@@ -2485,10 +2531,30 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "| <anchor-size()>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"margin-break": {
@@ -2540,10 +2606,30 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "| <anchor-size()>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"margin-right": {
@@ -2551,10 +2637,30 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "| <anchor-size()>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"margin-top": {
@@ -2562,10 +2668,30 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "| <anchor-size()>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"margin-trim": {
@@ -3376,10 +3502,33 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "| <anchor()> | <anchor-size()>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor(--foo top)"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"row-gap": {
@@ -4344,10 +4493,30 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage> | auto",
 		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "| <anchor()> | <anchor-size()>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "anchor(--foo top)"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"transform-origin": {
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index e3dfe1dbe6..2ac3c70532 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -25,10 +25,44 @@
 		"comment": "",
 		"syntax-b": "anchor-size( [ <anchor-element> || <anchor-size> ]? , <length-percentage>? )",
 		"syntax-a": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
-		"syntax-m": false,
+		"syntax-m": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "top",
+					"value": "anchor-size(--foo)"
+				},
+				{
+					"property": "top",
+					"value": "anchor-size(width)"
+				},
+				{
+					"property": "top",
+					"value": "anchor-size(self-block)"
+				},
+				{
+					"property": "top",
+					"value": "anchor-size(--foo, 10px)"
+				},
+				{
+					"property": "top",
+					"value": "anchor-size(width, 10%)"
+				},
+				{
+					"property": "top",
+					"value": "anchor-size(10px)"
+				}
+			],
+			"failing": [
+				{
+					"property": "top",
+					"value": "anchor-size(foo)"
+				},
+				{
+					"property": "top",
+					"value": "anchor-size(10)"
+				}
+			]
 		}
 	},
 	"anchor()": {
@@ -36,10 +70,56 @@
 		"comment": "",
 		"syntax-b": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
 		"syntax-a": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
-		"syntax-m": false,
+		"syntax-m": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "top",
+					"value": "anchor(--foo left)"
+				},
+				{
+					"property": "top",
+					"value": "anchor(top)"
+				},
+				{
+					"property": "top",
+					"value": "anchor(left)"
+				},
+				{
+					"property": "top",
+					"value": "anchor(--foo left, 10px)"
+				},
+				{
+					"property": "top",
+					"value": "anchor(top, 10%)"
+				},
+				{
+					"property": "top",
+					"value": "anchor(10%, 10%)"
+				},
+				{
+					"property": "top",
+					"value": "anchor(10%)"
+				}
+			],
+			"failing": [
+				{
+					"property": "top",
+					"value": "anchor(foo)"
+				},
+				{
+					"property": "top",
+					"value": "anchor(--foo)"
+				},
+				{
+					"property": "top",
+					"value": "anchor(10)"
+				},
+				{
+					"property": "top",
+					"value": "anchor(10px)"
+				}
+			]
 		}
 	},
 	"angle-percentage": {

From e5f59b2e9c820c7d8ce77b3efef839ad941ea0db Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 30 Oct 2024 22:43:22 +0100
Subject: [PATCH 52/66] wip

---
 .../dist/index.json                           |  25 +-
 .../webref-over-csstree-properties.json       | 437 +++++++++++++++---
 2 files changed, 394 insertions(+), 68 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 4c3b7b5235..93e502b1c7 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -29,10 +29,23 @@
 			"bookmark-level": "none | <integer [1,∞]>",
 			"bookmark-state": "open | closed",
 			"border-boundary": "none | parent | display",
+			"border-collapse": "collapse | separate",
+			"border-end-end-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-end-start-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+			"border-spacing": "<length>{1,2}",
+			"border-start-end-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-start-start-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-top-left-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-top-right-radius": "<length-percentage [0,∞]>{1,2}",
 			"bottom": "| <anchor()> | <anchor-size()>",
+			"caption-side": "top | bottom | block-start | block-end | inline-start | inline-end",
+			"clear": "| block-start | block-end | top | bottom | both-inline | both-block",
 			"clip": "<shape> | auto",
 			"color-adjust": "<'print-color-adjust'>",
+			"column-count": "auto | <integer [1,∞]>",
+			"column-gap": "normal | <length-percentage [0,∞]>",
+			"column-span": "| <integer [1,∞]> | auto",
 			"content": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
 			"justify-items": "| anchor-center",
 			"left": "| <anchor()> | <anchor-size()>",
@@ -45,7 +58,17 @@
 			"right": "| <anchor()> | <anchor-size()>",
 			"stroke-opacity": "<'opacity'>",
 			"text-wrap-style": "auto | balance | stable | pretty | avoid-orphans",
-			"top": "| <anchor()> | <anchor-size()>"
+			"top": "| <anchor()> | <anchor-size()>",
+			"voice-duration": "auto | <time [0s,∞]>",
+			"voice-rate": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
+			"widows": "<integer [1,∞]>",
+			"word-spacing": "normal | <length-percentage>",
+			"word-wrap": "| anywhere",
+			"writing-mode": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
+			"x": "<length-percentage>",
+			"y": "<length-percentage>",
+			"z-index": "auto | <integer>",
+			"zoom": "normal | reset | <number> | <percentage>"
 		},
 		"types": {
 			"anchor-name": "<dashed-ident>",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index d8c411f464..26c078275d 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -889,7 +889,7 @@
 		"comment": "",
 		"syntax-b": "collapse | separate",
 		"syntax-a": "separate | collapse",
-		"syntax-m": false,
+		"syntax-m": "collapse | separate",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -911,10 +911,30 @@
 		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"border-end-start-radius": {
@@ -922,10 +942,30 @@
 		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"border-image-outset": {
@@ -1204,10 +1244,24 @@
 		"comment": "",
 		"syntax-b": "<length> <length>?",
 		"syntax-a": "<length>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<length>{1,2}",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				},
+				{
+					"value": "5px 10px 20px"
+				}
+			]
 		}
 	},
 	"border-start-end-radius": {
@@ -1215,10 +1269,30 @@
 		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"border-start-start-radius": {
@@ -1226,10 +1300,30 @@
 		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"border-top-color": {
@@ -1248,10 +1342,30 @@
 		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"border-top-radius": {
@@ -1270,10 +1384,30 @@
 		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"bottom": {
@@ -1389,13 +1523,24 @@
 	},
 	"caption-side": {
 		"type": "modified",
-		"comment": "",
+		"comment": "css-logical is missing caption-side exports",
 		"syntax-b": "top | bottom | block-start | block-end | inline-start | inline-end",
 		"syntax-a": "top | bottom",
-		"syntax-m": false,
+		"syntax-m": "top | bottom | block-start | block-end | inline-start | inline-end",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "inline-start"
+				},
+				{
+					"value": "top"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"caret": {
@@ -1425,10 +1570,21 @@
 		"comment": "",
 		"syntax-b": "none | left | right | both | inline-start | inline-end",
 		"syntax-a": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
-		"syntax-m": false,
+		"syntax-m": "| block-start | block-end | top | bottom | both-inline | both-block",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "both"
+				},
+				{
+					"value": "inline-both"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"clip": {
@@ -1484,10 +1640,21 @@
 		"comment": "",
 		"syntax-b": "<integer> | auto",
 		"syntax-a": "auto | <integer [1,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | <integer [1,∞]>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "auto"
+				},
+				{
+					"value": "2"
+				}
+			],
+			"failing": [
+				{
+					"value": "1.1"
+				}
+			]
 		}
 	},
 	"column-gap": {
@@ -1495,10 +1662,24 @@
 		"comment": "",
 		"syntax-b": "normal | <length-percentage>",
 		"syntax-a": "normal | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "normal | <length-percentage [0,∞]>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "2px"
+				},
+				{
+					"value": "2%"
+				}
+			],
+			"failing": [
+				{
+					"value": "1.1"
+				}
+			]
 		}
 	},
 	"column-rule-style": {
@@ -1528,10 +1709,24 @@
 		"comment": "",
 		"syntax-b": "none | all",
 		"syntax-a": "none | <integer [1,∞]> | all | auto",
-		"syntax-m": false,
+		"syntax-m": "| <integer [1,∞]> | auto",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "1"
+				},
+				{
+					"value": "all"
+				},
+				{
+					"value": "auto"
+				}
+			],
+			"failing": [
+				{
+					"value": "1.1"
+				}
+			]
 		}
 	},
 	"column-width": {
@@ -4612,10 +4807,21 @@
 		"comment": "",
 		"syntax-b": "auto | <time>",
 		"syntax-a": "auto | <time [0s,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | <time [0s,∞]>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10ms"
+				},
+				{
+					"value": "auto"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"voice-pitch": {
@@ -4645,10 +4851,18 @@
 		"comment": "",
 		"syntax-b": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage>",
 		"syntax-a": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10%"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"white-space": {
@@ -4667,10 +4881,18 @@
 		"comment": "",
 		"syntax-b": "<integer>",
 		"syntax-a": "<integer [1,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<integer [1,∞]>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "1"
+				}
+			],
+			"failing": [
+				{
+					"value": "1.1"
+				}
+			]
 		}
 	},
 	"width": {
@@ -4711,10 +4933,24 @@
 		"comment": "",
 		"syntax-b": "normal | <length>",
 		"syntax-a": "normal | <length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "normal | <length-percentage>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"word-wrap": {
@@ -4722,10 +4958,21 @@
 		"comment": "",
 		"syntax-b": "normal | break-word",
 		"syntax-a": "normal | break-word | anywhere",
-		"syntax-m": false,
+		"syntax-m": "| anywhere",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "anywhere"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
 		}
 	},
 	"wrap-after": {
@@ -4788,9 +5035,16 @@
 		"comment": "",
 		"syntax-b": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
 		"syntax-a": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
-		"syntax-m": false,
+		"syntax-m": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "lr-tb"
+				},
+				{
+					"value": "horizontal-tb"
+				}
+			],
 			"failing": []
 		}
 	},
@@ -4799,10 +5053,21 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"y": {
@@ -4810,10 +5075,21 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
 		}
 	},
 	"z-index": {
@@ -4821,21 +5097,48 @@
 		"comment": "",
 		"syntax-b": "auto | <integer>",
 		"syntax-a": "auto | <integer> | inherit",
-		"syntax-m": false,
+		"syntax-m": "auto | <integer>",
 		"tests": {
-			"passing": [],
+			"passing": [
+				{
+					"value": "inherit"
+				},
+				{
+					"value": "1"
+				},
+				{
+					"value": "auto"
+				}
+			],
 			"failing": []
 		}
 	},
 	"zoom": {
 		"type": "modified",
-		"comment": "",
+		"comment": "CSSTree is still supporting legacy syntax",
 		"syntax-b": "normal | reset | <number> | <percentage>",
 		"syntax-a": "<number [0,∞]> || <percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "normal | reset | <number> | <percentage>",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "reset"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10"
+				}
+			],
+			"failing": [
+				{
+					"value": "10px"
+				}
+			]
 		}
 	}
 }
\ No newline at end of file

From c90548da879df09ca9a942bd6c3d7e9f7d1ee263 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 30 Oct 2024 22:45:59 +0100
Subject: [PATCH 53/66] wip

---
 package-lock.json                             | 676 ++++++++----------
 .../dist/index.json                           |   8 +-
 .../scripts/apply-patches.mjs                 |   5 +
 3 files changed, 307 insertions(+), 382 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 26aa859f8e..2921c6628d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -271,7 +271,7 @@
 				"url": "https://opencollective.com/babel"
 			}
 		},
-		"node_modules/@babel/core/node_modules/@babel/generator": {
+		"node_modules/@babel/generator": {
 			"version": "7.26.0",
 			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.0.tgz",
 			"integrity": "sha512-/AIkAmInnWwgEAJGQr9vY0c66Mj6kjkE2ZPB1PurTRaRAh3U+J45sAQMjQDJdh4WbR3l0x5xkimXBKyBXXAu2w==",
@@ -287,36 +287,6 @@
 				"node": ">=6.9.0"
 			}
 		},
-		"node_modules/@babel/core/node_modules/@babel/parser": {
-			"version": "7.26.1",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.1.tgz",
-			"integrity": "sha512-reoQYNiAJreZNsJzyrDNzFQ+IQ5JFiIzAHJg9bn94S3l+4++J7RsIhNMoB+lgP/9tpmiAQqspv+xfdxTSzREOw==",
-			"dev": true,
-			"dependencies": {
-				"@babel/types": "^7.26.0"
-			},
-			"bin": {
-				"parser": "bin/babel-parser.js"
-			},
-			"engines": {
-				"node": ">=6.0.0"
-			}
-		},
-		"node_modules/@babel/generator": {
-			"version": "7.25.9",
-			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.25.9.tgz",
-			"integrity": "sha512-omlUGkr5EaoIJrhLf9CJ0TvjBRpd9+AXRG//0GEQ9THSo8wPiTlbpy1/Ow8ZTrbXpjd9FHXfbFQx32I04ht0FA==",
-			"dev": true,
-			"dependencies": {
-				"@babel/types": "^7.25.9",
-				"@jridgewell/gen-mapping": "^0.3.5",
-				"@jridgewell/trace-mapping": "^0.3.25",
-				"jsesc": "^3.0.2"
-			},
-			"engines": {
-				"node": ">=6.9.0"
-			}
-		},
 		"node_modules/@babel/helper-annotate-as-pure": {
 			"version": "7.25.9",
 			"resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
@@ -591,12 +561,12 @@
 			}
 		},
 		"node_modules/@babel/parser": {
-			"version": "7.25.9",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.9.tgz",
-			"integrity": "sha512-aI3jjAAO1fh7vY/pBGsn1i9LDbRP43+asrRlkPuTXW5yHXtd1NgTEMudbBoDDxrf1daEEfPJqR+JBMakzrR4Dg==",
+			"version": "7.26.1",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.1.tgz",
+			"integrity": "sha512-reoQYNiAJreZNsJzyrDNzFQ+IQ5JFiIzAHJg9bn94S3l+4++J7RsIhNMoB+lgP/9tpmiAQqspv+xfdxTSzREOw==",
 			"dev": true,
 			"dependencies": {
-				"@babel/types": "^7.25.9"
+				"@babel/types": "^7.26.0"
 			},
 			"bin": {
 				"parser": "bin/babel-parser.js"
@@ -1753,9 +1723,9 @@
 			}
 		},
 		"node_modules/@babel/runtime": {
-			"version": "7.25.9",
-			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.9.tgz",
-			"integrity": "sha512-4zpTHZ9Cm6L9L+uIqghQX8ZXg8HKFcjYO3qHoO8zTmRm6HQUJ8SSJ+KRvbMBZn0EGVlT4DRYeQ/6hjlyXBh+Kg==",
+			"version": "7.26.0",
+			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+			"integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
 			"dev": true,
 			"dependencies": {
 				"regenerator-runtime": "^0.14.0"
@@ -2093,16 +2063,19 @@
 			}
 		},
 		"node_modules/@eslint-community/eslint-utils": {
-			"version": "4.4.0",
-			"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-			"integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+			"version": "4.4.1",
+			"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
+			"integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
 			"dev": true,
 			"dependencies": {
-				"eslint-visitor-keys": "^3.3.0"
+				"eslint-visitor-keys": "^3.4.3"
 			},
 			"engines": {
 				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
 			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			},
 			"peerDependencies": {
 				"eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
 			}
@@ -2120,9 +2093,9 @@
 			}
 		},
 		"node_modules/@eslint-community/regexpp": {
-			"version": "4.11.1",
-			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.1.tgz",
-			"integrity": "sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==",
+			"version": "4.12.1",
+			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+			"integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
 			"dev": true,
 			"engines": {
 				"node": "^12.0.0 || ^14.0.0 || >=16.0.0"
@@ -2269,9 +2242,9 @@
 			}
 		},
 		"node_modules/@eslint/plugin-kit": {
-			"version": "0.2.1",
-			"resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.1.tgz",
-			"integrity": "sha512-HFZ4Mp26nbWk9d/BpvP0YNL6W4UoZF0VFcTw/aPPA8RpOxeFQgK+ClABGgAUXs9Y/RGX/l1vOmrqz1MQt9MNuw==",
+			"version": "0.2.2",
+			"resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.2.tgz",
+			"integrity": "sha512-CXtq5nR4Su+2I47WPOlWud98Y5Lv8Kyxp2ukhgFx/eW6Blm18VXJO5WuQylPugRo8nbluoi6GvvxBLqHcvqUUw==",
 			"dev": true,
 			"dependencies": {
 				"levn": "^0.4.1"
@@ -2281,21 +2254,21 @@
 			}
 		},
 		"node_modules/@humanfs/core": {
-			"version": "0.19.0",
-			"resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.0.tgz",
-			"integrity": "sha512-2cbWIHbZVEweE853g8jymffCA+NCMiuqeECeBBLm8dg2oFdjuGJhgN4UAbI+6v0CKbbhvtXA4qV8YR5Ji86nmw==",
+			"version": "0.19.1",
+			"resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+			"integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
 			"dev": true,
 			"engines": {
 				"node": ">=18.18.0"
 			}
 		},
 		"node_modules/@humanfs/node": {
-			"version": "0.16.5",
-			"resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.5.tgz",
-			"integrity": "sha512-KSPA4umqSG4LHYRodq31VDwKAvaTF4xmVlzM8Aeh4PlU1JQ3IG0wiA8C25d3RQ9nJyM3mBHyI53K06VVL/oFFg==",
+			"version": "0.16.6",
+			"resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
+			"integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
 			"dev": true,
 			"dependencies": {
-				"@humanfs/core": "^0.19.0",
+				"@humanfs/core": "^0.19.1",
 				"@humanwhocodes/retry": "^0.3.0"
 			},
 			"engines": {
@@ -2966,9 +2939,9 @@
 			}
 		},
 		"node_modules/@rollup/rollup-android-arm-eabi": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.24.2.tgz",
-			"integrity": "sha512-ufoveNTKDg9t/b7nqI3lwbCG/9IJMhADBNjjz/Jn6LxIZxD7T5L8l2uO/wD99945F1Oo8FvgbbZJRguyk/BdzA==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.24.3.tgz",
+			"integrity": "sha512-ufb2CH2KfBWPJok95frEZZ82LtDl0A6QKTa8MoM+cWwDZvVGl5/jNb79pIhRvAalUu+7LD91VYR0nwRD799HkQ==",
 			"cpu": [
 				"arm"
 			],
@@ -2979,9 +2952,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-android-arm64": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.24.2.tgz",
-			"integrity": "sha512-iZoYCiJz3Uek4NI0J06/ZxUgwAfNzqltK0MptPDO4OR0a88R4h0DSELMsflS6ibMCJ4PnLvq8f7O1d7WexUvIA==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.24.3.tgz",
+			"integrity": "sha512-iAHpft/eQk9vkWIV5t22V77d90CRofgR2006UiCjHcHJFVI1E0oBkQIAbz+pLtthFw3hWEmVB4ilxGyBf48i2Q==",
 			"cpu": [
 				"arm64"
 			],
@@ -2992,9 +2965,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-darwin-arm64": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.24.2.tgz",
-			"integrity": "sha512-/UhrIxobHYCBfhi5paTkUDQ0w+jckjRZDZ1kcBL132WeHZQ6+S5v9jQPVGLVrLbNUebdIRpIt00lQ+4Z7ys4Rg==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.24.3.tgz",
+			"integrity": "sha512-QPW2YmkWLlvqmOa2OwrfqLJqkHm7kJCIMq9kOz40Zo9Ipi40kf9ONG5Sz76zszrmIZZ4hgRIkez69YnTHgEz1w==",
 			"cpu": [
 				"arm64"
 			],
@@ -3005,9 +2978,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-darwin-x64": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.24.2.tgz",
-			"integrity": "sha512-1F/jrfhxJtWILusgx63WeTvGTwE4vmsT9+e/z7cZLKU8sBMddwqw3UV5ERfOV+H1FuRK3YREZ46J4Gy0aP3qDA==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.24.3.tgz",
+			"integrity": "sha512-KO0pN5x3+uZm1ZXeIfDqwcvnQ9UEGN8JX5ufhmgH5Lz4ujjZMAnxQygZAVGemFWn+ZZC0FQopruV4lqmGMshow==",
 			"cpu": [
 				"x64"
 			],
@@ -3018,9 +2991,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-freebsd-arm64": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.24.2.tgz",
-			"integrity": "sha512-1YWOpFcGuC6iGAS4EI+o3BV2/6S0H+m9kFOIlyFtp4xIX5rjSnL3AwbTBxROX0c8yWtiWM7ZI6mEPTI7VkSpZw==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.24.3.tgz",
+			"integrity": "sha512-CsC+ZdIiZCZbBI+aRlWpYJMSWvVssPuWqrDy/zi9YfnatKKSLFCe6fjna1grHuo/nVaHG+kiglpRhyBQYRTK4A==",
 			"cpu": [
 				"arm64"
 			],
@@ -3031,9 +3004,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-freebsd-x64": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.24.2.tgz",
-			"integrity": "sha512-3qAqTewYrCdnOD9Gl9yvPoAoFAVmPJsBvleabvx4bnu1Kt6DrB2OALeRVag7BdWGWLhP1yooeMLEi6r2nYSOjg==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.24.3.tgz",
+			"integrity": "sha512-F0nqiLThcfKvRQhZEzMIXOQG4EeX61im61VYL1jo4eBxv4aZRmpin6crnBJQ/nWnCsjH5F6J3W6Stdm0mBNqBg==",
 			"cpu": [
 				"x64"
 			],
@@ -3044,9 +3017,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.24.2.tgz",
-			"integrity": "sha512-ArdGtPHjLqWkqQuoVQ6a5UC5ebdX8INPuJuJNWRe0RGa/YNhVvxeWmCTFQ7LdmNCSUzVZzxAvUznKaYx645Rig==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.24.3.tgz",
+			"integrity": "sha512-KRSFHyE/RdxQ1CSeOIBVIAxStFC/hnBgVcaiCkQaVC+EYDtTe4X7z5tBkFyRoBgUGtB6Xg6t9t2kulnX6wJc6A==",
 			"cpu": [
 				"arm"
 			],
@@ -3057,9 +3030,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-arm-musleabihf": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.24.2.tgz",
-			"integrity": "sha512-B6UHHeNnnih8xH6wRKB0mOcJGvjZTww1FV59HqJoTJ5da9LCG6R4SEBt6uPqzlawv1LoEXSS0d4fBlHNWl6iYw==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.24.3.tgz",
+			"integrity": "sha512-h6Q8MT+e05zP5BxEKz0vi0DhthLdrNEnspdLzkoFqGwnmOzakEHSlXfVyA4HJ322QtFy7biUAVFPvIDEDQa6rw==",
 			"cpu": [
 				"arm"
 			],
@@ -3070,9 +3043,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-arm64-gnu": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.24.2.tgz",
-			"integrity": "sha512-kr3gqzczJjSAncwOS6i7fpb4dlqcvLidqrX5hpGBIM1wtt0QEVtf4wFaAwVv8QygFU8iWUMYEoJZWuWxyua4GQ==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.24.3.tgz",
+			"integrity": "sha512-fKElSyXhXIJ9pqiYRqisfirIo2Z5pTTve5K438URf08fsypXrEkVmShkSfM8GJ1aUyvjakT+fn2W7Czlpd/0FQ==",
 			"cpu": [
 				"arm64"
 			],
@@ -3083,9 +3056,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-arm64-musl": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.24.2.tgz",
-			"integrity": "sha512-TDdHLKCWgPuq9vQcmyLrhg/bgbOvIQ8rtWQK7MRxJ9nvaxKx38NvY7/Lo6cYuEnNHqf6rMqnivOIPIQt6H2AoA==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.24.3.tgz",
+			"integrity": "sha512-YlddZSUk8G0px9/+V9PVilVDC6ydMz7WquxozToozSnfFK6wa6ne1ATUjUvjin09jp34p84milxlY5ikueoenw==",
 			"cpu": [
 				"arm64"
 			],
@@ -3096,9 +3069,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.24.2.tgz",
-			"integrity": "sha512-xv9vS648T3X4AxFFZGWeB5Dou8ilsv4VVqJ0+loOIgDO20zIhYfDLkk5xoQiej2RiSQkld9ijF/fhLeonrz2mw==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.24.3.tgz",
+			"integrity": "sha512-yNaWw+GAO8JjVx3s3cMeG5Esz1cKVzz8PkTJSfYzE5u7A+NvGmbVFEHP+BikTIyYWuz0+DX9kaA3pH9Sqxp69g==",
 			"cpu": [
 				"ppc64"
 			],
@@ -3109,9 +3082,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-riscv64-gnu": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.24.2.tgz",
-			"integrity": "sha512-tbtXwnofRoTt223WUZYiUnbxhGAOVul/3StZ947U4A5NNjnQJV5irKMm76G0LGItWs6y+SCjUn/Q0WaMLkEskg==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.24.3.tgz",
+			"integrity": "sha512-lWKNQfsbpv14ZCtM/HkjCTm4oWTKTfxPmr7iPfp3AHSqyoTz5AgLemYkWLwOBWc+XxBbrU9SCokZP0WlBZM9lA==",
 			"cpu": [
 				"riscv64"
 			],
@@ -3122,9 +3095,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-s390x-gnu": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.24.2.tgz",
-			"integrity": "sha512-gc97UebApwdsSNT3q79glOSPdfwgwj5ELuiyuiMY3pEWMxeVqLGKfpDFoum4ujivzxn6veUPzkGuSYoh5deQ2Q==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.24.3.tgz",
+			"integrity": "sha512-HoojGXTC2CgCcq0Woc/dn12wQUlkNyfH0I1ABK4Ni9YXyFQa86Fkt2Q0nqgLfbhkyfQ6003i3qQk9pLh/SpAYw==",
 			"cpu": [
 				"s390x"
 			],
@@ -3135,9 +3108,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-x64-gnu": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.24.2.tgz",
-			"integrity": "sha512-jOG/0nXb3z+EM6SioY8RofqqmZ+9NKYvJ6QQaa9Mvd3RQxlH68/jcB/lpyVt4lCiqr04IyaC34NzhUqcXbB5FQ==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.24.3.tgz",
+			"integrity": "sha512-mnEOh4iE4USSccBOtcrjF5nj+5/zm6NcNhbSEfR3Ot0pxBwvEn5QVUXcuOwwPkapDtGZ6pT02xLoPaNv06w7KQ==",
 			"cpu": [
 				"x64"
 			],
@@ -3148,9 +3121,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-linux-x64-musl": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.24.2.tgz",
-			"integrity": "sha512-XAo7cJec80NWx9LlZFEJQxqKOMz/lX3geWs2iNT5CHIERLFfd90f3RYLLjiCBm1IMaQ4VOX/lTC9lWfzzQm14Q==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.24.3.tgz",
+			"integrity": "sha512-rMTzawBPimBQkG9NKpNHvquIUTQPzrnPxPbCY1Xt+mFkW7pshvyIS5kYgcf74goxXOQk0CP3EoOC1zcEezKXhw==",
 			"cpu": [
 				"x64"
 			],
@@ -3161,9 +3134,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-win32-arm64-msvc": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.24.2.tgz",
-			"integrity": "sha512-A+JAs4+EhsTjnPQvo9XY/DC0ztaws3vfqzrMNMKlwQXuniBKOIIvAAI8M0fBYiTCxQnElYu7mLk7JrhlQ+HeOw==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.24.3.tgz",
+			"integrity": "sha512-2lg1CE305xNvnH3SyiKwPVsTVLCg4TmNCF1z7PSHX2uZY2VbUpdkgAllVoISD7JO7zu+YynpWNSKAtOrX3AiuA==",
 			"cpu": [
 				"arm64"
 			],
@@ -3174,9 +3147,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-win32-ia32-msvc": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.24.2.tgz",
-			"integrity": "sha512-ZhcrakbqA1SCiJRMKSU64AZcYzlZ/9M5LaYil9QWxx9vLnkQ9Vnkve17Qn4SjlipqIIBFKjBES6Zxhnvh0EAEw==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.24.3.tgz",
+			"integrity": "sha512-9SjYp1sPyxJsPWuhOCX6F4jUMXGbVVd5obVpoVEi8ClZqo52ViZewA6eFz85y8ezuOA+uJMP5A5zo6Oz4S5rVQ==",
 			"cpu": [
 				"ia32"
 			],
@@ -3187,9 +3160,9 @@
 			]
 		},
 		"node_modules/@rollup/rollup-win32-x64-msvc": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.24.2.tgz",
-			"integrity": "sha512-2mLH46K1u3r6uwc95hU+OR9q/ggYMpnS7pSp83Ece1HUQgF9Nh/QwTK5rcgbFnV9j+08yBrU5sA/P0RK2MSBNA==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.24.3.tgz",
+			"integrity": "sha512-HGZgRFFYrMrP3TJlq58nR1xy8zHKId25vhmm5S9jETEfDf6xybPxsavFTJaufe2zgOGYJBskGlj49CwtEuFhWQ==",
 			"cpu": [
 				"x64"
 			],
@@ -3443,18 +3416,6 @@
 				"balanced-match": "^1.0.0"
 			}
 		},
-		"node_modules/@stryker-mutator/core/node_modules/chalk": {
-			"version": "5.3.0",
-			"resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
-			"integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
-			"dev": true,
-			"engines": {
-				"node": "^12.17.0 || ^14.13 || >=16.0.0"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/chalk?sponsor=1"
-			}
-		},
 		"node_modules/@stryker-mutator/core/node_modules/minimatch": {
 			"version": "9.0.5",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
@@ -3558,6 +3519,36 @@
 				"semver": "bin/semver.js"
 			}
 		},
+		"node_modules/@stryker-mutator/instrumenter/node_modules/@babel/generator": {
+			"version": "7.25.9",
+			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.25.9.tgz",
+			"integrity": "sha512-omlUGkr5EaoIJrhLf9CJ0TvjBRpd9+AXRG//0GEQ9THSo8wPiTlbpy1/Ow8ZTrbXpjd9FHXfbFQx32I04ht0FA==",
+			"dev": true,
+			"dependencies": {
+				"@babel/types": "^7.25.9",
+				"@jridgewell/gen-mapping": "^0.3.5",
+				"@jridgewell/trace-mapping": "^0.3.25",
+				"jsesc": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@stryker-mutator/instrumenter/node_modules/@babel/parser": {
+			"version": "7.25.9",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.9.tgz",
+			"integrity": "sha512-aI3jjAAO1fh7vY/pBGsn1i9LDbRP43+asrRlkPuTXW5yHXtd1NgTEMudbBoDDxrf1daEEfPJqR+JBMakzrR4Dg==",
+			"dev": true,
+			"dependencies": {
+				"@babel/types": "^7.25.9"
+			},
+			"bin": {
+				"parser": "bin/babel-parser.js"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
 		"node_modules/@stryker-mutator/instrumenter/node_modules/semver": {
 			"version": "7.6.3",
 			"resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
@@ -3610,12 +3601,12 @@
 			}
 		},
 		"node_modules/@types/node": {
-			"version": "22.7.9",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.9.tgz",
-			"integrity": "sha512-jrTfRC7FM6nChvU7X2KqcrgquofrWLFDeYC1hKfwNWomVvrn7JIksqf344WN2X/y8xrgqBd2dJATZV4GbatBfg==",
+			"version": "22.8.4",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.8.4.tgz",
+			"integrity": "sha512-SpNNxkftTJOPk0oN+y2bIqurEXHTA2AOZ3EJDDKeJ5VzkvvORSvmQXGQarcOzWV1ac7DCaPBEdMDxBsM+d8jWw==",
 			"dev": true,
 			"dependencies": {
-				"undici-types": "~6.19.2"
+				"undici-types": "~6.19.8"
 			}
 		},
 		"node_modules/@types/resolve": {
@@ -3641,16 +3632,16 @@
 			}
 		},
 		"node_modules/@typescript-eslint/eslint-plugin": {
-			"version": "8.11.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.11.0.tgz",
-			"integrity": "sha512-KhGn2LjW1PJT2A/GfDpiyOfS4a8xHQv2myUagTM5+zsormOmBlYsnQ6pobJ8XxJmh6hnHwa2Mbe3fPrDJoDhbA==",
+			"version": "8.12.2",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.12.2.tgz",
+			"integrity": "sha512-gQxbxM8mcxBwaEmWdtLCIGLfixBMHhQjBqR8sVWNTPpcj45WlYL2IObS/DNMLH1DBP0n8qz+aiiLTGfopPEebw==",
 			"dev": true,
 			"dependencies": {
 				"@eslint-community/regexpp": "^4.10.0",
-				"@typescript-eslint/scope-manager": "8.11.0",
-				"@typescript-eslint/type-utils": "8.11.0",
-				"@typescript-eslint/utils": "8.11.0",
-				"@typescript-eslint/visitor-keys": "8.11.0",
+				"@typescript-eslint/scope-manager": "8.12.2",
+				"@typescript-eslint/type-utils": "8.12.2",
+				"@typescript-eslint/utils": "8.12.2",
+				"@typescript-eslint/visitor-keys": "8.12.2",
 				"graphemer": "^1.4.0",
 				"ignore": "^5.3.1",
 				"natural-compare": "^1.4.0",
@@ -3674,15 +3665,15 @@
 			}
 		},
 		"node_modules/@typescript-eslint/parser": {
-			"version": "8.11.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.11.0.tgz",
-			"integrity": "sha512-lmt73NeHdy1Q/2ul295Qy3uninSqi6wQI18XwSpm8w0ZbQXUpjCAWP1Vlv/obudoBiIjJVjlztjQ+d/Md98Yxg==",
+			"version": "8.12.2",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.12.2.tgz",
+			"integrity": "sha512-MrvlXNfGPLH3Z+r7Tk+Z5moZAc0dzdVjTgUgwsdGweH7lydysQsnSww3nAmsq8blFuRD5VRlAr9YdEFw3e6PBw==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/scope-manager": "8.11.0",
-				"@typescript-eslint/types": "8.11.0",
-				"@typescript-eslint/typescript-estree": "8.11.0",
-				"@typescript-eslint/visitor-keys": "8.11.0",
+				"@typescript-eslint/scope-manager": "8.12.2",
+				"@typescript-eslint/types": "8.12.2",
+				"@typescript-eslint/typescript-estree": "8.12.2",
+				"@typescript-eslint/visitor-keys": "8.12.2",
 				"debug": "^4.3.4"
 			},
 			"engines": {
@@ -3702,13 +3693,13 @@
 			}
 		},
 		"node_modules/@typescript-eslint/scope-manager": {
-			"version": "8.11.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.11.0.tgz",
-			"integrity": "sha512-Uholz7tWhXmA4r6epo+vaeV7yjdKy5QFCERMjs1kMVsLRKIrSdM6o21W2He9ftp5PP6aWOVpD5zvrvuHZC0bMQ==",
+			"version": "8.12.2",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.12.2.tgz",
+			"integrity": "sha512-gPLpLtrj9aMHOvxJkSbDBmbRuYdtiEbnvO25bCMza3DhMjTQw0u7Y1M+YR5JPbMsXXnSPuCf5hfq0nEkQDL/JQ==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "8.11.0",
-				"@typescript-eslint/visitor-keys": "8.11.0"
+				"@typescript-eslint/types": "8.12.2",
+				"@typescript-eslint/visitor-keys": "8.12.2"
 			},
 			"engines": {
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3719,13 +3710,13 @@
 			}
 		},
 		"node_modules/@typescript-eslint/type-utils": {
-			"version": "8.11.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.11.0.tgz",
-			"integrity": "sha512-ItiMfJS6pQU0NIKAaybBKkuVzo6IdnAhPFZA/2Mba/uBjuPQPet/8+zh5GtLHwmuFRShZx+8lhIs7/QeDHflOg==",
+			"version": "8.12.2",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.12.2.tgz",
+			"integrity": "sha512-bwuU4TAogPI+1q/IJSKuD4shBLc/d2vGcRT588q+jzayQyjVK2X6v/fbR4InY2U2sgf8MEvVCqEWUzYzgBNcGQ==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/typescript-estree": "8.11.0",
-				"@typescript-eslint/utils": "8.11.0",
+				"@typescript-eslint/typescript-estree": "8.12.2",
+				"@typescript-eslint/utils": "8.12.2",
 				"debug": "^4.3.4",
 				"ts-api-utils": "^1.3.0"
 			},
@@ -3743,9 +3734,9 @@
 			}
 		},
 		"node_modules/@typescript-eslint/types": {
-			"version": "8.11.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.11.0.tgz",
-			"integrity": "sha512-tn6sNMHf6EBAYMvmPUaKaVeYvhUsrE6x+bXQTxjQRp360h1giATU0WvgeEys1spbvb5R+VpNOZ+XJmjD8wOUHw==",
+			"version": "8.12.2",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.12.2.tgz",
+			"integrity": "sha512-VwDwMF1SZ7wPBUZwmMdnDJ6sIFk4K4s+ALKLP6aIQsISkPv8jhiw65sAK6SuWODN/ix+m+HgbYDkH+zLjrzvOA==",
 			"dev": true,
 			"engines": {
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3756,13 +3747,13 @@
 			}
 		},
 		"node_modules/@typescript-eslint/typescript-estree": {
-			"version": "8.11.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.11.0.tgz",
-			"integrity": "sha512-yHC3s1z1RCHoCz5t06gf7jH24rr3vns08XXhfEqzYpd6Hll3z/3g23JRi0jM8A47UFKNc3u/y5KIMx8Ynbjohg==",
+			"version": "8.12.2",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.12.2.tgz",
+			"integrity": "sha512-mME5MDwGe30Pq9zKPvyduyU86PH7aixwqYR2grTglAdB+AN8xXQ1vFGpYaUSJ5o5P/5znsSBeNcs5g5/2aQwow==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "8.11.0",
-				"@typescript-eslint/visitor-keys": "8.11.0",
+				"@typescript-eslint/types": "8.12.2",
+				"@typescript-eslint/visitor-keys": "8.12.2",
 				"debug": "^4.3.4",
 				"fast-glob": "^3.3.2",
 				"is-glob": "^4.0.3",
@@ -3820,15 +3811,15 @@
 			}
 		},
 		"node_modules/@typescript-eslint/utils": {
-			"version": "8.11.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.11.0.tgz",
-			"integrity": "sha512-CYiX6WZcbXNJV7UNB4PLDIBtSdRmRI/nb0FMyqHPTQD1rMjA0foPLaPUV39C/MxkTd/QKSeX+Gb34PPsDVC35g==",
+			"version": "8.12.2",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.12.2.tgz",
+			"integrity": "sha512-UTTuDIX3fkfAz6iSVa5rTuSfWIYZ6ATtEocQ/umkRSyC9O919lbZ8dcH7mysshrCdrAM03skJOEYaBugxN+M6A==",
 			"dev": true,
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.4.0",
-				"@typescript-eslint/scope-manager": "8.11.0",
-				"@typescript-eslint/types": "8.11.0",
-				"@typescript-eslint/typescript-estree": "8.11.0"
+				"@typescript-eslint/scope-manager": "8.12.2",
+				"@typescript-eslint/types": "8.12.2",
+				"@typescript-eslint/typescript-estree": "8.12.2"
 			},
 			"engines": {
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3842,12 +3833,12 @@
 			}
 		},
 		"node_modules/@typescript-eslint/visitor-keys": {
-			"version": "8.11.0",
-			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.11.0.tgz",
-			"integrity": "sha512-EaewX6lxSjRJnc+99+dqzTeoDZUfyrA52d2/HRrkI830kgovWsmIiTfmr0NZorzqic7ga+1bS60lRBUgR3n/Bw==",
+			"version": "8.12.2",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.12.2.tgz",
+			"integrity": "sha512-PChz8UaKQAVNHghsHcPyx1OMHoFRUEA7rJSK/mDhdq85bk+PLsUHUBqTQTFt18VJZbmxBovM65fezlheQRsSDA==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/types": "8.11.0",
+				"@typescript-eslint/types": "8.12.2",
 				"eslint-visitor-keys": "^3.4.3"
 			},
 			"engines": {
@@ -3880,9 +3871,9 @@
 			}
 		},
 		"node_modules/acorn": {
-			"version": "8.13.0",
-			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.13.0.tgz",
-			"integrity": "sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==",
+			"version": "8.14.0",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+			"integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
 			"dev": true,
 			"bin": {
 				"acorn": "bin/acorn"
@@ -4008,6 +3999,21 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/ansi-styles": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+			"dev": true,
+			"dependencies": {
+				"color-convert": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
 		"node_modules/argparse": {
 			"version": "1.0.10",
 			"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
@@ -4330,9 +4336,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001669",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz",
-			"integrity": "sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==",
+			"version": "1.0.30001675",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001675.tgz",
+			"integrity": "sha512-/wV1bQwPrkLiQMjaJF5yUMVM/VdRPOCU8QZ+PmG6uW6DvYSrNY1bpwHI/3mOcUosLaJCzYDi5o91IQB51ft6cg==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -4348,6 +4354,18 @@
 				}
 			]
 		},
+		"node_modules/chalk": {
+			"version": "5.3.0",
+			"resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+			"integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+			"dev": true,
+			"engines": {
+				"node": "^12.17.0 || ^14.13 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/chalk?sponsor=1"
+			}
+		},
 		"node_modules/chardet": {
 			"version": "0.7.0",
 			"resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
@@ -4400,39 +4418,6 @@
 				"node": ">=12"
 			}
 		},
-		"node_modules/cliui/node_modules/ansi-styles": {
-			"version": "4.3.0",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-			"dev": true,
-			"dependencies": {
-				"color-convert": "^2.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
-			}
-		},
-		"node_modules/cliui/node_modules/color-convert": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-			"dev": true,
-			"dependencies": {
-				"color-name": "~1.1.4"
-			},
-			"engines": {
-				"node": ">=7.0.0"
-			}
-		},
-		"node_modules/cliui/node_modules/color-name": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-			"dev": true
-		},
 		"node_modules/cliui/node_modules/wrap-ansi": {
 			"version": "7.0.0",
 			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -4460,6 +4445,24 @@
 				"node": ">=0.8"
 			}
 		},
+		"node_modules/color-convert": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+			"dev": true,
+			"dependencies": {
+				"color-name": "~1.1.4"
+			},
+			"engines": {
+				"node": ">=7.0.0"
+			}
+		},
+		"node_modules/color-name": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+			"dev": true
+		},
 		"node_modules/colord": {
 			"version": "2.9.3",
 			"resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
@@ -4791,9 +4794,9 @@
 			}
 		},
 		"node_modules/electron-to-chromium": {
-			"version": "1.5.43",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.43.tgz",
-			"integrity": "sha512-NxnmFBHDl5Sachd2P46O7UJiMaMHMLSofoIWVJq3mj8NJgG0umiSeljAVP9lGzjI0UDLJJ5jjoGjcrB8RSbjLQ=="
+			"version": "1.5.49",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.49.tgz",
+			"integrity": "sha512-ZXfs1Of8fDb6z7WEYZjXpgIRF6MEu8JdeGA0A40aZq6OQbS+eJpnnV49epZRna2DU/YsEjSQuGtQPPtvt6J65A=="
 		},
 		"node_modules/emoji-regex": {
 			"version": "10.4.0",
@@ -4870,6 +4873,18 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/escape-string-regexp": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+			"dev": true,
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/escodegen": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
@@ -4952,9 +4967,9 @@
 			}
 		},
 		"node_modules/eslint-scope": {
-			"version": "8.1.0",
-			"resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.1.0.tgz",
-			"integrity": "sha512-14dSvlhaVhKKsa9Fx1l8A17s7ah7Ef7wCakJ10LYk6+GYmP9yDti2oq2SEwcyndt6knfcZyhyxwY3i9yL78EQw==",
+			"version": "8.2.0",
+			"resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.2.0.tgz",
+			"integrity": "sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==",
 			"dev": true,
 			"dependencies": {
 				"esrecurse": "^4.3.0",
@@ -4968,9 +4983,9 @@
 			}
 		},
 		"node_modules/eslint-visitor-keys": {
-			"version": "4.1.0",
-			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.1.0.tgz",
-			"integrity": "sha512-Q7lok0mqMUSf5a/AdAZkA5a/gHcO6snwQClVNNvFKCAVlxXucdU8pKydU5ZVZjBx5xr37vGbFFWtLQYreLzrZg==",
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+			"integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
 			"dev": true,
 			"engines": {
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4995,21 +5010,6 @@
 				"url": "https://github.com/sponsors/epoberezkin"
 			}
 		},
-		"node_modules/eslint/node_modules/ansi-styles": {
-			"version": "4.3.0",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-			"dev": true,
-			"dependencies": {
-				"color-convert": "^2.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
-			}
-		},
 		"node_modules/eslint/node_modules/chalk": {
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -5026,36 +5026,6 @@
 				"url": "https://github.com/chalk/chalk?sponsor=1"
 			}
 		},
-		"node_modules/eslint/node_modules/color-convert": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-			"dev": true,
-			"dependencies": {
-				"color-name": "~1.1.4"
-			},
-			"engines": {
-				"node": ">=7.0.0"
-			}
-		},
-		"node_modules/eslint/node_modules/color-name": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-			"dev": true
-		},
-		"node_modules/eslint/node_modules/escape-string-regexp": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-			"dev": true,
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
 		"node_modules/eslint/node_modules/json-schema-traverse": {
 			"version": "0.4.1",
 			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -5087,14 +5057,14 @@
 			}
 		},
 		"node_modules/espree": {
-			"version": "10.2.0",
-			"resolved": "https://registry.npmjs.org/espree/-/espree-10.2.0.tgz",
-			"integrity": "sha512-upbkBJbckcCNBDBDXEbuhjbP68n+scUd3k/U2EkyM9nw+I/jPiL4cLF/Al06CF96wRltFda16sxDFrxsI1v0/g==",
+			"version": "10.3.0",
+			"resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+			"integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
 			"dev": true,
 			"dependencies": {
-				"acorn": "^8.12.0",
+				"acorn": "^8.14.0",
 				"acorn-jsx": "^5.3.2",
-				"eslint-visitor-keys": "^4.1.0"
+				"eslint-visitor-keys": "^4.2.0"
 			},
 			"engines": {
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -6167,9 +6137,9 @@
 			}
 		},
 		"node_modules/knip": {
-			"version": "5.34.0",
-			"resolved": "https://registry.npmjs.org/knip/-/knip-5.34.0.tgz",
-			"integrity": "sha512-TuPl8Tfrqoc1LWlR5S1RZwwN2Vk+CUCAGUbji6VAAUFv/nS5S6pzNwBYwDP0tCCN/iAPf9/NhbAni7s135vrQQ==",
+			"version": "5.34.4",
+			"resolved": "https://registry.npmjs.org/knip/-/knip-5.34.4.tgz",
+			"integrity": "sha512-bbEfqcyvlvtkZyaODNyh0PAT4gnrL7sj9mvmP31F0IsiQ6EDgrebK11v5bxp1q9crYbyNj9m6jlKmfgxDI985A==",
 			"dev": true,
 			"funding": [
 				{
@@ -6194,7 +6164,7 @@
 				"jiti": "^2.3.3",
 				"js-yaml": "^4.1.0",
 				"minimist": "^1.2.8",
-				"picocolors": "^1.0.0",
+				"picocolors": "^1.1.0",
 				"picomatch": "^4.0.1",
 				"pretty-ms": "^9.0.0",
 				"smol-toml": "^1.3.0",
@@ -6360,9 +6330,9 @@
 			}
 		},
 		"node_modules/mdn-data": {
-			"version": "2.11.1",
-			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.11.1.tgz",
-			"integrity": "sha512-Hdx3wmyqPFrhd6YHVuSkUK2eIGAcxR0xlndcgZqjA68yMJTbfXrjJwbgsBOsNjI7LnBIVUQnmyMVSdi/ob0GpQ==",
+			"version": "2.12.1",
+			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.1.tgz",
+			"integrity": "sha512-rsfnCbOHjqrhWxwt5/wtSLzpoKTzW7OXdT5lLOIH1OTYhWu9rRJveGq0sKvDZODABH7RX+uoR+DYcpFnq4Tf6Q==",
 			"dev": true
 		},
 		"node_modules/meow": {
@@ -7177,9 +7147,9 @@
 			}
 		},
 		"node_modules/puppeteer": {
-			"version": "23.6.0",
-			"resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-23.6.0.tgz",
-			"integrity": "sha512-l+Fgo8SVFSd51STtq2crz8t1Y3VXowsuR4zfR64qDOn6oggz7YIZauWiNR4IJjczQ6nvFs3S4cgng55/nesxTQ==",
+			"version": "23.6.1",
+			"resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-23.6.1.tgz",
+			"integrity": "sha512-8+ALGQgwXd3P/tGcuSsxTPGDaOQIjcDIm04I5hpWZv/PiN5q8bQNHRUyfYrifT+flnM9aTWCP7tLEzuB6SlIgA==",
 			"dev": true,
 			"hasInstallScript": true,
 			"dependencies": {
@@ -7187,7 +7157,7 @@
 				"chromium-bidi": "0.8.0",
 				"cosmiconfig": "^9.0.0",
 				"devtools-protocol": "0.0.1354347",
-				"puppeteer-core": "23.6.0",
+				"puppeteer-core": "23.6.1",
 				"typed-query-selector": "^2.12.0"
 			},
 			"bin": {
@@ -7198,9 +7168,9 @@
 			}
 		},
 		"node_modules/puppeteer-core": {
-			"version": "23.6.0",
-			"resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-23.6.0.tgz",
-			"integrity": "sha512-se1bhgUpR9C529SgHGr/eyT92mYyQPAhA2S9pGtGrVG2xob9qE6Pbp7TlqiSPlnnY1lINqhn6/67EwkdzOmKqQ==",
+			"version": "23.6.1",
+			"resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-23.6.1.tgz",
+			"integrity": "sha512-DoNLAzQfGklPauEn33N4h9cM9GubJSINEn+AUMwAXwW159Y9JLk5y34Jsbv4c7kG8P0puOYWV9leu2siMZ/QpQ==",
 			"dev": true,
 			"dependencies": {
 				"@puppeteer/browsers": "2.4.0",
@@ -7330,9 +7300,9 @@
 			"dev": true
 		},
 		"node_modules/regjsparser": {
-			"version": "0.11.1",
-			"resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.1.tgz",
-			"integrity": "sha512-1DHODs4B8p/mQHU9kr+jv8+wIC9mtG4eBHxWxIq5mhjE3D5oORhCc6deRKzTjs9DcfRFmj9BHSDguZklqCGFWQ==",
+			"version": "0.11.2",
+			"resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.2.tgz",
+			"integrity": "sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==",
 			"dev": true,
 			"dependencies": {
 				"jsesc": "~3.0.2"
@@ -7402,9 +7372,9 @@
 			"dev": true
 		},
 		"node_modules/rollup": {
-			"version": "4.24.2",
-			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.24.2.tgz",
-			"integrity": "sha512-do/DFGq5g6rdDhdpPq5qb2ecoczeK6y+2UAjdJ5trjQJj5f1AiVdLRWRc9A9/fFukfvJRgM0UXzxBIYMovm5ww==",
+			"version": "4.24.3",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.24.3.tgz",
+			"integrity": "sha512-HBW896xR5HGmoksbi3JBDtmVzWiPAYqp7wip50hjQ67JbDz61nyoMPdqu1DvVW9asYb2M65Z20ZHsyJCMqMyDg==",
 			"dev": true,
 			"dependencies": {
 				"@types/estree": "1.0.6"
@@ -7417,24 +7387,24 @@
 				"npm": ">=8.0.0"
 			},
 			"optionalDependencies": {
-				"@rollup/rollup-android-arm-eabi": "4.24.2",
-				"@rollup/rollup-android-arm64": "4.24.2",
-				"@rollup/rollup-darwin-arm64": "4.24.2",
-				"@rollup/rollup-darwin-x64": "4.24.2",
-				"@rollup/rollup-freebsd-arm64": "4.24.2",
-				"@rollup/rollup-freebsd-x64": "4.24.2",
-				"@rollup/rollup-linux-arm-gnueabihf": "4.24.2",
-				"@rollup/rollup-linux-arm-musleabihf": "4.24.2",
-				"@rollup/rollup-linux-arm64-gnu": "4.24.2",
-				"@rollup/rollup-linux-arm64-musl": "4.24.2",
-				"@rollup/rollup-linux-powerpc64le-gnu": "4.24.2",
-				"@rollup/rollup-linux-riscv64-gnu": "4.24.2",
-				"@rollup/rollup-linux-s390x-gnu": "4.24.2",
-				"@rollup/rollup-linux-x64-gnu": "4.24.2",
-				"@rollup/rollup-linux-x64-musl": "4.24.2",
-				"@rollup/rollup-win32-arm64-msvc": "4.24.2",
-				"@rollup/rollup-win32-ia32-msvc": "4.24.2",
-				"@rollup/rollup-win32-x64-msvc": "4.24.2",
+				"@rollup/rollup-android-arm-eabi": "4.24.3",
+				"@rollup/rollup-android-arm64": "4.24.3",
+				"@rollup/rollup-darwin-arm64": "4.24.3",
+				"@rollup/rollup-darwin-x64": "4.24.3",
+				"@rollup/rollup-freebsd-arm64": "4.24.3",
+				"@rollup/rollup-freebsd-x64": "4.24.3",
+				"@rollup/rollup-linux-arm-gnueabihf": "4.24.3",
+				"@rollup/rollup-linux-arm-musleabihf": "4.24.3",
+				"@rollup/rollup-linux-arm64-gnu": "4.24.3",
+				"@rollup/rollup-linux-arm64-musl": "4.24.3",
+				"@rollup/rollup-linux-powerpc64le-gnu": "4.24.3",
+				"@rollup/rollup-linux-riscv64-gnu": "4.24.3",
+				"@rollup/rollup-linux-s390x-gnu": "4.24.3",
+				"@rollup/rollup-linux-x64-gnu": "4.24.3",
+				"@rollup/rollup-linux-x64-musl": "4.24.3",
+				"@rollup/rollup-win32-arm64-msvc": "4.24.3",
+				"@rollup/rollup-win32-ia32-msvc": "4.24.3",
+				"@rollup/rollup-win32-x64-msvc": "4.24.3",
 				"fsevents": "~2.3.2"
 			}
 		},
@@ -7608,39 +7578,6 @@
 				"url": "https://github.com/chalk/slice-ansi?sponsor=1"
 			}
 		},
-		"node_modules/slice-ansi/node_modules/ansi-styles": {
-			"version": "4.3.0",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-			"dev": true,
-			"dependencies": {
-				"color-convert": "^2.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
-			}
-		},
-		"node_modules/slice-ansi/node_modules/color-convert": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-			"dev": true,
-			"dependencies": {
-				"color-name": "~1.1.4"
-			},
-			"engines": {
-				"node": ">=7.0.0"
-			}
-		},
-		"node_modules/slice-ansi/node_modules/color-name": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-			"dev": true
-		},
 		"node_modules/smart-buffer": {
 			"version": "4.2.0",
 			"resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
@@ -7950,6 +7887,28 @@
 				"@csstools/css-tokenizer": "^3.0.1"
 			}
 		},
+		"node_modules/stylelint/node_modules/@csstools/selector-specificity": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-4.0.0.tgz",
+			"integrity": "sha512-189nelqtPd8++phaHNwYovKZI0FOzH1vQEE3QhHHkNIGrg5fSs9CbYP3RvfEH5geztnIA9Jwq91wyOIwAW5JIQ==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"postcss-selector-parser": "^6.1.0"
+			}
+		},
 		"node_modules/stylelint/node_modules/balanced-match": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
@@ -8319,14 +8278,14 @@
 			}
 		},
 		"node_modules/typescript-eslint": {
-			"version": "8.11.0",
-			"resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.11.0.tgz",
-			"integrity": "sha512-cBRGnW3FSlxaYwU8KfAewxFK5uzeOAp0l2KebIlPDOT5olVi65KDG/yjBooPBG0kGW/HLkoz1c/iuBFehcS3IA==",
+			"version": "8.12.2",
+			"resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.12.2.tgz",
+			"integrity": "sha512-UbuVUWSrHVR03q9CWx+JDHeO6B/Hr9p4U5lRH++5tq/EbFq1faYZe50ZSBePptgfIKLEti0aPQ3hFgnPVcd8ZQ==",
 			"dev": true,
 			"dependencies": {
-				"@typescript-eslint/eslint-plugin": "8.11.0",
-				"@typescript-eslint/parser": "8.11.0",
-				"@typescript-eslint/utils": "8.11.0"
+				"@typescript-eslint/eslint-plugin": "8.12.2",
+				"@typescript-eslint/parser": "8.12.2",
+				"@typescript-eslint/utils": "8.12.2"
 			},
 			"engines": {
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -8527,39 +8486,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/wrap-ansi/node_modules/ansi-styles": {
-			"version": "4.3.0",
-			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-			"dev": true,
-			"dependencies": {
-				"color-convert": "^2.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
-			}
-		},
-		"node_modules/wrap-ansi/node_modules/color-convert": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-			"dev": true,
-			"dependencies": {
-				"color-name": "~1.1.4"
-			},
-			"engines": {
-				"node": ">=7.0.0"
-			}
-		},
-		"node_modules/wrap-ansi/node_modules/color-name": {
-			"version": "1.1.4",
-			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-			"dev": true
-		},
 		"node_modules/wrappy": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 93e502b1c7..c4d6db89d2 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -29,7 +29,6 @@
 			"bookmark-level": "none | <integer [1,∞]>",
 			"bookmark-state": "open | closed",
 			"border-boundary": "none | parent | display",
-			"border-collapse": "collapse | separate",
 			"border-end-end-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-end-start-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
@@ -39,9 +38,7 @@
 			"border-top-left-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-top-right-radius": "<length-percentage [0,∞]>{1,2}",
 			"bottom": "| <anchor()> | <anchor-size()>",
-			"caption-side": "top | bottom | block-start | block-end | inline-start | inline-end",
 			"clear": "| block-start | block-end | top | bottom | both-inline | both-block",
-			"clip": "<shape> | auto",
 			"color-adjust": "<'print-color-adjust'>",
 			"column-count": "auto | <integer [1,∞]>",
 			"column-gap": "normal | <length-percentage [0,∞]>",
@@ -64,11 +61,8 @@
 			"widows": "<integer [1,∞]>",
 			"word-spacing": "normal | <length-percentage>",
 			"word-wrap": "| anywhere",
-			"writing-mode": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
 			"x": "<length-percentage>",
-			"y": "<length-percentage>",
-			"z-index": "auto | <integer>",
-			"zoom": "normal | reset | <number> | <percentage>"
+			"y": "<length-percentage>"
 		},
 		"types": {
 			"anchor-name": "<dashed-ident>",
diff --git a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
index 4b62f3d545..ce72ac4522 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
@@ -43,6 +43,11 @@ export function apply_patches(patches, onto) {
 			continue;
 		}
 
+		if (patch['syntax-m'] === patch['syntax-b']) {
+			// CSSTree is most correct
+			continue;
+		}
+
 		properties[name] = patch['syntax-m'];
 	}
 

From 5b7f003ccaeca515265fa70d340dacba12ec5178 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Wed, 30 Oct 2024 22:49:52 +0100
Subject: [PATCH 54/66] fix

---
 .../patches/webref-over-csstree-properties.json                 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 26c078275d..4218ec3ac4 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -1577,7 +1577,7 @@
 					"value": "both"
 				},
 				{
-					"value": "inline-both"
+					"value": "both-inline"
 				}
 			],
 			"failing": [

From 6f6a5e527809f5cbd0a8ffbe3e0ea7cd5941b454 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Thu, 31 Oct 2024 17:55:43 +0100
Subject: [PATCH 55/66] wip

---
 .../dist/index.json                           | 223 +++++++++++++++
 .../webref-over-csstree-properties.json       | 258 +++++++++---------
 .../patches/webref-over-csstree-types.json    | 240 ++++++++--------
 .../raw-data/intrinsic-size-keywords.json     |   6 +
 .../raw-data/webref-over-csstree-types.json   |   6 +
 .../raw-data/webref-types.json                |   3 +
 .../scripts/generate-webref-sets.mjs          |   2 +
 .../scripts/write-patches.mjs                 |   9 +-
 8 files changed, 508 insertions(+), 239 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/intrinsic-size-keywords.json

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index c4d6db89d2..45a98ac91d 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -28,39 +28,162 @@
 			"bookmark-label": "<content-list>",
 			"bookmark-level": "none | <integer [1,∞]>",
 			"bookmark-state": "open | closed",
+			"border-block-end-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-block-start-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-bottom-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 			"border-boundary": "none | parent | display",
+			"border-clip": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+			"border-clip-bottom": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+			"border-clip-left": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+			"border-clip-right": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+			"border-clip-top": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 			"border-end-end-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-end-start-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-inline-end-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-inline-start-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-left-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-limit": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+			"border-right-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 			"border-spacing": "<length>{1,2}",
 			"border-start-end-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-start-start-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-top-left-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-top-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 			"border-top-right-radius": "<length-percentage [0,∞]>{1,2}",
 			"bottom": "| <anchor()> | <anchor-size()>",
+			"box-shadow-blur": "<length [0,∞]>#",
+			"box-shadow-color": "<color>#",
+			"box-shadow-offset": "[ none | <length>{2} ]#",
+			"box-shadow-position": "[ outset | inset ]#",
+			"box-shadow-spread": "<length>#",
+			"box-snap": "none | block-start | block-end | center | baseline | last-baseline",
+			"caret-animation": "auto | manual",
 			"clear": "| block-start | block-end | top | bottom | both-inline | both-block",
 			"color-adjust": "<'print-color-adjust'>",
+			"color-interpolation": "auto | sRGB | linearRGB",
 			"column-count": "auto | <integer [1,∞]>",
 			"column-gap": "normal | <length-percentage [0,∞]>",
 			"column-span": "| <integer [1,∞]> | auto",
 			"content": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
+			"continue": "auto | discard | -webkit-discard | overflow | paginate | fragments",
+			"copy-into": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
+			"corner-shape": "[ round | angle ]{1,4}",
+			"corners": "<'corner-shape'> || <'border-radius'>",
+			"dynamic-range-limit": "standard | high | constrained-high",
+			"fill-break": "bounding-box | slice | clone",
+			"fill-color": "<color>",
+			"fill-image": "<paint>#",
+			"fill-origin": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+			"fill-position": "<position>#",
+			"fill-repeat": "<repeat-style>#",
+			"fill-size": "<bg-size>#",
+			"float-defer": "<integer> | last | none",
+			"float-offset": "<length> | <percentage>",
+			"float-reference": "inline | column | region | page",
+			"flood-color": "<color>",
+			"flood-opacity": "<'opacity'>",
+			"flow-from": "<ident> | none",
+			"flow-into": "none | <ident> [ element | content ]?",
+			"font-width": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+			"footnote-display": "block | inline | compact",
+			"footnote-policy": "auto | line | block",
+			"hyphenate-limit-last": "none | always | column | page | spread",
+			"hyphenate-limit-lines": "no-limit | <integer>",
+			"hyphenate-limit-zone": "<length-percentage>",
+			"initial-letter-wrap": "none | first | all | grid | <length-percentage>",
+			"inline-sizing": "normal | stretch",
+			"interpolate-size": "numeric-only | allow-keywords",
 			"justify-items": "| anchor-center",
 			"left": "| <anchor()> | <anchor-size()>",
+			"lighting-color": "<color>",
+			"line-fit-edge": "leading | <text-edge>",
+			"line-grid": "match-parent | create",
+			"line-padding": "<length>",
+			"line-snap": "none | baseline | contain",
+			"link-parameters": "none | <link-param>+",
 			"margin-bottom": "| <anchor-size()>",
+			"margin-break": "auto | keep | discard",
 			"margin-left": "| <anchor-size()>",
 			"margin-right": "| <anchor-size()>",
 			"margin-top": "| <anchor-size()>",
+			"marker-side": "match-self | match-parent",
+			"masonry": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
+			"masonry-auto-tracks": "<'grid-auto-columns'>",
+			"masonry-direction": "row | column | row-reverse | column-reverse",
+			"masonry-fill": "normal | reverse",
+			"masonry-flow": "<'masonry-direction'> || <'masonry-fill'>",
+			"masonry-slack": "<length-percentage> | infinite",
+			"masonry-template-areas": "none | <string>",
+			"masonry-template-tracks": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
+			"min-intrinsic-sizing": "legacy | zero-if-scroll || zero-if-extrinsic",
 			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
+			"object-view-box": "none | <basic-shape-rect>",
+			"overflow-clip-margin-block": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-block-end": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-block-start": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-bottom": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-inline": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-inline-end": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-inline-start": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-left": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-right": "<visual-box> || <length [0,∞]>",
+			"overflow-clip-margin-top": "<visual-box> || <length [0,∞]>",
 			"position-anchor": "auto | <anchor-name>",
+			"reading-flow": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
+			"region-fragment": "auto | break",
 			"right": "| <anchor()> | <anchor-size()>",
+			"ruby-overhang": "auto | none",
+			"scroll-marker-group": "none | before | after",
+			"scroll-start-target": "[ none | auto ]",
+			"shape-inside": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
+			"shape-padding": "<length-percentage [0,∞]>",
+			"shape-subtract": "none | [ <basic-shape> | <url> ]+",
+			"spatial-navigation-action": "auto | focus | scroll",
+			"spatial-navigation-contain": "auto | contain",
+			"spatial-navigation-function": "normal | grid",
+			"string-set": "none | [ <custom-ident> <string>+ ]#",
+			"stroke-align": "center | inset | outset",
+			"stroke-alignment": "center | inner | outer",
+			"stroke-break": "bounding-box | slice | clone",
+			"stroke-color": "<color>#",
+			"stroke-dash-corner": "none | <length>",
+			"stroke-dash-justify": "none | [ stretch | compress ] || [ dashes || gaps ]",
+			"stroke-dashadjust": "none | [ stretch | compress ] [ dashes | gaps ]?",
+			"stroke-dashcorner": "none | <length>",
+			"stroke-image": "<paint>#",
 			"stroke-opacity": "<'opacity'>",
+			"stroke-origin": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+			"stroke-position": "<position>#",
+			"stroke-repeat": "<repeat-style>#",
+			"stroke-size": "<bg-size>#",
+			"text-align-all": "start | end | left | right | center | <string> | justify | match-parent",
+			"text-autospace": "normal | <autospace> | auto",
+			"text-box": "normal | <'text-box-trim'> || <'text-box-edge'>",
+			"text-box-edge": "auto | <text-edge>",
+			"text-box-trim": "none | trim-start | trim-end | trim-both",
+			"text-decoration-skip-box": "none | all",
+			"text-decoration-skip-self": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
+			"text-decoration-skip-spaces": "none | all | [ start || end ]",
+			"text-decoration-trim": "<length>{1,2} | auto",
+			"text-emphasis-skip": "spaces || punctuation || symbols || narrow",
+			"text-group-align": "none | start | end | left | right | center",
+			"text-spacing": "none | auto | <spacing-trim> || <autospace>",
 			"text-wrap-style": "auto | balance | stable | pretty | avoid-orphans",
 			"top": "| <anchor()> | <anchor-size()>",
+			"view-transition-class": "none | <custom-ident>+",
+			"view-transition-group": "normal | contain | nearest | <custom-ident>",
 			"voice-duration": "auto | <time [0s,∞]>",
 			"voice-rate": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
 			"widows": "<integer [1,∞]>",
+			"word-space-transform": "none | [ space | ideographic-space ] && auto-phrase?",
 			"word-spacing": "normal | <length-percentage>",
 			"word-wrap": "| anywhere",
+			"wrap-after": "auto | avoid | avoid-line | avoid-flex | line | flex",
+			"wrap-before": "auto | avoid | avoid-line | avoid-flex | line | flex",
+			"wrap-flow": "auto | both | start | end | minimum | maximum | clear",
+			"wrap-inside": "auto | avoid",
+			"wrap-through": "wrap | none",
 			"x": "<length-percentage>",
 			"y": "<length-percentage>"
 		},
@@ -77,32 +200,72 @@
 			"attr-name": "[ [ <ident-token> '|' ]? <ident-token> ]",
 			"attr-type": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
 			"attr()": "attr( [ <attr-name> <attr-type>? , <declaration-value>? ] )",
+			"autospace": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
 			"axis": "block | inline | x | y",
 			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
+			"basic-shape-rect": "<inset()> | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
 			"bg-position": "<position> | <position-three>",
+			"border-style": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+			"border-width": "thin | medium | thick | <length>",
 			"bottom": "<length-percentage> | auto",
 			"by-to": "by | to",
+			"calc-keyword": "e | pi | infinity | -infinity | NaN",
+			"calc-mix()": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+			"calc-size-basis": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
+			"calc-size()": "calc-size( <calc-size-basis> , <calc-sum> )",
+			"cf-image": "[ <image> | <color> ] && <percentage [0,100]>?",
 			"color": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
+			"color-font-tech": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
+			"color-layers()": "color-layers( [ <blend-mode> , ]? <color># )",
+			"color-stripe": "<color> && [ <length-percentage> | <flex> ]?",
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
 			"compat-special": "textfield | menulist-button",
+			"composite-mode": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
 			"conic-gradient-syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 			"conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
+			"container-progress()": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+			"container-query": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+			"content-level": "element | content | text | <attr()> | <counter>",
 			"content-list": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
 			"content()": "content( [ text | before | after | first-letter | marker ]? )",
 			"contrast-color()": "contrast-color( <color> max? )",
 			"coord-box": "<paint-box> | view-box",
 			"coordinate-pair": "<length-percentage>{2}",
+			"crossorigin-modifier": "crossorigin( anonymous | use-credentials )",
+			"css-type": "<syntax-component> | <type()>",
+			"cubic-bezier-easing-function": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
+			"cubic-bezier()": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
 			"curve-command": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
+			"custom-arg": "$ <ident-token> ;",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
+			"dasharray": "[ [ <length-percentage> | <number> ]+ ]#",
+			"deprecated-color": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
 			"dimension-unit": "'%' | em | ex | cap | ch | ic | rem | lh | rlh | vw | vh | vi | vb | vmin | vmax | cm | mm | q | in | pc | pt | px | deg | grad | rad | turn | s | ms | hz | khz | fr",
+			"dynamic-range-limit-mix()": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
 			"filter-value-list": "[ <filter-function> | <url> ]+",
+			"filter()": "filter( [ <image> | <string> ] , <filter-value-list> )",
+			"first-valid()": "first-valid( <declaration-value># )",
+			"font-features-tech": "[ features-opentype | features-aat | features-graphite ]",
+			"font-format": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
+			"font-src": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
+			"font-tech": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+			"function-dependency-list": "<function-parameter>#",
+			"function-name": "<dashed-ident>",
+			"function-parameter": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+			"function-parameter-list": "<function-parameter>#",
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 			"hv-line-command": "[ hline | vline ] <by-to> <length-percentage>",
 			"hwb()": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"image-1D": "<stripes()>",
 			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+			"import-conditions": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+			"integrity-modifier": "integrity( <string> )",
+			"intrinsic-size-keyword": "auto | max-content | min-content | stretch",
+			"isolation-mode": "auto | isolate",
 			"lab()": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"layout-box": "<visual-box> | margin-box",
 			"lch()": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"left": "<length-percentage> | auto",
 			"legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
@@ -110,14 +273,34 @@
 			"legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 			"legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 			"line-command": "line <by-to> <coordinate-pair>",
+			"linear-easing-function": "linear | <linear()>",
+			"linear-gradient-syntax": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
+			"linear()": "linear( [ <number> && <percentage>{0,2} ]# )",
+			"link-param": "param( <custom-property-name> <declaration-value>? )",
+			"marker-ref": "<url>",
+			"masonry-auto-track-list": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*",
+			"media-progress()": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
+			"media()": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
+			"mf-comparison": "<mf-lt> | <mf-gt> | <mf-eq>",
+			"mf-eq": "'='",
+			"mf-gt": "'>' '='?",
+			"mf-lt": "'<' '='?",
+			"mix()": "mix( <progress> , <any-value> , <any-value> ) | mix( <progress> && of <'animation-name'> )",
 			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgb-syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgba-syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 			"move-command": "move <by-to> <coordinate-pair>",
+			"mq-boolean": "<integer [0,1]>",
+			"number-optional-number": "<number> <number>?",
 			"oklab()": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"oklch()": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"opacity-value": "<number> | <percentage>",
+			"opentype-tag": "<string>",
+			"padding-width": "<length> | <percentage>",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
+			"palette-mix()": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
+			"points": "[ <number>+ ]#",
 			"position": "<position-one> | <position-two> | <position-four>",
 			"position-four": "[ [ [ 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} ]",
 			"position-one": "[ left | center | right | top | bottom | x-start | x-end | y-start | y-end | block-start | block-end | inline-start | inline-end | <length-percentage> ]",
@@ -127,23 +310,63 @@
 			"predefined-rectangular": "jzazbz | ictcp",
 			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+			"progress": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
+			"progress()": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+			"pt-class-selector": "[ '.' <custom-ident> ]+",
+			"pt-name-and-class-selector": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
+			"pt-name-selector": "'*' | <custom-ident>",
 			"radial-extent": "closest-corner | closest-side | farthest-corner | farthest-side",
+			"radial-gradient-syntax": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
+			"radial-shape": "circle | ellipse",
 			"radial-size": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
+			"random-caching-options": "<dashed-ident> || per-element",
+			"random-item()": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
+			"random()": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
 			"ray()": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
+			"referrerpolicy-modifier": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
+			"repeat()": "auto-fill | auto-fit",
 			"repetition": "repeat | space | round | no-repeat",
+			"request-url-modifier": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
 			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 			"right": "<length-percentage> | auto",
+			"running()": "running( <custom-ident> )",
 			"scroll()": "scroll( [ <scroller> || <axis> ]? )",
 			"scroller": "root | nearest | self",
 			"shape-command": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
 			"shape()": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
 			"smooth-command": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
+			"source-size": "<media-condition> <source-size-value> | auto",
+			"source-size-list": "<source-size>#? , <source-size-value>",
+			"source-size-value": "<length> | auto",
+			"spacing-trim": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+			"spread-shadow": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
 			"src()": "src( <string> <url-modifier>* )",
+			"step-easing-function": "step-start | step-end | <steps()>",
+			"steps()": "steps( <integer> , <step-position>? )",
 			"string()": "string( <custom-ident> , [ first | start | last | first-except ]? )",
+			"stripes()": "stripes( <color-stripe># )",
+			"supports-font-format-fn": "font-format( <font-format> )",
+			"supports-font-tech-fn": "font-tech( <font-tech> )",
+			"supports()": "supports( <declaration> )",
+			"svg-paint": "child | child( <integer> )",
+			"symbols-type": "cyclic | numeric | alphabetic | symbolic | fixed",
+			"symbols()": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+			"syntax": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+			"syntax-combinator": "'|'",
+			"syntax-component": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'",
+			"syntax-multiplier": "[ '#' | '+' ]",
+			"syntax-single-component": "'<' <syntax-type-name> '>' | <ident>",
+			"syntax-type-name": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+			"target-contrast": "<wcag2>",
+			"text-edge": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+			"toggle()": "toggle( <any-value># )",
 			"top": "<length-percentage> | auto",
+			"transform-mix()": "transform-mix( <progress> , <transform-list> , <transform-list> )",
+			"type()": "type( <syntax> )",
 			"url": "<url()> | <src()> | <url-token>",
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
+			"wcag2": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 			"xyz": "xyz | xyz-d50 | xyz-d65",
 			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
 			"dashed-ident": "<custom-property-name>"
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 4218ec3ac4..2b5df7472c 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -655,7 +655,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -710,7 +710,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -787,7 +787,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -834,7 +834,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"syntax-m": false,
+		"syntax-m": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -845,7 +845,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"syntax-m": false,
+		"syntax-m": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -856,7 +856,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"syntax-m": false,
+		"syntax-m": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -867,7 +867,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"syntax-m": false,
+		"syntax-m": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -878,7 +878,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-		"syntax-m": false,
+		"syntax-m": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1039,7 +1039,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1094,7 +1094,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1160,7 +1160,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1171,7 +1171,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1233,7 +1233,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1373,7 +1373,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1460,7 +1460,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length [0,∞]>#",
-		"syntax-m": false,
+		"syntax-m": "<length [0,∞]>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1471,7 +1471,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color>#",
-		"syntax-m": false,
+		"syntax-m": "<color>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1482,7 +1482,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ none | <length>{2} ]#",
-		"syntax-m": false,
+		"syntax-m": "[ none | <length>{2} ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1493,7 +1493,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ outset | inset ]#",
-		"syntax-m": false,
+		"syntax-m": "[ outset | inset ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1504,7 +1504,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length>#",
-		"syntax-m": false,
+		"syntax-m": "<length>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1515,7 +1515,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | block-start | block-end | center | baseline | last-baseline",
-		"syntax-m": false,
+		"syntax-m": "none | block-start | block-end | center | baseline | last-baseline",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1559,7 +1559,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | manual",
-		"syntax-m": false,
+		"syntax-m": "auto | manual",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1629,7 +1629,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | sRGB | linearRGB",
-		"syntax-m": false,
+		"syntax-m": "auto | sRGB | linearRGB",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1794,7 +1794,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | discard | -webkit-discard | overflow | paginate | fragments",
-		"syntax-m": false,
+		"syntax-m": "auto | discard | -webkit-discard | overflow | paginate | fragments",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1805,7 +1805,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
-		"syntax-m": false,
+		"syntax-m": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1816,7 +1816,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ round | angle ]{1,4}",
-		"syntax-m": false,
+		"syntax-m": "[ round | angle ]{1,4}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1827,7 +1827,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'corner-shape'> || <'border-radius'>",
-		"syntax-m": false,
+		"syntax-m": "<'corner-shape'> || <'border-radius'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1926,7 +1926,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "standard | high | constrained-high",
-		"syntax-m": false,
+		"syntax-m": "standard | high | constrained-high",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1948,7 +1948,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "bounding-box | slice | clone",
-		"syntax-m": false,
+		"syntax-m": "bounding-box | slice | clone",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1959,7 +1959,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color>",
-		"syntax-m": false,
+		"syntax-m": "<color>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1970,7 +1970,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<paint>#",
-		"syntax-m": false,
+		"syntax-m": "<paint>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1992,7 +1992,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
-		"syntax-m": false,
+		"syntax-m": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2003,7 +2003,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<position>#",
-		"syntax-m": false,
+		"syntax-m": "<position>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2014,7 +2014,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repeat-style>#",
-		"syntax-m": false,
+		"syntax-m": "<repeat-style>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2025,7 +2025,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<bg-size>#",
-		"syntax-m": false,
+		"syntax-m": "<bg-size>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2080,7 +2080,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<integer> | last | none",
-		"syntax-m": false,
+		"syntax-m": "<integer> | last | none",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2091,7 +2091,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length> | <percentage>",
-		"syntax-m": false,
+		"syntax-m": "<length> | <percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2102,7 +2102,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "inline | column | region | page",
-		"syntax-m": false,
+		"syntax-m": "inline | column | region | page",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2113,7 +2113,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color>",
-		"syntax-m": false,
+		"syntax-m": "<color>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2124,7 +2124,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'opacity'>",
-		"syntax-m": false,
+		"syntax-m": "<'opacity'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2135,7 +2135,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<ident> | none",
-		"syntax-m": false,
+		"syntax-m": "<ident> | none",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2146,7 +2146,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <ident> [ element | content ]?",
-		"syntax-m": false,
+		"syntax-m": "none | <ident> [ element | content ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2234,7 +2234,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
-		"syntax-m": false,
+		"syntax-m": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2245,7 +2245,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "block | inline | compact",
-		"syntax-m": false,
+		"syntax-m": "block | inline | compact",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2256,7 +2256,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | line | block",
-		"syntax-m": false,
+		"syntax-m": "auto | line | block",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2333,7 +2333,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | always | column | page | spread",
-		"syntax-m": false,
+		"syntax-m": "none | always | column | page | spread",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2344,7 +2344,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "no-limit | <integer>",
-		"syntax-m": false,
+		"syntax-m": "no-limit | <integer>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2355,7 +2355,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2410,7 +2410,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | first | all | grid | <length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "none | first | all | grid | <length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2421,7 +2421,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | stretch",
-		"syntax-m": false,
+		"syntax-m": "normal | stretch",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2476,7 +2476,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "numeric-only | allow-keywords",
-		"syntax-m": false,
+		"syntax-m": "numeric-only | allow-keywords",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2561,7 +2561,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color>",
-		"syntax-m": false,
+		"syntax-m": "<color>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2594,7 +2594,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "leading | <text-edge>",
-		"syntax-m": false,
+		"syntax-m": "leading | <text-edge>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2605,7 +2605,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "match-parent | create",
-		"syntax-m": false,
+		"syntax-m": "match-parent | create",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2638,7 +2638,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length>",
-		"syntax-m": false,
+		"syntax-m": "<length>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2649,7 +2649,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | baseline | contain",
-		"syntax-m": false,
+		"syntax-m": "none | baseline | contain",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2660,7 +2660,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <link-param>+",
-		"syntax-m": false,
+		"syntax-m": "none | <link-param>+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2757,7 +2757,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | keep | discard",
-		"syntax-m": false,
+		"syntax-m": "auto | keep | discard",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2938,7 +2938,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "match-self | match-parent",
-		"syntax-m": false,
+		"syntax-m": "match-self | match-parent",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2993,7 +2993,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
-		"syntax-m": false,
+		"syntax-m": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3004,7 +3004,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'grid-auto-columns'>",
-		"syntax-m": false,
+		"syntax-m": "<'grid-auto-columns'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3015,7 +3015,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "row | column | row-reverse | column-reverse",
-		"syntax-m": false,
+		"syntax-m": "row | column | row-reverse | column-reverse",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3026,7 +3026,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | reverse",
-		"syntax-m": false,
+		"syntax-m": "normal | reverse",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3037,7 +3037,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'masonry-direction'> || <'masonry-fill'>",
-		"syntax-m": false,
+		"syntax-m": "<'masonry-direction'> || <'masonry-fill'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3048,7 +3048,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage> | infinite",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage> | infinite",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3059,7 +3059,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <string>",
-		"syntax-m": false,
+		"syntax-m": "none | <string>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3070,7 +3070,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
-		"syntax-m": false,
+		"syntax-m": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3125,7 +3125,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "legacy | zero-if-scroll || zero-if-extrinsic",
-		"syntax-m": false,
+		"syntax-m": "legacy | zero-if-scroll || zero-if-extrinsic",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3170,9 +3170,10 @@
 	"nav-down": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
-		"syntax-m": false,
+		"syntax-m": "auto | <id> [ current | root | <target-name> ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3181,9 +3182,10 @@
 	"nav-left": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
-		"syntax-m": false,
+		"syntax-m": "auto | <id> [ current | root | <target-name> ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3192,9 +3194,10 @@
 	"nav-right": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
-		"syntax-m": false,
+		"syntax-m": "auto | <id> [ current | root | <target-name> ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3203,9 +3206,10 @@
 	"nav-up": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
-		"syntax-m": false,
+		"syntax-m": "auto | <id> [ current | root | <target-name> ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3227,7 +3231,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <basic-shape-rect>",
-		"syntax-m": false,
+		"syntax-m": "none | <basic-shape-rect>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3293,7 +3297,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> || <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3304,7 +3308,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> || <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3315,7 +3319,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> || <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3326,7 +3330,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> || <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3337,7 +3341,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> || <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3348,7 +3352,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> || <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3359,7 +3363,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> || <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3370,7 +3374,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> || <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3381,7 +3385,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> || <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3392,7 +3396,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> || <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> || <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3653,7 +3657,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
-		"syntax-m": false,
+		"syntax-m": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3664,7 +3668,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | break",
-		"syntax-m": false,
+		"syntax-m": "auto | break",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3753,7 +3757,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | none",
-		"syntax-m": false,
+		"syntax-m": "auto | none",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3797,7 +3801,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | before | after",
-		"syntax-m": false,
+		"syntax-m": "none | before | after",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3929,7 +3933,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ none | auto ]",
-		"syntax-m": false,
+		"syntax-m": "[ none | auto ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3962,7 +3966,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
-		"syntax-m": false,
+		"syntax-m": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3995,7 +3999,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4006,7 +4010,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ <basic-shape> | <uri> ]+",
-		"syntax-m": false,
+		"syntax-m": "none | [ <basic-shape> | <url> ]+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4017,7 +4021,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | focus | scroll",
-		"syntax-m": false,
+		"syntax-m": "auto | focus | scroll",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4028,7 +4032,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | contain",
-		"syntax-m": false,
+		"syntax-m": "auto | contain",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4039,7 +4043,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | grid",
-		"syntax-m": false,
+		"syntax-m": "normal | grid",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4050,7 +4054,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ <custom-ident> <string>+ ]#",
-		"syntax-m": false,
+		"syntax-m": "none | [ <custom-ident> <string>+ ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4061,7 +4065,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "center | inset | outset",
-		"syntax-m": false,
+		"syntax-m": "center | inset | outset",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4072,7 +4076,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "center | inner | outer",
-		"syntax-m": false,
+		"syntax-m": "center | inner | outer",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4083,7 +4087,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "bounding-box | slice | clone",
-		"syntax-m": false,
+		"syntax-m": "bounding-box | slice | clone",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4094,7 +4098,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color>#",
-		"syntax-m": false,
+		"syntax-m": "<color>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4105,7 +4109,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <length>",
-		"syntax-m": false,
+		"syntax-m": "none | <length>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4116,7 +4120,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ stretch | compress ] || [ dashes || gaps ]",
-		"syntax-m": false,
+		"syntax-m": "none | [ stretch | compress ] || [ dashes || gaps ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4127,7 +4131,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ stretch | compress ] [ dashes | gaps ]?",
-		"syntax-m": false,
+		"syntax-m": "none | [ stretch | compress ] [ dashes | gaps ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4149,7 +4153,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <length>",
-		"syntax-m": false,
+		"syntax-m": "none | <length>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4171,7 +4175,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<paint>#",
-		"syntax-m": false,
+		"syntax-m": "<paint>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4226,7 +4230,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
-		"syntax-m": false,
+		"syntax-m": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4237,7 +4241,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<position>#",
-		"syntax-m": false,
+		"syntax-m": "<position>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4248,7 +4252,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<repeat-style>#",
-		"syntax-m": false,
+		"syntax-m": "<repeat-style>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4259,7 +4263,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<bg-size>#",
-		"syntax-m": false,
+		"syntax-m": "<bg-size>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4303,7 +4307,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "start | end | left | right | center | <string> | justify | match-parent",
-		"syntax-m": false,
+		"syntax-m": "start | end | left | right | center | <string> | justify | match-parent",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4325,7 +4329,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | <autospace> | auto",
-		"syntax-m": false,
+		"syntax-m": "normal | <autospace> | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4336,7 +4340,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | <'text-box-trim'> || <'text-box-edge'>",
-		"syntax-m": false,
+		"syntax-m": "normal | <'text-box-trim'> || <'text-box-edge'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4347,7 +4351,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | <text-edge>",
-		"syntax-m": false,
+		"syntax-m": "auto | <text-edge>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4358,7 +4362,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | trim-start | trim-end | trim-both",
-		"syntax-m": false,
+		"syntax-m": "none | trim-start | trim-end | trim-both",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4402,7 +4406,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | all",
-		"syntax-m": false,
+		"syntax-m": "none | all",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4424,7 +4428,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
-		"syntax-m": false,
+		"syntax-m": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4435,7 +4439,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | all | [ start || end ]",
-		"syntax-m": false,
+		"syntax-m": "none | all | [ start || end ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4457,7 +4461,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length>{1,2} | auto",
-		"syntax-m": false,
+		"syntax-m": "<length>{1,2} | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4479,7 +4483,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "spaces || punctuation || symbols || narrow",
-		"syntax-m": false,
+		"syntax-m": "spaces || punctuation || symbols || narrow",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4490,7 +4494,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | start | end | left | right | center",
-		"syntax-m": false,
+		"syntax-m": "none | start | end | left | right | center",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4556,7 +4560,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | auto | <spacing-trim> || <autospace>",
-		"syntax-m": false,
+		"syntax-m": "none | auto | <spacing-trim> || <autospace>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4785,7 +4789,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | <custom-ident>+",
-		"syntax-m": false,
+		"syntax-m": "none | <custom-ident>+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4796,7 +4800,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "normal | contain | nearest | <custom-ident>",
-		"syntax-m": false,
+		"syntax-m": "normal | contain | nearest | <custom-ident>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4922,7 +4926,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | [ space | ideographic-space ] && auto-phrase?",
-		"syntax-m": false,
+		"syntax-m": "none | [ space | ideographic-space ] && auto-phrase?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4980,7 +4984,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
-		"syntax-m": false,
+		"syntax-m": "auto | avoid | avoid-line | avoid-flex | line | flex",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4991,7 +4995,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
-		"syntax-m": false,
+		"syntax-m": "auto | avoid | avoid-line | avoid-flex | line | flex",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -5002,7 +5006,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | both | start | end | minimum | maximum | clear",
-		"syntax-m": false,
+		"syntax-m": "auto | both | start | end | minimum | maximum | clear",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -5013,7 +5017,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | avoid",
-		"syntax-m": false,
+		"syntax-m": "auto | avoid",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -5024,7 +5028,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "wrap | none",
-		"syntax-m": false,
+		"syntax-m": "wrap | none",
 		"tests": {
 			"passing": [],
 			"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 2ac3c70532..2bb6982b5b 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -345,7 +345,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
-		"syntax-m": false,
+		"syntax-m": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -415,7 +415,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<inset()> | <rect()> | <xywh()>",
-		"syntax-m": false,
+		"syntax-m": "<inset()> | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -479,9 +479,10 @@
 	"bool-and": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "and <bool-in-parens>",
-		"syntax-m": false,
+		"syntax-m": "and <bool-in-parens>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -490,9 +491,10 @@
 	"bool-in-parens": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "( <boolean> ) | <bool-test> | <general-enclosed>",
-		"syntax-m": false,
+		"syntax-m": "( <boolean> ) | <bool-test> | <general-enclosed>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -501,9 +503,10 @@
 	"bool-not": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "not <bool-in-parens>",
-		"syntax-m": false,
+		"syntax-m": "not <bool-in-parens>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -512,9 +515,10 @@
 	"bool-or": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "or <bool-in-parens>",
-		"syntax-m": false,
+		"syntax-m": "or <bool-in-parens>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -523,9 +527,10 @@
 	"boolean": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
-		"syntax-m": false,
+		"syntax-m": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -534,9 +539,10 @@
 	"boolean-without-or": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "<bool-not> | <bool-in-parens> <bool-and>*",
-		"syntax-m": false,
+		"syntax-m": "<bool-not> | <bool-in-parens> <bool-and>*",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -547,7 +553,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
-		"syntax-m": false,
+		"syntax-m": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -558,7 +564,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "thin | medium | thick | <length>",
-		"syntax-m": false,
+		"syntax-m": "thin | medium | thick | <length>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -636,7 +642,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "e | pi | infinity | -infinity | NaN",
-		"syntax-m": false,
+		"syntax-m": "e | pi | infinity | -infinity | NaN",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -647,7 +653,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
-		"syntax-m": false,
+		"syntax-m": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -669,7 +675,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
-		"syntax-m": false,
+		"syntax-m": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -680,7 +686,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "calc-size( <calc-size-basis> , <calc-sum> )",
-		"syntax-m": false,
+		"syntax-m": "calc-size( <calc-size-basis> , <calc-sum> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -702,7 +708,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <image> | <color> ] && <percentage [0,100]>?",
-		"syntax-m": false,
+		"syntax-m": "[ <image> | <color> ] && <percentage [0,100]>?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -749,7 +755,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
-		"syntax-m": false,
+		"syntax-m": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -760,7 +766,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "color-layers( [ <blend-mode> , ]? <color># )",
-		"syntax-m": false,
+		"syntax-m": "color-layers( [ <blend-mode> , ]? <color># )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -782,7 +788,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<color> && [ <length-percentage> | <flex> ]?",
-		"syntax-m": false,
+		"syntax-m": "<color> && [ <length-percentage> | <flex> ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -869,7 +875,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
-		"syntax-m": false,
+		"syntax-m": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -948,7 +954,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
-		"syntax-m": false,
+		"syntax-m": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -959,7 +965,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
-		"syntax-m": false,
+		"syntax-m": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -970,7 +976,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "element | content | text | <attr()> | <counter>",
-		"syntax-m": false,
+		"syntax-m": "element | content | text | <attr()> | <counter>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1140,7 +1146,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "crossorigin( anonymous | use-credentials )",
-		"syntax-m": false,
+		"syntax-m": "crossorigin( anonymous | use-credentials )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1151,7 +1157,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<syntax-component> | <type()>",
-		"syntax-m": false,
+		"syntax-m": "<syntax-component> | <type()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1162,7 +1168,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
-		"syntax-m": false,
+		"syntax-m": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1173,7 +1179,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
-		"syntax-m": false,
+		"syntax-m": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1195,7 +1201,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "$ <ident-token> ;",
-		"syntax-m": false,
+		"syntax-m": "$ <ident-token> ;",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1215,9 +1221,10 @@
 	"custom-selector": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
-		"syntax-m": false,
+		"syntax-m": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1228,7 +1235,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ [ <length-percentage> | <number> ]+ ]#",
-		"syntax-m": false,
+		"syntax-m": "[ [ <length-percentage> | <number> ]+ ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1239,7 +1246,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
-		"syntax-m": false,
+		"syntax-m": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1286,7 +1293,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
-		"syntax-m": false,
+		"syntax-m": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1363,7 +1370,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "filter( [ <image> | <string> ] , <filter-value-list> )",
-		"syntax-m": false,
+		"syntax-m": "filter( [ <image> | <string> ] , <filter-value-list> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1385,7 +1392,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "first-valid( <declaration-value># )",
-		"syntax-m": false,
+		"syntax-m": "first-valid( <declaration-value># )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1407,7 +1414,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ features-opentype | features-aat | features-graphite ]",
-		"syntax-m": false,
+		"syntax-m": "[ features-opentype | features-aat | features-graphite ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1418,7 +1425,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
-		"syntax-m": false,
+		"syntax-m": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1429,7 +1436,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
-		"syntax-m": false,
+		"syntax-m": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1440,7 +1447,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
-		"syntax-m": false,
+		"syntax-m": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1473,7 +1480,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<function-parameter>#",
-		"syntax-m": false,
+		"syntax-m": "<function-parameter>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1484,7 +1491,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<dashed-ident>",
-		"syntax-m": false,
+		"syntax-m": "<dashed-ident>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1495,7 +1502,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
-		"syntax-m": false,
+		"syntax-m": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1506,7 +1513,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<function-parameter>#",
-		"syntax-m": false,
+		"syntax-m": "<function-parameter>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1662,7 +1669,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<stripes()>",
-		"syntax-m": false,
+		"syntax-m": "<stripes()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1716,7 +1723,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
-		"syntax-m": false,
+		"syntax-m": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1738,7 +1745,18 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "integrity( <string> )",
-		"syntax-m": false,
+		"syntax-m": "integrity( <string> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"intrinsic-size-keyword": {
+		"type": "added",
+		"comment": "This list is incomplete",
+		"syntax-b": "",
+		"syntax-a": "auto | max-content | min-content | stretch",
+		"syntax-m": "auto | max-content | min-content | stretch",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1749,7 +1767,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto | isolate",
-		"syntax-m": false,
+		"syntax-m": "auto | isolate",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1812,7 +1830,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<visual-box> | margin-box",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> | margin-box",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2118,7 +2136,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "linear | <linear()>",
-		"syntax-m": false,
+		"syntax-m": "linear | <linear()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2129,7 +2147,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
-		"syntax-m": false,
+		"syntax-m": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2151,7 +2169,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "linear( [ <number> && <percentage>{0,2} ]# )",
-		"syntax-m": false,
+		"syntax-m": "linear( [ <number> && <percentage>{0,2} ]# )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2162,7 +2180,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "param( <custom-property-name> <declaration-value>? )",
-		"syntax-m": false,
+		"syntax-m": "param( <custom-property-name> <declaration-value>? )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2173,7 +2191,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<url>",
-		"syntax-m": false,
+		"syntax-m": "<url>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2184,7 +2202,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*",
-		"syntax-m": false,
+		"syntax-m": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2239,7 +2257,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
-		"syntax-m": false,
+		"syntax-m": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2250,7 +2268,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
-		"syntax-m": false,
+		"syntax-m": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2261,7 +2279,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<mf-lt> | <mf-gt> | <mf-eq>",
-		"syntax-m": false,
+		"syntax-m": "<mf-lt> | <mf-gt> | <mf-eq>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2272,7 +2290,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'='",
-		"syntax-m": false,
+		"syntax-m": "'='",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2283,7 +2301,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'>' '='?",
-		"syntax-m": false,
+		"syntax-m": "'>' '='?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2294,7 +2312,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'<' '='?",
-		"syntax-m": false,
+		"syntax-m": "'<' '='?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2313,10 +2331,10 @@
 	},
 	"mix()": {
 		"type": "added",
-		"comment": "",
+		"comment": "TODO: csstree doesn't support <whole-value> https://github.com/csstree/csstree/issues/300",
 		"syntax-b": "",
 		"syntax-a": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
-		"syntax-m": false,
+		"syntax-m": "mix( <progress> , <any-value> , <any-value> ) | mix( <progress> && of <'animation-name'> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2534,7 +2552,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<integer [0,1]>",
-		"syntax-m": false,
+		"syntax-m": "<integer [0,1]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2570,7 +2588,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<number> <number>?",
-		"syntax-m": false,
+		"syntax-m": "<number> <number>?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2663,7 +2681,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<number> | <percentage>",
-		"syntax-m": false,
+		"syntax-m": "<number> | <percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2674,7 +2692,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<string>",
-		"syntax-m": false,
+		"syntax-m": "<string>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2685,7 +2703,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length> | <percentage>",
-		"syntax-m": false,
+		"syntax-m": "<length> | <percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2758,7 +2776,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
-		"syntax-m": false,
+		"syntax-m": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2769,7 +2787,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <number>+ ]#",
-		"syntax-m": false,
+		"syntax-m": "[ <number>+ ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2901,7 +2919,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
-		"syntax-m": false,
+		"syntax-m": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2912,7 +2930,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
-		"syntax-m": false,
+		"syntax-m": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2934,7 +2952,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ '.' <custom-ident> ]+",
-		"syntax-m": false,
+		"syntax-m": "[ '.' <custom-ident> ]+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2945,7 +2963,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
-		"syntax-m": false,
+		"syntax-m": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2956,7 +2974,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'*' | <custom-ident>",
-		"syntax-m": false,
+		"syntax-m": "'*' | <custom-ident>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2998,7 +3016,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
-		"syntax-m": false,
+		"syntax-m": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3020,7 +3038,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "circle | ellipse",
-		"syntax-m": false,
+		"syntax-m": "circle | ellipse",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3055,7 +3073,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<dashed-ident> || per-element",
-		"syntax-m": false,
+		"syntax-m": "<dashed-ident> || per-element",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3066,7 +3084,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
-		"syntax-m": false,
+		"syntax-m": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3077,7 +3095,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
-		"syntax-m": false,
+		"syntax-m": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3133,7 +3151,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
-		"syntax-m": false,
+		"syntax-m": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3155,7 +3173,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "auto-fill | auto-fit",
-		"syntax-m": false,
+		"syntax-m": "auto-fill | auto-fit",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3236,7 +3254,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
-		"syntax-m": false,
+		"syntax-m": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3343,7 +3361,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "running( <custom-ident> )",
-		"syntax-m": false,
+		"syntax-m": "running( <custom-ident> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3352,9 +3370,10 @@
 	"scroll-state-in-parens": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
-		"syntax-m": false,
+		"syntax-m": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3363,9 +3382,10 @@
 	"scroll-state-query": {
 		"type": "added",
 		"comment": "",
+		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
-		"syntax-m": false,
+		"syntax-m": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3503,7 +3523,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<media-condition> <source-size-value> | auto",
-		"syntax-m": false,
+		"syntax-m": "<media-condition> <source-size-value> | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3514,7 +3534,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<source-size>#? , <source-size-value>",
-		"syntax-m": false,
+		"syntax-m": "<source-size>#? , <source-size-value>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3525,7 +3545,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<length> | auto",
-		"syntax-m": false,
+		"syntax-m": "<length> | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3536,7 +3556,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "space-all | normal | space-first | trim-start | trim-both | trim-all",
-		"syntax-m": false,
+		"syntax-m": "space-all | normal | space-first | trim-start | trim-both | trim-all",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3547,7 +3567,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
-		"syntax-m": false,
+		"syntax-m": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3583,7 +3603,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "step-start | step-end | <steps()>",
-		"syntax-m": false,
+		"syntax-m": "step-start | step-end | <steps()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3594,7 +3614,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "steps( <integer> , <step-position>? )",
-		"syntax-m": false,
+		"syntax-m": "steps( <integer> , <step-position>? )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3629,7 +3649,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "stripes( <color-stripe># )",
-		"syntax-m": false,
+		"syntax-m": "stripes( <color-stripe># )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3673,7 +3693,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "font-format( <font-format> )",
-		"syntax-m": false,
+		"syntax-m": "font-format( <font-format> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3684,7 +3704,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "font-tech( <font-tech> )",
-		"syntax-m": false,
+		"syntax-m": "font-tech( <font-tech> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3695,7 +3715,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "supports( <declaration> )",
-		"syntax-m": false,
+		"syntax-m": "supports( <declaration> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3706,7 +3726,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "child | child( <integer> )",
-		"syntax-m": false,
+		"syntax-m": "child | child( <integer> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3717,7 +3737,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "cyclic | numeric | alphabetic | symbolic | fixed",
-		"syntax-m": false,
+		"syntax-m": "cyclic | numeric | alphabetic | symbolic | fixed",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3728,7 +3748,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
-		"syntax-m": false,
+		"syntax-m": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3739,7 +3759,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
-		"syntax-m": false,
+		"syntax-m": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3750,7 +3770,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'|'",
-		"syntax-m": false,
+		"syntax-m": "'|'",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3761,7 +3781,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'",
-		"syntax-m": false,
+		"syntax-m": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3772,7 +3792,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ '#' | '+' ]",
-		"syntax-m": false,
+		"syntax-m": "[ '#' | '+' ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3783,7 +3803,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "'<' <syntax-type-name> '>' | <ident>",
-		"syntax-m": false,
+		"syntax-m": "'<' <syntax-type-name> '>' | <ident>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3794,7 +3814,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
-		"syntax-m": false,
+		"syntax-m": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3805,7 +3825,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "<wcag2>",
-		"syntax-m": false,
+		"syntax-m": "<wcag2>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3816,7 +3836,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
-		"syntax-m": false,
+		"syntax-m": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3835,10 +3855,10 @@
 	},
 	"toggle()": {
 		"type": "added",
-		"comment": "",
+		"comment": "TODO: csstree doesn't support <whole-value> https://github.com/csstree/csstree/issues/300",
 		"syntax-b": "",
 		"syntax-a": "toggle( <whole-value># )",
-		"syntax-m": false,
+		"syntax-m": "toggle( <any-value># )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3916,7 +3936,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "transform-mix( <progress> , <transform-list> , <transform-list> )",
-		"syntax-m": false,
+		"syntax-m": "transform-mix( <progress> , <transform-list> , <transform-list> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3927,7 +3947,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "type( <syntax> )",
-		"syntax-m": false,
+		"syntax-m": "type( <syntax> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4000,7 +4020,7 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
-		"syntax-m": false,
+		"syntax-m": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 		"tests": {
 			"passing": [],
 			"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/intrinsic-size-keywords.json b/packages/css-syntax-patches-for-csstree/raw-data/intrinsic-size-keywords.json
new file mode 100644
index 0000000000..aef55e5858
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/intrinsic-size-keywords.json
@@ -0,0 +1,6 @@
+[
+	"auto",
+	"max-content",
+	"min-content",
+	"stretch"
+]
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index b3c9805e4c..8af029490e 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -677,6 +677,12 @@
 		"syntax-a": "integrity( <string> )",
 		"comment": ""
 	},
+	"intrinsic-size-keyword": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | max-content | min-content | stretch",
+		"comment": ""
+	},
 	"isolation-mode": {
 		"type": "added",
 		"syntax-b": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index c3ad5008db..f73db71363 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -737,6 +737,9 @@
 	"integrity-modifier": {
 		"syntax": "integrity( <string> )"
 	},
+	"intrinsic-size-keyword": {
+		"syntax": "auto | max-content | min-content | stretch"
+	},
 	"invert()": {
 		"syntax": "invert( <number-percentage> )"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 4f1da6389a..42cf8f257f 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -554,6 +554,8 @@ export async function generate_webref_sets() {
 
 	values['dimension-unit'] = JSON.parse(await fs.readFile(path.join('raw-data', 'units.json'))).join(' | ');
 
+	values['intrinsic-size-keyword'] = JSON.parse(await fs.readFile(path.join('raw-data', 'intrinsic-size-keywords.json'))).join(' | ');
+
 	const forkedLexer = fork({
 		properties: properties,
 		types: values,
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
index e4632b9e20..a563e5a710 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
@@ -28,6 +28,10 @@ export async function write_patches(sets, patch_sets) {
 						...patch_definition,
 					};
 
+					if (definition.type === 'added' && !merged_sets[set_name][kind_name][name]['syntax-m']) {
+						merged_sets[set_name][kind_name][name]['syntax-m'] = merged_sets[set_name][kind_name][name]['syntax-a'];
+					}
+
 					continue;
 				}
 
@@ -35,7 +39,7 @@ export async function write_patches(sets, patch_sets) {
 					...definition,
 				};
 
-				merged_sets[set_name][kind_name][name]['syntax-m'] = false;
+				merged_sets[set_name][kind_name][name]['syntax-m'] = definition.type === 'added' ? definition['syntax-a'] : false;
 				merged_sets[set_name][kind_name][name]['tests'] = {
 					'passing': [],
 					'failing': [],
@@ -69,7 +73,7 @@ export async function write_patches(sets, patch_sets) {
 					...definition,
 				};
 
-				merged_sets[set_name][kind_name][name]['syntax-m'] = false;
+				merged_sets[set_name][kind_name][name]['syntax-m'] = definition.type === 'added' ? definition['syntax-a'] : false;
 				merged_sets[set_name][kind_name][name]['tests'] = {
 					'passing': [],
 					'failing': [],
@@ -107,6 +111,7 @@ function sort_object_keys(object) {
 
 	copy.type = object.type;
 	copy.comment = object.comment;
+	copy.omit = object.omit;
 	copy['syntax-b'] = object['syntax-b'];
 	copy['syntax-a'] = object['syntax-a'];
 	copy['syntax-m'] = object['syntax-m'];

From e1ebe06298d3beb460a7e75603a83fe6715389b4 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Thu, 31 Oct 2024 19:58:06 +0100
Subject: [PATCH 56/66] wip

---
 .../dist/index.json                           | 155 ++++++++++++++
 .../webref-over-csstree-properties.json       | 200 +++++++++---------
 .../patches/webref-over-csstree-types.json    | 155 ++++++++------
 .../raw-data/webref-over-csstree-types.json   |  18 ++
 .../raw-data/webref-types.json                |   9 +
 .../scripts/generate-webref-sets.mjs          |   7 +
 6 files changed, 382 insertions(+), 162 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 45a98ac91d..c599c882c8 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -28,56 +28,105 @@
 			"bookmark-label": "<content-list>",
 			"bookmark-level": "none | <integer [1,∞]>",
 			"bookmark-state": "open | closed",
+			"border-block": "<'border-block-start'>",
+			"border-block-end": "<line-width> || <line-style> || <color>",
+			"border-block-end-color": "<color> | <image-1D>",
 			"border-block-end-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-block-end-style": "<line-style>",
+			"border-block-end-width": "<line-width>",
+			"border-block-start": "<line-width> || <line-style> || <color>",
+			"border-block-start-color": "<color> | <image-1D>",
 			"border-block-start-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-block-start-style": "<line-style>",
+			"border-block-start-width": "<line-width>",
+			"border-block-style": "<'border-top-style'>{1,2}",
+			"border-block-width": "<'border-top-width'>{1,2}",
+			"border-bottom-color": "<color> | <image-1D>",
+			"border-bottom-left-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-bottom-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-bottom-right-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-boundary": "none | parent | display",
 			"border-clip": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 			"border-clip-bottom": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 			"border-clip-left": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 			"border-clip-right": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
 			"border-clip-top": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+			"border-color": "[ <color> | <image-1D> ]{1,4}",
 			"border-end-end-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-end-start-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-image-outset": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
+			"border-image-slice": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
+			"border-image-width": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
+			"border-inline": "<'border-block-start'>",
+			"border-inline-end": "<line-width> || <line-style> || <color>",
+			"border-inline-end-color": "<color> | <image-1D>",
 			"border-inline-end-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-inline-end-style": "<line-style>",
+			"border-inline-end-width": "<line-width>",
+			"border-inline-start": "<line-width> || <line-style> || <color>",
+			"border-inline-start-color": "<color> | <image-1D>",
 			"border-inline-start-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+			"border-inline-start-style": "<line-style>",
+			"border-inline-start-width": "<line-width>",
+			"border-inline-style": "<'border-top-style'>{1,2}",
+			"border-inline-width": "<'border-top-width'>{1,2}",
+			"border-left-color": "<color> | <image-1D>",
 			"border-left-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 			"border-limit": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
 			"border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+			"border-right-color": "<color> | <image-1D>",
 			"border-right-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 			"border-spacing": "<length>{1,2}",
 			"border-start-end-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-start-start-radius": "<length-percentage [0,∞]>{1,2}",
+			"border-top-color": "<color> | <image-1D>",
 			"border-top-left-radius": "<length-percentage [0,∞]>{1,2}",
 			"border-top-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
 			"border-top-right-radius": "<length-percentage [0,∞]>{1,2}",
 			"bottom": "| <anchor()> | <anchor-size()>",
+			"box-shadow": "<spread-shadow>#",
 			"box-shadow-blur": "<length [0,∞]>#",
 			"box-shadow-color": "<color>#",
 			"box-shadow-offset": "[ none | <length>{2} ]#",
 			"box-shadow-position": "[ outset | inset ]#",
 			"box-shadow-spread": "<length>#",
 			"box-snap": "none | block-start | block-end | center | baseline | last-baseline",
+			"caret": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
 			"caret-animation": "auto | manual",
 			"clear": "| block-start | block-end | top | bottom | both-inline | both-block",
 			"color-adjust": "<'print-color-adjust'>",
 			"color-interpolation": "auto | sRGB | linearRGB",
 			"column-count": "auto | <integer [1,∞]>",
 			"column-gap": "normal | <length-percentage [0,∞]>",
+			"column-rule-style": "<line-style>",
+			"column-rule-width": "<line-width>",
 			"column-span": "| <integer [1,∞]> | auto",
+			"column-width": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
+			"contain": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
+			"container-type": "normal | [ [ size | inline-size ] || scroll-state ]",
 			"content": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
 			"continue": "auto | discard | -webkit-discard | overflow | paginate | fragments",
 			"copy-into": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
 			"corner-shape": "[ round | angle ]{1,4}",
 			"corners": "<'corner-shape'> || <'border-radius'>",
+			"cursor": "[ [ <url> | <url-set()> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 | -webkit-grab | -webkit-grabbing | -webkit-zoom-in | -webkit-zoom-out | -moz-grab | -moz-grabbing | -moz-zoom-in | -moz-zoom-out ]",
+			"cx": "<length-percentage>",
+			"cy": "<length-percentage>",
+			"display": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
+			"dominant-baseline": "auto | text-bottom | text-top | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
 			"dynamic-range-limit": "standard | high | constrained-high",
 			"fill-break": "bounding-box | slice | clone",
 			"fill-color": "<color>",
 			"fill-image": "<paint>#",
+			"fill-opacity": "<'opacity'>",
 			"fill-origin": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
 			"fill-position": "<position>#",
 			"fill-repeat": "<repeat-style>#",
 			"fill-size": "<bg-size>#",
+			"filter": "none | <filter-value-list> | <-ms-filter-function-list>",
+			"flex-grow": "<number [0,∞]>",
+			"flex-shrink": "<number [0,∞]>",
+			"float": "| block-start | block-end | snap-block | snap-block( <length> , [ start | end | near ]? ) | snap-inline | snap-inline( <length> , [ left | right | near ]? ) | top | bottom | footnote",
 			"float-defer": "<integer> | last | none",
 			"float-offset": "<length> | <percentage>",
 			"float-reference": "inline | column | region | page",
@@ -85,29 +134,71 @@
 			"flood-opacity": "<'opacity'>",
 			"flow-from": "<ident> | none",
 			"flow-into": "none | <ident> [ element | content ]?",
+			"font-palette": "| <palette-mix()>",
+			"font-size": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
+			"font-size-adjust": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
+			"font-style": "normal | italic | oblique <angle [-90deg,90deg]>?",
+			"font-variant": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
+			"font-variation-settings": "normal | [ <opentype-tag> <number> ]#",
 			"font-width": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
 			"footnote-display": "block | inline | compact",
 			"footnote-policy": "auto | line | block",
+			"forced-color-adjust": "| preserve-parent-color",
+			"glyph-orientation-vertical": "auto | 0deg | 90deg | 0 | 90",
+			"grid-auto-flow": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+			"grid-template-columns": "| masonry",
+			"grid-template-rows": "| masonry",
+			"height": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()> | <-non-standard-size>",
 			"hyphenate-limit-last": "none | always | column | page | spread",
 			"hyphenate-limit-lines": "no-limit | <integer>",
 			"hyphenate-limit-zone": "<length-percentage>",
+			"image-orientation": "from-image | none | [ <angle> || flip ]",
+			"image-rendering": "auto | smooth | high-quality | pixelated | crisp-edges | <-non-standard-image-rendering>",
+			"initial-letter": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
+			"initial-letter-align": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
 			"initial-letter-wrap": "none | first | all | grid | <length-percentage>",
 			"inline-sizing": "normal | stretch",
+			"inset-block-end": "auto | <length-percentage>",
+			"inset-block-start": "auto | <length-percentage>",
+			"inset-inline-end": "auto | <length-percentage>",
+			"inset-inline-start": "auto | <length-percentage>",
 			"interpolate-size": "numeric-only | allow-keywords",
+			"isolation": "<isolation-mode>",
 			"justify-items": "| anchor-center",
+			"justify-self": "| anchor-center",
 			"left": "| <anchor()> | <anchor-size()>",
 			"lighting-color": "<color>",
+			"line-clamp": "none | <integer [1,∞]> || <'block-ellipsis'>",
+			"-webkit-line-clamp": "none | <integer [1,∞]>",
 			"line-fit-edge": "leading | <text-edge>",
 			"line-grid": "match-parent | create",
+			"line-height": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
+			"line-height-step": "<length [0,∞]>",
 			"line-padding": "<length>",
 			"line-snap": "none | baseline | contain",
 			"link-parameters": "none | <link-param>+",
+			"list-style": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
+			"margin": "<'margin-top'>{1,4}",
+			"margin-block": "<'margin-top'>{1,2}",
+			"margin-block-end": "<'margin-top'>",
+			"margin-block-start": "<'margin-top'>",
 			"margin-bottom": "| <anchor-size()>",
 			"margin-break": "auto | keep | discard",
+			"margin-inline": "<'margin-top'>{1,2}",
+			"margin-inline-end": "<'margin-top'>",
+			"margin-inline-start": "<'margin-top'>",
 			"margin-left": "| <anchor-size()>",
 			"margin-right": "| <anchor-size()>",
 			"margin-top": "| <anchor-size()>",
+			"margin-trim": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
+			"marker": "none | <marker-ref>",
+			"marker-end": "none | <marker-ref>",
+			"marker-mid": "none | <marker-ref>",
 			"marker-side": "match-self | match-parent",
+			"marker-start": "none | <marker-ref>",
+			"mask-border-slice": "[ <number> | <percentage> ]{1,4} fill?",
+			"mask-clip": "[ <coord-box> | no-clip ]#",
+			"mask-origin": "<coord-box>#",
 			"masonry": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
 			"masonry-auto-tracks": "<'grid-auto-columns'>",
 			"masonry-direction": "row | column | row-reverse | column-reverse",
@@ -116,6 +207,10 @@
 			"masonry-slack": "<length-percentage> | infinite",
 			"masonry-template-areas": "none | <string>",
 			"masonry-template-tracks": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
+			"max-height": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
+			"max-lines": "none | <integer [1,∞]>",
+			"max-width": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
+			"min-height": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
 			"min-intrinsic-sizing": "legacy | zero-if-scroll || zero-if-extrinsic",
 			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
 			"object-view-box": "none | <basic-shape-rect>",
@@ -202,21 +297,30 @@
 			"attr()": "attr( [ <attr-name> <attr-type>? , <declaration-value>? ] )",
 			"autospace": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
 			"axis": "block | inline | x | y",
+			"baseline-position": "[ first | last ]? && baseline",
 			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
 			"basic-shape-rect": "<inset()> | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
+			"bg-clip": "<visual-box> | border-area | text",
+			"bg-layer": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
 			"bg-position": "<position> | <position-three>",
+			"bg-size": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
 			"border-style": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
 			"border-width": "thin | medium | thick | <length>",
 			"bottom": "<length-percentage> | auto",
+			"box": "| margin-box | fill-box | stroke-box | view-box",
 			"by-to": "by | to",
 			"calc-keyword": "e | pi | infinity | -infinity | NaN",
 			"calc-mix()": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+			"calc-product": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
 			"calc-size-basis": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
 			"calc-size()": "calc-size( <calc-size-basis> , <calc-sum> )",
+			"calc-value": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
 			"cf-image": "[ <image> | <color> ] && <percentage [0,100]>?",
+			"clamp()": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
 			"color": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
 			"color-font-tech": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
 			"color-layers()": "color-layers( [ <blend-mode> , ]? <color># )",
+			"color-stop-list": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
 			"color-stripe": "<color> && [ <length-percentage> | <flex> ]?",
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
@@ -224,6 +328,7 @@
 			"composite-mode": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
 			"conic-gradient-syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 			"conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
+			"container-condition": "[ <container-name> ]? <container-query>",
 			"container-progress()": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
 			"container-query": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 			"content-level": "element | content | text | <attr()> | <counter>",
@@ -232,6 +337,9 @@
 			"contrast-color()": "contrast-color( <color> max? )",
 			"coord-box": "<paint-box> | view-box",
 			"coordinate-pair": "<length-percentage>{2}",
+			"counter-style": "<counter-style-name> | <symbols()>",
+			"counter-style-name": "| decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
+			"cross-fade()": "cross-fade( <cf-image># )",
 			"crossorigin-modifier": "crossorigin( anonymous | use-credentials )",
 			"css-type": "<syntax-component> | <type()>",
 			"cubic-bezier-easing-function": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
@@ -243,27 +351,41 @@
 			"deprecated-color": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
 			"dimension-unit": "'%' | em | ex | cap | ch | ic | rem | lh | rlh | vw | vh | vi | vb | vmin | vmax | cm | mm | q | in | pc | pt | px | deg | grad | rad | turn | s | ms | hz | khz | fr",
 			"dynamic-range-limit-mix()": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+			"easing-function": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
+			"element()": "element( <id-selector> )",
+			"env()": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
+			"feature-value-name": "<ident>",
 			"filter-value-list": "[ <filter-function> | <url> ]+",
 			"filter()": "filter( [ <image> | <string> ] , <filter-value-list> )",
+			"final-bg-layer": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
 			"first-valid()": "first-valid( <declaration-value># )",
+			"fixed-breadth": "<length-percentage [0,∞]>",
 			"font-features-tech": "[ features-opentype | features-aat | features-graphite ]",
 			"font-format": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
 			"font-src": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
 			"font-tech": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+			"font-weight-absolute": "[ normal | bold | <number [1,1000]> ]",
+			"frequency-percentage": "[ <frequency> | <percentage> ]",
 			"function-dependency-list": "<function-parameter>#",
 			"function-name": "<dashed-ident>",
 			"function-parameter": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
 			"function-parameter-list": "<function-parameter>#",
+			"gradient": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient> ]",
+			"grid-line": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 			"hv-line-command": "[ hline | vline ] <by-to> <length-percentage>",
 			"hwb()": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"image-1D": "<stripes()>",
 			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+			"image-src": "[ <url> | <string> ]",
+			"image-tags": "[ ltr | rtl ]",
 			"import-conditions": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+			"inflexible-breadth": "<length-percentage [0,∞]> | min-content | max-content | auto",
 			"integrity-modifier": "integrity( <string> )",
 			"intrinsic-size-keyword": "auto | max-content | min-content | stretch",
 			"isolation-mode": "auto | isolate",
+			"keyframe-selector": "from | to | <percentage [0,100]> | <timeline-range-name> <percentage>",
 			"lab()": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"layout-box": "<visual-box> | margin-box",
 			"lch()": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
@@ -272,19 +394,27 @@
 			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 			"legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+			"length-percentage": "[ <length> | <percentage> ]",
 			"line-command": "line <by-to> <coordinate-pair>",
+			"line-width": "<length [0,∞]> | thin | medium | thick",
 			"linear-easing-function": "linear | <linear()>",
 			"linear-gradient-syntax": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
+			"linear-gradient()": "linear-gradient( [ <linear-gradient-syntax> ] )",
 			"linear()": "linear( [ <number> && <percentage>{0,2} ]# )",
 			"link-param": "param( <custom-property-name> <declaration-value>? )",
 			"marker-ref": "<url>",
 			"masonry-auto-track-list": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*",
+			"media-and": "and <media-in-parens>",
+			"media-condition": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
+			"media-condition-without-or": "<media-not> | <media-in-parens> <media-and>*",
+			"media-or": "or <media-in-parens>",
 			"media-progress()": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
 			"media()": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
 			"mf-comparison": "<mf-lt> | <mf-gt> | <mf-eq>",
 			"mf-eq": "'='",
 			"mf-gt": "'>' '='?",
 			"mf-lt": "'<' '='?",
+			"mf-range": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
 			"mix()": "mix( <progress> , <any-value> , <any-value> ) | mix( <progress> && of <'animation-name'> )",
 			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
@@ -298,6 +428,9 @@
 			"opacity-value": "<number> | <percentage>",
 			"opentype-tag": "<string>",
 			"padding-width": "<length> | <percentage>",
+			"page-selector": "[ <ident-token>? <pseudo-page>* ]!",
+			"page-selector-list": "<page-selector>#",
+			"paint": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke | <image> | <svg-paint>",
 			"paint-box": "<visual-box> | fill-box | stroke-box",
 			"palette-mix()": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
 			"points": "[ <number>+ ]#",
@@ -312,11 +445,14 @@
 			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 			"progress": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
 			"progress()": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+			"pseudo-page": "':' [ left | right | first | blank ]",
 			"pt-class-selector": "[ '.' <custom-ident> ]+",
 			"pt-name-and-class-selector": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
 			"pt-name-selector": "'*' | <custom-ident>",
+			"query-in-parens": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
 			"radial-extent": "closest-corner | closest-side | farthest-corner | farthest-side",
 			"radial-gradient-syntax": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
+			"radial-gradient()": "radial-gradient( [ <radial-gradient-syntax> ] )",
 			"radial-shape": "circle | ellipse",
 			"radial-size": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
 			"random-caching-options": "<dashed-ident> || per-element",
@@ -324,17 +460,28 @@
 			"random()": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
 			"ray()": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 			"referrerpolicy-modifier": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
+			"repeat-style": "repeat-x | repeat-y | <repetition>{1,2}",
 			"repeat()": "auto-fill | auto-fit",
+			"repeating-conic-gradient()": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
+			"repeating-linear-gradient()": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
+			"repeating-radial-gradient()": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
 			"repetition": "repeat | space | round | no-repeat",
 			"request-url-modifier": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
 			"rgb()": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
 			"rgba()": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
 			"right": "<length-percentage> | auto",
+			"round()": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
 			"running()": "running( <custom-ident> )",
+			"scroll-state-feature": "<ident> : <ident>",
+			"scroll-state-in-parens": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
+			"scroll-state-query": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
 			"scroll()": "scroll( [ <scroller> || <axis> ]? )",
 			"scroller": "root | nearest | self",
+			"shadow": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+			"shape-box": "<visual-box> | margin-box",
 			"shape-command": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
 			"shape()": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+			"single-animation-iteration-count": "infinite | <number [0,∞]>",
 			"smooth-command": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
 			"source-size": "<media-condition> <source-size-value> | auto",
 			"source-size-list": "<source-size>#? , <source-size-value>",
@@ -346,6 +493,9 @@
 			"steps()": "steps( <integer> , <step-position>? )",
 			"string()": "string( <custom-ident> , [ first | start | last | first-except ]? )",
 			"stripes()": "stripes( <color-stripe># )",
+			"style-in-parens": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+			"style-query": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
+			"supports-feature": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
 			"supports-font-format-fn": "font-format( <font-format> )",
 			"supports-font-tech-fn": "font-tech( <font-tech> )",
 			"supports()": "supports( <declaration> )",
@@ -360,11 +510,16 @@
 			"syntax-type-name": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
 			"target-contrast": "<wcag2>",
 			"text-edge": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+			"time-percentage": "[ <time> | <percentage> ]",
 			"toggle()": "toggle( <any-value># )",
 			"top": "<length-percentage> | auto",
+			"track-breadth": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
+			"track-size": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
 			"transform-mix()": "transform-mix( <progress> , <transform-list> , <transform-list> )",
 			"type()": "type( <syntax> )",
 			"url": "<url()> | <src()> | <url-token>",
+			"url-set-option": "[ <url> | <string> ] [ <resolution> || type( <string> ) ]?",
+			"url-set()": "url-set( <url-set-option># )",
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
 			"wcag2": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 			"xyz": "xyz | xyz-d50 | xyz-d65",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index 2b5df7472c..c4e6abc836 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -622,7 +622,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<'border-block-start'>",
-		"syntax-m": false,
+		"syntax-m": "<'border-block-start'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -633,7 +633,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<line-width> || <line-style> || <color>",
-		"syntax-m": false,
+		"syntax-m": "<line-width> || <line-style> || <color>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -644,7 +644,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-color'>",
 		"syntax-a": "<color> | <image-1D>",
-		"syntax-m": false,
+		"syntax-m": "<color> | <image-1D>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -666,7 +666,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<line-style>",
-		"syntax-m": false,
+		"syntax-m": "<line-style>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -677,7 +677,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<line-width>",
-		"syntax-m": false,
+		"syntax-m": "<line-width>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -688,7 +688,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<line-width> || <line-style> || <color>",
-		"syntax-m": false,
+		"syntax-m": "<line-width> || <line-style> || <color>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -699,7 +699,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-color'>",
 		"syntax-a": "<color> | <image-1D>",
-		"syntax-m": false,
+		"syntax-m": "<color> | <image-1D>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -721,7 +721,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<line-style>",
-		"syntax-m": false,
+		"syntax-m": "<line-style>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -732,7 +732,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<line-width>",
-		"syntax-m": false,
+		"syntax-m": "<line-width>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -743,7 +743,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<'border-top-style'>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<'border-top-style'>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -754,7 +754,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<'border-top-width'>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<'border-top-width'>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -765,7 +765,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-color'>",
 		"syntax-a": "<color> | <image-1D>",
-		"syntax-m": false,
+		"syntax-m": "<color> | <image-1D>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -776,7 +776,7 @@
 		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -798,7 +798,7 @@
 		"comment": "",
 		"syntax-b": "<length-percentage>{1,2}",
 		"syntax-a": "<length-percentage [0,∞]>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -900,7 +900,7 @@
 		"comment": "",
 		"syntax-b": "<color>{1,4}",
 		"syntax-a": "[ <color> | <image-1D> ]{1,4}",
-		"syntax-m": false,
+		"syntax-m": "[ <color> | <image-1D> ]{1,4}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -973,7 +973,7 @@
 		"comment": "",
 		"syntax-b": "[ <length> | <number> ]{1,4}",
 		"syntax-a": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
-		"syntax-m": false,
+		"syntax-m": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -984,7 +984,7 @@
 		"comment": "",
 		"syntax-b": "<number-percentage>{1,4} && fill?",
 		"syntax-a": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
-		"syntax-m": false,
+		"syntax-m": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -995,7 +995,7 @@
 		"comment": "",
 		"syntax-b": "[ <length-percentage> | <number> | auto ]{1,4}",
 		"syntax-a": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
-		"syntax-m": false,
+		"syntax-m": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1006,7 +1006,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<'border-block-start'>",
-		"syntax-m": false,
+		"syntax-m": "<'border-block-start'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1017,7 +1017,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<line-width> || <line-style> || <color>",
-		"syntax-m": false,
+		"syntax-m": "<line-width> || <line-style> || <color>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1028,7 +1028,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-color'>",
 		"syntax-a": "<color> | <image-1D>",
-		"syntax-m": false,
+		"syntax-m": "<color> | <image-1D>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1050,7 +1050,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<line-style>",
-		"syntax-m": false,
+		"syntax-m": "<line-style>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1061,7 +1061,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<line-width>",
-		"syntax-m": false,
+		"syntax-m": "<line-width>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1072,7 +1072,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
 		"syntax-a": "<line-width> || <line-style> || <color>",
-		"syntax-m": false,
+		"syntax-m": "<line-width> || <line-style> || <color>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1083,7 +1083,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-color'>",
 		"syntax-a": "<color> | <image-1D>",
-		"syntax-m": false,
+		"syntax-m": "<color> | <image-1D>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1105,7 +1105,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<line-style>",
-		"syntax-m": false,
+		"syntax-m": "<line-style>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1116,7 +1116,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<line-width>",
-		"syntax-m": false,
+		"syntax-m": "<line-width>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1127,7 +1127,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-style'>",
 		"syntax-a": "<'border-top-style'>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<'border-top-style'>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1138,7 +1138,7 @@
 		"comment": "",
 		"syntax-b": "<'border-top-width'>",
 		"syntax-a": "<'border-top-width'>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<'border-top-width'>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1149,7 +1149,7 @@
 		"comment": "",
 		"syntax-b": "<color>",
 		"syntax-a": "<color> | <image-1D>",
-		"syntax-m": false,
+		"syntax-m": "<color> | <image-1D>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1222,7 +1222,7 @@
 		"comment": "",
 		"syntax-b": "<color>",
 		"syntax-a": "<color> | <image-1D>",
-		"syntax-m": false,
+		"syntax-m": "<color> | <image-1D>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1331,7 +1331,7 @@
 		"comment": "",
 		"syntax-b": "<color>",
 		"syntax-a": "<color> | <image-1D>",
-		"syntax-m": false,
+		"syntax-m": "<color> | <image-1D>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1449,7 +1449,7 @@
 		"comment": "",
 		"syntax-b": "none | <shadow>#",
 		"syntax-a": "<spread-shadow>#",
-		"syntax-m": false,
+		"syntax-m": "<spread-shadow>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1548,7 +1548,7 @@
 		"comment": "",
 		"syntax-b": "<'caret-color'> || <'caret-shape'>",
 		"syntax-a": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
-		"syntax-m": false,
+		"syntax-m": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1687,7 +1687,7 @@
 		"comment": "",
 		"syntax-b": "<'border-style'>",
 		"syntax-a": "<line-style>",
-		"syntax-m": false,
+		"syntax-m": "<line-style>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1698,7 +1698,7 @@
 		"comment": "",
 		"syntax-b": "<'border-width'>",
 		"syntax-a": "<line-width>",
-		"syntax-m": false,
+		"syntax-m": "<line-width>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1734,7 +1734,7 @@
 		"comment": "",
 		"syntax-b": "<length> | auto",
 		"syntax-a": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
-		"syntax-m": false,
+		"syntax-m": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1745,7 +1745,7 @@
 		"comment": "",
 		"syntax-b": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
 		"syntax-a": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
-		"syntax-m": false,
+		"syntax-m": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1756,7 +1756,7 @@
 		"comment": "",
 		"syntax-b": "normal || [ size | inline-size ]",
 		"syntax-a": "normal | [ [ size | inline-size ] || scroll-state ]",
-		"syntax-m": false,
+		"syntax-m": "normal | [ [ size | inline-size ] || scroll-state ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1838,7 +1838,7 @@
 		"comment": "",
 		"syntax-b": "<url> <decibel>? | none",
 		"syntax-a": "<uri> <decibel>? | none",
-		"syntax-m": false,
+		"syntax-m": "<url> <decibel>? | none",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1849,7 +1849,7 @@
 		"comment": "",
 		"syntax-b": "<url> <decibel>? | none",
 		"syntax-a": "<uri> <decibel>? | none",
-		"syntax-m": false,
+		"syntax-m": "<url> <decibel>? | none",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1860,7 +1860,7 @@
 		"comment": "",
 		"syntax-b": "[ [ <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 ] ]",
 		"syntax-a": "[ [ <url> | <url-set> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 ]",
-		"syntax-m": false,
+		"syntax-m": "[ [ <url> | <url-set()> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | 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 | -webkit-grab | -webkit-grabbing | -webkit-zoom-in | -webkit-zoom-out | -moz-grab | -moz-grabbing | -moz-zoom-in | -moz-zoom-out ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1871,7 +1871,7 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1882,7 +1882,7 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1893,7 +1893,7 @@
 		"comment": "",
 		"syntax-b": "none | path( <string> )",
 		"syntax-a": "none | <string>",
-		"syntax-m": false,
+		"syntax-m": "none | path( <string> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1904,7 +1904,7 @@
 		"comment": "",
 		"syntax-b": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>",
 		"syntax-a": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
-		"syntax-m": false,
+		"syntax-m": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1915,7 +1915,7 @@
 		"comment": "",
 		"syntax-b": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
 		"syntax-a": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
-		"syntax-m": false,
+		"syntax-m": "auto | text-bottom | text-top | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1937,7 +1937,7 @@
 		"comment": "",
 		"syntax-b": "content | fixed",
 		"syntax-a": "fixed | content",
-		"syntax-m": false,
+		"syntax-m": "content | fixed",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1981,7 +1981,7 @@
 		"comment": "",
 		"syntax-b": "<number-zero-one>",
 		"syntax-a": "<'opacity'>",
-		"syntax-m": false,
+		"syntax-m": "<'opacity'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2036,7 +2036,7 @@
 		"comment": "",
 		"syntax-b": "none | <filter-function-list> | <-ms-filter-function-list>",
 		"syntax-a": "none | <filter-value-list>",
-		"syntax-m": false,
+		"syntax-m": "none | <filter-value-list> | <-ms-filter-function-list>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2047,7 +2047,7 @@
 		"comment": "",
 		"syntax-b": "<number>",
 		"syntax-a": "<number [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<number [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2058,7 +2058,7 @@
 		"comment": "",
 		"syntax-b": "<number>",
 		"syntax-a": "<number [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<number [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2069,7 +2069,7 @@
 		"comment": "",
 		"syntax-b": "left | right | none | inline-start | inline-end",
 		"syntax-a": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none | footnote",
-		"syntax-m": false,
+		"syntax-m": "| block-start | block-end | snap-block | snap-block( <length> , [ start | end | near ]? ) | snap-inline | snap-inline( <length> , [ left | right | near ]? ) | top | bottom | footnote",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2157,7 +2157,7 @@
 		"comment": "",
 		"syntax-b": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
 		"syntax-a": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
-		"syntax-m": false,
+		"syntax-m": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | <-non-standard-font>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2168,7 +2168,7 @@
 		"comment": "",
 		"syntax-b": "normal | light | dark | <palette-identifier>",
 		"syntax-a": "normal | light | dark | <palette-identifier> | <palette-mix()>",
-		"syntax-m": false,
+		"syntax-m": "| <palette-mix()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2179,7 +2179,7 @@
 		"comment": "",
 		"syntax-b": "<absolute-size> | <relative-size> | <length-percentage>",
 		"syntax-a": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
-		"syntax-m": false,
+		"syntax-m": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2190,7 +2190,7 @@
 		"comment": "",
 		"syntax-b": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
 		"syntax-a": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
-		"syntax-m": false,
+		"syntax-m": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2201,7 +2201,7 @@
 		"comment": "",
 		"syntax-b": "normal | italic | oblique <angle>?",
 		"syntax-a": "normal | italic | oblique <angle [-90deg,90deg]>?",
-		"syntax-m": false,
+		"syntax-m": "normal | italic | oblique <angle [-90deg,90deg]>?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2212,7 +2212,7 @@
 		"comment": "",
 		"syntax-b": "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 ]",
 		"syntax-a": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
-		"syntax-m": false,
+		"syntax-m": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2223,7 +2223,7 @@
 		"comment": "",
 		"syntax-b": "normal | [ <string> <number> ]#",
 		"syntax-a": "normal | [ <opentype-tag> <number> ]#",
-		"syntax-m": false,
+		"syntax-m": "normal | [ <opentype-tag> <number> ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2267,7 +2267,7 @@
 		"comment": "",
 		"syntax-b": "auto | none",
 		"syntax-a": "auto | none | preserve-parent-color",
-		"syntax-m": false,
+		"syntax-m": "| preserve-parent-color",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2278,7 +2278,7 @@
 		"comment": "",
 		"syntax-b": "<angle>",
 		"syntax-a": "auto | 0deg | 90deg | 0 | 90",
-		"syntax-m": false,
+		"syntax-m": "auto | 0deg | 90deg | 0 | 90",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2289,7 +2289,7 @@
 		"comment": "",
 		"syntax-b": "[ row | column ] || dense",
 		"syntax-a": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
-		"syntax-m": false,
+		"syntax-m": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2300,7 +2300,7 @@
 		"comment": "",
 		"syntax-b": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
 		"syntax-a": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
-		"syntax-m": false,
+		"syntax-m": "| masonry",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2311,7 +2311,7 @@
 		"comment": "",
 		"syntax-b": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
 		"syntax-a": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | masonry",
-		"syntax-m": false,
+		"syntax-m": "| masonry",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2322,7 +2322,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()> | <-non-standard-size>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2366,7 +2366,7 @@
 		"comment": "",
 		"syntax-b": "from-image | <angle> | [ <angle>? flip ]",
 		"syntax-a": "from-image | none | [ <angle> || flip ]",
-		"syntax-m": false,
+		"syntax-m": "from-image | none | [ <angle> || flip ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2377,7 +2377,7 @@
 		"comment": "",
 		"syntax-b": "auto | crisp-edges | pixelated | optimizeSpeed | optimizeQuality | <-non-standard-image-rendering>",
 		"syntax-a": "auto | smooth | high-quality | pixelated | crisp-edges",
-		"syntax-m": false,
+		"syntax-m": "auto | smooth | high-quality | pixelated | crisp-edges | <-non-standard-image-rendering>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2388,7 +2388,7 @@
 		"comment": "",
 		"syntax-b": "normal | [ <number> <integer>? ]",
 		"syntax-a": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
-		"syntax-m": false,
+		"syntax-m": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2399,7 +2399,7 @@
 		"comment": "",
 		"syntax-b": "[ auto | alphabetic | hanging | ideographic ]",
 		"syntax-a": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
-		"syntax-m": false,
+		"syntax-m": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2432,7 +2432,7 @@
 		"comment": "",
 		"syntax-b": "<'top'>",
 		"syntax-a": "auto | <length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2443,7 +2443,7 @@
 		"comment": "",
 		"syntax-b": "<'top'>",
 		"syntax-a": "auto | <length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2454,7 +2454,7 @@
 		"comment": "",
 		"syntax-b": "<'top'>",
 		"syntax-a": "auto | <length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2465,7 +2465,7 @@
 		"comment": "",
 		"syntax-b": "<'top'>",
 		"syntax-a": "auto | <length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2487,7 +2487,7 @@
 		"comment": "",
 		"syntax-b": "auto | isolate",
 		"syntax-a": "<isolation-mode>",
-		"syntax-m": false,
+		"syntax-m": "<isolation-mode>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2516,7 +2516,7 @@
 		"comment": "",
 		"syntax-b": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
 		"syntax-a": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
-		"syntax-m": false,
+		"syntax-m": "| anchor-center",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2572,7 +2572,7 @@
 		"comment": "",
 		"syntax-b": "none | <integer>",
 		"syntax-a": "none | <integer [1,∞]> || <'block-ellipsis'>",
-		"syntax-m": false,
+		"syntax-m": "none | <integer [1,∞]> || <'block-ellipsis'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2583,7 +2583,7 @@
 		"comment": "",
 		"syntax-b": "none | <integer>",
 		"syntax-a": "none | <integer [1,∞]>",
-		"syntax-m": false,
+		"syntax-m": "none | <integer [1,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2616,7 +2616,7 @@
 		"comment": "",
 		"syntax-b": "normal | <number> | <length> | <percentage>",
 		"syntax-a": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2627,7 +2627,7 @@
 		"comment": "",
 		"syntax-b": "<length>",
 		"syntax-a": "<length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2671,7 +2671,7 @@
 		"comment": "",
 		"syntax-b": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
 		"syntax-a": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
-		"syntax-m": false,
+		"syntax-m": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2682,7 +2682,7 @@
 		"comment": "",
 		"syntax-b": "[ <length> | <percentage> | auto ]{1,4}",
 		"syntax-a": "<'margin-top'>{1,4}",
-		"syntax-m": false,
+		"syntax-m": "<'margin-top'>{1,4}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2693,7 +2693,7 @@
 		"comment": "",
 		"syntax-b": "<'margin-left'>{1,2}",
 		"syntax-a": "<'margin-top'>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<'margin-top'>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2704,7 +2704,7 @@
 		"comment": "",
 		"syntax-b": "<'margin-left'>",
 		"syntax-a": "<'margin-top'>",
-		"syntax-m": false,
+		"syntax-m": "<'margin-top'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2715,7 +2715,7 @@
 		"comment": "",
 		"syntax-b": "<'margin-left'>",
 		"syntax-a": "<'margin-top'>",
-		"syntax-m": false,
+		"syntax-m": "<'margin-top'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2768,7 +2768,7 @@
 		"comment": "",
 		"syntax-b": "<'margin-left'>{1,2}",
 		"syntax-a": "<'margin-top'>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<'margin-top'>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2779,7 +2779,7 @@
 		"comment": "",
 		"syntax-b": "<'margin-left'>",
 		"syntax-a": "<'margin-top'>",
-		"syntax-m": false,
+		"syntax-m": "<'margin-top'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2790,7 +2790,7 @@
 		"comment": "",
 		"syntax-b": "<'margin-left'>",
 		"syntax-a": "<'margin-top'>",
-		"syntax-m": false,
+		"syntax-m": "<'margin-top'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2894,7 +2894,7 @@
 		"comment": "",
 		"syntax-b": "none | in-flow | all",
 		"syntax-a": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
-		"syntax-m": false,
+		"syntax-m": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2905,7 +2905,7 @@
 		"comment": "",
 		"syntax-b": "none | <url>",
 		"syntax-a": "none | <marker-ref>",
-		"syntax-m": false,
+		"syntax-m": "none | <marker-ref>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2916,7 +2916,7 @@
 		"comment": "",
 		"syntax-b": "none | <url>",
 		"syntax-a": "none | <marker-ref>",
-		"syntax-m": false,
+		"syntax-m": "none | <marker-ref>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2927,7 +2927,7 @@
 		"comment": "",
 		"syntax-b": "none | <url>",
 		"syntax-a": "none | <marker-ref>",
-		"syntax-m": false,
+		"syntax-m": "none | <marker-ref>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2949,7 +2949,7 @@
 		"comment": "",
 		"syntax-b": "none | <url>",
 		"syntax-a": "none | <marker-ref>",
-		"syntax-m": false,
+		"syntax-m": "none | <marker-ref>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2960,7 +2960,7 @@
 		"comment": "",
 		"syntax-b": "<number-percentage>{1,4} fill?",
 		"syntax-a": "[ <number> | <percentage> ]{1,4} fill?",
-		"syntax-m": false,
+		"syntax-m": "[ <number> | <percentage> ]{1,4} fill?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2971,7 +2971,7 @@
 		"comment": "",
 		"syntax-b": "[ <geometry-box> | no-clip ]#",
 		"syntax-a": "[ <coord-box> | no-clip ]#",
-		"syntax-m": false,
+		"syntax-m": "[ <coord-box> | no-clip ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2982,7 +2982,7 @@
 		"comment": "",
 		"syntax-b": "<geometry-box>#",
 		"syntax-a": "<coord-box>#",
-		"syntax-m": false,
+		"syntax-m": "<coord-box>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3081,7 +3081,7 @@
 		"comment": "",
 		"syntax-b": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3092,7 +3092,7 @@
 		"comment": "",
 		"syntax-b": "none | <integer>",
 		"syntax-a": "none | <integer [1,∞]>",
-		"syntax-m": false,
+		"syntax-m": "none | <integer [1,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3103,7 +3103,7 @@
 		"comment": "",
 		"syntax-b": "none | <length-percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3114,7 +3114,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
 		"tests": {
 			"passing": [],
 			"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index 2bb6982b5b..e9913f8f86 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -367,7 +367,7 @@
 		"comment": "",
 		"syntax-b": "[ first | last ]? baseline",
 		"syntax-a": "[ first | last ]? && baseline",
-		"syntax-m": false,
+		"syntax-m": "[ first | last ]? && baseline",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -426,7 +426,7 @@
 		"comment": "",
 		"syntax-b": "<box> | border | text",
 		"syntax-a": "<visual-box> | border-area | text",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> | border-area | text",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -437,7 +437,7 @@
 		"comment": "",
 		"syntax-b": "none | <image>",
 		"syntax-a": "<image> | none",
-		"syntax-m": false,
+		"syntax-m": "none | <image>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -448,7 +448,7 @@
 		"comment": "",
 		"syntax-b": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
 		"syntax-a": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
-		"syntax-m": false,
+		"syntax-m": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -470,7 +470,7 @@
 		"comment": "",
 		"syntax-b": "[ <length-percentage> | auto ]{1,2} | cover | contain",
 		"syntax-a": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
-		"syntax-m": false,
+		"syntax-m": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -620,7 +620,7 @@
 		"comment": "",
 		"syntax-b": "border-box | padding-box | content-box",
 		"syntax-a": "content-box | padding-box | border-box | margin-box | fill-box | stroke-box | view-box",
-		"syntax-m": false,
+		"syntax-m": "| margin-box | fill-box | stroke-box | view-box",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -664,7 +664,7 @@
 		"comment": "",
 		"syntax-b": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
 		"syntax-a": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
-		"syntax-m": false,
+		"syntax-m": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -697,7 +697,7 @@
 		"comment": "",
 		"syntax-b": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
 		"syntax-a": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
-		"syntax-m": false,
+		"syntax-m": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -719,7 +719,7 @@
 		"comment": "",
 		"syntax-b": "clamp( <calc-sum>#{3} )",
 		"syntax-a": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
-		"syntax-m": false,
+		"syntax-m": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -777,7 +777,7 @@
 		"comment": "",
 		"syntax-b": "[ <linear-color-stop> [, <linear-color-hint> ]? ]# , <linear-color-stop>",
 		"syntax-a": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
-		"syntax-m": false,
+		"syntax-m": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -853,7 +853,7 @@
 		"comment": "",
 		"syntax-b": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
 		"syntax-a": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
-		"syntax-m": false,
+		"syntax-m": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -943,7 +943,7 @@
 		"comment": "",
 		"syntax-b": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 		"syntax-a": "[ <container-name> ]? <container-query>",
-		"syntax-m": false,
+		"syntax-m": "[ <container-name> ]? <container-query>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1113,7 +1113,7 @@
 		"comment": "",
 		"syntax-b": "<counter-style-name> | symbols( )",
 		"syntax-a": "<counter-style-name> | <symbols()>",
-		"syntax-m": false,
+		"syntax-m": "<counter-style-name> | <symbols()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1124,7 +1124,7 @@
 		"comment": "",
 		"syntax-b": "<custom-ident>",
 		"syntax-a": "decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
-		"syntax-m": false,
+		"syntax-m": "| decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1135,7 +1135,7 @@
 		"comment": "",
 		"syntax-b": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
 		"syntax-a": "cross-fade( <cf-image># )",
-		"syntax-m": false,
+		"syntax-m": "cross-fade( <cf-image># )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1282,7 +1282,7 @@
 		"comment": "",
 		"syntax-b": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
 		"syntax-a": "inline-block | inline-table | inline-flex | inline-grid",
-		"syntax-m": false,
+		"syntax-m": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1304,7 +1304,7 @@
 		"comment": "",
 		"syntax-b": "linear | <cubic-bezier-timing-function> | <step-timing-function>",
 		"syntax-a": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
-		"syntax-m": false,
+		"syntax-m": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1315,7 +1315,7 @@
 		"comment": "",
 		"syntax-b": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
 		"syntax-a": "element( <id-selector> )",
-		"syntax-m": false,
+		"syntax-m": "element( <id-selector> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1326,7 +1326,7 @@
 		"comment": "",
 		"syntax-b": "env( <custom-ident> , <declaration-value>? )",
 		"syntax-a": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
-		"syntax-m": false,
+		"syntax-m": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1337,7 +1337,7 @@
 		"comment": "",
 		"syntax-b": "<custom-ident>",
 		"syntax-a": "<ident>",
-		"syntax-m": false,
+		"syntax-m": "<ident>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1348,7 +1348,7 @@
 		"comment": "",
 		"syntax-b": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
 		"syntax-a": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
-		"syntax-m": false,
+		"syntax-m": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1381,7 +1381,7 @@
 		"comment": "",
 		"syntax-b": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>",
 		"syntax-a": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
-		"syntax-m": false,
+		"syntax-m": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1403,7 +1403,7 @@
 		"comment": "",
 		"syntax-b": "<length-percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1458,7 +1458,7 @@
 		"comment": "",
 		"syntax-b": "normal | bold | <number [1,1000]>",
 		"syntax-a": "[ normal | bold | <number [1,1000]> ]",
-		"syntax-m": false,
+		"syntax-m": "[ normal | bold | <number [1,1000]> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1469,7 +1469,7 @@
 		"comment": "",
 		"syntax-b": "<frequency> | <percentage>",
 		"syntax-a": "[ <frequency> | <percentage> ]",
-		"syntax-m": false,
+		"syntax-m": "[ <frequency> | <percentage> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1524,7 +1524,7 @@
 		"comment": "",
 		"syntax-b": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>",
 		"syntax-a": "<generic-script-specific> | <generic-complete> | <generic-incomplete>",
-		"syntax-m": false,
+		"syntax-m": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1535,7 +1535,7 @@
 		"comment": "",
 		"syntax-b": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient>",
 		"syntax-a": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]",
-		"syntax-m": false,
+		"syntax-m": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1546,7 +1546,7 @@
 		"comment": "",
 		"syntax-b": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]",
 		"syntax-a": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
-		"syntax-m": false,
+		"syntax-m": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1701,7 +1701,7 @@
 		"comment": "",
 		"syntax-b": "<url> | <string>",
 		"syntax-a": "[ <url> | <string> ]",
-		"syntax-m": false,
+		"syntax-m": "[ <url> | <string> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1712,7 +1712,7 @@
 		"comment": "",
 		"syntax-b": "ltr | rtl",
 		"syntax-a": "[ ltr | rtl ]",
-		"syntax-m": false,
+		"syntax-m": "[ ltr | rtl ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1734,7 +1734,7 @@
 		"comment": "",
 		"syntax-b": "<length-percentage> | min-content | max-content | auto",
 		"syntax-a": "<length-percentage [0,∞]> | min-content | max-content | auto",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]> | min-content | max-content | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -1778,7 +1778,7 @@
 		"comment": "",
 		"syntax-b": "from | to | <percentage> | <timeline-range-name> <percentage>",
 		"syntax-a": "from | to | <percentage [0,100]>",
-		"syntax-m": false,
+		"syntax-m": "from | to | <percentage [0,100]> | <timeline-range-name> <percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2103,7 +2103,7 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "[ <length> | <percentage> ]",
-		"syntax-m": false,
+		"syntax-m": "[ <length> | <percentage> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2125,7 +2125,7 @@
 		"comment": "",
 		"syntax-b": "<length> | thin | medium | thick",
 		"syntax-a": "<length [0,∞]> | thin | medium | thick",
-		"syntax-m": false,
+		"syntax-m": "<length [0,∞]> | thin | medium | thick",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2158,7 +2158,7 @@
 		"comment": "",
 		"syntax-b": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
 		"syntax-a": "linear-gradient( [ <linear-gradient-syntax> ] )",
-		"syntax-m": false,
+		"syntax-m": "linear-gradient( [ <linear-gradient-syntax> ] )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2213,7 +2213,7 @@
 		"comment": "",
 		"syntax-b": "<media-in-parens> [ and <media-in-parens> ]+",
 		"syntax-a": "and <media-in-parens>",
-		"syntax-m": false,
+		"syntax-m": "and <media-in-parens>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2224,7 +2224,7 @@
 		"comment": "",
 		"syntax-b": "<media-not> | <media-and> | <media-or> | <media-in-parens>",
 		"syntax-a": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
-		"syntax-m": false,
+		"syntax-m": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2235,7 +2235,7 @@
 		"comment": "",
 		"syntax-b": "<media-not> | <media-and> | <media-in-parens>",
 		"syntax-a": "<media-not> | <media-in-parens> <media-and>*",
-		"syntax-m": false,
+		"syntax-m": "<media-not> | <media-in-parens> <media-and>*",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2246,7 +2246,7 @@
 		"comment": "",
 		"syntax-b": "<media-in-parens> [ or <media-in-parens> ]+",
 		"syntax-a": "or <media-in-parens>",
-		"syntax-m": false,
+		"syntax-m": "or <media-in-parens>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2323,7 +2323,7 @@
 		"comment": "",
 		"syntax-b": "<mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>",
 		"syntax-a": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
-		"syntax-m": false,
+		"syntax-m": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2714,7 +2714,7 @@
 		"comment": "",
 		"syntax-b": "<pseudo-page>+ | <ident> <pseudo-page>*",
 		"syntax-a": "[ <ident-token>? <pseudo-page>* ]!",
-		"syntax-m": false,
+		"syntax-m": "[ <ident-token>? <pseudo-page>* ]!",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2725,7 +2725,7 @@
 		"comment": "",
 		"syntax-b": "[ <page-selector># ]?",
 		"syntax-a": "<page-selector>#",
-		"syntax-m": false,
+		"syntax-m": "<page-selector>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2736,7 +2736,7 @@
 		"comment": "",
 		"syntax-b": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
 		"syntax-a": "none | <image> | <svg-paint>",
-		"syntax-m": false,
+		"syntax-m": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke | <image> | <svg-paint>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2941,7 +2941,7 @@
 		"comment": "",
 		"syntax-b": ": [ left | right | first | blank ]",
 		"syntax-a": "':' [ left | right | first | blank ]",
-		"syntax-m": false,
+		"syntax-m": "':' [ left | right | first | blank ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2985,7 +2985,7 @@
 		"comment": "",
 		"syntax-b": "( <container-condition> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>",
 		"syntax-a": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
-		"syntax-m": false,
+		"syntax-m": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3027,7 +3027,7 @@
 		"comment": "",
 		"syntax-b": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
 		"syntax-a": "radial-gradient( [ <radial-gradient-syntax> ] )",
-		"syntax-m": false,
+		"syntax-m": "radial-gradient( [ <radial-gradient-syntax> ] )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3162,7 +3162,7 @@
 		"comment": "",
 		"syntax-b": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}",
 		"syntax-a": "repeat-x | repeat-y | <repetition>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "repeat-x | repeat-y | <repetition>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3184,7 +3184,7 @@
 		"comment": "",
 		"syntax-b": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
 		"syntax-a": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
-		"syntax-m": false,
+		"syntax-m": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3195,7 +3195,7 @@
 		"comment": "",
 		"syntax-b": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
 		"syntax-a": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
-		"syntax-m": false,
+		"syntax-m": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3206,7 +3206,7 @@
 		"comment": "",
 		"syntax-b": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
 		"syntax-a": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
-		"syntax-m": false,
+		"syntax-m": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3350,7 +3350,7 @@
 		"comment": "",
 		"syntax-b": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
 		"syntax-a": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
-		"syntax-m": false,
+		"syntax-m": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3367,10 +3367,20 @@
 			"failing": []
 		}
 	},
+	"scroll-state-feature": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<ident> : <ident>",
+		"syntax-m": "<ident> : <ident>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"scroll-state-in-parens": {
 		"type": "added",
 		"comment": "",
-		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
 		"syntax-m": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
@@ -3382,7 +3392,6 @@
 	"scroll-state-query": {
 		"type": "added",
 		"comment": "",
-		"omit": true,
 		"syntax-b": "",
 		"syntax-a": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
 		"syntax-m": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
@@ -3457,7 +3466,7 @@
 		"comment": "",
 		"syntax-b": "inset? && <length>{2,4} && <color>?",
 		"syntax-a": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
-		"syntax-m": false,
+		"syntax-m": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3468,7 +3477,7 @@
 		"comment": "",
 		"syntax-b": "<box> | margin-box",
 		"syntax-a": "<visual-box> | margin-box",
-		"syntax-m": false,
+		"syntax-m": "<visual-box> | margin-box",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3501,7 +3510,7 @@
 		"comment": "",
 		"syntax-b": "infinite | <number>",
 		"syntax-a": "infinite | <number [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "infinite | <number [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3660,7 +3669,7 @@
 		"comment": "",
 		"syntax-b": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>",
 		"syntax-a": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
-		"syntax-m": false,
+		"syntax-m": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3671,7 +3680,7 @@
 		"comment": "",
 		"syntax-b": "<style-condition> | <style-feature>",
 		"syntax-a": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
-		"syntax-m": false,
+		"syntax-m": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3682,7 +3691,7 @@
 		"comment": "",
 		"syntax-b": "<supports-decl> | <supports-selector-fn>",
 		"syntax-a": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
-		"syntax-m": false,
+		"syntax-m": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3847,7 +3856,7 @@
 		"comment": "",
 		"syntax-b": "<time> | <percentage>",
 		"syntax-a": "[ <time> | <percentage> ]",
-		"syntax-m": false,
+		"syntax-m": "[ <time> | <percentage> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3914,7 +3923,7 @@
 		"comment": "",
 		"syntax-b": "<length-percentage> | <flex> | min-content | max-content | auto",
 		"syntax-a": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3925,7 +3934,7 @@
 		"comment": "",
 		"syntax-b": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage> )",
 		"syntax-a": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
-		"syntax-m": false,
+		"syntax-m": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3990,6 +3999,28 @@
 			]
 		}
 	},
+	"url-set-option": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ <url> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"syntax-m": "[ <url> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"url-set()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "url-set( <url-set-option># )",
+		"syntax-m": "url-set( <url-set-option># )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"url()": {
 		"type": "added",
 		"comment": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 8af029490e..695c17f05b 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -1217,6 +1217,12 @@
 		"syntax-a": "running( <custom-ident> )",
 		"comment": ""
 	},
+	"scroll-state-feature": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<ident> : <ident>",
+		"comment": ""
+	},
 	"scroll-state-in-parens": {
 		"type": "added",
 		"syntax-b": "",
@@ -1487,6 +1493,18 @@
 		"syntax-a": "<url()> | <src()>",
 		"comment": ""
 	},
+	"url-set-option": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ <url> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"comment": ""
+	},
+	"url-set()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "url-set( <url-set-option># )",
+		"comment": ""
+	},
 	"url()": {
 		"type": "added",
 		"syntax-b": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index f73db71363..c066273e2e 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -1319,6 +1319,9 @@
 	"scope-start": {
 		"syntax": "<forgiving-selector-list>"
 	},
+	"scroll-state-feature": {
+		"syntax": "<ident> : <ident>"
+	},
 	"scroll-state-in-parens": {
 		"syntax": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>"
 	},
@@ -1637,6 +1640,12 @@
 	"url-modifier": {
 		"syntax": "<ident> | <function-token> <any-value> )"
 	},
+	"url-set-option": {
+		"syntax": "[ <url> | <string> ] [ <resolution> || type( <string> ) ]?"
+	},
+	"url-set()": {
+		"syntax": "url-set( <url-set-option># )"
+	},
 	"url()": {
 		"syntax": "url( <string> <url-modifier>* ) | <url-token>"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 42cf8f257f..4b7164af76 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -556,6 +556,13 @@ export async function generate_webref_sets() {
 
 	values['intrinsic-size-keyword'] = JSON.parse(await fs.readFile(path.join('raw-data', 'intrinsic-size-keywords.json'))).join(' | ');
 
+	// https://github.com/w3c/csswg-drafts/issues/11127
+	values['scroll-state-feature'] = '<ident> : <ident>';
+
+	// https://drafts.csswg.org/css-ui-4/#cursor
+	values['url-set-option'] = '[ <url> | <string> ] [ <resolution> || type( <string> ) ]?';
+	values['url-set()'] = 'url-set( <url-set-option># )';
+
 	const forkedLexer = fork({
 		properties: properties,
 		types: values,

From e649159e24d3ce5b9cf884d723eef72e1c0d0b5c Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Thu, 31 Oct 2024 22:58:09 +0100
Subject: [PATCH 57/66] wip

---
 .../dist/index.json                           | 38 +++++++++
 .../webref-over-csstree-properties.json       | 82 +++++++++----------
 2 files changed, 79 insertions(+), 41 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index c599c882c8..249d9b9949 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -212,8 +212,15 @@
 			"max-width": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
 			"min-height": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
 			"min-intrinsic-sizing": "legacy | zero-if-scroll || zero-if-extrinsic",
+			"min-width": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
 			"mix-blend-mode": "<blend-mode> | plus-darker | plus-lighter",
+			"object-fit": "fill | none | [ contain | cover ] || scale-down",
 			"object-view-box": "none | <basic-shape-rect>",
+			"opacity": "<opacity-value>",
+			"orphans": "<integer [1,∞]>",
+			"outline-color": "auto | [ <color> | <image-1D> ]",
+			"outline-style": "auto | none | dotted | dashed | solid | double | groove | ridge | inset | outset",
+			"overflow": "<'overflow-block'>{1,2} | <-non-standard-overflow>",
 			"overflow-clip-margin-block": "<visual-box> || <length [0,∞]>",
 			"overflow-clip-margin-block-end": "<visual-box> || <length [0,∞]>",
 			"overflow-clip-margin-block-start": "<visual-box> || <length [0,∞]>",
@@ -224,12 +231,43 @@
 			"overflow-clip-margin-left": "<visual-box> || <length [0,∞]>",
 			"overflow-clip-margin-right": "<visual-box> || <length [0,∞]>",
 			"overflow-clip-margin-top": "<visual-box> || <length [0,∞]>",
+			"padding": "<'padding-top'>{1,4}",
+			"padding-block": "<'padding-top'>{1,2}",
+			"padding-block-end": "<'padding-top'>",
+			"padding-block-start": "<'padding-top'>",
+			"padding-bottom": "<length-percentage [0,∞]>",
+			"padding-inline": "<'padding-top'>{1,2}",
+			"padding-inline-end": "<'padding-top'>",
+			"padding-inline-start": "<'padding-top'>",
+			"padding-left": "<length-percentage [0,∞]>",
+			"padding-right": "<length-percentage [0,∞]>",
+			"padding-top": "<length-percentage [0,∞]>",
+			"pause-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+			"pause-before": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+			"perspective": "none | <length [0,∞]>",
+			"pointer-events": "| bounding-box",
+			"position": "| <running()>",
 			"position-anchor": "auto | <anchor-name>",
+			"quotes": "| match-parent",
+			"r": "<length-percentage>",
 			"reading-flow": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
 			"region-fragment": "auto | break",
+			"rest-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+			"rest-before": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 			"right": "| <anchor()> | <anchor-size()>",
+			"row-gap": "normal | <length-percentage [0,∞]>",
+			"ruby-merge": "separate | merge | auto",
 			"ruby-overhang": "auto | none",
+			"rx": "<length-percentage> | auto",
+			"ry": "<length-percentage> | auto",
+			"scale": "none | [ <number> | <percentage> ]{1,3}",
 			"scroll-marker-group": "none | before | after",
+			"scroll-padding": "[ auto | <length-percentage [0,∞]> ]{1,4}",
+			"scroll-padding-block": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+			"scroll-padding-block-end": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-block-start": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-bottom": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-inline": "[ auto | <length-percentage [0,∞]> ]{1,2}",
 			"scroll-start-target": "[ none | auto ]",
 			"shape-inside": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
 			"shape-padding": "<length-percentage [0,∞]>",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index c4e6abc836..b4caafe6ed 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -3136,7 +3136,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3220,7 +3220,7 @@
 		"comment": "",
 		"syntax-b": "fill | contain | cover | none | scale-down",
 		"syntax-a": "fill | none | [ contain | cover ] || scale-down",
-		"syntax-m": false,
+		"syntax-m": "fill | none | [ contain | cover ] || scale-down",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3242,7 +3242,7 @@
 		"comment": "",
 		"syntax-b": "<alpha-value>",
 		"syntax-a": "<opacity-value>",
-		"syntax-m": false,
+		"syntax-m": "<opacity-value>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3253,7 +3253,7 @@
 		"comment": "",
 		"syntax-b": "<integer>",
 		"syntax-a": "<integer [1,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<integer [1,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3264,7 +3264,7 @@
 		"comment": "",
 		"syntax-b": "auto | <color>",
 		"syntax-a": "auto | [ <color> | <image-1D> ]",
-		"syntax-m": false,
+		"syntax-m": "auto | [ <color> | <image-1D> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3275,7 +3275,7 @@
 		"comment": "",
 		"syntax-b": "auto | <'border-style'>",
 		"syntax-a": "auto | <outline-line-style>",
-		"syntax-m": false,
+		"syntax-m": "auto | none | dotted | dashed | solid | double | groove | ridge | inset | outset",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3286,7 +3286,7 @@
 		"comment": "",
 		"syntax-b": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>",
 		"syntax-a": "<'overflow-block'>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<'overflow-block'>{1,2} | <-non-standard-overflow>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3407,7 +3407,7 @@
 		"comment": "",
 		"syntax-b": "[ <length> | <percentage> ]{1,4}",
 		"syntax-a": "<'padding-top'>{1,4}",
-		"syntax-m": false,
+		"syntax-m": "<'padding-top'>{1,4}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3418,7 +3418,7 @@
 		"comment": "",
 		"syntax-b": "<'padding-left'>{1,2}",
 		"syntax-a": "<'padding-top'>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<'padding-top'>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3429,7 +3429,7 @@
 		"comment": "",
 		"syntax-b": "<'padding-left'>",
 		"syntax-a": "<'padding-top'>",
-		"syntax-m": false,
+		"syntax-m": "<'padding-top'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3440,7 +3440,7 @@
 		"comment": "",
 		"syntax-b": "<'padding-left'>",
 		"syntax-a": "<'padding-top'>",
-		"syntax-m": false,
+		"syntax-m": "<'padding-top'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3451,7 +3451,7 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3462,7 +3462,7 @@
 		"comment": "",
 		"syntax-b": "<'padding-left'>{1,2}",
 		"syntax-a": "<'padding-top'>{1,2}",
-		"syntax-m": false,
+		"syntax-m": "<'padding-top'>{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3473,7 +3473,7 @@
 		"comment": "",
 		"syntax-b": "<'padding-left'>",
 		"syntax-a": "<'padding-top'>",
-		"syntax-m": false,
+		"syntax-m": "<'padding-top'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3484,7 +3484,7 @@
 		"comment": "",
 		"syntax-b": "<'padding-left'>",
 		"syntax-a": "<'padding-top'>",
-		"syntax-m": false,
+		"syntax-m": "<'padding-top'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3495,7 +3495,7 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3506,7 +3506,7 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3517,7 +3517,7 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3528,7 +3528,7 @@
 		"comment": "",
 		"syntax-b": "auto | always | avoid | left | right | recto | verso",
 		"syntax-a": "auto | always | avoid | left | right | inherit",
-		"syntax-m": false,
+		"syntax-m": "auto | always | avoid | left | right | recto | verso",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3539,7 +3539,7 @@
 		"comment": "",
 		"syntax-b": "auto | always | avoid | left | right | recto | verso",
 		"syntax-a": "auto | always | avoid | left | right | inherit",
-		"syntax-m": false,
+		"syntax-m": "auto | always | avoid | left | right | recto | verso",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3550,7 +3550,7 @@
 		"comment": "",
 		"syntax-b": "auto | avoid",
 		"syntax-a": "avoid | auto | inherit",
-		"syntax-m": false,
+		"syntax-m": "auto | avoid",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3561,7 +3561,7 @@
 		"comment": "",
 		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-m": false,
+		"syntax-m": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3572,7 +3572,7 @@
 		"comment": "",
 		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-m": false,
+		"syntax-m": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3583,7 +3583,7 @@
 		"comment": "",
 		"syntax-b": "none | <length>",
 		"syntax-a": "none | <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "none | <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3594,7 +3594,7 @@
 		"comment": "",
 		"syntax-b": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
 		"syntax-a": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
-		"syntax-m": false,
+		"syntax-m": "| bounding-box",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3605,7 +3605,7 @@
 		"comment": "",
 		"syntax-b": "static | relative | absolute | sticky | fixed | -webkit-sticky",
 		"syntax-a": "static | relative | absolute | sticky | fixed | <running()>",
-		"syntax-m": false,
+		"syntax-m": "| <running()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3635,7 +3635,7 @@
 		"comment": "",
 		"syntax-b": "none | auto | [ <string> <string> ]+",
 		"syntax-a": "auto | none | match-parent | [ <string> <string> ]+",
-		"syntax-m": false,
+		"syntax-m": "| match-parent",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3646,7 +3646,7 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3679,7 +3679,7 @@
 		"comment": "",
 		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-m": false,
+		"syntax-m": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3690,7 +3690,7 @@
 		"comment": "",
 		"syntax-b": "<time> | none | x-weak | weak | medium | strong | x-strong",
 		"syntax-a": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
-		"syntax-m": false,
+		"syntax-m": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3735,7 +3735,7 @@
 		"comment": "",
 		"syntax-b": "normal | <length-percentage>",
 		"syntax-a": "normal | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "normal | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3746,7 +3746,7 @@
 		"comment": "",
 		"syntax-b": "separate | collapse | auto",
 		"syntax-a": "separate | merge | auto",
-		"syntax-m": false,
+		"syntax-m": "separate | merge | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3768,7 +3768,7 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage> | auto",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage> | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3779,7 +3779,7 @@
 		"comment": "",
 		"syntax-b": "<length> | <percentage>",
 		"syntax-a": "<length-percentage> | auto",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage> | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3790,7 +3790,7 @@
 		"comment": "",
 		"syntax-b": "none | <number>{1,3}",
 		"syntax-a": "none | [ <number> | <percentage> ]{1,3}",
-		"syntax-m": false,
+		"syntax-m": "none | [ <number> | <percentage> ]{1,3}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3812,7 +3812,7 @@
 		"comment": "",
 		"syntax-b": "[ auto | <length-percentage> ]{1,4}",
 		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,4}",
-		"syntax-m": false,
+		"syntax-m": "[ auto | <length-percentage [0,∞]> ]{1,4}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3823,7 +3823,7 @@
 		"comment": "",
 		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
 		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
-		"syntax-m": false,
+		"syntax-m": "[ auto | <length-percentage [0,∞]> ]{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3834,7 +3834,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3845,7 +3845,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3856,7 +3856,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3867,7 +3867,7 @@
 		"comment": "",
 		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
 		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
-		"syntax-m": false,
+		"syntax-m": "[ auto | <length-percentage [0,∞]> ]{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []

From 3c3233362906389bbaff8befc70f9425762e6f74 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Thu, 31 Oct 2024 23:15:39 +0100
Subject: [PATCH 58/66] wip

---
 .../dist/index.json                           | 43 +++++++++
 .../webref-over-csstree-properties.json       | 96 +++++++++----------
 .../scripts/generate-webref-sets.mjs          | 25 ++---
 3 files changed, 105 insertions(+), 59 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 249d9b9949..2f4b2c28d8 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -268,8 +268,16 @@
 			"scroll-padding-block-start": "auto | <length-percentage [0,∞]>",
 			"scroll-padding-bottom": "auto | <length-percentage [0,∞]>",
 			"scroll-padding-inline": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+			"scroll-padding-inline-end": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-inline-start": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-left": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-right": "auto | <length-percentage [0,∞]>",
+			"scroll-padding-top": "auto | <length-percentage [0,∞]>",
 			"scroll-start-target": "[ none | auto ]",
+			"scroll-timeline": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
+			"shape-image-threshold": "<opacity-value>",
 			"shape-inside": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
+			"shape-margin": "<length-percentage [0,∞]>",
 			"shape-padding": "<length-percentage [0,∞]>",
 			"shape-subtract": "none | [ <basic-shape> | <url> ]+",
 			"spatial-navigation-action": "auto | focus | scroll",
@@ -283,32 +291,67 @@
 			"stroke-dash-corner": "none | <length>",
 			"stroke-dash-justify": "none | [ stretch | compress ] || [ dashes || gaps ]",
 			"stroke-dashadjust": "none | [ stretch | compress ] [ dashes | gaps ]?",
+			"stroke-dasharray": "none | [ <length-percentage> | <number> ]+#",
 			"stroke-dashcorner": "none | <length>",
+			"stroke-dashoffset": "<length-percentage> | <number>",
 			"stroke-image": "<paint>#",
+			"stroke-linejoin": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
+			"stroke-miterlimit": "<number>",
 			"stroke-opacity": "<'opacity'>",
 			"stroke-origin": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
 			"stroke-position": "<position>#",
 			"stroke-repeat": "<repeat-style>#",
 			"stroke-size": "<bg-size>#",
+			"stroke-width": "[ <length-percentage> | <number> ]#",
+			"tab-size": "<number [0,∞]> | <length [0,∞]>",
+			"text-align": "| <string> | justify-all",
 			"text-align-all": "start | end | left | right | center | <string> | justify | match-parent",
+			"text-align-last": "| match-parent",
 			"text-autospace": "normal | <autospace> | auto",
 			"text-box": "normal | <'text-box-trim'> || <'text-box-edge'>",
 			"text-box-edge": "auto | <text-edge>",
 			"text-box-trim": "none | trim-start | trim-end | trim-both",
+			"text-combine-upright": "none | all | [ digits <integer [2,4]>? ]",
+			"text-decoration-skip": "none | auto",
 			"text-decoration-skip-box": "none | all",
 			"text-decoration-skip-self": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
 			"text-decoration-skip-spaces": "none | all | [ start || end ]",
+			"text-decoration-thickness": "auto | from-font | <length-percentage>",
 			"text-decoration-trim": "<length>{1,2} | auto",
+			"text-emphasis-position": "[ over | under ] && [ right | left ]?",
 			"text-emphasis-skip": "spaces || punctuation || symbols || narrow",
 			"text-group-align": "none | start | end | left | right | center",
+			"text-indent": "[ <length-percentage> ] && hanging? && each-line?",
+			"text-justify": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
+			"text-overflow": "[ clip | ellipsis | <string> | fade | fade( [ <length> | <percentage> ] ) ]{1,2}",
+			"text-shadow": "none | <shadow>#",
+			"text-size-adjust": "auto | none | <percentage [0,∞]>",
 			"text-spacing": "none | auto | <spacing-trim> || <autospace>",
+			"text-spacing-trim": "<spacing-trim> | auto",
+			"-webkit-text-stroke": "<line-width> || <color>",
+			"-webkit-text-stroke-width": "<line-width>",
+			"text-transform": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
+			"text-underline-offset": "auto | <length-percentage>",
+			"text-underline-position": "auto | [ from-font | under ] || [ left | right ]",
+			"text-wrap": "<'text-wrap-mode'> || <'text-wrap-style'>",
+			"text-wrap-mode": "wrap | nowrap",
 			"text-wrap-style": "auto | balance | stable | pretty | avoid-orphans",
+			"timeline-scope": "| all",
 			"top": "| <anchor()> | <anchor-size()>",
+			"transform-origin": "[ 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>?",
+			"transition-duration": "<time [0s,∞]>#",
+			"vertical-align": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
+			"view-timeline": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
+			"view-timeline-name": "[ none | <dashed-ident> ]#",
 			"view-transition-class": "none | <custom-ident>+",
 			"view-transition-group": "normal | contain | nearest | <custom-ident>",
 			"voice-duration": "auto | <time [0s,∞]>",
+			"voice-pitch": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+			"voice-range": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 			"voice-rate": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
 			"widows": "<integer [1,∞]>",
+			"width": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
+			"word-break": "| manual",
 			"word-space-transform": "none | [ space | ideographic-space ] && auto-phrase?",
 			"word-spacing": "normal | <length-percentage>",
 			"word-wrap": "| anywhere",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
index b4caafe6ed..e37d67f0fd 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -3878,7 +3878,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3889,7 +3889,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3900,7 +3900,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3911,7 +3911,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3922,7 +3922,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length-percentage>",
 		"syntax-a": "auto | <length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3944,7 +3944,7 @@
 		"comment": "",
 		"syntax-b": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#",
 		"syntax-a": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
-		"syntax-m": false,
+		"syntax-m": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3955,7 +3955,7 @@
 		"comment": "",
 		"syntax-b": "<alpha-value>",
 		"syntax-a": "<opacity-value>",
-		"syntax-m": false,
+		"syntax-m": "<opacity-value>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3977,7 +3977,7 @@
 		"comment": "",
 		"syntax-b": "<length-percentage>",
 		"syntax-a": "<length-percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3988,7 +3988,7 @@
 		"comment": "",
 		"syntax-b": "none | [ <shape-box> || <basic-shape> ] | <image>",
 		"syntax-a": "none | [ <basic-shape> || <shape-box> ] | <image>",
-		"syntax-m": false,
+		"syntax-m": "none | [ <shape-box> || <basic-shape> ] | <image>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4142,7 +4142,7 @@
 		"comment": "",
 		"syntax-b": "none | [ <svg-length>+ ]#",
 		"syntax-a": "none | [ <length-percentage> | <number> ]+#",
-		"syntax-m": false,
+		"syntax-m": "none | [ <length-percentage> | <number> ]+#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4164,7 +4164,7 @@
 		"comment": "",
 		"syntax-b": "<svg-length>",
 		"syntax-a": "<length-percentage> | <number>",
-		"syntax-m": false,
+		"syntax-m": "<length-percentage> | <number>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4186,7 +4186,7 @@
 		"comment": "",
 		"syntax-b": "miter | round | bevel",
 		"syntax-a": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
-		"syntax-m": false,
+		"syntax-m": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4197,7 +4197,7 @@
 		"comment": "",
 		"syntax-b": "<number-one-or-greater>",
 		"syntax-a": "<number>",
-		"syntax-m": false,
+		"syntax-m": "<number>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4274,7 +4274,7 @@
 		"comment": "",
 		"syntax-b": "<svg-length>",
 		"syntax-a": "[ <length-percentage> | <number> ]#",
-		"syntax-m": false,
+		"syntax-m": "[ <length-percentage> | <number> ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4285,7 +4285,7 @@
 		"comment": "",
 		"syntax-b": "<integer> | <length>",
 		"syntax-a": "<number [0,∞]> | <length [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "<number [0,∞]> | <length [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4296,7 +4296,7 @@
 		"comment": "",
 		"syntax-b": "start | end | left | right | center | justify | match-parent",
 		"syntax-a": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
-		"syntax-m": false,
+		"syntax-m": "| <string> | justify-all",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4318,7 +4318,7 @@
 		"comment": "",
 		"syntax-b": "auto | start | end | left | right | center | justify",
 		"syntax-a": "auto | start | end | left | right | center | justify | match-parent",
-		"syntax-m": false,
+		"syntax-m": "| match-parent",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4373,7 +4373,7 @@
 		"comment": "",
 		"syntax-b": "none | all | [ digits <integer>? ]",
 		"syntax-a": "none | all | [ digits <integer [2,4]>? ]",
-		"syntax-m": false,
+		"syntax-m": "none | all | [ digits <integer [2,4]>? ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4384,7 +4384,7 @@
 		"comment": "",
 		"syntax-b": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
 		"syntax-a": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>",
-		"syntax-m": false,
+		"syntax-m": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4395,7 +4395,7 @@
 		"comment": "",
 		"syntax-b": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
 		"syntax-a": "none | auto",
-		"syntax-m": false,
+		"syntax-m": "none | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4417,7 +4417,7 @@
 		"comment": "",
 		"syntax-b": "auto | all | none",
 		"syntax-a": "auto | none | all",
-		"syntax-m": false,
+		"syntax-m": "auto | all | none",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4450,7 +4450,7 @@
 		"comment": "",
 		"syntax-b": "auto | from-font | <length> | <percentage>",
 		"syntax-a": "auto | from-font | <length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "auto | from-font | <length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4472,7 +4472,7 @@
 		"comment": "",
 		"syntax-b": "[ over | under ] && [ right | left ]",
 		"syntax-a": "[ over | under ] && [ right | left ]?",
-		"syntax-m": false,
+		"syntax-m": "[ over | under ] && [ right | left ]?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4505,7 +4505,7 @@
 		"comment": "",
 		"syntax-b": "<length-percentage> && hanging? && each-line?",
 		"syntax-a": "[ <length-percentage> ] && hanging? && each-line?",
-		"syntax-m": false,
+		"syntax-m": "[ <length-percentage> ] && hanging? && each-line?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4516,7 +4516,7 @@
 		"comment": "",
 		"syntax-b": "auto | inter-character | inter-word | none",
 		"syntax-a": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
-		"syntax-m": false,
+		"syntax-m": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4527,7 +4527,7 @@
 		"comment": "",
 		"syntax-b": "[ clip | ellipsis | <string> ]{1,2}",
 		"syntax-a": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
-		"syntax-m": false,
+		"syntax-m": "[ clip | ellipsis | <string> | fade | fade( [ <length> | <percentage> ] ) ]{1,2}",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4538,7 +4538,7 @@
 		"comment": "",
 		"syntax-b": "none | <shadow-t>#",
 		"syntax-a": "none | <shadow>#",
-		"syntax-m": false,
+		"syntax-m": "none | <shadow>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4549,7 +4549,7 @@
 		"comment": "",
 		"syntax-b": "none | auto | <percentage>",
 		"syntax-a": "auto | none | <percentage [0,∞]>",
-		"syntax-m": false,
+		"syntax-m": "auto | none | <percentage [0,∞]>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4571,7 +4571,7 @@
 		"comment": "",
 		"syntax-b": "space-all | normal | space-first | trim-start | trim-both | trim-all | auto",
 		"syntax-a": "<spacing-trim> | auto",
-		"syntax-m": false,
+		"syntax-m": "<spacing-trim> | auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4582,7 +4582,7 @@
 		"comment": "",
 		"syntax-b": "<length> || <color>",
 		"syntax-a": "<line-width> || <color>",
-		"syntax-m": false,
+		"syntax-m": "<line-width> || <color>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4593,7 +4593,7 @@
 		"comment": "",
 		"syntax-b": "<length>",
 		"syntax-a": "<line-width>",
-		"syntax-m": false,
+		"syntax-m": "<line-width>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4604,7 +4604,7 @@
 		"comment": "",
 		"syntax-b": "none | capitalize | uppercase | lowercase | full-width | full-size-kana",
 		"syntax-a": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
-		"syntax-m": false,
+		"syntax-m": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4615,7 +4615,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length> | <percentage>",
 		"syntax-a": "auto | <length-percentage>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4626,7 +4626,7 @@
 		"comment": "",
 		"syntax-b": "auto | from-font | [ under || [ left | right ] ]",
 		"syntax-a": "auto | [ from-font | under ] || [ left | right ]",
-		"syntax-m": false,
+		"syntax-m": "auto | [ from-font | under ] || [ left | right ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4637,7 +4637,7 @@
 		"comment": "",
 		"syntax-b": "wrap | nowrap | balance | stable | pretty",
 		"syntax-a": "<'text-wrap-mode'> || <'text-wrap-style'>",
-		"syntax-m": false,
+		"syntax-m": "<'text-wrap-mode'> || <'text-wrap-style'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4648,7 +4648,7 @@
 		"comment": "",
 		"syntax-b": "auto | wrap | nowrap",
 		"syntax-a": "wrap | nowrap",
-		"syntax-m": false,
+		"syntax-m": "wrap | nowrap",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4681,7 +4681,7 @@
 		"comment": "",
 		"syntax-b": "none | <dashed-ident>#",
 		"syntax-a": "none | all | <dashed-ident>#",
-		"syntax-m": false,
+		"syntax-m": "| all",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4723,7 +4723,7 @@
 		"comment": "",
 		"syntax-b": "[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?",
 		"syntax-a": "[ 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>?",
-		"syntax-m": false,
+		"syntax-m": "[ 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>?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4734,7 +4734,7 @@
 		"comment": "",
 		"syntax-b": "<time>#",
 		"syntax-a": "<time [0s,∞]>#",
-		"syntax-m": false,
+		"syntax-m": "<time [0s,∞]>#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4745,7 +4745,7 @@
 		"comment": "",
 		"syntax-b": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext",
 		"syntax-a": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
-		"syntax-m": false,
+		"syntax-m": "normal | embed | isolate | bidi-override | isolate-override | plaintext | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | -webkit-isolate-override | -webkit-plaintext",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4756,7 +4756,7 @@
 		"comment": "",
 		"syntax-b": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
 		"syntax-a": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
-		"syntax-m": false,
+		"syntax-m": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4767,7 +4767,7 @@
 		"comment": "",
 		"syntax-b": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
 		"syntax-a": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
-		"syntax-m": false,
+		"syntax-m": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4778,7 +4778,7 @@
 		"comment": "",
 		"syntax-b": "none | <dashed-ident>#",
 		"syntax-a": "[ none | <dashed-ident> ]#",
-		"syntax-m": false,
+		"syntax-m": "[ none | <dashed-ident> ]#",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4833,7 +4833,7 @@
 		"comment": "",
 		"syntax-b": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"syntax-a": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-		"syntax-m": false,
+		"syntax-m": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4844,7 +4844,7 @@
 		"comment": "",
 		"syntax-b": "<frequency> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"syntax-a": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
-		"syntax-m": false,
+		"syntax-m": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4874,7 +4874,7 @@
 		"comment": "",
 		"syntax-b": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
 		"syntax-a": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
-		"syntax-m": false,
+		"syntax-m": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4904,7 +4904,7 @@
 		"comment": "",
 		"syntax-b": "auto | <length> | <percentage> | min-content | max-content | fit-content | fit-content( <length-percentage> ) | stretch | <-non-standard-size>",
 		"syntax-a": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()>",
-		"syntax-m": false,
+		"syntax-m": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4915,7 +4915,7 @@
 		"comment": "",
 		"syntax-b": "normal | break-all | keep-all | break-word | auto-phrase",
 		"syntax-a": "normal | break-all | keep-all | manual | auto-phrase | break-word",
-		"syntax-m": false,
+		"syntax-m": "| manual",
 		"tests": {
 			"passing": [],
 			"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 4b7164af76..1ff2d6dde0 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -452,6 +452,20 @@ export async function generate_webref_sets() {
 	const properties = Object(null);
 	const values = Object(null);
 
+	// Set missing definitions
+	{
+		values['dimension-unit'] = JSON.parse(await fs.readFile(path.join('raw-data', 'units.json'))).join(' | ');
+
+		values['intrinsic-size-keyword'] = JSON.parse(await fs.readFile(path.join('raw-data', 'intrinsic-size-keywords.json'))).join(' | ');
+
+		// https://github.com/w3c/csswg-drafts/issues/11127
+		values['scroll-state-feature'] = '<ident> : <ident>';
+
+		// https://drafts.csswg.org/css-ui-4/#cursor
+		values['url-set-option'] = '[ <url> | <string> ] [ <resolution> || type( <string> ) ]?';
+		values['url-set()'] = 'url-set( <url-set-option># )';
+	}
+
 	const parsedFiles = await css.listAll();
 	const entries = Array.from(Object.entries(parsedFiles));
 
@@ -552,17 +566,6 @@ export async function generate_webref_sets() {
 		}
 	}
 
-	values['dimension-unit'] = JSON.parse(await fs.readFile(path.join('raw-data', 'units.json'))).join(' | ');
-
-	values['intrinsic-size-keyword'] = JSON.parse(await fs.readFile(path.join('raw-data', 'intrinsic-size-keywords.json'))).join(' | ');
-
-	// https://github.com/w3c/csswg-drafts/issues/11127
-	values['scroll-state-feature'] = '<ident> : <ident>';
-
-	// https://drafts.csswg.org/css-ui-4/#cursor
-	values['url-set-option'] = '[ <url> | <string> ] [ <resolution> || type( <string> ) ]?';
-	values['url-set()'] = 'url-set( <url-set-option># )';
-
 	const forkedLexer = fork({
 		properties: properties,
 		types: values,

From a02ec16572375dbf1c211d157d765a76c74d1359 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Thu, 31 Oct 2024 23:57:11 +0100
Subject: [PATCH 59/66] start work on atrule descriptors

---
 .../dist/index.json                           |   5 +-
 .../patches/webref-over-csstree-atrules.json  |   1 +
 .../raw-data/csstree-atrules.json             | 233 ++++++++++++++++++
 .../raw-data/webref-atrules.json              | 233 ++++++++++++++++++
 .../raw-data/webref-over-csstree-atrules.json |   1 +
 .../scripts/apply-patches.mjs                 |   9 +-
 .../scripts/diff-sets.mjs                     |  68 +++++
 .../scripts/generate-csstree-sets.mjs         |   3 +-
 .../scripts/generate-set.mjs                  |  18 +-
 .../scripts/generate-webref-sets.mjs          |   6 +-
 .../scripts/index.mjs                         |   9 +-
 .../scripts/read-patches.mjs                  |   1 +
 .../scripts/sort-set.mjs                      |  12 +
 .../scripts/write-patches.mjs                 |   8 +-
 .../scripts/write-set-files.mjs               |  20 +-
 15 files changed, 615 insertions(+), 12 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/csstree-atrules.json
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
 create mode 100644 packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 2f4b2c28d8..9ef192c9a4 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -1,5 +1,6 @@
 {
 	"next": {
+		"atrules": {},
 		"properties": {
 			"align-items": "| anchor-center",
 			"align-self": "| anchor-center",
@@ -364,6 +365,7 @@
 			"y": "<length-percentage>"
 		},
 		"types": {
+			"dashed-ident": "<custom-property-name>",
 			"anchor-name": "<dashed-ident>",
 			"anchor-size()": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
 			"anchor()": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
@@ -604,8 +606,7 @@
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
 			"wcag2": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 			"xyz": "xyz | xyz-d50 | xyz-d65",
-			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}",
-			"dashed-ident": "<custom-property-name>"
+			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}"
 		}
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
new file mode 100644
index 0000000000..9e26dfeeb6
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/csstree-atrules.json b/packages/css-syntax-patches-for-csstree/raw-data/csstree-atrules.json
new file mode 100644
index 0000000000..fce5f62805
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/csstree-atrules.json
@@ -0,0 +1,233 @@
+{
+	"counter-style": {
+		"descriptors": {
+			"additive-symbols": {
+				"syntax": "[ <integer> && <symbol> ]#"
+			},
+			"fallback": {
+				"syntax": "<counter-style-name>"
+			},
+			"negative": {
+				"syntax": "<symbol> <symbol>?"
+			},
+			"pad": {
+				"syntax": "<integer> && <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> ]"
+			}
+		}
+	},
+	"font-face": {
+		"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": "<urange>#"
+			}
+		}
+	},
+	"font-palette-values": {
+		"descriptors": {
+			"base-palette": {
+				"syntax": "light | dark | <integer [0,∞]>"
+			},
+			"font-family": {
+				"syntax": "<family-name>#"
+			},
+			"override-colors": {
+				"syntax": "[ <integer [0,∞]> <absolute-color-base> ]#"
+			}
+		}
+	},
+	"page": {
+		"descriptors": {
+			"bleed": {
+				"syntax": "auto | <length>"
+			},
+			"marks": {
+				"syntax": "none | [ crop || cross ]"
+			},
+			"page-orientation": {
+				"syntax": "upright | rotate-left | rotate-right"
+			},
+			"size": {
+				"syntax": "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"
+			}
+		}
+	},
+	"position-try": {
+		"descriptors": {
+			"align-self": {
+				"syntax": "<'align-self'> | anchor-center"
+			},
+			"block-size": {
+				"syntax": "<'block-size'>"
+			},
+			"bottom": {
+				"syntax": "<'bottom'>"
+			},
+			"height": {
+				"syntax": "<'height'>"
+			},
+			"inline-size": {
+				"syntax": "<'inline-size'>"
+			},
+			"inset": {
+				"syntax": "<'inset'>"
+			},
+			"inset-block": {
+				"syntax": "<'inset-block'>"
+			},
+			"inset-block-end": {
+				"syntax": "<'inset-block-end'>"
+			},
+			"inset-block-start": {
+				"syntax": "<'inset-block-start'>"
+			},
+			"inset-inline": {
+				"syntax": "<'inset-inline'>"
+			},
+			"inset-inline-end": {
+				"syntax": "<'inset-inline-end'>"
+			},
+			"inset-inline-start": {
+				"syntax": "<'inset-inline-start'>"
+			},
+			"justify-self": {
+				"syntax": "<'justify-self'> | anchor-center"
+			},
+			"left": {
+				"syntax": "<'left'>"
+			},
+			"margin": {
+				"syntax": "<'margin'>"
+			},
+			"margin-block": {
+				"syntax": "<'margin-block'>"
+			},
+			"margin-block-end": {
+				"syntax": "<'margin-block-end'>"
+			},
+			"margin-block-start": {
+				"syntax": "<'margin-block-start'>"
+			},
+			"margin-bottom": {
+				"syntax": "<'margin-bottom'>"
+			},
+			"margin-inline": {
+				"syntax": "<'margin-inline'>"
+			},
+			"margin-inline-end": {
+				"syntax": "<'margin-inline-end'>"
+			},
+			"margin-inline-start": {
+				"syntax": "<'margin-inline-start'>"
+			},
+			"margin-left": {
+				"syntax": "<'margin-left'>"
+			},
+			"margin-right": {
+				"syntax": "<'margin-right'>"
+			},
+			"margin-top": {
+				"syntax": "<'margin-top'>"
+			},
+			"max-block-size": {
+				"syntax": "<'max-block-size'>"
+			},
+			"max-height": {
+				"syntax": "<'max-height'>"
+			},
+			"max-inline-size": {
+				"syntax": "<'max-inline-size'>"
+			},
+			"max-width": {
+				"syntax": "<'max-width'>"
+			},
+			"min-block-size": {
+				"syntax": "<'min-block-size'>"
+			},
+			"min-height": {
+				"syntax": "<'min-height'>"
+			},
+			"min-inline-size": {
+				"syntax": "<'min-inline-size'>"
+			},
+			"min-width": {
+				"syntax": "<'min-width'>"
+			},
+			"right": {
+				"syntax": "<'right'>"
+			},
+			"top": {
+				"syntax": "<'top'>"
+			},
+			"width": {
+				"syntax": "<'width'>"
+			}
+		}
+	},
+	"property": {
+		"descriptors": {
+			"inherits": {
+				"syntax": "true | false"
+			},
+			"initial-value": {
+				"syntax": "<declaration-value>?"
+			},
+			"syntax": {
+				"syntax": "<string>"
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
new file mode 100644
index 0000000000..fce5f62805
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
@@ -0,0 +1,233 @@
+{
+	"counter-style": {
+		"descriptors": {
+			"additive-symbols": {
+				"syntax": "[ <integer> && <symbol> ]#"
+			},
+			"fallback": {
+				"syntax": "<counter-style-name>"
+			},
+			"negative": {
+				"syntax": "<symbol> <symbol>?"
+			},
+			"pad": {
+				"syntax": "<integer> && <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> ]"
+			}
+		}
+	},
+	"font-face": {
+		"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": "<urange>#"
+			}
+		}
+	},
+	"font-palette-values": {
+		"descriptors": {
+			"base-palette": {
+				"syntax": "light | dark | <integer [0,∞]>"
+			},
+			"font-family": {
+				"syntax": "<family-name>#"
+			},
+			"override-colors": {
+				"syntax": "[ <integer [0,∞]> <absolute-color-base> ]#"
+			}
+		}
+	},
+	"page": {
+		"descriptors": {
+			"bleed": {
+				"syntax": "auto | <length>"
+			},
+			"marks": {
+				"syntax": "none | [ crop || cross ]"
+			},
+			"page-orientation": {
+				"syntax": "upright | rotate-left | rotate-right"
+			},
+			"size": {
+				"syntax": "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"
+			}
+		}
+	},
+	"position-try": {
+		"descriptors": {
+			"align-self": {
+				"syntax": "<'align-self'> | anchor-center"
+			},
+			"block-size": {
+				"syntax": "<'block-size'>"
+			},
+			"bottom": {
+				"syntax": "<'bottom'>"
+			},
+			"height": {
+				"syntax": "<'height'>"
+			},
+			"inline-size": {
+				"syntax": "<'inline-size'>"
+			},
+			"inset": {
+				"syntax": "<'inset'>"
+			},
+			"inset-block": {
+				"syntax": "<'inset-block'>"
+			},
+			"inset-block-end": {
+				"syntax": "<'inset-block-end'>"
+			},
+			"inset-block-start": {
+				"syntax": "<'inset-block-start'>"
+			},
+			"inset-inline": {
+				"syntax": "<'inset-inline'>"
+			},
+			"inset-inline-end": {
+				"syntax": "<'inset-inline-end'>"
+			},
+			"inset-inline-start": {
+				"syntax": "<'inset-inline-start'>"
+			},
+			"justify-self": {
+				"syntax": "<'justify-self'> | anchor-center"
+			},
+			"left": {
+				"syntax": "<'left'>"
+			},
+			"margin": {
+				"syntax": "<'margin'>"
+			},
+			"margin-block": {
+				"syntax": "<'margin-block'>"
+			},
+			"margin-block-end": {
+				"syntax": "<'margin-block-end'>"
+			},
+			"margin-block-start": {
+				"syntax": "<'margin-block-start'>"
+			},
+			"margin-bottom": {
+				"syntax": "<'margin-bottom'>"
+			},
+			"margin-inline": {
+				"syntax": "<'margin-inline'>"
+			},
+			"margin-inline-end": {
+				"syntax": "<'margin-inline-end'>"
+			},
+			"margin-inline-start": {
+				"syntax": "<'margin-inline-start'>"
+			},
+			"margin-left": {
+				"syntax": "<'margin-left'>"
+			},
+			"margin-right": {
+				"syntax": "<'margin-right'>"
+			},
+			"margin-top": {
+				"syntax": "<'margin-top'>"
+			},
+			"max-block-size": {
+				"syntax": "<'max-block-size'>"
+			},
+			"max-height": {
+				"syntax": "<'max-height'>"
+			},
+			"max-inline-size": {
+				"syntax": "<'max-inline-size'>"
+			},
+			"max-width": {
+				"syntax": "<'max-width'>"
+			},
+			"min-block-size": {
+				"syntax": "<'min-block-size'>"
+			},
+			"min-height": {
+				"syntax": "<'min-height'>"
+			},
+			"min-inline-size": {
+				"syntax": "<'min-inline-size'>"
+			},
+			"min-width": {
+				"syntax": "<'min-width'>"
+			},
+			"right": {
+				"syntax": "<'right'>"
+			},
+			"top": {
+				"syntax": "<'top'>"
+			},
+			"width": {
+				"syntax": "<'width'>"
+			}
+		}
+	},
+	"property": {
+		"descriptors": {
+			"inherits": {
+				"syntax": "true | false"
+			},
+			"initial-value": {
+				"syntax": "<declaration-value>?"
+			},
+			"syntax": {
+				"syntax": "<string>"
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json
new file mode 100644
index 0000000000..9e26dfeeb6
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
index ce72ac4522..1e54d04d87 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
@@ -5,6 +5,8 @@ export function apply_patches(patches, onto) {
 	let has_outdated_patches = false;
 	let has_unmerged_patches = false;
 
+	let atrules = Object(null);
+
 	let properties = Object(null);
 
 	for (const [name, definition] of Object.entries(onto.properties)) {
@@ -53,6 +55,9 @@ export function apply_patches(patches, onto) {
 
 	let types = Object(null);
 
+	// Manual patches to smooth over compat between csstree and webref/css
+	types['dashed-ident'] = '<custom-property-name>';
+
 	for (const [name, definition] of Object.entries(onto.types)) {
 		const patch = patches.types[name];
 		if (!patch) {
@@ -97,10 +102,8 @@ export function apply_patches(patches, onto) {
 		types[name] = patch['syntax-m'];
 	}
 
-	// Manual patches to smooth over compat between csstree and webref/css
-	types['dashed-ident'] = '<custom-property-name>';
-
 	return {
+		atrules,
 		properties,
 		types,
 		has_missing_patches,
diff --git a/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs
index 1922e19c3d..3619940b3c 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs
@@ -41,3 +41,71 @@ export function diff_sets(a, b) {
 
 	return diff;
 }
+
+export function diff_atrule_sets(a, b) {
+	const diff = Object(null);
+
+	for (const [name, definition] of Object.entries(a)) {
+		if (!definition.descriptors) {
+			continue;
+		}
+
+		for (const [descriptor_name, descriptor_definition] of Object.entries(definition.descriptors)) {
+			if (!b[name]?.descriptors?.[descriptor_name]) {
+				diff[name] ??= {
+					descriptors: {},
+				};
+
+				// Note: Currently impossible for items to be removed because we fork the existing syntax and add to it.
+				diff[name].descriptors[descriptor_name] = {
+					type: 'deleted',
+					'syntax-b': descriptor_definition.syntax,
+					'syntax-a': '',
+					'comment': '',
+				};
+
+				continue;
+			}
+		}
+	}
+
+	for (const [name, definition] of Object.entries(b)) {
+		if (!definition.descriptors) {
+			continue;
+		}
+
+		for (const [descriptor_name, descriptor_definition] of Object.entries(definition.descriptors)) {
+			if (!a[name]?.descriptors?.[descriptor_name]) {
+				diff[name] ??= {
+					descriptors: {},
+				};
+
+				diff[name].descriptors[descriptor_name] = {
+					type: 'added',
+					'syntax-b': '',
+					'syntax-a': descriptor_definition.syntax,
+					'comment': '',
+				};
+
+				continue;
+			}
+
+			if (a[name]?.descriptors?.[descriptor_name].syntax !== b[name]?.descriptors?.[descriptor_name].syntax) {
+				diff[name] ??= {
+					descriptors: {},
+				};
+
+				diff[name].descriptors[descriptor_name] = {
+					type: 'modified',
+					'syntax-b': a[name].descriptors?.[descriptor_name].syntax,
+					'syntax-a': b[name].descriptors?.[descriptor_name].syntax,
+					'comment': '',
+				};
+
+				continue;
+			}
+		}
+	}
+
+	return diff;
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs
index d13418b682..22b6436420 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs
@@ -1,8 +1,9 @@
 import { lexer } from 'css-tree-3.0.0';
-import { generate_set } from './generate-set.mjs';
+import { generate_atrule_set, generate_set } from './generate-set.mjs';
 
 export async function generate_csstree_sets() {
 	return {
+		atrules: generate_atrule_set(lexer.atrules),
 		properties: generate_set(lexer.properties),
 		types: generate_set(lexer.types),
 	};
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
index 5d885a1820..241439efcd 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
@@ -1,5 +1,5 @@
 import { definitionSyntax } from 'css-tree-3.0.0';
-import { sort_set } from './sort-set.mjs';
+import { sort_atrule_set, sort_set } from './sort-set.mjs';
 
 export function generate_set(source) {
 	const set = Object(null);
@@ -16,3 +16,19 @@ export function generate_set(source) {
 
 	return sort_set(set);
 }
+
+export function generate_atrule_set(source) {
+	const set = Object(null);
+
+	for (const [name, definition] of Object.entries(source)) {
+		if (!definition.descriptors) {
+			continue;
+		}
+
+		set[name] = {
+			descriptors: generate_set(definition.descriptors),
+		};
+	}
+
+	return sort_atrule_set(set);
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 1ff2d6dde0..53169b4a91 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -2,7 +2,7 @@ import fs from 'node:fs/promises';
 import path from 'node:path';
 import css from '@webref/css';
 import { fork } from 'css-tree-3.0.0';
-import { generate_set } from './generate-set.mjs';
+import { generate_atrule_set, generate_set } from './generate-set.mjs';
 import { trim_lt_gt } from './trim-lt-gt.mjs';
 
 const IGNORED_SPECS = new Set([
@@ -449,6 +449,7 @@ function assign_new_definition(spec_name, set, name, definition) {
 }
 
 export async function generate_webref_sets() {
+	const atrules = Object(null);
 	const properties = Object(null);
 	const values = Object(null);
 
@@ -567,14 +568,17 @@ export async function generate_webref_sets() {
 	}
 
 	const forkedLexer = fork({
+		atrules: atrules,
 		properties: properties,
 		types: values,
 	}).lexer;
 
+	const atrules_set = generate_atrule_set(forkedLexer.atrules);
 	const properties_set = generate_set(forkedLexer.properties);
 	const types_set = generate_set(forkedLexer.types);
 
 	return {
+		atrules: atrules_set,
 		properties: properties_set,
 		types: types_set,
 	};
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 236bb96d82..9e975b07b4 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -10,7 +10,7 @@ import { fork } from 'css-tree-3.0.0';
 import { generate_csstree_sets } from './generate-csstree-sets.mjs';
 import { generate_webref_sets } from './generate-webref-sets.mjs';
 import { write_set_files } from './write-set-files.mjs';
-import { diff_sets } from './diff-sets.mjs';
+import { diff_atrule_sets, diff_sets } from './diff-sets.mjs';
 import { read_patches } from './read-patches.mjs';
 import { write_final_file } from './write-final-file.mjs';
 import { apply_patches } from './apply-patches.mjs';
@@ -22,13 +22,15 @@ const webref_sets = await generate_webref_sets();
 const patches = await read_patches();
 
 const webref_over_csstree_sets = {
+	atrules: diff_atrule_sets(csstree_sets.atrules, webref_sets.atrules),
 	properties: diff_sets(csstree_sets.properties, webref_sets.properties),
 	types: diff_sets(csstree_sets.types, webref_sets.types),
 };
 
 const SINGULAR = {
-	'types': 'type',
+	'atrules': 'atrule',
 	'properties': 'property',
+	'types': 'type',
 };
 
 let has_missing_patch_tests = false;
@@ -37,6 +39,7 @@ let has_failing_tests = false;
 let flaws = 0;
 
 const {
+	atrules: atrule_patches,
 	properties: property_patches,
 	types: type_patches,
 	has_missing_patches,
@@ -48,6 +51,7 @@ const {
 flaws += patch_flaws;
 
 const forkedLexer = fork({
+	atrules: atrule_patches,
 	properties: property_patches,
 	types: type_patches,
 }).lexer;
@@ -171,6 +175,7 @@ await write_patches(
 
 await write_final_file({
 	next: {
+		atrules: atrule_patches,
 		properties: property_patches,
 		types: type_patches,
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/read-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/read-patches.mjs
index 7bf07f506c..e66f7ad581 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/read-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/read-patches.mjs
@@ -4,6 +4,7 @@ import path from 'node:path';
 export async function read_patches() {
 	return {
 		webref_over_csstree: {
+			atrules: JSON.parse(await fs.readFile(path.join('patches', 'webref-over-csstree-atrules.json'))),
 			properties: JSON.parse(await fs.readFile(path.join('patches', 'webref-over-csstree-properties.json'))),
 			types: JSON.parse(await fs.readFile(path.join('patches', 'webref-over-csstree-types.json'))),
 		},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/sort-set.mjs b/packages/css-syntax-patches-for-csstree/scripts/sort-set.mjs
index 3387bd9c24..eed9240f7b 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/sort-set.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/sort-set.mjs
@@ -27,3 +27,15 @@ export function sort_set(source) {
 
 	return set;
 }
+
+export function sort_atrule_set(source) {
+	for (const [name, definition] of Object.entries(source)) {
+		if (!definition.descriptors) {
+			continue;
+		}
+
+		source[name].descriptors = sort_set(definition.descriptors);
+	}
+
+	return sort_set(source);
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
index a563e5a710..07df611204 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
@@ -1,6 +1,6 @@
 import fs from 'node:fs/promises';
 import path from 'node:path';
-import { sort_set } from './sort-set.mjs';
+import { sort_atrule_set, sort_set } from './sort-set.mjs';
 
 export async function write_patches(sets, patch_sets) {
 	const merged_sets = Object(null);
@@ -92,6 +92,12 @@ export async function write_patches(sets, patch_sets) {
 	}
 
 	{
+		await fs.writeFile(
+			path.join('patches', 'webref-over-csstree-atrules.json'),
+			JSON.stringify(sort_atrule_set(merged_sets.webref_over_csstree.atrules), null, '\t'),
+			'utf-8',
+		);
+
 		await fs.writeFile(
 			path.join('patches', 'webref-over-csstree-properties.json'),
 			JSON.stringify(sort_set(merged_sets.webref_over_csstree.properties), null, '\t'),
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs
index cf2b12ad09..de54b053f2 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs
@@ -1,9 +1,15 @@
 import fs from 'node:fs/promises';
 import path from 'node:path';
-import { sort_set } from './sort-set.mjs';
+import { sort_atrule_set, sort_set } from './sort-set.mjs';
 
 export async function write_set_files(sets) {
 	{
+		await fs.writeFile(
+			path.join('raw-data', 'csstree-atrules.json'),
+			JSON.stringify(sort_atrule_set(sets.csstree.atrules), null, '\t'),
+			'utf-8',
+		);
+
 		await fs.writeFile(
 			path.join('raw-data', 'csstree-properties.json'),
 			JSON.stringify(sort_set(sets.csstree.properties), null, '\t'),
@@ -18,6 +24,12 @@ export async function write_set_files(sets) {
 	}
 
 	{
+		await fs.writeFile(
+			path.join('raw-data', 'webref-atrules.json'),
+			JSON.stringify(sort_atrule_set(sets.webref.atrules), null, '\t'),
+			'utf-8',
+		);
+
 		await fs.writeFile(
 			path.join('raw-data', 'webref-properties.json'),
 			JSON.stringify(sort_set(sets.webref.properties), null, '\t'),
@@ -32,6 +44,12 @@ export async function write_set_files(sets) {
 	}
 
 	{
+		await fs.writeFile(
+			path.join('raw-data', 'webref-over-csstree-atrules.json'),
+			JSON.stringify(sort_atrule_set(sets.webref_over_csstree.atrules), null, '\t'),
+			'utf-8',
+		);
+
 		await fs.writeFile(
 			path.join('raw-data', 'webref-over-csstree-properties.json'),
 			JSON.stringify(sort_set(sets.webref_over_csstree.properties), null, '\t'),

From c9804b3440782e21a002d29edfdec67451819d4e Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Fri, 1 Nov 2024 11:25:41 +0100
Subject: [PATCH 60/66] wip

---
 .../dist/index.json                           |  45 +-
 .../patches/webref-over-csstree-atrules.json  | 409 +++++++++++++++++-
 .../raw-data/webref-atrules.json              | 106 ++++-
 .../raw-data/webref-over-csstree-atrules.json | 239 +++++++++-
 .../scripts/apply-patches.mjs                 |  50 +++
 .../scripts/generate-webref-sets.mjs          | 147 ++++++-
 .../scripts/trim-at.mjs                       |   7 +
 .../scripts/write-patches.mjs                 | 114 +++--
 8 files changed, 1070 insertions(+), 47 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/scripts/trim-at.mjs

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 9ef192c9a4..99bf71559b 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -1,6 +1,49 @@
 {
 	"next": {
-		"atrules": {},
+		"atrules": {
+			"color-profile": {
+				"descriptors": {
+					"components": "<ident>#",
+					"rendering-intent": "relative-colorimetric | absolute-colorimetric | perceptual | saturation",
+					"src": "<url>"
+				}
+			},
+			"font-face": {
+				"descriptors": {
+					"font-language-override": "normal | <string>",
+					"font-named-instance": "auto | <string>",
+					"font-size": "auto | [ <number> ]{1,2}",
+					"font-width": "auto | <'font-width'>{1,2}",
+					"subscript-position-override": "[ normal | from-font | <percentage> ]{1,2}",
+					"subscript-size-override": "[ normal | from-font | <percentage [0,∞]> ]{1,2}",
+					"superscript-position-override": "[ normal | from-font | <percentage> ]{1,2}",
+					"superscript-size-override": "[ normal | from-font | <percentage [0,∞]> ]{1,2}"
+				}
+			},
+			"font-feature-values": {
+				"descriptors": {
+					"@annotation": "@annotation { <declaration-list> }",
+					"@character-variant": "@character-variant { <declaration-list> }",
+					"@historical-forms": "@historical-forms { <declaration-list> }",
+					"@ornaments": "@ornaments { <declaration-list> }",
+					"@styleset": "@styleset { <declaration-list> }",
+					"@stylistic": "@stylistic { <declaration-list> }",
+					"@swash": "@swash { <declaration-list> }",
+					"font-display": "auto | block | swap | fallback | optional"
+				}
+			},
+			"function": {
+				"descriptors": {
+					"result": "<declaration-value>?"
+				}
+			},
+			"view-transition": {
+				"descriptors": {
+					"navigation": "auto | none",
+					"types": "none | <custom-ident>+"
+				}
+			}
+		},
 		"properties": {
 			"align-items": "| anchor-center",
 			"align-self": "| anchor-center",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
index 9e26dfeeb6..7eb366600d 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
@@ -1 +1,408 @@
-{}
\ No newline at end of file
+{
+	"color-profile": {
+		"descriptors": {
+			"components": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "<ident>#",
+				"syntax-m": "<ident>#",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"rendering-intent": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "relative-colorimetric | absolute-colorimetric | perceptual | saturation",
+				"syntax-m": "relative-colorimetric | absolute-colorimetric | perceptual | saturation",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"src": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "<url>",
+				"syntax-m": "<url>",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			}
+		}
+	},
+	"counter-style": {
+		"descriptors": {
+			"additive-symbols": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "[ <integer> && <symbol> ]#",
+				"syntax-a": "[ <integer [0,∞]> && <symbol> ]#",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"pad": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "<integer> && <symbol>",
+				"syntax-a": "<integer [0,∞]> && <symbol>",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			}
+		}
+	},
+	"font-face": {
+		"descriptors": {
+			"ascent-override": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "normal | <percentage>",
+				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"descent-override": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "normal | <percentage>",
+				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"font-display": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "[ auto | block | swap | fallback | optional ]",
+				"syntax-a": "auto | block | swap | fallback | optional",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"font-language-override": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "normal | <string>",
+				"syntax-m": "normal | <string>",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"font-named-instance": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "auto | <string>",
+				"syntax-m": "auto | <string>",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"font-size": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "auto | [ <number> ]{1,2}",
+				"syntax-m": "auto | [ <number> ]{1,2}",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"font-style": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "normal | italic | oblique <angle>{0,2}",
+				"syntax-a": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"font-weight": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "<font-weight-absolute>{1,2}",
+				"syntax-a": "auto | <font-weight-absolute>{1,2}",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"font-width": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "auto | <'font-width'>{1,2}",
+				"syntax-m": "auto | <'font-width'>{1,2}",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"line-gap-override": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "normal | <percentage>",
+				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"size-adjust": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "<percentage>",
+				"syntax-a": "<percentage [0,∞]>",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"src": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#",
+				"syntax-a": "<font-src-list>",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"subscript-position-override": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "[ normal | from-font | <percentage> ]{1,2}",
+				"syntax-m": "[ normal | from-font | <percentage> ]{1,2}",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"subscript-size-override": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "[ normal | from-font | <percentage [0,∞]> ]{1,2}",
+				"syntax-m": "[ normal | from-font | <percentage [0,∞]> ]{1,2}",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"superscript-position-override": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "[ normal | from-font | <percentage> ]{1,2}",
+				"syntax-m": "[ normal | from-font | <percentage> ]{1,2}",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"superscript-size-override": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "[ normal | from-font | <percentage [0,∞]> ]{1,2}",
+				"syntax-m": "[ normal | from-font | <percentage [0,∞]> ]{1,2}",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			}
+		}
+	},
+	"font-feature-values": {
+		"descriptors": {
+			"@annotation": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "@annotation { <declaration-list> }",
+				"syntax-m": "@annotation { <declaration-list> }",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"@character-variant": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "@character-variant { <declaration-list> }",
+				"syntax-m": "@character-variant { <declaration-list> }",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"@historical-forms": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "@historical-forms { <declaration-list> }",
+				"syntax-m": "@historical-forms { <declaration-list> }",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"@ornaments": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "@ornaments { <declaration-list> }",
+				"syntax-m": "@ornaments { <declaration-list> }",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"@styleset": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "@styleset { <declaration-list> }",
+				"syntax-m": "@styleset { <declaration-list> }",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"@stylistic": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "@stylistic { <declaration-list> }",
+				"syntax-m": "@stylistic { <declaration-list> }",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"@swash": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "@swash { <declaration-list> }",
+				"syntax-m": "@swash { <declaration-list> }",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"font-display": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "auto | block | swap | fallback | optional",
+				"syntax-m": "auto | block | swap | fallback | optional",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			}
+		}
+	},
+	"font-palette-values": {
+		"descriptors": {
+			"override-colors": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "[ <integer [0,∞]> <absolute-color-base> ]#",
+				"syntax-a": "[ <integer [0,∞]> <color> ]#",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			}
+		}
+	},
+	"function": {
+		"descriptors": {
+			"result": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "<declaration-value>?",
+				"syntax-m": "<declaration-value>?",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			}
+		}
+	},
+	"page": {
+		"descriptors": {
+			"size": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
+				"syntax-a": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
+				"syntax-m": false,
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			}
+		}
+	},
+	"view-transition": {
+		"descriptors": {
+			"navigation": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "auto | none",
+				"syntax-m": "auto | none",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"types": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "none | <custom-ident>+",
+				"syntax-m": "none | <custom-ident>+",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
index fce5f62805..0d19ea3bc5 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
@@ -1,8 +1,21 @@
 {
+	"color-profile": {
+		"descriptors": {
+			"components": {
+				"syntax": "<ident>#"
+			},
+			"rendering-intent": {
+				"syntax": "relative-colorimetric | absolute-colorimetric | perceptual | saturation"
+			},
+			"src": {
+				"syntax": "<url>"
+			}
+		}
+	},
 	"counter-style": {
 		"descriptors": {
 			"additive-symbols": {
-				"syntax": "[ <integer> && <symbol> ]#"
+				"syntax": "[ <integer [0,∞]> && <symbol> ]#"
 			},
 			"fallback": {
 				"syntax": "<counter-style-name>"
@@ -11,7 +24,7 @@
 				"syntax": "<symbol> <symbol>?"
 			},
 			"pad": {
-				"syntax": "<integer> && <symbol>"
+				"syntax": "<integer [0,∞]> && <symbol>"
 			},
 			"prefix": {
 				"syntax": "<symbol>"
@@ -36,13 +49,13 @@
 	"font-face": {
 		"descriptors": {
 			"ascent-override": {
-				"syntax": "normal | <percentage>"
+				"syntax": "[ normal | <percentage [0,∞]> ]{1,2}"
 			},
 			"descent-override": {
-				"syntax": "normal | <percentage>"
+				"syntax": "[ normal | <percentage [0,∞]> ]{1,2}"
 			},
 			"font-display": {
-				"syntax": "[ auto | block | swap | fallback | optional ]"
+				"syntax": "auto | block | swap | fallback | optional"
 			},
 			"font-family": {
 				"syntax": "<family-name>"
@@ -50,32 +63,84 @@
 			"font-feature-settings": {
 				"syntax": "normal | <feature-tag-value>#"
 			},
+			"font-language-override": {
+				"syntax": "normal | <string>"
+			},
+			"font-named-instance": {
+				"syntax": "auto | <string>"
+			},
+			"font-size": {
+				"syntax": "auto | [ <number> ]{1,2}"
+			},
 			"font-stretch": {
 				"syntax": "<font-stretch-absolute>{1,2}"
 			},
 			"font-style": {
-				"syntax": "normal | italic | oblique <angle>{0,2}"
+				"syntax": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?"
 			},
 			"font-variation-settings": {
 				"syntax": "normal | [ <string> <number> ]#"
 			},
 			"font-weight": {
-				"syntax": "<font-weight-absolute>{1,2}"
+				"syntax": "auto | <font-weight-absolute>{1,2}"
+			},
+			"font-width": {
+				"syntax": "auto | <'font-width'>{1,2}"
 			},
 			"line-gap-override": {
-				"syntax": "normal | <percentage>"
+				"syntax": "[ normal | <percentage [0,∞]> ]{1,2}"
 			},
 			"size-adjust": {
-				"syntax": "<percentage>"
+				"syntax": "<percentage [0,∞]>"
 			},
 			"src": {
-				"syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
+				"syntax": "<font-src-list>"
+			},
+			"subscript-position-override": {
+				"syntax": "[ normal | from-font | <percentage> ]{1,2}"
+			},
+			"subscript-size-override": {
+				"syntax": "[ normal | from-font | <percentage [0,∞]> ]{1,2}"
+			},
+			"superscript-position-override": {
+				"syntax": "[ normal | from-font | <percentage> ]{1,2}"
+			},
+			"superscript-size-override": {
+				"syntax": "[ normal | from-font | <percentage [0,∞]> ]{1,2}"
 			},
 			"unicode-range": {
 				"syntax": "<urange>#"
 			}
 		}
 	},
+	"font-feature-values": {
+		"descriptors": {
+			"@annotation": {
+				"syntax": "@annotation { <declaration-list> }"
+			},
+			"@character-variant": {
+				"syntax": "@character-variant { <declaration-list> }"
+			},
+			"@historical-forms": {
+				"syntax": "@historical-forms { <declaration-list> }"
+			},
+			"@ornaments": {
+				"syntax": "@ornaments { <declaration-list> }"
+			},
+			"@styleset": {
+				"syntax": "@styleset { <declaration-list> }"
+			},
+			"@stylistic": {
+				"syntax": "@stylistic { <declaration-list> }"
+			},
+			"@swash": {
+				"syntax": "@swash { <declaration-list> }"
+			},
+			"font-display": {
+				"syntax": "auto | block | swap | fallback | optional"
+			}
+		}
+	},
 	"font-palette-values": {
 		"descriptors": {
 			"base-palette": {
@@ -85,7 +150,14 @@
 				"syntax": "<family-name>#"
 			},
 			"override-colors": {
-				"syntax": "[ <integer [0,∞]> <absolute-color-base> ]#"
+				"syntax": "[ <integer [0,∞]> <color> ]#"
+			}
+		}
+	},
+	"function": {
+		"descriptors": {
+			"result": {
+				"syntax": "<declaration-value>?"
 			}
 		}
 	},
@@ -101,7 +173,7 @@
 				"syntax": "upright | rotate-left | rotate-right"
 			},
 			"size": {
-				"syntax": "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"
+				"syntax": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"
 			}
 		}
 	},
@@ -229,5 +301,15 @@
 				"syntax": "<string>"
 			}
 		}
+	},
+	"view-transition": {
+		"descriptors": {
+			"navigation": {
+				"syntax": "auto | none"
+			},
+			"types": {
+				"syntax": "none | <custom-ident>+"
+			}
+		}
 	}
 }
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json
index 9e26dfeeb6..74d6f6b733 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json
@@ -1 +1,238 @@
-{}
\ No newline at end of file
+{
+	"color-profile": {
+		"descriptors": {
+			"components": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "<ident>#",
+				"comment": ""
+			},
+			"rendering-intent": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "relative-colorimetric | absolute-colorimetric | perceptual | saturation",
+				"comment": ""
+			},
+			"src": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "<url>",
+				"comment": ""
+			}
+		}
+	},
+	"counter-style": {
+		"descriptors": {
+			"additive-symbols": {
+				"type": "modified",
+				"syntax-b": "[ <integer> && <symbol> ]#",
+				"syntax-a": "[ <integer [0,∞]> && <symbol> ]#",
+				"comment": ""
+			},
+			"pad": {
+				"type": "modified",
+				"syntax-b": "<integer> && <symbol>",
+				"syntax-a": "<integer [0,∞]> && <symbol>",
+				"comment": ""
+			}
+		}
+	},
+	"font-face": {
+		"descriptors": {
+			"ascent-override": {
+				"type": "modified",
+				"syntax-b": "normal | <percentage>",
+				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"comment": ""
+			},
+			"descent-override": {
+				"type": "modified",
+				"syntax-b": "normal | <percentage>",
+				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"comment": ""
+			},
+			"font-display": {
+				"type": "modified",
+				"syntax-b": "[ auto | block | swap | fallback | optional ]",
+				"syntax-a": "auto | block | swap | fallback | optional",
+				"comment": ""
+			},
+			"font-language-override": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "normal | <string>",
+				"comment": ""
+			},
+			"font-named-instance": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "auto | <string>",
+				"comment": ""
+			},
+			"font-size": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "auto | [ <number> ]{1,2}",
+				"comment": ""
+			},
+			"font-style": {
+				"type": "modified",
+				"syntax-b": "normal | italic | oblique <angle>{0,2}",
+				"syntax-a": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
+				"comment": ""
+			},
+			"font-weight": {
+				"type": "modified",
+				"syntax-b": "<font-weight-absolute>{1,2}",
+				"syntax-a": "auto | <font-weight-absolute>{1,2}",
+				"comment": ""
+			},
+			"font-width": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "auto | <'font-width'>{1,2}",
+				"comment": ""
+			},
+			"line-gap-override": {
+				"type": "modified",
+				"syntax-b": "normal | <percentage>",
+				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"comment": ""
+			},
+			"size-adjust": {
+				"type": "modified",
+				"syntax-b": "<percentage>",
+				"syntax-a": "<percentage [0,∞]>",
+				"comment": ""
+			},
+			"src": {
+				"type": "modified",
+				"syntax-b": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#",
+				"syntax-a": "<font-src-list>",
+				"comment": ""
+			},
+			"subscript-position-override": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "[ normal | from-font | <percentage> ]{1,2}",
+				"comment": ""
+			},
+			"subscript-size-override": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "[ normal | from-font | <percentage [0,∞]> ]{1,2}",
+				"comment": ""
+			},
+			"superscript-position-override": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "[ normal | from-font | <percentage> ]{1,2}",
+				"comment": ""
+			},
+			"superscript-size-override": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "[ normal | from-font | <percentage [0,∞]> ]{1,2}",
+				"comment": ""
+			}
+		}
+	},
+	"font-feature-values": {
+		"descriptors": {
+			"@annotation": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "@annotation { <declaration-list> }",
+				"comment": ""
+			},
+			"@character-variant": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "@character-variant { <declaration-list> }",
+				"comment": ""
+			},
+			"@historical-forms": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "@historical-forms { <declaration-list> }",
+				"comment": ""
+			},
+			"@ornaments": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "@ornaments { <declaration-list> }",
+				"comment": ""
+			},
+			"@styleset": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "@styleset { <declaration-list> }",
+				"comment": ""
+			},
+			"@stylistic": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "@stylistic { <declaration-list> }",
+				"comment": ""
+			},
+			"@swash": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "@swash { <declaration-list> }",
+				"comment": ""
+			},
+			"font-display": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "auto | block | swap | fallback | optional",
+				"comment": ""
+			}
+		}
+	},
+	"font-palette-values": {
+		"descriptors": {
+			"override-colors": {
+				"type": "modified",
+				"syntax-b": "[ <integer [0,∞]> <absolute-color-base> ]#",
+				"syntax-a": "[ <integer [0,∞]> <color> ]#",
+				"comment": ""
+			}
+		}
+	},
+	"function": {
+		"descriptors": {
+			"result": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "<declaration-value>?",
+				"comment": ""
+			}
+		}
+	},
+	"page": {
+		"descriptors": {
+			"size": {
+				"type": "modified",
+				"syntax-b": "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
+				"syntax-a": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
+				"comment": ""
+			}
+		}
+	},
+	"view-transition": {
+		"descriptors": {
+			"navigation": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "auto | none",
+				"comment": ""
+			},
+			"types": {
+				"type": "added",
+				"syntax-b": "",
+				"syntax-a": "none | <custom-ident>+",
+				"comment": ""
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
index 1e54d04d87..70be587c13 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
@@ -7,6 +7,56 @@ export function apply_patches(patches, onto) {
 
 	let atrules = Object(null);
 
+	for (const [name, definition] of Object.entries(onto.atrules)) {
+		for (const [descriptor_name, descriptor] of Object.entries(definition.descriptors)) {
+			const patch = patches.atrules[name]?.descriptors[descriptor_name];
+			if (!patch) {
+				// eslint-disable-next-line no-console
+				console.log(`Missing patch for descriptor '${descriptor_name}' for '@${name}'`);
+				has_missing_patches = true;
+				flaws++;
+
+				continue;
+			}
+
+			if (
+				patch['syntax-b'] !== descriptor['syntax-b'] ||
+				patch['syntax-a'] !== descriptor['syntax-a']
+			) {
+				// eslint-disable-next-line no-console
+				console.log(`Outdated patch for descriptor '${descriptor_name}' for '@${name}'`);
+				has_outdated_patches = true;
+				flaws++;
+
+				continue;
+			}
+
+			if (patch.omit) {
+				continue;
+			}
+
+			if (!patch['syntax-m']) {
+				// eslint-disable-next-line no-console
+				console.log(`Unmerged patch for descriptor '${descriptor_name}' for '@${name}'`);
+				has_unmerged_patches = true;
+				flaws++;
+
+				continue;
+			}
+
+			if (patch['syntax-m'] === patch['syntax-b']) {
+				// CSSTree is most correct
+				continue;
+			}
+
+			atrules[name] ??= {
+				descriptors: Object(),
+			};
+
+			atrules[name].descriptors[descriptor_name] = patch['syntax-m'];
+		}
+	}
+
 	let properties = Object(null);
 
 	for (const [name, definition] of Object.entries(onto.properties)) {
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index 53169b4a91..fefa7ee35a 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -4,6 +4,7 @@ import css from '@webref/css';
 import { fork } from 'css-tree-3.0.0';
 import { generate_atrule_set, generate_set } from './generate-set.mjs';
 import { trim_lt_gt } from './trim-lt-gt.mjs';
+import { trim_at } from './trim-at.mjs';
 
 const IGNORED_SPECS = new Set([
 	// 'a-spec',
@@ -29,6 +30,28 @@ function is_ignored_property(property, spec_name) {
 	return is_ignored && (is_ignored === '*' || is_ignored.has(spec_name));
 }
 
+const IGNORED_DESCRIPTORS = new Map([
+	// ['an-atrule', new Map([['a-descriptor', '*']])],
+	// ['an-atrule', new Map([['a-descriptor', 'a-spec']])],
+]);
+
+function is_ignored_descriptor(atrule, descriptor, spec_name) {
+	const is_ignored = IGNORED_DESCRIPTORS.get(trim_at(atrule))?.get(descriptor);
+	return is_ignored && (is_ignored === '*' || is_ignored.has(spec_name));
+}
+
+const IGNORED_ATRULES = new Map([
+	// ['an-atrule', '*'],
+	['container', new Set(['css-conditional-5'])],
+	['media', new Set(['compat', 'css-round-display', 'mediaqueries', 'mediaqueries-5'])],
+	['viewport', new Set(['css-round-display'])],
+]);
+
+function is_ignored_atrule(atrule, spec_name) {
+	const is_ignored = IGNORED_ATRULES.get(trim_at(atrule));
+	return is_ignored && (is_ignored === '*' || is_ignored.has(spec_name));
+}
+
 const CUSTOM_OVERRIDES = {
 	'css-gcpm': {
 		'content-list': {
@@ -434,6 +457,62 @@ Property '${name}' from '${spec_name}' previously occurred in '${other_occurrenc
 	}]);
 }
 
+
+function descriptor_key(atrule, name) {
+	return `${trim_at(atrule)};;${name}`;
+}
+
+function descriptor_delta_key(atrule, name, from_spec, to_spec) {
+	return `descriptor;;${descriptor_key(atrule, name)};;${from_spec};;${to_spec}`;
+}
+
+const descriptor_deltas = new Set([]);
+
+const seen_descriptor_definitions = new Map();
+function is_conflicting_descriptor(spec_name, atrule, name, syntax) {
+	if (seen_descriptor_definitions.has(descriptor_key(atrule, name))) {
+		const other_occurrences = seen_descriptor_definitions.get(descriptor_key(atrule, name));
+		other_occurrences.forEach((other_occurrence) => {
+			if (syntax === other_occurrence.syntax) {
+				return;
+			}
+
+			if (descriptor_deltas.has(descriptor_delta_key(atrule, name, other_occurrence.spec_name, spec_name))) {
+				return;
+			}
+
+			// eslint-disable-next-line no-console
+			console.log(`
+Descriptor '${name}' for '@${atrule}' from '${spec_name}' previously occurred in '${other_occurrence.spec_name}'
+    ours: ${syntax}
+  theirs: ${other_occurrence.syntax}
+
+  // descriptor_delta_key('${atrule}', '${name}', '${other_occurrence.spec_name}', '${spec_name}'),
+  --
+`);
+			throw new Error('Ambiguous spec definition');
+		});
+
+		other_occurrences.push({
+			atrule: atrule,
+			name: name,
+			spec_name: spec_name,
+			syntax: syntax,
+		});
+
+		seen_descriptor_definitions.set(descriptor_key(atrule, name), other_occurrences);
+
+		return;
+	}
+
+	seen_descriptor_definitions.set(descriptor_key(atrule, name), [{
+		atrule: atrule,
+		name: name,
+		spec_name: spec_name,
+		syntax: syntax,
+	}]);
+}
+
 function assign_new_definition(spec_name, set, name, definition) {
 	const exists_in_set = set[name];
 	const is_extension = definition.trimStart()[0] === '|';
@@ -441,13 +520,31 @@ function assign_new_definition(spec_name, set, name, definition) {
 	definition = maybe_override(spec_name, name, definition);
 
 	if (exists_in_set && is_extension) {
-		set[name] = set[name] + definition;
+		set[name] = set[name] + ' ' + definition.trimStart();
 		return;
 	}
 
 	set[name] = definition;
 }
 
+function assign_new_atrule_definition(spec_name, set, atrule, name, definition) {
+	const exists_in_set = set[atrule]?.descriptors?.[name];
+	const is_extension = definition.trimStart()[0] === '|';
+
+	definition = maybe_override(spec_name, name, definition);
+
+	if (exists_in_set && is_extension) {
+		set[atrule].descriptors[name] = set[atrule].descriptors[name] + ' ' + definition.trimStart();
+		return;
+	}
+
+	set[atrule] ??= {
+		descriptors: Object(null),
+	};
+
+	set[atrule].descriptors[name] = definition;
+}
+
 export async function generate_webref_sets() {
 	const atrules = Object(null);
 	const properties = Object(null);
@@ -482,6 +579,54 @@ export async function generate_webref_sets() {
 			continue;
 		}
 
+		for (const atrule of data.atrules) {
+			if (is_ignored_atrule(trim_at(atrule.name), spec_name)) {
+				continue;
+			}
+
+			if (!atrule.descriptors?.length) {
+				continue;
+			}
+
+			for (const descriptor of atrule.descriptors) {
+				if (descriptor.value || descriptor.newValues) {
+
+					if (is_ignored_descriptor(trim_at(atrule.name), descriptor.name, spec_name)) {
+						continue;
+					}
+
+					assign_new_atrule_definition(
+						spec_name,
+						atrules,
+						trim_at(atrule.name),
+						trim_lt_gt(descriptor.name),
+						descriptor.newValues ? ' | ' + descriptor.newValues : descriptor.value,
+					);
+
+					is_conflicting_descriptor(spec_name, trim_at(atrule.name), trim_lt_gt(descriptor.name), atrules[trim_at(atrule.name)][trim_lt_gt(descriptor.name)]);
+				}
+
+				if (descriptor.values) {
+					for (const value of descriptor.values) {
+						if (value.type === 'type' && value.value) {
+							if (is_ignored_type(value.name, spec_name)) {
+								continue;
+							}
+
+							assign_new_definition(
+								spec_name,
+								values,
+								trim_lt_gt(value.name),
+								value.value,
+							);
+
+							is_conflicting_type(spec_name, trim_lt_gt(value.name), values[trim_lt_gt(value.name)]);
+						}
+					}
+				}
+			}
+		}
+
 		for (const property of data.properties) {
 			if (property.value || property.newValues) {
 
diff --git a/packages/css-syntax-patches-for-csstree/scripts/trim-at.mjs b/packages/css-syntax-patches-for-csstree/scripts/trim-at.mjs
new file mode 100644
index 0000000000..440a6ae986
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/trim-at.mjs
@@ -0,0 +1,7 @@
+export function trim_at(str) {
+	if (str.at(0) === '@') {
+		return str.slice(1);
+	}
+
+	return str;
+}
diff --git a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
index 07df611204..4c47dfec95 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
@@ -2,6 +2,52 @@ import fs from 'node:fs/promises';
 import path from 'node:path';
 import { sort_atrule_set, sort_set } from './sort-set.mjs';
 
+function format_from_definition_to_patch(definition, patch_definition) {
+	if (
+		definition.type === patch_definition.type &&
+		definition['syntax-b'] === patch_definition['syntax-b'] &&
+		definition['syntax-a'] === patch_definition['syntax-a']
+	) {
+		const patch = {
+			...patch_definition,
+		};
+
+		if (definition.type === 'added' && !patch['syntax-m']) {
+			patch['syntax-m'] = patch['syntax-a'];
+		}
+
+		return patch;
+	}
+
+	const patch = {
+		...definition,
+	};
+
+	patch['syntax-m'] = definition.type === 'added' ? definition['syntax-a'] : false;
+	patch['tests'] = {
+		'passing': [],
+		'failing': [],
+	};
+	patch['comment'] = '';
+
+	return patch;
+}
+
+function format_definition(definition) {
+	const patch = {
+		...definition,
+	};
+
+	patch['syntax-m'] = definition.type === 'added' ? definition['syntax-a'] : false;
+	patch['tests'] = {
+		'passing': [],
+		'failing': [],
+	};
+	patch['comment'] = '';
+
+	return patch;
+}
+
 export async function write_patches(sets, patch_sets) {
 	const merged_sets = Object(null);
 
@@ -19,32 +65,24 @@ export async function write_patches(sets, patch_sets) {
 					continue;
 				}
 
-				if (
-					definition.type === patch_definition.type &&
-					definition['syntax-b'] === patch_definition['syntax-b'] &&
-					definition['syntax-a'] === patch_definition['syntax-a']
-				) {
+				if (patch_definition.descriptors) {
 					merged_sets[set_name][kind_name][name] = {
-						...patch_definition,
+						descriptors: Object(null),
 					};
 
-					if (definition.type === 'added' && !merged_sets[set_name][kind_name][name]['syntax-m']) {
-						merged_sets[set_name][kind_name][name]['syntax-m'] = merged_sets[set_name][kind_name][name]['syntax-a'];
+					for (const [descriptor_name, patch_descriptor] of Object.entries(patch_definition.descriptors)) {
+						const descriptor = definition.descriptors[descriptor_name];
+						if (!descriptor) {
+							continue;
+						}
+
+						merged_sets[set_name][kind_name][name].descriptors[descriptor_name] = format_from_definition_to_patch(descriptor, patch_descriptor);
 					}
 
 					continue;
 				}
 
-				merged_sets[set_name][kind_name][name] = {
-					...definition,
-				};
-
-				merged_sets[set_name][kind_name][name]['syntax-m'] = definition.type === 'added' ? definition['syntax-a'] : false;
-				merged_sets[set_name][kind_name][name]['tests'] = {
-					'passing': [],
-					'failing': [],
-				};
-				merged_sets[set_name][kind_name][name]['comment'] = '';
+				merged_sets[set_name][kind_name][name] = format_from_definition_to_patch(definition, patch_definition);
 			}
 		}
 	}
@@ -64,29 +102,43 @@ export async function write_patches(sets, patch_sets) {
 			}
 
 			for (const [name, definition] of Object.entries(kind)) {
+				if (definition.descriptors) {
+					merged_sets[set_name][kind_name][name] ??= {
+						descriptors: Object(null),
+					};
+
+					for (const [descriptor_name, descriptor] of Object.entries(definition.descriptors)) {
+						const patch_descriptor = patch_kind[name]?.descriptors?.[descriptor_name];
+						if (patch_descriptor) {
+							continue;
+						}
+
+						merged_sets[set_name][kind_name][name].descriptors[descriptor_name] = format_definition(descriptor);
+					}
+
+					continue;
+				}
+
 				const patch_definition = patch_kind[name];
 				if (patch_definition) {
 					continue;
 				}
 
-				merged_sets[set_name][kind_name][name] = {
-					...definition,
-				};
-
-				merged_sets[set_name][kind_name][name]['syntax-m'] = definition.type === 'added' ? definition['syntax-a'] : false;
-				merged_sets[set_name][kind_name][name]['tests'] = {
-					'passing': [],
-					'failing': [],
-				};
-				merged_sets[set_name][kind_name][name]['comment'] = '';
+				merged_sets[set_name][kind_name][name] = format_definition(definition);
 			}
 		}
 	}
 
 	for (const [set_name, merged_set] of Object.entries(merged_sets)) {
-		for (const [kind_name, patch_kind] of Object.entries(merged_set)) {
-			for (const [name, patch_definition] of Object.entries(patch_kind)) {
-				merged_sets[set_name][kind_name][name] = sort_object_keys(patch_definition);
+		for (const [kind_name, merged_kind] of Object.entries(merged_set)) {
+			for (const [name, merged_definition] of Object.entries(merged_kind)) {
+				if (merged_definition.descriptors) {
+					for (const [descriptor_name, descriptor] of Object.entries(merged_definition.descriptors)) {
+						merged_sets[set_name][kind_name][name].descriptors[descriptor_name] = sort_object_keys(descriptor);
+					}
+				} else {
+					merged_sets[set_name][kind_name][name] = sort_object_keys(merged_definition);
+				}
 			}
 		}
 	}

From e3e148ae744029d25792e17d7f604dff97016616 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Fri, 1 Nov 2024 13:16:35 +0100
Subject: [PATCH 61/66] finish atrules

---
 .../dist/index.json                           | 24 ++++++++
 .../patches/webref-over-csstree-atrules.json  | 59 +++++++++++++------
 .../patches/webref-over-csstree-types.json    | 11 ++++
 .../raw-data/webref-over-csstree-types.json   |  6 ++
 .../raw-data/webref-types.json                |  3 +
 .../scripts/generate-webref-sets.mjs          |  2 +
 .../scripts/index.mjs                         | 48 +++++++++++++++
 7 files changed, 136 insertions(+), 17 deletions(-)

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 99bf71559b..4e7b776ab5 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -8,12 +8,25 @@
 					"src": "<url>"
 				}
 			},
+			"counter-style": {
+				"descriptors": {
+					"additive-symbols": "[ <integer [0,∞]> && <symbol> ]#",
+					"pad": "<integer [0,∞]> && <symbol>"
+				}
+			},
 			"font-face": {
 				"descriptors": {
+					"ascent-override": "[ normal | <percentage [0,∞]> ]{1,2}",
+					"descent-override": "[ normal | <percentage [0,∞]> ]{1,2}",
 					"font-language-override": "normal | <string>",
 					"font-named-instance": "auto | <string>",
 					"font-size": "auto | [ <number> ]{1,2}",
+					"font-style": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
+					"font-weight": "| auto",
 					"font-width": "auto | <'font-width'>{1,2}",
+					"line-gap-override": "[ normal | <percentage [0,∞]> ]{1,2}",
+					"size-adjust": "<percentage [0,∞]>",
+					"src": "<font-src-list>",
 					"subscript-position-override": "[ normal | from-font | <percentage> ]{1,2}",
 					"subscript-size-override": "[ normal | from-font | <percentage [0,∞]> ]{1,2}",
 					"superscript-position-override": "[ normal | from-font | <percentage> ]{1,2}",
@@ -32,11 +45,21 @@
 					"font-display": "auto | block | swap | fallback | optional"
 				}
 			},
+			"font-palette-values": {
+				"descriptors": {
+					"override-colors": "[ <integer [0,∞]> <color> ]#"
+				}
+			},
 			"function": {
 				"descriptors": {
 					"result": "<declaration-value>?"
 				}
 			},
+			"page": {
+				"descriptors": {
+					"size": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"
+				}
+			},
 			"view-transition": {
 				"descriptors": {
 					"navigation": "auto | none",
@@ -489,6 +512,7 @@
 			"font-features-tech": "[ features-opentype | features-aat | features-graphite ]",
 			"font-format": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
 			"font-src": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
+			"font-src-list": "[ <url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> ) ]#",
 			"font-tech": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
 			"font-weight-absolute": "[ normal | bold | <number [1,1000]> ]",
 			"frequency-percentage": "[ <frequency> | <percentage> ]",
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
index 7eb366600d..21b5029a3d 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
@@ -8,8 +8,22 @@
 				"syntax-a": "<ident>#",
 				"syntax-m": "<ident>#",
 				"tests": {
-					"passing": [],
-					"failing": []
+					"passing": [
+						{
+							"value": "foo"
+						},
+						{
+							"value": "foo, bar"
+						}
+					],
+					"failing": [
+						{
+							"value": "10px"
+						},
+						{
+							"value": "foo bar"
+						}
+					]
 				}
 			},
 			"rendering-intent": {
@@ -43,7 +57,7 @@
 				"comment": "",
 				"syntax-b": "[ <integer> && <symbol> ]#",
 				"syntax-a": "[ <integer [0,∞]> && <symbol> ]#",
-				"syntax-m": false,
+				"syntax-m": "[ <integer [0,∞]> && <symbol> ]#",
 				"tests": {
 					"passing": [],
 					"failing": []
@@ -54,7 +68,7 @@
 				"comment": "",
 				"syntax-b": "<integer> && <symbol>",
 				"syntax-a": "<integer [0,∞]> && <symbol>",
-				"syntax-m": false,
+				"syntax-m": "<integer [0,∞]> && <symbol>",
 				"tests": {
 					"passing": [],
 					"failing": []
@@ -69,7 +83,7 @@
 				"comment": "",
 				"syntax-b": "normal | <percentage>",
 				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
-				"syntax-m": false,
+				"syntax-m": "[ normal | <percentage [0,∞]> ]{1,2}",
 				"tests": {
 					"passing": [],
 					"failing": []
@@ -80,7 +94,7 @@
 				"comment": "",
 				"syntax-b": "normal | <percentage>",
 				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
-				"syntax-m": false,
+				"syntax-m": "[ normal | <percentage [0,∞]> ]{1,2}",
 				"tests": {
 					"passing": [],
 					"failing": []
@@ -91,7 +105,7 @@
 				"comment": "",
 				"syntax-b": "[ auto | block | swap | fallback | optional ]",
 				"syntax-a": "auto | block | swap | fallback | optional",
-				"syntax-m": false,
+				"syntax-m": "[ auto | block | swap | fallback | optional ]",
 				"tests": {
 					"passing": [],
 					"failing": []
@@ -135,7 +149,7 @@
 				"comment": "",
 				"syntax-b": "normal | italic | oblique <angle>{0,2}",
 				"syntax-a": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
-				"syntax-m": false,
+				"syntax-m": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
 				"tests": {
 					"passing": [],
 					"failing": []
@@ -146,7 +160,7 @@
 				"comment": "",
 				"syntax-b": "<font-weight-absolute>{1,2}",
 				"syntax-a": "auto | <font-weight-absolute>{1,2}",
-				"syntax-m": false,
+				"syntax-m": "| auto",
 				"tests": {
 					"passing": [],
 					"failing": []
@@ -168,7 +182,7 @@
 				"comment": "",
 				"syntax-b": "normal | <percentage>",
 				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
-				"syntax-m": false,
+				"syntax-m": "[ normal | <percentage [0,∞]> ]{1,2}",
 				"tests": {
 					"passing": [],
 					"failing": []
@@ -179,7 +193,7 @@
 				"comment": "",
 				"syntax-b": "<percentage>",
 				"syntax-a": "<percentage [0,∞]>",
-				"syntax-m": false,
+				"syntax-m": "<percentage [0,∞]>",
 				"tests": {
 					"passing": [],
 					"failing": []
@@ -190,10 +204,21 @@
 				"comment": "",
 				"syntax-b": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#",
 				"syntax-a": "<font-src-list>",
-				"syntax-m": false,
-				"tests": {
-					"passing": [],
-					"failing": []
+				"syntax-m": "<font-src-list>",
+				"tests": {
+					"passing": [
+						{
+							"value": "url(foo.ttf)"
+						},
+						{
+							"value": "local(Arial)"
+						}
+					],
+					"failing": [
+						{
+							"value": "local(10px)"
+						}
+					]
 				}
 			},
 			"subscript-position-override": {
@@ -341,7 +366,7 @@
 				"comment": "",
 				"syntax-b": "[ <integer [0,∞]> <absolute-color-base> ]#",
 				"syntax-a": "[ <integer [0,∞]> <color> ]#",
-				"syntax-m": false,
+				"syntax-m": "[ <integer [0,∞]> <color> ]#",
 				"tests": {
 					"passing": [],
 					"failing": []
@@ -371,7 +396,7 @@
 				"comment": "",
 				"syntax-b": "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
 				"syntax-a": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
-				"syntax-m": false,
+				"syntax-m": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
 				"tests": {
 					"passing": [],
 					"failing": []
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index e9913f8f86..53f6f6f46d 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -1442,6 +1442,17 @@
 			"failing": []
 		}
 	},
+	"font-src-list": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ <url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> ) ]#",
+		"syntax-m": "[ <url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> ) ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"font-tech": {
 		"type": "added",
 		"comment": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 695c17f05b..7a7fe0b790 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -545,6 +545,12 @@
 		"syntax-a": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )",
 		"comment": ""
 	},
+	"font-src-list": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ <url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> ) ]#",
+		"comment": ""
+	},
 	"font-tech": {
 		"type": "added",
 		"syntax-b": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index c066273e2e..fdcf5190e9 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -575,6 +575,9 @@
 	"font-src": {
 		"syntax": "<url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> )"
 	},
+	"font-src-list": {
+		"syntax": "[ <url> [ format( <font-format> ) ]? [ tech( <font-tech># ) ]? | local( <family-name> ) ]#"
+	},
 	"font-stretch-absolute": {
 		"syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index fefa7ee35a..791e30f6b0 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -562,6 +562,8 @@ export async function generate_webref_sets() {
 		// https://drafts.csswg.org/css-ui-4/#cursor
 		values['url-set-option'] = '[ <url> | <string> ] [ <resolution> || type( <string> ) ]?';
 		values['url-set()'] = 'url-set( <url-set-option># )';
+
+		values['font-src-list'] = '[ <url> [ format(<font-format>)]? [ tech( <font-tech>#)]? | local(<family-name>) ]#';
 	}
 
 	const parsedFiles = await css.listAll();
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 9e975b07b4..f92b0cc70b 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -68,6 +68,54 @@ if (invalid) {
 	}
 }
 
+// Atrules
+for (const [name, atrule] of Object.entries(webref_over_csstree_sets.atrules)) {
+	for (const [descriptor_name] of Object.entries(atrule.descriptors)) {
+		const patch = patches.webref_over_csstree.atrules[name].descriptors[descriptor_name];
+		if (!patch) {
+			continue;
+		}
+
+		if (patch.omit) {
+			continue;
+		}
+
+		if (!patch.tests) {
+			has_missing_patch_tests = true;
+			continue;
+		}
+
+		for (const test of (patch.tests.passing ?? [])) {
+			try {
+				const result = forkedLexer.matchAtruleDescriptor(name, descriptor_name, test.value);
+				if (!result.error) {
+					continue;
+				}
+
+			} catch { }
+
+			// eslint-disable-next-line no-console
+			console.log(`Expected no error for '@${name}' and '${descriptor_name}: ${test.value}'`);
+			flaws++;
+		}
+
+		for (const test of (patch.tests.failing ?? [])) {
+			try {
+				const result = forkedLexer.matchAtruleDescriptor(name, descriptor_name, test.value);
+				if (result.error) {
+					continue;
+				}
+			} catch {
+				continue;
+			}
+
+			// eslint-disable-next-line no-console
+			console.log(`Expected an error for '@${name}' and '${descriptor_name}: ${test.value}'`);
+			flaws++;
+		}
+	}
+}
+
 // Properties
 for (const [name] of Object.entries(webref_over_csstree_sets.properties)) {
 	const patch = patches.webref_over_csstree.properties[name];

From 4b2fa2d8a3314c84783ec5a84a05a1506600e88e Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Fri, 1 Nov 2024 16:07:38 +0100
Subject: [PATCH 62/66] docs

---
 .../css-syntax-patches-for-csstree/README.md  | 36 +++++++++++++++++++
 .../dist/index.json                           | 12 +------
 .../tests/community.test.mjs                  | 32 ++++++++++-------
 3 files changed, 56 insertions(+), 24 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/README.md

diff --git a/packages/css-syntax-patches-for-csstree/README.md b/packages/css-syntax-patches-for-csstree/README.md
new file mode 100644
index 0000000000..e1691232f7
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/README.md
@@ -0,0 +1,36 @@
+# CSS Syntax Patches For CSSTree
+
+[<img alt="npm version" src="https://img.shields.io/npm/v/@csstools/css-syntax-patches-for-csstree.svg" height="20">][npm-url]
+[<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url]
+
+Path [csstree](https://github.com/csstree/csstree) syntax definitions with the latest data from CSS specifications.  
+
+## Usage
+
+```bash
+npm install @csstools/css-syntax-patches-for-csstree --save-dev
+```
+
+```js
+import { fork } from 'css-tree-3.0.0';
+import syntax_patches from '@csstools/css-syntax-patches-for-csstree' with { type: 'json' };
+
+const forkedLexer = fork({
+	atrules: syntax_patches.next.atrules,
+	properties: syntax_patches.next.properties,
+	types: syntax_patches.next.types,
+}).lexer;
+```
+
+## `next`
+
+CSS specifications are often still in flux and various parts might change or disappear altogether.  
+Specifications also contains parts that haven't been implemented yet in a browser.  
+Only CSS that is widely adopted can be expected to be stable.
+
+The `next` grouping contains a combination of what is currently valid in browsers and the progress in various specifications.
+
+_In the future more groupings might be added._
+
+[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test
+[npm-url]: https://www.npmjs.com/package/@csstools/css-syntax-patches-for-csstree
diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 4e7b776ab5..40131c50bd 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -45,21 +45,11 @@
 					"font-display": "auto | block | swap | fallback | optional"
 				}
 			},
-			"font-palette-values": {
-				"descriptors": {
-					"override-colors": "[ <integer [0,∞]> <color> ]#"
-				}
-			},
 			"function": {
 				"descriptors": {
 					"result": "<declaration-value>?"
 				}
 			},
-			"page": {
-				"descriptors": {
-					"size": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"
-				}
-			},
 			"view-transition": {
 				"descriptors": {
 					"navigation": "auto | none",
@@ -676,4 +666,4 @@
 			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}"
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
index bda46b414e..8d16166d99 100644
--- a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
+++ b/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
@@ -50,6 +50,7 @@ const css_files = await get_files('tests');
 const patches = JSON.parse(await fs.readFile(path.join('dist', 'index.json'), 'utf-8')).next;
 
 const forkedLexer = fork({
+	atrules: patches.atrules,
 	properties: patches.properties,
 	types: patches.types,
 }).lexer;
@@ -71,17 +72,6 @@ for (const css_file of css_files) {
 				continue;
 			}
 
-			if (
-				decl.parent?.type === 'atrule' &&
-				(
-					decl.parent.name === 'page' ||
-					decl.parent.name === 'font-face'
-				)
-			) {
-				// Remove this when adding support for descriptors.
-				continue;
-			}
-
 			if (
 				(
 					css_file.includes('bootstrap.') ||
@@ -112,7 +102,7 @@ for (const css_file of css_files) {
 				continue;
 			}
 
-			const { prop, value } = decl;
+			const { prop, value, parent } = decl;
 
 			const csstree_value_node = parse(value, { context: 'value' });
 			patch_relative_color_keywords(csstree_value_node);
@@ -121,11 +111,27 @@ for (const css_file of css_files) {
 				continue;
 			}
 
-			const result = forkedLexer.matchProperty(prop, csstree_value_node);
+			const nesting_supported_at_keywords = new Set([
+				'container',
+				'layer',
+				'media',
+				'scope',
+				'starting-style',
+				'supports',
+			]);
+
+			const result =
+				parent && parent.type === 'atrule' && !nesting_supported_at_keywords.has(parent.name.toLowerCase())
+					? forkedLexer.matchAtruleDescriptor(parent.name, prop, csstree_value_node)
+					: forkedLexer.matchProperty(prop, csstree_value_node);
 			if (!result.error) {
 				continue;
 			}
 
+			if (result.error.message.includes('Unknown at-rule descriptor')) {
+				continue;
+			}
+
 			await t.test(`(${path.basename(css_file) } - ${i}) ${decl}`, () => {
 				throw result.error;
 			});

From f65c00cf73acb61c178d03af8ba9aa77b587d28e Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Fri, 1 Nov 2024 16:31:54 +0100
Subject: [PATCH 63/66] split build and tests

---
 .../dist/index.json                           |  12 +-
 .../package.json                              |   4 +-
 .../scripts/index.mjs                         | 131 +-----------
 .../tests/{ => community}/960.css             |   0
 .../tests/{ => community}/animate.css         |   0
 .../tests/{ => community}/blueprint.css       |   0
 .../bootstrap.1.0.0.ignored.css               |   0
 .../tests/{ => community}/bootstrap.4.6.2.css |   0
 .../tests/{ => community}/bootstrap.5.3.3.css |   0
 .../{ => community}/font-awesome-all.css      |   0
 .../tests/{ => community}/foundation.css      |   0
 .../tests/{ => community}/normalize.css       |   0
 .../tests/{ => community}/open-props.min.css  |   0
 .../tests/{ => community}/pure.css            |   0
 .../tests/{ => community}/reset.css           |   0
 .../{community.test.mjs => e2e.test.mjs}      |   5 +-
 .../{ => samples}/function-conic-gradient.css |   0
 .../property-animation-timeline.css           |   0
 .../property-backdrop-filter.css              |   0
 .../property-background-color.css             |   0
 .../property-background-image.css             |   0
 .../{ => samples}/property-background.css     |   0
 .../{ => samples}/property-offset-path.css    |   0
 .../tests/{ => samples}/spec-css-shapes-2.css |   0
 .../tests/unit.test.mjs                       | 199 ++++++++++++++++++
 25 files changed, 219 insertions(+), 132 deletions(-)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/960.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/animate.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/blueprint.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/bootstrap.1.0.0.ignored.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/bootstrap.4.6.2.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/bootstrap.5.3.3.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/font-awesome-all.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/foundation.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/normalize.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/open-props.min.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/pure.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => community}/reset.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{community.test.mjs => e2e.test.mjs} (97%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => samples}/function-conic-gradient.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => samples}/property-animation-timeline.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => samples}/property-backdrop-filter.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => samples}/property-background-color.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => samples}/property-background-image.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => samples}/property-background.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => samples}/property-offset-path.css (100%)
 rename packages/css-syntax-patches-for-csstree/tests/{ => samples}/spec-css-shapes-2.css (100%)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/unit.test.mjs

diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index 40131c50bd..4e7b776ab5 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -45,11 +45,21 @@
 					"font-display": "auto | block | swap | fallback | optional"
 				}
 			},
+			"font-palette-values": {
+				"descriptors": {
+					"override-colors": "[ <integer [0,∞]> <color> ]#"
+				}
+			},
 			"function": {
 				"descriptors": {
 					"result": "<declaration-value>?"
 				}
 			},
+			"page": {
+				"descriptors": {
+					"size": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"
+				}
+			},
 			"view-transition": {
 				"descriptors": {
 					"navigation": "auto | none",
@@ -666,4 +676,4 @@
 			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}"
 		}
 	}
-}
+}
\ No newline at end of file
diff --git a/packages/css-syntax-patches-for-csstree/package.json b/packages/css-syntax-patches-for-csstree/package.json
index 1bbf2c643b..bcf587e6cb 100644
--- a/packages/css-syntax-patches-for-csstree/package.json
+++ b/packages/css-syntax-patches-for-csstree/package.json
@@ -48,11 +48,11 @@
 		"prepublishOnly": "npm run build && npm run test",
 		"test": "node --test"
 	},
-	"homepage": "https://github.com/csstools/postcss-plugins/tree/main/packages/utilities#readme",
+	"homepage": "https://github.com/csstools/postcss-plugins/tree/main/packages/css-syntax-patches-for-csstree#readme",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/csstools/postcss-plugins.git",
-		"directory": "packages/utilities"
+		"directory": "packages/css-syntax-patches-for-csstree"
 	},
 	"bugs": "https://github.com/csstools/postcss-plugins/issues",
 	"keywords": [
diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index f92b0cc70b..51404f90d7 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -5,8 +5,6 @@
 // - backwards compat
 //   given that syntaxes are extensive users might depend on a specific type. No types can be removed or altered in a breaking way in semver patches or minors
 
-import { fork } from 'css-tree-3.0.0';
-
 import { generate_csstree_sets } from './generate-csstree-sets.mjs';
 import { generate_webref_sets } from './generate-webref-sets.mjs';
 import { write_set_files } from './write-set-files.mjs';
@@ -27,15 +25,7 @@ const webref_over_csstree_sets = {
 	types: diff_sets(csstree_sets.types, webref_sets.types),
 };
 
-const SINGULAR = {
-	'atrules': 'atrule',
-	'properties': 'property',
-	'types': 'type',
-};
-
 let has_missing_patch_tests = false;
-let has_invalid_items = false;
-let has_failing_tests = false;
 let flaws = 0;
 
 const {
@@ -50,24 +40,6 @@ const {
 
 flaws += patch_flaws;
 
-const forkedLexer = fork({
-	atrules: atrule_patches,
-	properties: property_patches,
-	types: type_patches,
-}).lexer;
-
-const invalid = forkedLexer.validate();
-if (invalid) {
-	for (const [kind, items] of Object.entries(invalid)) {
-		items.forEach((item) => {
-			// eslint-disable-next-line no-console
-			console.log(`Unexpected invalid ${SINGULAR[kind]} '${item}'`);
-			has_invalid_items = true;
-			flaws++;
-		});
-	}
-}
-
 // Atrules
 for (const [name, atrule] of Object.entries(webref_over_csstree_sets.atrules)) {
 	for (const [descriptor_name] of Object.entries(atrule.descriptors)) {
@@ -84,35 +56,6 @@ for (const [name, atrule] of Object.entries(webref_over_csstree_sets.atrules)) {
 			has_missing_patch_tests = true;
 			continue;
 		}
-
-		for (const test of (patch.tests.passing ?? [])) {
-			try {
-				const result = forkedLexer.matchAtruleDescriptor(name, descriptor_name, test.value);
-				if (!result.error) {
-					continue;
-				}
-
-			} catch { }
-
-			// eslint-disable-next-line no-console
-			console.log(`Expected no error for '@${name}' and '${descriptor_name}: ${test.value}'`);
-			flaws++;
-		}
-
-		for (const test of (patch.tests.failing ?? [])) {
-			try {
-				const result = forkedLexer.matchAtruleDescriptor(name, descriptor_name, test.value);
-				if (result.error) {
-					continue;
-				}
-			} catch {
-				continue;
-			}
-
-			// eslint-disable-next-line no-console
-			console.log(`Expected an error for '@${name}' and '${descriptor_name}: ${test.value}'`);
-			flaws++;
-		}
 	}
 }
 
@@ -131,35 +74,6 @@ for (const [name] of Object.entries(webref_over_csstree_sets.properties)) {
 		has_missing_patch_tests = true;
 		continue;
 	}
-
-	for (const test of (patch.tests.passing ?? [])) {
-		try {
-			const result = forkedLexer.matchProperty(name, test.value);
-			if (!result.error) {
-				continue;
-			}
-
-		} catch { }
-
-		// eslint-disable-next-line no-console
-		console.log(`Expected no error for '${name}: ${test.value}'`);
-		flaws++;
-	}
-
-	for (const test of (patch.tests.failing ?? [])) {
-		try {
-			const result = forkedLexer.matchProperty(name, test.value);
-			if (result.error) {
-				continue;
-			}
-		} catch {
-			continue;
-		}
-
-		// eslint-disable-next-line no-console
-		console.log(`Expected an error for '${name}: ${test.value}'`);
-		flaws++;
-	}
 }
 
 // Types
@@ -177,35 +91,6 @@ for (const [name] of Object.entries(webref_over_csstree_sets.types)) {
 		has_missing_patch_tests = true;
 		continue;
 	}
-
-	for (const test of (patch.tests.passing ?? [])) {
-		try {
-			const result = forkedLexer.matchProperty(test.property, test.value);
-			if (!result.error) {
-				continue;
-			}
-
-		} catch {}
-
-		// eslint-disable-next-line no-console
-		console.log(`Expected no error for '${test.property}: ${test.value}'`);
-		flaws++;
-	}
-
-	for (const test of (patch.tests.failing ?? [])) {
-		try {
-			const result = forkedLexer.matchProperty(test.property, test.value);
-			if (result.error) {
-				continue;
-			}
-		} catch {
-			continue;
-		}
-
-		// eslint-disable-next-line no-console
-		console.log(`Expected an error for '${test.property}: ${test.value}'`);
-		flaws++;
-	}
 }
 
 await write_set_files({
@@ -230,7 +115,7 @@ await write_final_file({
 });
 
 {
-	if (has_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {
+	if (has_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_tests) {
 		// eslint-disable-next-line no-console
 		console.log('-------------------');
 	}
@@ -255,20 +140,10 @@ await write_final_file({
 		console.warn('Not all patches have test coverage');
 	}
 
-	if (has_invalid_items) {
+	if (has_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_tests) {
 		// eslint-disable-next-line no-console
-		console.warn('Not all types or properties are valid');
-	}
-
-	if (has_failing_tests) {
-		// eslint-disable-next-line no-console
-		console.warn('Not all tests passed');
-	}
-
-	// eslint-disable-next-line no-console
-	console.log(`${flaws} flaws to resolve`);
+		console.log(`${flaws} flaws to resolve`);
 
-	if (has_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_tests || has_invalid_items || has_failing_tests) {
 		process.exit(1);
 	}
 }
diff --git a/packages/css-syntax-patches-for-csstree/tests/960.css b/packages/css-syntax-patches-for-csstree/tests/community/960.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/960.css
rename to packages/css-syntax-patches-for-csstree/tests/community/960.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/animate.css b/packages/css-syntax-patches-for-csstree/tests/community/animate.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/animate.css
rename to packages/css-syntax-patches-for-csstree/tests/community/animate.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/blueprint.css b/packages/css-syntax-patches-for-csstree/tests/community/blueprint.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/blueprint.css
rename to packages/css-syntax-patches-for-csstree/tests/community/blueprint.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/bootstrap.1.0.0.ignored.css b/packages/css-syntax-patches-for-csstree/tests/community/bootstrap.1.0.0.ignored.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/bootstrap.1.0.0.ignored.css
rename to packages/css-syntax-patches-for-csstree/tests/community/bootstrap.1.0.0.ignored.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/bootstrap.4.6.2.css b/packages/css-syntax-patches-for-csstree/tests/community/bootstrap.4.6.2.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/bootstrap.4.6.2.css
rename to packages/css-syntax-patches-for-csstree/tests/community/bootstrap.4.6.2.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/bootstrap.5.3.3.css b/packages/css-syntax-patches-for-csstree/tests/community/bootstrap.5.3.3.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/bootstrap.5.3.3.css
rename to packages/css-syntax-patches-for-csstree/tests/community/bootstrap.5.3.3.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/font-awesome-all.css b/packages/css-syntax-patches-for-csstree/tests/community/font-awesome-all.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/font-awesome-all.css
rename to packages/css-syntax-patches-for-csstree/tests/community/font-awesome-all.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/foundation.css b/packages/css-syntax-patches-for-csstree/tests/community/foundation.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/foundation.css
rename to packages/css-syntax-patches-for-csstree/tests/community/foundation.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/normalize.css b/packages/css-syntax-patches-for-csstree/tests/community/normalize.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/normalize.css
rename to packages/css-syntax-patches-for-csstree/tests/community/normalize.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/open-props.min.css b/packages/css-syntax-patches-for-csstree/tests/community/open-props.min.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/open-props.min.css
rename to packages/css-syntax-patches-for-csstree/tests/community/open-props.min.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/pure.css b/packages/css-syntax-patches-for-csstree/tests/community/pure.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/pure.css
rename to packages/css-syntax-patches-for-csstree/tests/community/pure.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/reset.css b/packages/css-syntax-patches-for-csstree/tests/community/reset.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/reset.css
rename to packages/css-syntax-patches-for-csstree/tests/community/reset.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs b/packages/css-syntax-patches-for-csstree/tests/e2e.test.mjs
similarity index 97%
rename from packages/css-syntax-patches-for-csstree/tests/community.test.mjs
rename to packages/css-syntax-patches-for-csstree/tests/e2e.test.mjs
index 8d16166d99..25b572afee 100644
--- a/packages/css-syntax-patches-for-csstree/tests/community.test.mjs
+++ b/packages/css-syntax-patches-for-csstree/tests/e2e.test.mjs
@@ -45,7 +45,10 @@ function contains_unsupported_function(cssTreeNode) {
 	);
 }
 
-const css_files = await get_files('tests');
+const css_files = [
+	...await get_files(path.join('tests', 'community')),
+	...await get_files(path.join('tests', 'samples')),
+];
 
 const patches = JSON.parse(await fs.readFile(path.join('dist', 'index.json'), 'utf-8')).next;
 
diff --git a/packages/css-syntax-patches-for-csstree/tests/function-conic-gradient.css b/packages/css-syntax-patches-for-csstree/tests/samples/function-conic-gradient.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/function-conic-gradient.css
rename to packages/css-syntax-patches-for-csstree/tests/samples/function-conic-gradient.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-animation-timeline.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-animation-timeline.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/property-animation-timeline.css
rename to packages/css-syntax-patches-for-csstree/tests/samples/property-animation-timeline.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-backdrop-filter.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-backdrop-filter.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/property-backdrop-filter.css
rename to packages/css-syntax-patches-for-csstree/tests/samples/property-backdrop-filter.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-background-color.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-background-color.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/property-background-color.css
rename to packages/css-syntax-patches-for-csstree/tests/samples/property-background-color.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-background-image.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-background-image.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/property-background-image.css
rename to packages/css-syntax-patches-for-csstree/tests/samples/property-background-image.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-background.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-background.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/property-background.css
rename to packages/css-syntax-patches-for-csstree/tests/samples/property-background.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/property-offset-path.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-offset-path.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/property-offset-path.css
rename to packages/css-syntax-patches-for-csstree/tests/samples/property-offset-path.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/spec-css-shapes-2.css b/packages/css-syntax-patches-for-csstree/tests/samples/spec-css-shapes-2.css
similarity index 100%
rename from packages/css-syntax-patches-for-csstree/tests/spec-css-shapes-2.css
rename to packages/css-syntax-patches-for-csstree/tests/samples/spec-css-shapes-2.css
diff --git a/packages/css-syntax-patches-for-csstree/tests/unit.test.mjs b/packages/css-syntax-patches-for-csstree/tests/unit.test.mjs
new file mode 100644
index 0000000000..130e9572e5
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/unit.test.mjs
@@ -0,0 +1,199 @@
+import { fork } from 'css-tree-3.0.0';
+import fs from 'fs/promises';
+import path from 'path';
+
+const SINGULAR = {
+	'atrules': 'atrule',
+	'properties': 'property',
+	'types': 'type',
+};
+
+let has_invalid_items = false;
+let has_failing_tests = false;
+let flaws = 0;
+
+const patches = {
+	atrules: JSON.parse(await fs.readFile(path.join('patches', 'webref-over-csstree-atrules.json'), 'utf-8')),
+	properties: JSON.parse(await fs.readFile(path.join('patches', 'webref-over-csstree-properties.json'), 'utf-8')),
+	types: JSON.parse(await fs.readFile(path.join('patches', 'webref-over-csstree-types.json'), 'utf-8')),
+};
+
+const next = JSON.parse(await fs.readFile(path.join('dist', 'index.json'), 'utf-8')).next;
+
+const forkedLexer = fork({
+	atrules: next.atrules,
+	properties: next.properties,
+	types: next.types,
+}).lexer;
+
+const invalid = forkedLexer.validate();
+if (invalid) {
+	for (const [kind, items] of Object.entries(invalid)) {
+		items.forEach((item) => {
+			// eslint-disable-next-line no-console
+			console.log(`Unexpected invalid ${SINGULAR[kind]} '${item}'`);
+			has_invalid_items = true;
+			flaws++;
+		});
+	}
+}
+
+// Atrules
+for (const [name, atrule] of Object.entries(patches.atrules)) {
+	for (const [descriptor_name] of Object.entries(atrule.descriptors)) {
+		const patch = patches.atrules[name].descriptors[descriptor_name];
+		if (!patch) {
+			continue;
+		}
+
+		if (patch.omit) {
+			continue;
+		}
+
+		if (!patch.tests) {
+			continue;
+		}
+
+		for (const test of (patch.tests.passing ?? [])) {
+			try {
+				const result = forkedLexer.matchAtruleDescriptor(name, descriptor_name, test.value);
+				if (!result.error) {
+					continue;
+				}
+
+			} catch { }
+
+			// eslint-disable-next-line no-console
+			console.log(`Expected no error for '@${name}' and '${descriptor_name}: ${test.value}'`);
+			flaws++;
+		}
+
+		for (const test of (patch.tests.failing ?? [])) {
+			try {
+				const result = forkedLexer.matchAtruleDescriptor(name, descriptor_name, test.value);
+				if (result.error) {
+					continue;
+				}
+			} catch {
+				continue;
+			}
+
+			// eslint-disable-next-line no-console
+			console.log(`Expected an error for '@${name}' and '${descriptor_name}: ${test.value}'`);
+			flaws++;
+		}
+	}
+}
+
+// Properties
+for (const [name] of Object.entries(patches.properties)) {
+	const patch = patches.properties[name];
+	if (!patch) {
+		continue;
+	}
+
+	if (patch.omit) {
+		continue;
+	}
+
+	if (!patch.tests) {
+		continue;
+	}
+
+	for (const test of (patch.tests.passing ?? [])) {
+		try {
+			const result = forkedLexer.matchProperty(name, test.value);
+			if (!result.error) {
+				continue;
+			}
+
+		} catch { }
+
+		// eslint-disable-next-line no-console
+		console.log(`Expected no error for '${name}: ${test.value}'`);
+		flaws++;
+	}
+
+	for (const test of (patch.tests.failing ?? [])) {
+		try {
+			const result = forkedLexer.matchProperty(name, test.value);
+			if (result.error) {
+				continue;
+			}
+		} catch {
+			continue;
+		}
+
+		// eslint-disable-next-line no-console
+		console.log(`Expected an error for '${name}: ${test.value}'`);
+		flaws++;
+	}
+}
+
+// Types
+for (const [name] of Object.entries(patches.types)) {
+	const patch = patches.types[name];
+	if (!patch) {
+		continue;
+	}
+
+	if (patch.omit) {
+		continue;
+	}
+
+	if (!patch.tests) {
+		continue;
+	}
+
+	for (const test of (patch.tests.passing ?? [])) {
+		try {
+			const result = forkedLexer.matchProperty(test.property, test.value);
+			if (!result.error) {
+				continue;
+			}
+
+		} catch {}
+
+		// eslint-disable-next-line no-console
+		console.log(`Expected no error for '${test.property}: ${test.value}'`);
+		flaws++;
+	}
+
+	for (const test of (patch.tests.failing ?? [])) {
+		try {
+			const result = forkedLexer.matchProperty(test.property, test.value);
+			if (result.error) {
+				continue;
+			}
+		} catch {
+			continue;
+		}
+
+		// eslint-disable-next-line no-console
+		console.log(`Expected an error for '${test.property}: ${test.value}'`);
+		flaws++;
+	}
+}
+{
+	if (has_invalid_items || has_failing_tests) {
+		// eslint-disable-next-line no-console
+		console.log('-------------------');
+	}
+
+	if (has_invalid_items) {
+		// eslint-disable-next-line no-console
+		console.warn('Not all types or properties are valid');
+	}
+
+	if (has_failing_tests) {
+		// eslint-disable-next-line no-console
+		console.warn('Not all tests passed');
+	}
+
+	if (has_invalid_items || has_failing_tests) {
+		// eslint-disable-next-line no-console
+		console.log(`${flaws} flaws to resolve`);
+
+		process.exit(1);
+	}
+}

From db8d2b28c8be1f993a6078b13f71f73276165668 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Fri, 1 Nov 2024 16:32:06 +0100
Subject: [PATCH 64/66] wip

---
 package-lock.json | 76 +++++++++++++++++++++++------------------------
 1 file changed, 38 insertions(+), 38 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2921c6628d..5781ad72c9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -219,9 +219,9 @@
 			}
 		},
 		"node_modules/@babel/code-frame": {
-			"version": "7.26.0",
-			"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.0.tgz",
-			"integrity": "sha512-INCKxTtbXtcNbUZ3YXutwMpEleqttcswhAdee7dhuoVrD2cnuc3PqtERBtxkX5nziX9vnBL8WXmSGwv8CuPV6g==",
+			"version": "7.26.2",
+			"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+			"integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
 			"dev": true,
 			"dependencies": {
 				"@babel/helper-validator-identifier": "^7.25.9",
@@ -233,9 +233,9 @@
 			}
 		},
 		"node_modules/@babel/compat-data": {
-			"version": "7.26.0",
-			"resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.0.tgz",
-			"integrity": "sha512-qETICbZSLe7uXv9VE8T/RWOdIE5qqyTucOt4zLYMafj2MRO271VGgLd4RACJMeBO37UPWhXiKMBk7YlJ0fOzQA==",
+			"version": "7.26.2",
+			"resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz",
+			"integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==",
 			"dev": true,
 			"engines": {
 				"node": ">=6.9.0"
@@ -272,12 +272,12 @@
 			}
 		},
 		"node_modules/@babel/generator": {
-			"version": "7.26.0",
-			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.0.tgz",
-			"integrity": "sha512-/AIkAmInnWwgEAJGQr9vY0c66Mj6kjkE2ZPB1PurTRaRAh3U+J45sAQMjQDJdh4WbR3l0x5xkimXBKyBXXAu2w==",
+			"version": "7.26.2",
+			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
+			"integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
 			"dev": true,
 			"dependencies": {
-				"@babel/parser": "^7.26.0",
+				"@babel/parser": "^7.26.2",
 				"@babel/types": "^7.26.0",
 				"@jridgewell/gen-mapping": "^0.3.5",
 				"@jridgewell/trace-mapping": "^0.3.25",
@@ -561,9 +561,9 @@
 			}
 		},
 		"node_modules/@babel/parser": {
-			"version": "7.26.1",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.1.tgz",
-			"integrity": "sha512-reoQYNiAJreZNsJzyrDNzFQ+IQ5JFiIzAHJg9bn94S3l+4++J7RsIhNMoB+lgP/9tpmiAQqspv+xfdxTSzREOw==",
+			"version": "7.26.2",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz",
+			"integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
 			"dev": true,
 			"dependencies": {
 				"@babel/types": "^7.26.0"
@@ -3601,9 +3601,9 @@
 			}
 		},
 		"node_modules/@types/node": {
-			"version": "22.8.4",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.8.4.tgz",
-			"integrity": "sha512-SpNNxkftTJOPk0oN+y2bIqurEXHTA2AOZ3EJDDKeJ5VzkvvORSvmQXGQarcOzWV1ac7DCaPBEdMDxBsM+d8jWw==",
+			"version": "22.8.6",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.8.6.tgz",
+			"integrity": "sha512-tosuJYKrIqjQIlVCM4PEGxOmyg3FCPa/fViuJChnGeEIhjA46oy8FMVoF9su1/v8PNs2a8Q0iFNyOx0uOF91nw==",
 			"dev": true,
 			"dependencies": {
 				"undici-types": "~6.19.8"
@@ -4336,9 +4336,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001675",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001675.tgz",
-			"integrity": "sha512-/wV1bQwPrkLiQMjaJF5yUMVM/VdRPOCU8QZ+PmG6uW6DvYSrNY1bpwHI/3mOcUosLaJCzYDi5o91IQB51ft6cg==",
+			"version": "1.0.30001676",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001676.tgz",
+			"integrity": "sha512-Qz6zwGCiPghQXGJvgQAem79esjitvJ+CxSbSQkW9H/UX5hg8XM88d4lp2W+MEQ81j+Hip58Il+jGVdazk1z9cw==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -4497,12 +4497,12 @@
 			"dev": true
 		},
 		"node_modules/core-js-compat": {
-			"version": "3.38.1",
-			"resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.38.1.tgz",
-			"integrity": "sha512-JRH6gfXxGmrzF3tZ57lFx97YARxCXPaMzPo6jELZhv88pBH5VXpQ+y0znKGlFnzuaihqhLbefxSJxWJMPtfDzw==",
+			"version": "3.39.0",
+			"resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.39.0.tgz",
+			"integrity": "sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw==",
 			"dev": true,
 			"dependencies": {
-				"browserslist": "^4.23.3"
+				"browserslist": "^4.24.2"
 			},
 			"funding": {
 				"type": "opencollective",
@@ -4794,9 +4794,9 @@
 			}
 		},
 		"node_modules/electron-to-chromium": {
-			"version": "1.5.49",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.49.tgz",
-			"integrity": "sha512-ZXfs1Of8fDb6z7WEYZjXpgIRF6MEu8JdeGA0A40aZq6OQbS+eJpnnV49epZRna2DU/YsEjSQuGtQPPtvt6J65A=="
+			"version": "1.5.50",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.50.tgz",
+			"integrity": "sha512-eMVObiUQ2LdgeO1F/ySTXsvqvxb6ZH2zPGaMYsWzRDdOddUa77tdmI0ltg+L16UpbWdhPmuF3wIQYyQq65WfZw=="
 		},
 		"node_modules/emoji-regex": {
 			"version": "10.4.0",
@@ -6016,9 +6016,9 @@
 			"dev": true
 		},
 		"node_modules/jiti": {
-			"version": "2.3.3",
-			"resolved": "https://registry.npmjs.org/jiti/-/jiti-2.3.3.tgz",
-			"integrity": "sha512-EX4oNDwcXSivPrw2qKH2LB5PoFxEvgtv2JgwW0bU858HoLQ+kutSvjLMUqBd0PeJYEinLWhoI9Ol0eYMqj/wNQ==",
+			"version": "2.4.0",
+			"resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.0.tgz",
+			"integrity": "sha512-H5UpaUI+aHOqZXlYOaFP/8AzKsg+guWu+Pr3Y8i7+Y3zr1aXAvCvTAQ1RxSc6oVD8R8c7brgNtTVP91E7upH/g==",
 			"dev": true,
 			"bin": {
 				"jiti": "lib/jiti-cli.mjs"
@@ -6137,9 +6137,9 @@
 			}
 		},
 		"node_modules/knip": {
-			"version": "5.34.4",
-			"resolved": "https://registry.npmjs.org/knip/-/knip-5.34.4.tgz",
-			"integrity": "sha512-bbEfqcyvlvtkZyaODNyh0PAT4gnrL7sj9mvmP31F0IsiQ6EDgrebK11v5bxp1q9crYbyNj9m6jlKmfgxDI985A==",
+			"version": "5.36.0",
+			"resolved": "https://registry.npmjs.org/knip/-/knip-5.36.0.tgz",
+			"integrity": "sha512-Lzba5RwuhF0tr2ABLJVJLpNW3qSbpEy9DYjWhFWiOHat22DM326Fke/Ybpr5mkr48AVbWspdi6AHBKHHnLx6pQ==",
 			"dev": true,
 			"funding": [
 				{
@@ -8183,9 +8183,9 @@
 			}
 		},
 		"node_modules/ts-api-utils": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
-			"integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.0.tgz",
+			"integrity": "sha512-032cPxaEKwM+GT3vA5JXNzIaizx388rhsSW79vGRNGXfRRAdEAn2mvk36PvK5HnOchyWZ7afLEXqYCvPCrzuzQ==",
 			"dev": true,
 			"engines": {
 				"node": ">=16"
@@ -8195,9 +8195,9 @@
 			}
 		},
 		"node_modules/tslib": {
-			"version": "2.8.0",
-			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.0.tgz",
-			"integrity": "sha512-jWVzBLplnCmoaTr13V9dYbiQ99wvZRd0vNWaDRg+aVYRcjDF3nDksxFDE/+fkXnKhpnUUkmx5pK/v8mCtLVqZA==",
+			"version": "2.8.1",
+			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+			"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
 			"dev": true
 		},
 		"node_modules/tunnel": {

From e6cfbbdf4a6d53898bedcb068c6c90d193d04c82 Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Fri, 1 Nov 2024 17:35:50 +0100
Subject: [PATCH 65/66] finish tests

---
 .../scripts/index.mjs                         |   3 -
 .../tests/integrity.test.mjs                  | 106 ++++++++++++++++++
 .../tests/unit.test.mjs                       |   1 +
 3 files changed, 107 insertions(+), 3 deletions(-)
 create mode 100644 packages/css-syntax-patches-for-csstree/tests/integrity.test.mjs

diff --git a/packages/css-syntax-patches-for-csstree/scripts/index.mjs b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
index 51404f90d7..2cbf4a513e 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/index.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -1,7 +1,4 @@
 // TODO:
-// - toposort
-//   - check cycles
-//   - check missing definitions
 // - backwards compat
 //   given that syntaxes are extensive users might depend on a specific type. No types can be removed or altered in a breaking way in semver patches or minors
 
diff --git a/packages/css-syntax-patches-for-csstree/tests/integrity.test.mjs b/packages/css-syntax-patches-for-csstree/tests/integrity.test.mjs
new file mode 100644
index 0000000000..e7ecc983e6
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/integrity.test.mjs
@@ -0,0 +1,106 @@
+import { fork, definitionSyntax } from 'css-tree-3.0.0';
+import fs from 'fs/promises';
+import path from 'path';
+
+
+let has_missing_types = false;
+let has_missing_properties = false;
+let flaws = 0;
+
+const next = JSON.parse(await fs.readFile(path.join('dist', 'index.json'), 'utf-8')).next;
+
+const forkedLexer = fork({
+	atrules: next.atrules,
+	properties: next.properties,
+	types: next.types,
+}).lexer;
+
+const known_properties = new Set([...Object.keys(forkedLexer.properties)]);
+const known_types = new Set([...Object.keys(forkedLexer.types)]);
+
+// Atrules
+for (const atrule of Object.values(forkedLexer.atrules)) {
+	if (!atrule.descriptors) {
+		continue;
+	}
+
+	for (const descriptor of Object.values(atrule.descriptors)) {
+		if (!descriptor.syntax) {
+			continue;
+		}
+
+		definitionSyntax.walk(descriptor.syntax, (node) => {
+			if (node.type === 'Type' && !known_types.has(node.name)) {
+				// eslint-disable-next-line no-console
+				console.log(`Unexpected missing type '${node.name}' in '${descriptor.name}'`);
+				has_missing_types = true;
+				flaws++;
+			}
+
+			if (node.type === 'Property' && !known_properties.has(node.name)) {
+				// eslint-disable-next-line no-console
+				console.log(`Unexpected missing property '${node.name}' in '${descriptor.name}'`);
+				has_missing_properties = true;
+				flaws++;
+			}
+		});
+	}
+}
+
+// Properties
+for (const property of Object.values(forkedLexer.properties)) {
+	if (!property.syntax) {
+		continue;
+	}
+
+	definitionSyntax.walk(property.syntax, (node) => {
+		if (node.type === 'Type' && !known_types.has(node.name)) {
+			// eslint-disable-next-line no-console
+			console.log(`Unexpected missing type '${node.name}' in '${property.name}'`);
+			has_missing_types = true;
+			flaws++;
+		}
+
+		if (node.type === 'Property' && !known_properties.has(node.name)) {
+			// eslint-disable-next-line no-console
+			console.log(`Unexpected missing property '${node.name}' in '${property.name}'`);
+			has_missing_properties = true;
+			flaws++;
+		}
+	});
+}
+
+// Types
+for (const type of Object.values(forkedLexer.types)) {
+	if (!type.syntax) {
+		continue;
+	}
+
+	definitionSyntax.walk(type.syntax, (node) => {
+		if (node.type === 'Type' && !known_types.has(node.name)) {
+			// eslint-disable-next-line no-console
+			console.log(`Unexpected missing type '${node.name}' in '${type.name}'`);
+			has_missing_types = true;
+			flaws++;
+		}
+
+		if (node.type === 'Property' && !known_properties.has(node.name)) {
+			// eslint-disable-next-line no-console
+			console.log(`Unexpected missing property '${node.name}' in '${type.name}'`);
+			has_missing_properties = true;
+			flaws++;
+		}
+	});
+}
+
+{
+	if (has_missing_properties || has_missing_types) {
+		// eslint-disable-next-line no-console
+		console.log('-------------------');
+
+		// eslint-disable-next-line no-console
+		console.log(`${flaws} flaws to resolve`);
+
+		process.exit(1);
+	}
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/unit.test.mjs b/packages/css-syntax-patches-for-csstree/tests/unit.test.mjs
index 130e9572e5..c7c4d94194 100644
--- a/packages/css-syntax-patches-for-csstree/tests/unit.test.mjs
+++ b/packages/css-syntax-patches-for-csstree/tests/unit.test.mjs
@@ -174,6 +174,7 @@ for (const [name] of Object.entries(patches.types)) {
 		flaws++;
 	}
 }
+
 {
 	if (has_invalid_items || has_failing_tests) {
 		// eslint-disable-next-line no-console

From ed2c7f37d1f93fcdbafffd1a4e91127a8c45d38c Mon Sep 17 00:00:00 2001
From: Romain Menke <romainmenke@gmail.com>
Date: Fri, 1 Nov 2024 17:48:41 +0100
Subject: [PATCH 66/66] labeler

---
 .github/labeler.yml | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/.github/labeler.yml b/.github/labeler.yml
index 806e033ccf..263ec43224 100644
--- a/.github/labeler.yml
+++ b/.github/labeler.yml
@@ -2,16 +2,22 @@
   - changed-files:
     - any-glob-to-any-file:
       - .github/**
+      - base-cli
       - packages/base-cli/**
       - packages/cascade-layer-name-parser/**
       - packages/color-helpers/**
       - packages/css-calc/**
       - packages/css-color-parser/**
       - packages/css-parser-algorithms/**
+      - packages/css-syntax-patches-for-csstree/**
       - packages/css-tokenizer/**
+      - packages/generate-test-cases/**
       - packages/media-query-list-parser/**
+      - packages/pack-test/**
       - packages/postcss-tape/**
+      - packages/selector-resolve-nested/**
       - packages/selector-specificity/**
+      - packages/utilities/**
       - plugins/postcss-base-plugin/**
       - plugins/postcss-debug-logger/**
       - rollup/**