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/**
diff --git a/package-lock.json b/package-lock.json
index afea388451..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"
@@ -271,44 +271,14 @@
 				"url": "https://opencollective.com/babel"
 			}
 		},
-		"node_modules/@babel/core/node_modules/@babel/generator": {
-			"version": "7.26.0",
-			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.0.tgz",
-			"integrity": "sha512-/AIkAmInnWwgEAJGQr9vY0c66Mj6kjkE2ZPB1PurTRaRAh3U+J45sAQMjQDJdh4WbR3l0x5xkimXBKyBXXAu2w==",
-			"dev": true,
-			"dependencies": {
-				"@babel/parser": "^7.26.0",
-				"@babel/types": "^7.26.0",
-				"@jridgewell/gen-mapping": "^0.3.5",
-				"@jridgewell/trace-mapping": "^0.3.25",
-				"jsesc": "^3.0.2"
-			},
-			"engines": {
-				"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==",
+			"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/types": "^7.25.9",
+				"@babel/parser": "^7.26.2",
+				"@babel/types": "^7.26.0",
 				"@jridgewell/gen-mapping": "^0.3.5",
 				"@jridgewell/trace-mapping": "^0.3.25",
 				"jsesc": "^3.0.2"
@@ -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.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.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"
@@ -1846,6 +1816,10 @@
 			"resolved": "packages/css-parser-algorithms",
 			"link": true
 		},
+		"node_modules/@csstools/css-syntax-patches-for-csstree": {
+			"resolved": "packages/css-syntax-patches-for-csstree",
+			"link": true
+		},
 		"node_modules/@csstools/css-tokenizer": {
 			"resolved": "packages/css-tokenizer",
 			"link": true
@@ -2089,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"
 			}
@@ -2116,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"
@@ -2265,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"
@@ -2277,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": {
@@ -2962,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"
 			],
@@ -2975,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"
 			],
@@ -2988,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"
 			],
@@ -3001,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"
 			],
@@ -3014,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"
 			],
@@ -3027,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"
 			],
@@ -3040,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"
 			],
@@ -3053,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"
 			],
@@ -3066,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"
 			],
@@ -3079,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"
 			],
@@ -3092,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"
 			],
@@ -3105,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"
 			],
@@ -3118,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"
 			],
@@ -3131,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"
 			],
@@ -3144,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"
 			],
@@ -3157,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"
 			],
@@ -3170,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"
 			],
@@ -3183,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"
 			],
@@ -3439,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",
@@ -3554,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",
@@ -3606,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.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.2"
+				"undici-types": "~6.19.8"
 			}
 		},
 		"node_modules/@types/resolve": {
@@ -3637,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",
@@ -3670,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": {
@@ -3698,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"
@@ -3715,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"
 			},
@@ -3739,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"
@@ -3752,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",
@@ -3816,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"
@@ -3838,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": {
@@ -3876,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"
@@ -4004,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",
@@ -4326,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.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",
@@ -4344,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",
@@ -4396,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",
@@ -4456,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",
@@ -4490,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",
@@ -4586,7 +4593,6 @@
 			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
 			"integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
 			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"mdn-data": "2.0.30",
 				"source-map-js": "^1.0.1"
@@ -4595,12 +4601,31 @@
 				"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-3.0.0/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/css-tree/node_modules/mdn-data": {
 			"version": "2.0.30",
 			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
 			"integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
-			"dev": true,
-			"peer": true
+			"dev": true
 		},
 		"node_modules/cssdb": {
 			"version": "8.1.2",
@@ -4769,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.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",
@@ -4848,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",
@@ -4930,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",
@@ -4946,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"
@@ -4973,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",
@@ -5004,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",
@@ -5065,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"
@@ -6024,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"
@@ -6145,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.36.0",
+			"resolved": "https://registry.npmjs.org/knip/-/knip-5.36.0.tgz",
+			"integrity": "sha512-Lzba5RwuhF0tr2ABLJVJLpNW3qSbpEy9DYjWhFWiOHat22DM326Fke/Ybpr5mkr48AVbWspdi6AHBKHHnLx6pQ==",
 			"dev": true,
 			"funding": [
 				{
@@ -6172,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",
@@ -6338,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": {
@@ -7155,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": {
@@ -7165,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": {
@@ -7176,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",
@@ -7308,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"
@@ -7380,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"
@@ -7395,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"
 			}
 		},
@@ -7586,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",
@@ -7928,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",
@@ -8202,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"
@@ -8214,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": {
@@ -8297,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"
@@ -8505,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",
@@ -8817,6 +8765,32 @@
 				"@csstools/css-tokenizer": "^3.0.3"
 			}
 		},
+		"packages/css-syntax-patches-for-csstree": {
+			"name": "@csstools/css-syntax-patches-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.15.2",
+				"css-tree": "^2.3.1",
+				"css-tree-3.0.0": "npm:css-tree@~3.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"postcss": "^8.4"
+			}
+		},
 		"packages/css-tokenizer": {
 			"name": "@csstools/css-tokenizer",
 			"version": "3.0.3",
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/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
new file mode 100644
index 0000000000..4e7b776ab5
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -0,0 +1,679 @@
+{
+	"next": {
+		"atrules": {
+			"color-profile": {
+				"descriptors": {
+					"components": "<ident>#",
+					"rendering-intent": "relative-colorimetric | absolute-colorimetric | perceptual | saturation",
+					"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}",
+					"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"
+				}
+			},
+			"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",
+					"types": "none | <custom-ident>+"
+				}
+			}
+		},
+		"properties": {
+			"align-items": "| anchor-center",
+			"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>",
+			"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>#",
+			"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-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-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",
+			"flood-color": "<color>",
+			"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",
+			"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>?",
+			"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",
+			"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,∞]>",
+			"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,∞]>",
+			"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-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",
+			"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-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",
+			"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>"
+		},
+		"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>? )",
+			"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": "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> ]",
+			"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-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>",
+			"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}",
+			"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()>",
+			"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} )",
+			"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-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> ]",
+			"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 ] ]? )",
+			"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>? )",
+			"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 ] ]? )",
+			"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>",
+			"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>+ ]#",
+			"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}",
+			"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",
+			"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-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>",
+			"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># )",
+			"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> )",
+			"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 ]?",
+			"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",
+			"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
new file mode 100644
index 0000000000..bcf587e6cb
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/package.json
@@ -0,0 +1,66 @@
+{
+	"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": {
+		"@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",
+		"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/css-syntax-patches-for-csstree#readme",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/csstools/postcss-plugins.git",
+		"directory": "packages/css-syntax-patches-for-csstree"
+	},
+	"bugs": "https://github.com/csstools/postcss-plugins/issues",
+	"keywords": [
+		"css",
+		"csstree",
+		"syntax"
+	],
+	"volta": {
+		"extends": "../../package.json"
+	}
+}
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..21b5029a3d
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
@@ -0,0 +1,433 @@
+{
+	"color-profile": {
+		"descriptors": {
+			"components": {
+				"type": "added",
+				"comment": "",
+				"syntax-b": "",
+				"syntax-a": "<ident>#",
+				"syntax-m": "<ident>#",
+				"tests": {
+					"passing": [
+						{
+							"value": "foo"
+						},
+						{
+							"value": "foo, bar"
+						}
+					],
+					"failing": [
+						{
+							"value": "10px"
+						},
+						{
+							"value": "foo bar"
+						}
+					]
+				}
+			},
+			"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": "[ <integer [0,∞]> && <symbol> ]#",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"pad": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "<integer> && <symbol>",
+				"syntax-a": "<integer [0,∞]> && <symbol>",
+				"syntax-m": "<integer [0,∞]> && <symbol>",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			}
+		}
+	},
+	"font-face": {
+		"descriptors": {
+			"ascent-override": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "normal | <percentage>",
+				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"syntax-m": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"descent-override": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "normal | <percentage>",
+				"syntax-a": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"syntax-m": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"font-display": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "[ auto | block | swap | fallback | optional ]",
+				"syntax-a": "auto | block | swap | fallback | optional",
+				"syntax-m": "[ auto | block | swap | fallback | optional ]",
+				"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": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
+				"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": "| auto",
+				"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": "[ normal | <percentage [0,∞]> ]{1,2}",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"size-adjust": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "<percentage>",
+				"syntax-a": "<percentage [0,∞]>",
+				"syntax-m": "<percentage [0,∞]>",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			},
+			"src": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#",
+				"syntax-a": "<font-src-list>",
+				"syntax-m": "<font-src-list>",
+				"tests": {
+					"passing": [
+						{
+							"value": "url(foo.ttf)"
+						},
+						{
+							"value": "local(Arial)"
+						}
+					],
+					"failing": [
+						{
+							"value": "local(10px)"
+						}
+					]
+				}
+			},
+			"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": "[ <integer [0,∞]> <color> ]#",
+				"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": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
+				"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/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..e37d67f0fd
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-properties.json
@@ -0,0 +1,5148 @@
+{
+	"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",
+		"tests": {
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "stretch"
+				},
+				{
+					"value": "anchor-center"
+				}
+			],
+			"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",
+		"tests": {
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "stretch"
+				},
+				{
+					"value": "anchor-center"
+				}
+			],
+			"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",
+		"tests": {
+			"passing": [
+				{
+					"value": "after-edge"
+				},
+				{
+					"value": "middle"
+				},
+				{
+					"value": "text-top"
+				}
+			],
+			"failing": []
+		}
+	},
+	"animation-duration": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<time>#",
+		"syntax-a": "[ auto | <time [0s,∞]> ]#",
+		"syntax-m": "[ auto | <time [0s,∞]> ]#",
+		"tests": {
+			"passing": [
+				{
+					"value": "10ms"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "auto, 10ms, auto"
+				}
+			],
+			"failing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "none"
+				},
+				{
+					"value": "auto 10ms auto"
+				}
+			]
+		}
+	},
+	"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>",
+		"tests": {
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "textfield"
+				},
+				{
+					"value": "menulist-button"
+				},
+				{
+					"value": "searchfield"
+				}
+			],
+			"failing": []
+		}
+	},
+	"aspect-ratio": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <ratio>",
+		"syntax-a": "auto || <ratio>",
+		"syntax-m": "auto || <ratio>",
+		"tests": {
+			"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": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <filter-function-list>",
+		"syntax-a": "none | <filter-value-list>",
+		"syntax-m": "none | <filter-value-list>",
+		"tests": {
+			"passing": [
+				{
+					"value": "url(filters.svg#filter) blur(4px) saturate(150%)"
+				}
+			],
+			"failing": []
+		}
+	},
+	"background": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <bg-layer> , ]* <final-bg-layer>",
+		"syntax-a": "<bg-layer>#? , <final-bg-layer>",
+		"syntax-m": "<bg-layer>#? , <final-bg-layer>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"background-blend-mode": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<blend-mode>#",
+		"syntax-a": "<mix-blend-mode>#",
+		"syntax-m": "<'mix-blend-mode'>#",
+		"tests": {
+			"passing": [
+				{
+					"value": "multiply"
+				},
+				{
+					"value": "multiply, plus-lighter"
+				}
+			],
+			"failing": [
+				{
+					"value": "multiply plus-lighter"
+				}
+			]
+		}
+	},
+	"background-origin": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<box>#",
+		"syntax-a": "<visual-box>#",
+		"syntax-m": "<visual-box>#",
+		"tests": {
+			"passing": [
+				{
+					"value": "border-box"
+				},
+				{
+					"value": "padding-box"
+				},
+				{
+					"value": "content-box, padding-box"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"background-position-block": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"syntax-m": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"tests": {
+			"passing": [
+				{
+					"value": "center"
+				},
+				{
+					"value": "center, center"
+				},
+				{
+					"value": "start, start"
+				},
+				{
+					"value": "start 50%"
+				},
+				{
+					"value": "start 50%, end 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "center start"
+				}
+			]
+		}
+	},
+	"background-position-inline": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"syntax-m": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"tests": {
+			"passing": [
+				{
+					"value": "center"
+				},
+				{
+					"value": "center, center"
+				},
+				{
+					"value": "start, start"
+				},
+				{
+					"value": "start 50%"
+				},
+				{
+					"value": "start 50%, end 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "center start"
+				}
+			]
+		}
+	},
+	"background-repeat-block": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
+		"syntax-m": "<repetition>#",
+		"tests": {
+			"passing": [
+				{
+					"value": "repeat"
+				},
+				{
+					"value": "repeat, no-repeat"
+				}
+			],
+			"failing": []
+		}
+	},
+	"background-repeat-inline": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
+		"syntax-m": "<repetition>#",
+		"tests": {
+			"passing": [
+				{
+					"value": "repeat"
+				},
+				{
+					"value": "repeat, no-repeat"
+				}
+			],
+			"failing": []
+		}
+	},
+	"background-repeat-x": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
+		"syntax-m": "<repetition>#",
+		"tests": {
+			"passing": [
+				{
+					"value": "repeat"
+				},
+				{
+					"value": "repeat, no-repeat"
+				}
+			],
+			"failing": []
+		}
+	},
+	"background-repeat-y": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
+		"syntax-m": "<repetition>#",
+		"tests": {
+			"passing": [
+				{
+					"value": "repeat"
+				},
+				{
+					"value": "repeat, no-repeat"
+				}
+			],
+			"failing": []
+		}
+	},
+	"baseline-shift": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "baseline | sub | super | <svg-length>",
+		"syntax-a": "<length-percentage> | sub | super | top | center | bottom",
+		"syntax-m": "<length-percentage> | sub | super | top | center | bottom",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "sub"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"baseline-source": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | first | last",
+		"syntax-m": "auto | first | last",
+		"tests": {
+			"passing": [
+				{
+					"value": "auto"
+				},
+				{
+					"value": "first"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"block-ellipsis": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | auto | <string>",
+		"syntax-m": "none | auto | <string>",
+		"tests": {
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "':::'"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"block-step": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
+		"syntax-m": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
+		"tests": {
+			"passing": [
+				{
+					"value": "auto margin up 10px"
+				},
+				{
+					"value": "margin center 10rem up"
+				},
+				{
+					"value": "15px auto"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo center"
+				}
+			]
+		}
+	},
+	"block-step-align": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | center | start | end",
+		"syntax-m": "auto | center | start | end",
+		"tests": {
+			"passing": [
+				{
+					"value": "auto"
+				},
+				{
+					"value": "center"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"block-step-insert": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "margin | padding",
+		"syntax-m": "margin | padding",
+		"tests": {
+			"passing": [
+				{
+					"value": "margin"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"block-step-round": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "up | down | nearest",
+		"syntax-m": "up | down | nearest",
+		"tests": {
+			"passing": [
+				{
+					"value": "up"
+				},
+				{
+					"value": "down"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"block-step-size": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | <length [0,∞]>",
+		"syntax-m": "none | <length [0,∞]>",
+		"tests": {
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"bookmark-label": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<content-list>",
+		"syntax-m": "<content-list>",
+		"tests": {
+			"passing": [
+				{
+					"value": "'a' 'b'"
+				}
+			],
+			"failing": []
+		}
+	},
+	"bookmark-level": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | <integer [1,∞]>",
+		"syntax-m": "none | <integer [1,∞]>",
+		"tests": {
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "1"
+				}
+			],
+			"failing": [
+				{
+					"value": "1.5"
+				}
+			]
+		}
+	},
+	"bookmark-state": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "open | closed",
+		"syntax-m": "open | closed",
+		"tests": {
+			"passing": [
+				{
+					"value": "open"
+				}
+			],
+			"failing": [
+				{
+					"value": "closing"
+				}
+			]
+		}
+	},
+	"border-block": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<'border-block-start'>",
+		"syntax-m": "<'border-block-start'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
+		"syntax-m": "<line-width> || <line-style> || <color>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-end-color": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
+		"syntax-m": "<color> | <image-1D>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-end-radius": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-end-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
+		"syntax-m": "<line-style>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-end-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
+		"syntax-m": "<line-width>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
+		"syntax-m": "<line-width> || <line-style> || <color>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-start-color": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
+		"syntax-m": "<color> | <image-1D>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-start-radius": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-start-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
+		"syntax-m": "<line-style>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-start-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
+		"syntax-m": "<line-width>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<'border-top-style'>{1,2}",
+		"syntax-m": "<'border-top-style'>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-block-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<'border-top-width'>{1,2}",
+		"syntax-m": "<'border-top-width'>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-bottom-color": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
+		"syntax-m": "<color> | <image-1D>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-bottom-left-radius": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-bottom-radius": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-bottom-right-radius": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-boundary": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | parent | display",
+		"syntax-m": "none | parent | display",
+		"tests": {
+			"passing": [
+				{
+					"value": "none"
+				},
+				{
+					"value": "parent"
+				},
+				{
+					"value": "display"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"border-clip": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-m": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-clip-bottom": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-m": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-clip-left": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-m": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-clip-right": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-m": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-clip-top": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"syntax-m": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-collapse": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "collapse | separate",
+		"syntax-a": "separate | collapse",
+		"syntax-m": "collapse | separate",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-color": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<color>{1,4}",
+		"syntax-a": "[ <color> | <image-1D> ]{1,4}",
+		"syntax-m": "[ <color> | <image-1D> ]{1,4}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-end-end-radius": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"border-end-start-radius": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"border-image-outset": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <length> | <number> ]{1,4}",
+		"syntax-a": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
+		"syntax-m": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-image-slice": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<number-percentage>{1,4} && fill?",
+		"syntax-a": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
+		"syntax-m": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-image-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <length-percentage> | <number> | auto ]{1,4}",
+		"syntax-a": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
+		"syntax-m": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<'border-block-start'>",
+		"syntax-m": "<'border-block-start'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
+		"syntax-m": "<line-width> || <line-style> || <color>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-end-color": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
+		"syntax-m": "<color> | <image-1D>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-end-radius": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-end-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
+		"syntax-m": "<line-style>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-end-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
+		"syntax-m": "<line-width>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
+		"syntax-m": "<line-width> || <line-style> || <color>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-start-color": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
+		"syntax-m": "<color> | <image-1D>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-start-radius": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-start-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
+		"syntax-m": "<line-style>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-start-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
+		"syntax-m": "<line-width>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<'border-top-style'>{1,2}",
+		"syntax-m": "<'border-top-style'>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-inline-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<'border-top-width'>{1,2}",
+		"syntax-m": "<'border-top-width'>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-left-color": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
+		"syntax-m": "<color> | <image-1D>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-left-radius": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-limit": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
+		"syntax-m": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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} ]?",
+		"syntax-m": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+		"tests": {
+			"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": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
+		"syntax-m": "<color> | <image-1D>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-right-radius": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-spacing": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> <length>?",
+		"syntax-a": "<length>{1,2}",
+		"syntax-m": "<length>{1,2}",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				},
+				{
+					"value": "5px 10px 20px"
+				}
+			]
+		}
+	},
+	"border-start-end-radius": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"border-start-start-radius": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"border-top-color": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
+		"syntax-m": "<color> | <image-1D>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-top-left-radius": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"border-top-radius": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"syntax-m": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-top-right-radius": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"syntax-m": "<length-percentage [0,∞]>{1,2}",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10% 10px"
+				},
+				{
+					"value": "10% 20%"
+				},
+				{
+					"value": "5px 10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"bottom": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-m": "| <anchor()> | <anchor-size()>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor(--foo top)"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"box-shadow": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <shadow>#",
+		"syntax-a": "<spread-shadow>#",
+		"syntax-m": "<spread-shadow>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"box-shadow-blur": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length [0,∞]>#",
+		"syntax-m": "<length [0,∞]>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"box-shadow-color": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<color>#",
+		"syntax-m": "<color>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"box-shadow-offset": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ none | <length>{2} ]#",
+		"syntax-m": "[ none | <length>{2} ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"box-shadow-position": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ outset | inset ]#",
+		"syntax-m": "[ outset | inset ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"box-shadow-spread": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length>#",
+		"syntax-m": "<length>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"box-snap": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | block-start | block-end | center | baseline | last-baseline",
+		"syntax-m": "none | block-start | block-end | center | baseline | last-baseline",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"caption-side": {
+		"type": "modified",
+		"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": "top | bottom | block-start | block-end | inline-start | inline-end",
+		"tests": {
+			"passing": [
+				{
+					"value": "inline-start"
+				},
+				{
+					"value": "top"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"caret": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'caret-color'> || <'caret-shape'>",
+		"syntax-a": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
+		"syntax-m": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"caret-animation": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | manual",
+		"syntax-m": "auto | manual",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "| block-start | block-end | top | bottom | both-inline | both-block",
+		"tests": {
+			"passing": [
+				{
+					"value": "both"
+				},
+				{
+					"value": "both-inline"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"clip": {
+		"type": "modified",
+		"comment": "<shape> allows comma separated values",
+		"syntax-b": "<shape> | auto",
+		"syntax-a": "<rect()> | auto",
+		"syntax-m": "<shape> | auto",
+		"tests": {
+			"passing": [
+				{
+					"value": "rect(1px 2px 3px 4px)"
+				}
+			],
+			"failing": []
+		}
+	},
+	"color-adjust": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<'print-color-adjust'>",
+		"syntax-m": "<'print-color-adjust'>",
+		"tests": {
+			"passing": [
+				{
+					"value": "exact"
+				},
+				{
+					"value": "economy"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"color-interpolation": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | sRGB | linearRGB",
+		"syntax-m": "auto | sRGB | linearRGB",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"column-count": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<integer> | auto",
+		"syntax-a": "auto | <integer [1,∞]>",
+		"syntax-m": "auto | <integer [1,∞]>",
+		"tests": {
+			"passing": [
+				{
+					"value": "auto"
+				},
+				{
+					"value": "2"
+				}
+			],
+			"failing": [
+				{
+					"value": "1.1"
+				}
+			]
+		}
+	},
+	"column-gap": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal | <length-percentage>",
+		"syntax-a": "normal | <length-percentage [0,∞]>",
+		"syntax-m": "normal | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "2px"
+				},
+				{
+					"value": "2%"
+				}
+			],
+			"failing": [
+				{
+					"value": "1.1"
+				}
+			]
+		}
+	},
+	"column-rule-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-style'>",
+		"syntax-a": "<line-style>",
+		"syntax-m": "<line-style>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"column-rule-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'border-width'>",
+		"syntax-a": "<line-width>",
+		"syntax-m": "<line-width>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"column-span": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | all",
+		"syntax-a": "none | <integer [1,∞]> | all | auto",
+		"syntax-m": "| <integer [1,∞]> | auto",
+		"tests": {
+			"passing": [
+				{
+					"value": "1"
+				},
+				{
+					"value": "all"
+				},
+				{
+					"value": "auto"
+				}
+			],
+			"failing": [
+				{
+					"value": "1.1"
+				}
+			]
+		}
+	},
+	"column-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
+		"syntax-m": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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 ]",
+		"syntax-m": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"container-type": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal || [ size | inline-size ]",
+		"syntax-a": "normal | [ [ size | inline-size ] || scroll-state ]",
+		"syntax-m": "normal | [ [ size | inline-size ] || scroll-state ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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()>",
+		"syntax-m": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
+		"tests": {
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "none"
+				},
+				{
+					"value": "'foo'"
+				},
+				{
+					"value": "'foo' 'bar'"
+				},
+				{
+					"value": "counter(count, decimal)"
+				}
+			],
+			"failing": []
+		}
+	},
+	"continue": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | discard | -webkit-discard | overflow | paginate | fragments",
+		"syntax-m": "auto | discard | -webkit-discard | overflow | paginate | fragments",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"copy-into": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
+		"syntax-m": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"corner-shape": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ round | angle ]{1,4}",
+		"syntax-m": "[ round | angle ]{1,4}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"corners": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<'corner-shape'> || <'border-radius'>",
+		"syntax-m": "<'corner-shape'> || <'border-radius'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"cue-after": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<url> <decibel>? | none",
+		"syntax-a": "<uri> <decibel>? | none",
+		"syntax-m": "<url> <decibel>? | none",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"cue-before": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<url> <decibel>? | none",
+		"syntax-a": "<uri> <decibel>? | none",
+		"syntax-m": "<url> <decibel>? | none",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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 ]",
+		"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": []
+		}
+	},
+	"cx": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
+		"syntax-m": "<length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"cy": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
+		"syntax-m": "<length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"d": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | path( <string> )",
+		"syntax-a": "none | <string>",
+		"syntax-m": "none | path( <string> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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 ]",
+		"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": []
+		}
+	},
+	"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",
+		"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": []
+		}
+	},
+	"dynamic-range-limit": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "standard | high | constrained-high",
+		"syntax-m": "standard | high | constrained-high",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"field-sizing": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "content | fixed",
+		"syntax-a": "fixed | content",
+		"syntax-m": "content | fixed",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"fill-break": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "bounding-box | slice | clone",
+		"syntax-m": "bounding-box | slice | clone",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"fill-color": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<color>",
+		"syntax-m": "<color>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"fill-image": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<paint>#",
+		"syntax-m": "<paint>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"fill-opacity": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<number-zero-one>",
+		"syntax-a": "<'opacity'>",
+		"syntax-m": "<'opacity'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"fill-origin": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"syntax-m": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"fill-position": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<position>#",
+		"syntax-m": "<position>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"fill-repeat": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<repeat-style>#",
+		"syntax-m": "<repeat-style>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"fill-size": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<bg-size>#",
+		"syntax-m": "<bg-size>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"filter": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <filter-function-list> | <-ms-filter-function-list>",
+		"syntax-a": "none | <filter-value-list>",
+		"syntax-m": "none | <filter-value-list> | <-ms-filter-function-list>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"flex-grow": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<number>",
+		"syntax-a": "<number [0,∞]>",
+		"syntax-m": "<number [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"flex-shrink": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<number>",
+		"syntax-a": "<number [0,∞]>",
+		"syntax-m": "<number [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"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": []
+		}
+	},
+	"float-defer": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<integer> | last | none",
+		"syntax-m": "<integer> | last | none",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"float-offset": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length> | <percentage>",
+		"syntax-m": "<length> | <percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"float-reference": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "inline | column | region | page",
+		"syntax-m": "inline | column | region | page",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"flood-color": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<color>",
+		"syntax-m": "<color>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"flood-opacity": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<'opacity'>",
+		"syntax-m": "<'opacity'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"flow-from": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<ident> | none",
+		"syntax-m": "<ident> | none",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"flow-into": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | <ident> [ element | content ]?",
+		"syntax-m": "none | <ident> [ element | content ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"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": []
+		}
+	},
+	"font-palette": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal | light | dark | <palette-identifier>",
+		"syntax-a": "normal | light | dark | <palette-identifier> | <palette-mix()>",
+		"syntax-m": "| <palette-mix()>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"font-size": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<absolute-size> | <relative-size> | <length-percentage>",
+		"syntax-a": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
+		"syntax-m": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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,∞]> ]",
+		"syntax-m": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"font-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal | italic | oblique <angle>?",
+		"syntax-a": "normal | italic | oblique <angle [-90deg,90deg]>?",
+		"syntax-m": "normal | italic | oblique <angle [-90deg,90deg]>?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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 ] ]",
+		"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": []
+		}
+	},
+	"font-variation-settings": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal | [ <string> <number> ]#",
+		"syntax-a": "normal | [ <opentype-tag> <number> ]#",
+		"syntax-m": "normal | [ <opentype-tag> <number> ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"footnote-display": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "block | inline | compact",
+		"syntax-m": "block | inline | compact",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"footnote-policy": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | line | block",
+		"syntax-m": "auto | line | block",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"forced-color-adjust": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | none",
+		"syntax-a": "auto | none | preserve-parent-color",
+		"syntax-m": "| preserve-parent-color",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"glyph-orientation-vertical": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<angle>",
+		"syntax-a": "auto | 0deg | 90deg | 0 | 90",
+		"syntax-m": "auto | 0deg | 90deg | 0 | 90",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"grid-auto-flow": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ row | column ] || dense",
+		"syntax-a": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+		"syntax-m": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "| masonry",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "| masonry",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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()>",
+		"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": []
+		}
+	},
+	"hyphenate-limit-last": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | always | column | page | spread",
+		"syntax-m": "none | always | column | page | spread",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"hyphenate-limit-lines": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "no-limit | <integer>",
+		"syntax-m": "no-limit | <integer>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"hyphenate-limit-zone": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage>",
+		"syntax-m": "<length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"image-orientation": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "from-image | <angle> | [ <angle>? flip ]",
+		"syntax-a": "from-image | none | [ <angle> || flip ]",
+		"syntax-m": "from-image | none | [ <angle> || flip ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "auto | smooth | high-quality | pixelated | crisp-edges | <-non-standard-image-rendering>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"initial-letter": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal | [ <number> <integer>? ]",
+		"syntax-a": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
+		"syntax-m": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"initial-letter-align": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ auto | alphabetic | hanging | ideographic ]",
+		"syntax-a": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
+		"syntax-m": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"initial-letter-wrap": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | first | all | grid | <length-percentage>",
+		"syntax-m": "none | first | all | grid | <length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"inline-sizing": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | stretch",
+		"syntax-m": "normal | stretch",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"inset-block-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
+		"syntax-m": "auto | <length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"inset-block-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
+		"syntax-m": "auto | <length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"inset-inline-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
+		"syntax-m": "auto | <length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"inset-inline-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
+		"syntax-m": "auto | <length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"interpolate-size": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "numeric-only | allow-keywords",
+		"syntax-m": "numeric-only | allow-keywords",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"isolation": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | isolate",
+		"syntax-a": "<isolation-mode>",
+		"syntax-m": "<isolation-mode>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "| anchor-center",
+		"tests": {
+			"passing": [
+				{
+					"value": "anchor-center"
+				},
+				{
+					"value": "normal"
+				}
+			],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "| anchor-center",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"left": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-m": "| <anchor()> | <anchor-size()>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor(--foo top)"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"lighting-color": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<color>",
+		"syntax-m": "<color>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"line-clamp": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]> || <'block-ellipsis'>",
+		"syntax-m": "none | <integer [1,∞]> || <'block-ellipsis'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"-webkit-line-clamp": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]>",
+		"syntax-m": "none | <integer [1,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"line-fit-edge": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "leading | <text-edge>",
+		"syntax-m": "leading | <text-edge>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"line-grid": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "match-parent | create",
+		"syntax-m": "match-parent | create",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"line-height": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal | <number> | <length> | <percentage>",
+		"syntax-a": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
+		"syntax-m": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"line-height-step": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length>",
+		"syntax-a": "<length [0,∞]>",
+		"syntax-m": "<length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"line-padding": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length>",
+		"syntax-m": "<length>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"line-snap": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | baseline | contain",
+		"syntax-m": "none | baseline | contain",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"link-parameters": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | <link-param>+",
+		"syntax-m": "none | <link-param>+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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'>",
+		"syntax-m": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"margin": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <length> | <percentage> | auto ]{1,4}",
+		"syntax-a": "<'margin-top'>{1,4}",
+		"syntax-m": "<'margin-top'>{1,4}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"margin-block": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'margin-left'>{1,2}",
+		"syntax-a": "<'margin-top'>{1,2}",
+		"syntax-m": "<'margin-top'>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"margin-block-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
+		"syntax-m": "<'margin-top'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"margin-block-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
+		"syntax-m": "<'margin-top'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"margin-bottom": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-m": "| <anchor-size()>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"margin-break": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | keep | discard",
+		"syntax-m": "auto | keep | discard",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"margin-inline": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'margin-left'>{1,2}",
+		"syntax-a": "<'margin-top'>{1,2}",
+		"syntax-m": "<'margin-top'>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"margin-inline-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
+		"syntax-m": "<'margin-top'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"margin-inline-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
+		"syntax-m": "<'margin-top'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"margin-left": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-m": "| <anchor-size()>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"margin-right": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-m": "| <anchor-size()>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"margin-top": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
+		"syntax-m": "| <anchor-size()>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"margin-trim": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | in-flow | all",
+		"syntax-a": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
+		"syntax-m": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"marker": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
+		"syntax-m": "none | <marker-ref>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"marker-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
+		"syntax-m": "none | <marker-ref>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"marker-mid": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
+		"syntax-m": "none | <marker-ref>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"marker-side": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "match-self | match-parent",
+		"syntax-m": "match-self | match-parent",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"marker-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
+		"syntax-m": "none | <marker-ref>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"mask-border-slice": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<number-percentage>{1,4} fill?",
+		"syntax-a": "[ <number> | <percentage> ]{1,4} fill?",
+		"syntax-m": "[ <number> | <percentage> ]{1,4} fill?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"mask-clip": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <geometry-box> | no-clip ]#",
+		"syntax-a": "[ <coord-box> | no-clip ]#",
+		"syntax-m": "[ <coord-box> | no-clip ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"mask-origin": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<geometry-box>#",
+		"syntax-a": "<coord-box>#",
+		"syntax-m": "<coord-box>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
+		"syntax-m": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-auto-tracks": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<'grid-auto-columns'>",
+		"syntax-m": "<'grid-auto-columns'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-direction": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "row | column | row-reverse | column-reverse",
+		"syntax-m": "row | column | row-reverse | column-reverse",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-fill": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | reverse",
+		"syntax-m": "normal | reverse",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-flow": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<'masonry-direction'> || <'masonry-fill'>",
+		"syntax-m": "<'masonry-direction'> || <'masonry-fill'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-slack": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage> | infinite",
+		"syntax-m": "<length-percentage> | infinite",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-template-areas": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | <string>",
+		"syntax-m": "none | <string>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"masonry-template-tracks": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
+		"syntax-m": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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()>",
+		"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": []
+		}
+	},
+	"max-lines": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]>",
+		"syntax-m": "none | <integer [1,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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()>",
+		"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": []
+		}
+	},
+	"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()>",
+		"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": []
+		}
+	},
+	"min-intrinsic-sizing": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "legacy | zero-if-scroll || zero-if-extrinsic",
+		"syntax-m": "legacy | zero-if-scroll || zero-if-extrinsic",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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()>",
+		"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": []
+		}
+	},
+	"mix-blend-mode": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<blend-mode> | plus-lighter",
+		"syntax-a": "<blend-mode> | plus-darker | plus-lighter",
+		"syntax-m": "<blend-mode> | plus-darker | plus-lighter",
+		"tests": {
+			"passing": [
+				{
+					"value": "multiply"
+				},
+				{
+					"value": "plus-lighter"
+				},
+				{
+					"value": "plus-darker"
+				}
+			],
+			"failing": [
+				{
+					"value": "plus-foo"
+				}
+			]
+		}
+	},
+	"nav-down": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-m": "auto | <id> [ current | root | <target-name> ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"nav-left": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-m": "auto | <id> [ current | root | <target-name> ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"nav-right": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-m": "auto | <id> [ current | root | <target-name> ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"nav-up": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
+		"syntax-m": "auto | <id> [ current | root | <target-name> ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"object-fit": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "fill | contain | cover | none | scale-down",
+		"syntax-a": "fill | none | [ contain | cover ] || scale-down",
+		"syntax-m": "fill | none | [ contain | cover ] || scale-down",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"object-view-box": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | <basic-shape-rect>",
+		"syntax-m": "none | <basic-shape-rect>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"opacity": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<alpha-value>",
+		"syntax-a": "<opacity-value>",
+		"syntax-m": "<opacity-value>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"orphans": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<integer>",
+		"syntax-a": "<integer [1,∞]>",
+		"syntax-m": "<integer [1,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"outline-color": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <color>",
+		"syntax-a": "auto | [ <color> | <image-1D> ]",
+		"syntax-m": "auto | [ <color> | <image-1D> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"outline-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <'border-style'>",
+		"syntax-a": "auto | <outline-line-style>",
+		"syntax-m": "auto | none | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ visible | hidden | clip | scroll | auto ]{1,2} | <-non-standard-overflow>",
+		"syntax-a": "<'overflow-block'>{1,2}",
+		"syntax-m": "<'overflow-block'>{1,2} | <-non-standard-overflow>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow-clip-margin-block": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"syntax-m": "<visual-box> || <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow-clip-margin-block-end": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"syntax-m": "<visual-box> || <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow-clip-margin-block-start": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"syntax-m": "<visual-box> || <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow-clip-margin-bottom": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"syntax-m": "<visual-box> || <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow-clip-margin-inline": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"syntax-m": "<visual-box> || <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow-clip-margin-inline-end": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"syntax-m": "<visual-box> || <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow-clip-margin-inline-start": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"syntax-m": "<visual-box> || <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow-clip-margin-left": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"syntax-m": "<visual-box> || <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow-clip-margin-right": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"syntax-m": "<visual-box> || <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"overflow-clip-margin-top": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"syntax-m": "<visual-box> || <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <length> | <percentage> ]{1,4}",
+		"syntax-a": "<'padding-top'>{1,4}",
+		"syntax-m": "<'padding-top'>{1,4}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-block": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'padding-left'>{1,2}",
+		"syntax-a": "<'padding-top'>{1,2}",
+		"syntax-m": "<'padding-top'>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-block-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
+		"syntax-m": "<'padding-top'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-block-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
+		"syntax-m": "<'padding-top'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-bottom": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"syntax-m": "<length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-inline": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'padding-left'>{1,2}",
+		"syntax-a": "<'padding-top'>{1,2}",
+		"syntax-m": "<'padding-top'>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-inline-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
+		"syntax-m": "<'padding-top'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-inline-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
+		"syntax-m": "<'padding-top'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-left": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"syntax-m": "<length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-right": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"syntax-m": "<length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-top": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"syntax-m": "<length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"page-break-after": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | always | avoid | left | right | recto | verso",
+		"syntax-a": "auto | always | avoid | left | right | inherit",
+		"syntax-m": "auto | always | avoid | left | right | recto | verso",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"page-break-before": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | always | avoid | left | right | recto | verso",
+		"syntax-a": "auto | always | avoid | left | right | inherit",
+		"syntax-m": "auto | always | avoid | left | right | recto | verso",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"page-break-inside": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | avoid",
+		"syntax-a": "avoid | auto | inherit",
+		"syntax-m": "auto | avoid",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"perspective": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <length>",
+		"syntax-a": "none | <length [0,∞]>",
+		"syntax-m": "none | <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "| bounding-box",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"position": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "static | relative | absolute | sticky | fixed | -webkit-sticky",
+		"syntax-a": "static | relative | absolute | sticky | fixed | <running()>",
+		"syntax-m": "| <running()>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"position-anchor": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<anchor-element>",
+		"syntax-a": "auto | <anchor-name>",
+		"syntax-m": "auto | <anchor-name>",
+		"tests": {
+			"passing": [
+				{
+					"value": "--foo"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"quotes": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | auto | [ <string> <string> ]+",
+		"syntax-a": "auto | none | match-parent | [ <string> <string> ]+",
+		"syntax-m": "| match-parent",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"r": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
+		"syntax-m": "<length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"reading-flow": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
+		"syntax-m": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"region-fragment": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | break",
+		"syntax-m": "auto | break",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"right": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-m": "| <anchor()> | <anchor-size()>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "auto"
+				},
+				{
+					"value": "anchor(--foo top)"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"row-gap": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal | <length-percentage>",
+		"syntax-a": "normal | <length-percentage [0,∞]>",
+		"syntax-m": "normal | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"ruby-merge": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "separate | collapse | auto",
+		"syntax-a": "separate | merge | auto",
+		"syntax-m": "separate | merge | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"ruby-overhang": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | none",
+		"syntax-m": "auto | none",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"rx": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage> | auto",
+		"syntax-m": "<length-percentage> | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"ry": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage> | auto",
+		"syntax-m": "<length-percentage> | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scale": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <number>{1,3}",
+		"syntax-a": "none | [ <number> | <percentage> ]{1,3}",
+		"syntax-m": "none | [ <number> | <percentage> ]{1,3}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-marker-group": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | before | after",
+		"syntax-m": "none | before | after",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ auto | <length-percentage> ]{1,4}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,4}",
+		"syntax-m": "[ auto | <length-percentage [0,∞]> ]{1,4}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding-block": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"syntax-m": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding-block-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"syntax-m": "auto | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding-block-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"syntax-m": "auto | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding-bottom": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"syntax-m": "auto | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding-inline": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"syntax-m": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding-inline-end": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"syntax-m": "auto | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding-inline-start": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"syntax-m": "auto | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding-left": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"syntax-m": "auto | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding-right": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"syntax-m": "auto | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-padding-top": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"syntax-m": "auto | <length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-start-target": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ none | auto ]",
+		"syntax-m": "[ none | auto ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"scroll-timeline": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#",
+		"syntax-a": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
+		"syntax-m": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"shape-image-threshold": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<alpha-value>",
+		"syntax-a": "<opacity-value>",
+		"syntax-m": "<opacity-value>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"shape-inside": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
+		"syntax-m": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"shape-margin": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"syntax-m": "<length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"shape-outside": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | [ <shape-box> || <basic-shape> ] | <image>",
+		"syntax-a": "none | [ <basic-shape> || <shape-box> ] | <image>",
+		"syntax-m": "none | [ <shape-box> || <basic-shape> ] | <image>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"shape-padding": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"syntax-m": "<length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"shape-subtract": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | [ <basic-shape> | <uri> ]+",
+		"syntax-m": "none | [ <basic-shape> | <url> ]+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"spatial-navigation-action": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | focus | scroll",
+		"syntax-m": "auto | focus | scroll",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"spatial-navigation-contain": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | contain",
+		"syntax-m": "auto | contain",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"spatial-navigation-function": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | grid",
+		"syntax-m": "normal | grid",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"string-set": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | [ <custom-ident> <string>+ ]#",
+		"syntax-m": "none | [ <custom-ident> <string>+ ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-align": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "center | inset | outset",
+		"syntax-m": "center | inset | outset",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-alignment": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "center | inner | outer",
+		"syntax-m": "center | inner | outer",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-break": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "bounding-box | slice | clone",
+		"syntax-m": "bounding-box | slice | clone",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-color": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<color>#",
+		"syntax-m": "<color>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-dash-corner": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | <length>",
+		"syntax-m": "none | <length>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-dash-justify": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | [ stretch | compress ] || [ dashes || gaps ]",
+		"syntax-m": "none | [ stretch | compress ] || [ dashes || gaps ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-dashadjust": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | [ stretch | compress ] [ dashes | gaps ]?",
+		"syntax-m": "none | [ stretch | compress ] [ dashes | gaps ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-dasharray": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | [ <svg-length>+ ]#",
+		"syntax-a": "none | [ <length-percentage> | <number> ]+#",
+		"syntax-m": "none | [ <length-percentage> | <number> ]+#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-dashcorner": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | <length>",
+		"syntax-m": "none | <length>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-dashoffset": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<svg-length>",
+		"syntax-a": "<length-percentage> | <number>",
+		"syntax-m": "<length-percentage> | <number>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-image": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<paint>#",
+		"syntax-m": "<paint>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-linejoin": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "miter | round | bevel",
+		"syntax-a": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
+		"syntax-m": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-miterlimit": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<number-one-or-greater>",
+		"syntax-a": "<number>",
+		"syntax-m": "<number>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-opacity": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<number-zero-one>",
+		"syntax-a": "<'opacity'>",
+		"syntax-m": "<'opacity'>",
+		"tests": {
+			"passing": [
+				{
+					"value": "0.5"
+				},
+				{
+					"value": "50%"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"stroke-origin": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"syntax-m": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-position": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<position>#",
+		"syntax-m": "<position>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-repeat": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<repeat-style>#",
+		"syntax-m": "<repeat-style>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-size": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<bg-size>#",
+		"syntax-m": "<bg-size>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"stroke-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<svg-length>",
+		"syntax-a": "[ <length-percentage> | <number> ]#",
+		"syntax-m": "[ <length-percentage> | <number> ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"tab-size": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<integer> | <length>",
+		"syntax-a": "<number [0,∞]> | <length [0,∞]>",
+		"syntax-m": "<number [0,∞]> | <length [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "| <string> | justify-all",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-align-all": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "start | end | left | right | center | <string> | justify | match-parent",
+		"syntax-m": "start | end | left | right | center | <string> | justify | match-parent",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "| match-parent",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-autospace": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | <autospace> | auto",
+		"syntax-m": "normal | <autospace> | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-box": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | <'text-box-trim'> || <'text-box-edge'>",
+		"syntax-m": "normal | <'text-box-trim'> || <'text-box-edge'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-box-edge": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | <text-edge>",
+		"syntax-m": "auto | <text-edge>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-box-trim": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | trim-start | trim-end | trim-both",
+		"syntax-m": "none | trim-start | trim-end | trim-both",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-combine-upright": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | all | [ digits <integer>? ]",
+		"syntax-a": "none | all | [ digits <integer [2,4]>? ]",
+		"syntax-m": "none | all | [ digits <integer [2,4]>? ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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'>",
+		"syntax-m": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-decoration-skip": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
+		"syntax-a": "none | auto",
+		"syntax-m": "none | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-decoration-skip-box": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | all",
+		"syntax-m": "none | all",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-decoration-skip-ink": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | all | none",
+		"syntax-a": "auto | none | all",
+		"syntax-m": "auto | all | none",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-decoration-skip-self": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
+		"syntax-m": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-decoration-skip-spaces": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | all | [ start || end ]",
+		"syntax-m": "none | all | [ start || end ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-decoration-thickness": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | from-font | <length> | <percentage>",
+		"syntax-a": "auto | from-font | <length-percentage>",
+		"syntax-m": "auto | from-font | <length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-decoration-trim": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length>{1,2} | auto",
+		"syntax-m": "<length>{1,2} | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-emphasis-position": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ over | under ] && [ right | left ]",
+		"syntax-a": "[ over | under ] && [ right | left ]?",
+		"syntax-m": "[ over | under ] && [ right | left ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-emphasis-skip": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "spaces || punctuation || symbols || narrow",
+		"syntax-m": "spaces || punctuation || symbols || narrow",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-group-align": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | start | end | left | right | center",
+		"syntax-m": "none | start | end | left | right | center",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-indent": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage> && hanging? && each-line?",
+		"syntax-a": "[ <length-percentage> ] && hanging? && each-line?",
+		"syntax-m": "[ <length-percentage> ] && hanging? && each-line?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-justify": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | inter-character | inter-word | none",
+		"syntax-a": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
+		"syntax-m": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-overflow": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ clip | ellipsis | <string> ]{1,2}",
+		"syntax-a": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
+		"syntax-m": "[ clip | ellipsis | <string> | fade | fade( [ <length> | <percentage> ] ) ]{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-shadow": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <shadow-t>#",
+		"syntax-a": "none | <shadow>#",
+		"syntax-m": "none | <shadow>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-size-adjust": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | auto | <percentage>",
+		"syntax-a": "auto | none | <percentage [0,∞]>",
+		"syntax-m": "auto | none | <percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-spacing": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | auto | <spacing-trim> || <autospace>",
+		"syntax-m": "none | auto | <spacing-trim> || <autospace>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "<spacing-trim> | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"-webkit-text-stroke": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> || <color>",
+		"syntax-a": "<line-width> || <color>",
+		"syntax-m": "<line-width> || <color>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"-webkit-text-stroke-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length>",
+		"syntax-a": "<line-width>",
+		"syntax-m": "<line-width>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-underline-offset": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <length> | <percentage>",
+		"syntax-a": "auto | <length-percentage>",
+		"syntax-m": "auto | <length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-underline-position": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | from-font | [ under || [ left | right ] ]",
+		"syntax-a": "auto | [ from-font | under ] || [ left | right ]",
+		"syntax-m": "auto | [ from-font | under ] || [ left | right ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-wrap": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "wrap | nowrap | balance | stable | pretty",
+		"syntax-a": "<'text-wrap-mode'> || <'text-wrap-style'>",
+		"syntax-m": "<'text-wrap-mode'> || <'text-wrap-style'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-wrap-mode": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | wrap | nowrap",
+		"syntax-a": "wrap | nowrap",
+		"syntax-m": "wrap | nowrap",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-wrap-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | balance | stable | pretty",
+		"syntax-a": "auto | balance | stable | pretty | avoid-orphans",
+		"syntax-m": "auto | balance | stable | pretty | avoid-orphans",
+		"tests": {
+			"passing": [
+				{
+					"value": "pretty"
+				},
+				{
+					"value": "avoid-orphans"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"timeline-scope": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <dashed-ident>#",
+		"syntax-a": "none | all | <dashed-ident>#",
+		"syntax-m": "| all",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"top": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"syntax-m": "| <anchor()> | <anchor-size()>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10rem"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "anchor(--foo top)"
+				},
+				{
+					"value": "anchor-size(--foo)"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"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>?",
+		"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": []
+		}
+	},
+	"transition-duration": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<time>#",
+		"syntax-a": "<time [0s,∞]>#",
+		"syntax-m": "<time [0s,∞]>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"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": []
+		}
+	},
+	"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'>",
+		"syntax-m": "[ first | last ] || <'alignment-baseline'> || <'baseline-shift'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"view-timeline": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
+		"syntax-a": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
+		"syntax-m": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"view-timeline-name": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <dashed-ident>#",
+		"syntax-a": "[ none | <dashed-ident> ]#",
+		"syntax-m": "[ none | <dashed-ident> ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"view-transition-class": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | <custom-ident>+",
+		"syntax-m": "none | <custom-ident>+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"view-transition-group": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "normal | contain | nearest | <custom-ident>",
+		"syntax-m": "normal | contain | nearest | <custom-ident>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"voice-duration": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <time>",
+		"syntax-a": "auto | <time [0s,∞]>",
+		"syntax-m": "auto | <time [0s,∞]>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10ms"
+				},
+				{
+					"value": "auto"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"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> ] ]",
+		"syntax-m": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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> ] ]",
+		"syntax-m": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency> | <semitones> | <percentage> ] ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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,∞]>",
+		"syntax-m": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10%"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"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'>",
+		"syntax-m": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"widows": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<integer>",
+		"syntax-a": "<integer [1,∞]>",
+		"syntax-m": "<integer [1,∞]>",
+		"tests": {
+			"passing": [
+				{
+					"value": "1"
+				}
+			],
+			"failing": [
+				{
+					"value": "1.1"
+				}
+			]
+		}
+	},
+	"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()>",
+		"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": []
+		}
+	},
+	"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",
+		"syntax-m": "| manual",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"word-space-transform": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | [ space | ideographic-space ] && auto-phrase?",
+		"syntax-m": "none | [ space | ideographic-space ] && auto-phrase?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"word-spacing": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal | <length>",
+		"syntax-a": "normal | <length-percentage>",
+		"syntax-m": "normal | <length-percentage>",
+		"tests": {
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "10px"
+				},
+				{
+					"value": "10%"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"word-wrap": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal | break-word",
+		"syntax-a": "normal | break-word | anywhere",
+		"syntax-m": "| anywhere",
+		"tests": {
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "anywhere"
+				}
+			],
+			"failing": [
+				{
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"wrap-after": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"syntax-m": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"wrap-before": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"syntax-m": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"wrap-flow": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | both | start | end | minimum | maximum | clear",
+		"syntax-m": "auto | both | start | end | minimum | maximum | clear",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"wrap-inside": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid",
+		"syntax-m": "auto | avoid",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"wrap-through": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "wrap | none",
+		"syntax-m": "wrap | none",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"syntax-m": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr | <svg-writing-mode>",
+		"tests": {
+			"passing": [
+				{
+					"value": "lr-tb"
+				},
+				{
+					"value": "horizontal-tb"
+				}
+			],
+			"failing": []
+		}
+	},
+	"x": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
+		"syntax-m": "<length-percentage>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"y": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
+		"syntax-m": "<length-percentage>",
+		"tests": {
+			"passing": [
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10px"
+				}
+			],
+			"failing": [
+				{
+					"value": "10"
+				}
+			]
+		}
+	},
+	"z-index": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "auto | <integer>",
+		"syntax-a": "auto | <integer> | inherit",
+		"syntax-m": "auto | <integer>",
+		"tests": {
+			"passing": [
+				{
+					"value": "inherit"
+				},
+				{
+					"value": "1"
+				},
+				{
+					"value": "auto"
+				}
+			],
+			"failing": []
+		}
+	},
+	"zoom": {
+		"type": "modified",
+		"comment": "CSSTree is still supporting legacy syntax",
+		"syntax-b": "normal | reset | <number> | <percentage>",
+		"syntax-a": "<number [0,∞]> || <percentage [0,∞]>",
+		"syntax-m": "normal | reset | <number> | <percentage>",
+		"tests": {
+			"passing": [
+				{
+					"value": "normal"
+				},
+				{
+					"value": "reset"
+				},
+				{
+					"value": "10%"
+				},
+				{
+					"value": "10"
+				}
+			],
+			"failing": [
+				{
+					"value": "10px"
+				}
+			]
+		}
+	}
+}
\ 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
new file mode 100644
index 0000000000..53f6f6f46d
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -0,0 +1,4111 @@
+{
+	"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": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
+		"tests": {
+			"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()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "anchor( <anchor-element>? && <anchor-side> , <length-percentage>? )",
+		"syntax-a": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
+		"syntax-m": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
+		"tests": {
+			"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": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<angle> | <percentage>",
+		"syntax-a": "[ <angle> | <percentage> ]",
+		"syntax-m": "[ <angle> | <percentage> ]",
+		"tests": {
+			"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": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<color> && <color-stop-angle>?",
+		"syntax-a": "<color> <color-stop-angle>?",
+		"syntax-m": "<color> <color-stop-angle>?",
+		"tests": {
+			"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": {
+		"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> ]#?",
+		"syntax-m": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
+		"tests": {
+			"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": []
+		}
+	},
+	"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> ]? ]",
+		"syntax-m": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"arc-size": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "large | small",
+		"syntax-m": "large | small",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"arc-sweep": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "cw | ccw",
+		"syntax-m": "cw | ccw",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"attr-name": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<wq-name>",
+		"syntax-a": "[ <ident-token> '|' ]? <ident-token>",
+		"syntax-m": "[ [ <ident-token> '|' ]? <ident-token> ]",
+		"tests": {
+			"passing": [
+				{
+					"property": "content",
+					"value": "attr(value)"
+				},
+				{
+					"property": "content",
+					"value": "attr(svg|value)"
+				}
+			],
+			"failing": [
+				{
+					"property": "content",
+					"value": "attr(value data-value)"
+				}
+			]
+		}
+	},
+	"attr-type": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
+		"syntax-m": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
+		"tests": {
+			"passing": [
+				{
+					"property": "content",
+					"value": "attr(value color)"
+				},
+				{
+					"property": "content",
+					"value": "attr(value ident)"
+				}
+			],
+			"failing": [
+				{
+					"property": "content",
+					"value": "attr(value foo)"
+				}
+			]
+		}
+	},
+	"attr()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
+		"syntax-a": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
+		"syntax-m": "attr( [ <attr-name> <attr-type>? , <declaration-value>? ] )",
+		"tests": {
+			"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
+		"syntax-m": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"axis": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "block | inline | vertical | horizontal",
+		"syntax-a": "block | inline | x | y",
+		"syntax-m": "block | inline | x | y",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"baseline-position": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ first | last ]? baseline",
+		"syntax-a": "[ first | last ]? && baseline",
+		"syntax-m": "[ first | last ]? && baseline",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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> )",
+		"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": [
+				{
+					"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<inset()> | <rect()> | <xywh()>",
+		"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": []
+		}
+	},
+	"bg-clip": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<box> | border | text",
+		"syntax-a": "<visual-box> | border-area | text",
+		"syntax-m": "<visual-box> | border-area | text",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"bg-image": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <image>",
+		"syntax-a": "<image> | none",
+		"syntax-m": "none | <image>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"syntax-m": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"syntax-m": "<position> | <position-three>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"bg-size": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <length-percentage> | auto ]{1,2} | cover | contain",
+		"syntax-a": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
+		"syntax-m": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"bool-and": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "and <bool-in-parens>",
+		"syntax-m": "and <bool-in-parens>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"bool-in-parens": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "( <boolean> ) | <bool-test> | <general-enclosed>",
+		"syntax-m": "( <boolean> ) | <bool-test> | <general-enclosed>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"bool-not": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "not <bool-in-parens>",
+		"syntax-m": "not <bool-in-parens>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"bool-or": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "or <bool-in-parens>",
+		"syntax-m": "or <bool-in-parens>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"boolean": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"syntax-m": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"boolean-without-or": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "<bool-not> | <bool-in-parens> <bool-and>*",
+		"syntax-m": "<bool-not> | <bool-in-parens> <bool-and>*",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-style": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"syntax-m": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"border-width": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "thin | medium | thick | <length>",
+		"syntax-m": "thin | medium | thick | <length>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"bottom": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
+		"syntax-m": "<length-percentage> | auto",
+		"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)"
+				}
+			]
+		}
+	},
+	"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",
+		"syntax-m": "| margin-box | fill-box | stroke-box | view-box",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"by-to": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "by | to",
+		"syntax-m": "by | to",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"calc-keyword": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "e | pi | infinity | -infinity | NaN",
+		"syntax-m": "e | pi | infinity | -infinity | NaN",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"calc-mix()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+		"syntax-m": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"calc-product": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
+		"syntax-a": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
+		"syntax-m": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"calc-size-basis": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
+		"syntax-m": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"calc-size()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "calc-size( <calc-size-basis> , <calc-sum> )",
+		"syntax-m": "calc-size( <calc-size-basis> , <calc-sum> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"calc-value": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
+		"syntax-a": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
+		"syntax-m": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"cf-image": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ <image> | <color> ] && <percentage [0,100]>?",
+		"syntax-m": "[ <image> | <color> ] && <percentage [0,100]>?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"clamp()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "clamp( <calc-sum>#{3} )",
+		"syntax-a": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
+		"syntax-m": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "currentcolor"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "current-color"
+				},
+				{
+					"property": "color",
+					"value": "10px"
+				}
+			]
+		}
+	},
+	"color-font-tech": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
+		"syntax-m": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"color-layers()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "color-layers( [ <blend-mode> , ]? <color># )",
+		"syntax-m": "color-layers( [ <blend-mode> , ]? <color># )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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> ]#?",
+		"syntax-m": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"color-stripe": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<color> && [ <length-percentage> | <flex> ]?",
+		"syntax-m": "<color> && [ <length-percentage> | <flex> ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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 ] ]? )",
+		"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)"
+				}
+			]
+		}
+	},
+	"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> ]",
+		"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)"
+				}
+			]
+		}
+	},
+	"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",
+		"syntax-m": "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"compat-special": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "textfield | menulist-button",
+		"syntax-m": "textfield | menulist-button",
+		"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",
+		"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": []
+		}
+	},
+	"conic-gradient-syntax": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ [ [ 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": [
+				{
+					"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": []
+		}
+	},
+	"conic-gradient()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "conic-gradient( [ from <angle> ]? [ at <position> ]? , <angular-color-stop-list> )",
+		"syntax-a": "conic-gradient( [ <conic-gradient-syntax> ] )",
+		"syntax-m": "conic-gradient( [ <conic-gradient-syntax> ] )",
+		"tests": {
+			"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": {
+		"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>",
+		"syntax-m": "[ <container-name> ]? <container-query>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"container-progress()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+		"syntax-m": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"container-query": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+		"syntax-m": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"content-level": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "element | content | text | <attr()> | <counter>",
+		"syntax-m": "element | content | text | <attr()> | <counter>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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()> ]+",
+		"syntax-m": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
+		"tests": {
+			"passing": [
+				{
+					"property": "content",
+					"value": "'a'"
+				},
+				{
+					"property": "content",
+					"value": "'a' 'b'"
+				},
+				{
+					"property": "content",
+					"value": "'a' counter(foo)"
+				}
+			],
+			"failing": [
+				{
+					"property": "content",
+					"value": "10"
+				}
+			]
+		}
+	},
+	"content()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "content( [ text | before | after | first-letter | marker ]? )",
+		"syntax-m": "content( [ text | before | after | first-letter | marker ]? )",
+		"tests": {
+			"passing": [
+				{
+					"property": "content",
+					"value": "content(text)"
+				},
+				{
+					"property": "content",
+					"value": "content()"
+				}
+			],
+			"failing": []
+		}
+	},
+	"contrast-color()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "contrast-color( <color> max? )",
+		"syntax-m": "contrast-color( <color> max? )",
+		"tests": {
+			"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": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "content-box | padding-box | border-box | fill-box | stroke-box | view-box",
+		"syntax-a": "<paint-box> | view-box",
+		"syntax-m": "<paint-box> | view-box",
+		"tests": {
+			"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage>{2}",
+		"syntax-m": "<length-percentage>{2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"counter-style": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<counter-style-name> | symbols( )",
+		"syntax-a": "<counter-style-name> | <symbols()>",
+		"syntax-m": "<counter-style-name> | <symbols()>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"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": []
+		}
+	},
+	"cross-fade()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
+		"syntax-a": "cross-fade( <cf-image># )",
+		"syntax-m": "cross-fade( <cf-image># )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"crossorigin-modifier": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "crossorigin( anonymous | use-credentials )",
+		"syntax-m": "crossorigin( anonymous | use-credentials )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"css-type": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<syntax-component> | <type()>",
+		"syntax-m": "<syntax-component> | <type()>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"cubic-bezier-easing-function": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
+		"syntax-m": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"cubic-bezier()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
+		"syntax-m": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"curve-command": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
+		"syntax-m": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"custom-arg": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "$ <ident-token> ;",
+		"syntax-m": "$ <ident-token> ;",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"custom-params": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"syntax-m": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"custom-selector": {
+		"type": "added",
+		"comment": "",
+		"omit": true,
+		"syntax-b": "",
+		"syntax-a": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+		"syntax-m": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"dasharray": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ [ <length-percentage> | <number> ]+ ]#",
+		"syntax-m": "[ [ <length-percentage> | <number> ]+ ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"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": []
+		}
+	},
+	"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": "",
+		"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": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"dynamic-range-limit-mix()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+		"syntax-m": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"syntax-m": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"element()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
+		"syntax-a": "element( <id-selector> )",
+		"syntax-m": "element( <id-selector> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"env()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "env( <custom-ident> , <declaration-value>? )",
+		"syntax-a": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
+		"syntax-m": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"feature-value-name": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<custom-ident>",
+		"syntax-a": "<ident>",
+		"syntax-m": "<ident>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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()>",
+		"syntax-m": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"filter-value-list": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ <filter-function> | <url> ]+",
+		"syntax-m": "[ <filter-function> | <url> ]+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"filter()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "filter( [ <image> | <string> ] , <filter-value-list> )",
+		"syntax-m": "filter( [ <image> | <string> ] , <filter-value-list> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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'>",
+		"syntax-m": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"first-valid()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "first-valid( <declaration-value># )",
+		"syntax-m": "first-valid( <declaration-value># )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"fixed-breadth": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"syntax-m": "<length-percentage [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"font-features-tech": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ features-opentype | features-aat | features-graphite ]",
+		"syntax-m": "[ features-opentype | features-aat | features-graphite ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"font-format": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
+		"syntax-m": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"font-src": {
+		"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-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": "",
+		"syntax-b": "",
+		"syntax-a": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+		"syntax-m": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"font-weight-absolute": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "normal | bold | <number [1,1000]>",
+		"syntax-a": "[ normal | bold | <number [1,1000]> ]",
+		"syntax-m": "[ normal | bold | <number [1,1000]> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"frequency-percentage": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<frequency> | <percentage>",
+		"syntax-a": "[ <frequency> | <percentage> ]",
+		"syntax-m": "[ <frequency> | <percentage> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"function-dependency-list": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<function-parameter>#",
+		"syntax-m": "<function-parameter>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"function-name": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident>",
+		"syntax-m": "<dashed-ident>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"function-parameter": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"syntax-m": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"function-parameter-list": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<function-parameter>#",
+		"syntax-m": "<function-parameter>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"syntax-m": "<generic-script-specific> | <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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()> ]",
+		"syntax-m": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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> ] ]",
+		"syntax-m": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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> ]",
+		"syntax-m": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg 10 5)"
+				}
+			],
+			"failing": []
+		}
+	},
+	"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> ]",
+		"syntax-m": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg 10 5)"
+				}
+			],
+			"failing": []
+		}
+	},
+	"hv-line-command": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ hline | vline ] <by-to> <length-percentage>",
+		"syntax-m": "[ hline | vline ] <by-to> <length-percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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 ] ]? )",
+		"syntax-m": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"tests": {
+			"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": {
+		"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>",
+		"syntax-m": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>",
+		"tests": {
+			"passing": [
+				{
+					"property": "background-image",
+					"value": "paint(boxbg)"
+				}
+			],
+			"failing": []
+		}
+	},
+	"image-1D": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<stripes()>",
+		"syntax-m": "<stripes()>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"image-set-option": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
+		"syntax-a": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"syntax-m": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"tests": {
+			"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": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<url> | <string>",
+		"syntax-a": "[ <url> | <string> ]",
+		"syntax-m": "[ <url> | <string> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"image-tags": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "ltr | rtl",
+		"syntax-a": "[ ltr | rtl ]",
+		"syntax-m": "[ ltr | rtl ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"import-conditions": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+		"syntax-m": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"inflexible-breadth": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length-percentage> | min-content | max-content | auto",
+		"syntax-a": "<length-percentage [0,∞]> | min-content | max-content | auto",
+		"syntax-m": "<length-percentage [0,∞]> | min-content | max-content | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"integrity-modifier": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "integrity( <string> )",
+		"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": []
+		}
+	},
+	"isolation-mode": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto | isolate",
+		"syntax-m": "auto | isolate",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"keyframe-selector": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "from | to | <percentage> | <timeline-range-name> <percentage>",
+		"syntax-a": "from | to | <percentage [0,100]>",
+		"syntax-m": "from | to | <percentage [0,100]> | <timeline-range-name> <percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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 ] ]? )",
+		"syntax-m": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"tests": {
+			"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> | margin-box",
+		"syntax-m": "<visual-box> | margin-box",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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 ] ]? )",
+		"syntax-m": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"tests": {
+			"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": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
+		"syntax-m": "<length-percentage> | auto",
+		"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)"
+				}
+			]
+		}
+	},
+	"legacy-hsl-syntax": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-m": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%, 5%, 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "hsl(from red 20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%, 5%, 2%, 1%)"
+				},
+				{
+					"property": "color",
+					"value": "hsl(20deg, 10%, 5% / 2%)"
+				}
+			]
+		}
+	},
+	"legacy-hsla-syntax": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"syntax-m": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10%, 5%, 0.5)"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "hsla(from red 20deg, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10%)"
+				},
+				{
+					"property": "color",
+					"value": "hsla(20deg, 10%, 5%, 2%, 1%)"
+				}
+			]
+		}
+	},
+	"legacy-rgb-syntax": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"syntax-m": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"tests": {
+			"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"syntax-m": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"tests": {
+			"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": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "[ <length> | <percentage> ]",
+		"syntax-m": "[ <length> | <percentage> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"line-command": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "line <by-to> <coordinate-pair>",
+		"syntax-m": "line <by-to> <coordinate-pair>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"line-width": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | thin | medium | thick",
+		"syntax-a": "<length [0,∞]> | thin | medium | thick",
+		"syntax-m": "<length [0,∞]> | thin | medium | thick",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"linear-easing-function": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "linear | <linear()>",
+		"syntax-m": "linear | <linear()>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"linear-gradient-syntax": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"syntax-m": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"linear-gradient()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-a": "linear-gradient( [ <linear-gradient-syntax> ] )",
+		"syntax-m": "linear-gradient( [ <linear-gradient-syntax> ] )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"linear()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "linear( [ <number> && <percentage>{0,2} ]# )",
+		"syntax-m": "linear( [ <number> && <percentage>{0,2} ]# )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"link-param": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "param( <custom-property-name> <declaration-value>? )",
+		"syntax-m": "param( <custom-property-name> <declaration-value>? )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"marker-ref": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<url>",
+		"syntax-m": "<url>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>? ]*",
+		"syntax-m": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"media-and": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<media-in-parens> [ and <media-in-parens> ]+",
+		"syntax-a": "and <media-in-parens>",
+		"syntax-m": "and <media-in-parens>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>* ]",
+		"syntax-m": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>*",
+		"syntax-m": "<media-not> | <media-in-parens> <media-and>*",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"media-or": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<media-in-parens> [ or <media-in-parens> ]+",
+		"syntax-a": "or <media-in-parens>",
+		"syntax-m": "or <media-in-parens>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"media-progress()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
+		"syntax-m": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"media()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
+		"syntax-m": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"mf-comparison": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<mf-lt> | <mf-gt> | <mf-eq>",
+		"syntax-m": "<mf-lt> | <mf-gt> | <mf-eq>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"mf-eq": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "'='",
+		"syntax-m": "'='",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"mf-gt": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "'>' '='?",
+		"syntax-m": "'>' '='?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"mf-lt": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "'<' '='?",
+		"syntax-m": "'<' '='?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"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": []
+		}
+	},
+	"mix()": {
+		"type": "added",
+		"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": "mix( <progress> , <any-value> , <any-value> ) | mix( <progress> && of <'animation-name'> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"modern-hsl-syntax": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "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": [
+				{
+					"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "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": [
+				{
+					"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"tests": {
+			"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"syntax-m": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"tests": {
+			"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "move <by-to> <coordinate-pair>",
+		"syntax-m": "move <by-to> <coordinate-pair>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"mq-boolean": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<integer [0,1]>",
+		"syntax-m": "<integer [0,1]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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",
+		"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": [
+				{
+					"property": "color",
+					"value": "transparent"
+				},
+				{
+					"property": "color",
+					"value": "aliceblue"
+				}
+			],
+			"failing": [
+				{
+					"property": "color",
+					"value": "foo"
+				}
+			]
+		}
+	},
+	"number-optional-number": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<number> <number>?",
+		"syntax-m": "<number> <number>?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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 ] ]? )",
+		"syntax-m": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"tests": {
+			"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()": {
+		"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 ] ]? )",
+		"syntax-m": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"tests": {
+			"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<number> | <percentage>",
+		"syntax-m": "<number> | <percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"opentype-tag": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<string>",
+		"syntax-m": "<string>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"padding-width": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length> | <percentage>",
+		"syntax-m": "<length> | <percentage>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"page-selector": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<pseudo-page>+ | <ident> <pseudo-page>*",
+		"syntax-a": "[ <ident-token>? <pseudo-page>* ]!",
+		"syntax-m": "[ <ident-token>? <pseudo-page>* ]!",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"page-selector-list": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "[ <page-selector># ]?",
+		"syntax-a": "<page-selector>#",
+		"syntax-m": "<page-selector>#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"paint": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
+		"syntax-a": "none | <image> | <svg-paint>",
+		"syntax-m": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke | <image> | <svg-paint>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"paint-box": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> | fill-box | stroke-box",
+		"syntax-m": "<visual-box> | fill-box | stroke-box",
+		"tests": {
+			"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()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
+		"syntax-m": "palette-mix( <color-interpolation-method> , [ [ normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2} )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"points": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ <number>+ ]#",
+		"syntax-m": "[ <number>+ ]#",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"syntax-m": "<position-one> | <position-two> | <position-four>",
+		"tests": {
+			"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-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} ]",
+		"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",
+		"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> ]",
+		"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",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]",
+		"syntax-m": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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} ]",
+		"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",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"syntax-m": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"predefined-rectangular": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "jzazbz | ictcp",
+		"syntax-m": "jzazbz | ictcp",
+		"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}",
+		"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",
+		"syntax-m": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"progress": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
+		"syntax-m": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"progress()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+		"syntax-m": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"pseudo-page": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": ": [ left | right | first | blank ]",
+		"syntax-a": "':' [ left | right | first | blank ]",
+		"syntax-m": "':' [ left | right | first | blank ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"pt-class-selector": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ '.' <custom-ident> ]+",
+		"syntax-m": "[ '.' <custom-ident> ]+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"pt-name-and-class-selector": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
+		"syntax-m": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"pt-name-selector": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "'*' | <custom-ident>",
+		"syntax-m": "'*' | <custom-ident>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"syntax-m": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"radial-extent": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "closest-corner | closest-side | farthest-corner | farthest-side",
+		"syntax-m": "closest-corner | closest-side | farthest-corner | farthest-side",
+		"tests": {
+			"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": []
+		}
+	},
+	"radial-gradient-syntax": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"syntax-m": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"radial-gradient()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+		"syntax-a": "radial-gradient( [ <radial-gradient-syntax> ] )",
+		"syntax-m": "radial-gradient( [ <radial-gradient-syntax> ] )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"radial-shape": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "circle | ellipse",
+		"syntax-m": "circle | ellipse",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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}",
+		"syntax-m": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
+		"tests": {
+			"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": []
+		}
+	},
+	"random-caching-options": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident> || per-element",
+		"syntax-m": "<dashed-ident> || per-element",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"random-item()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
+		"syntax-m": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"random()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
+		"syntax-m": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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> ]? ] )",
+		"syntax-m": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
+		"tests": {
+			"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)"
+				}
+			]
+		}
+	},
+	"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 )",
+		"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": []
+		}
+	},
+	"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}",
+		"syntax-m": "repeat-x | repeat-y | <repetition>{1,2}",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"repeat()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "auto-fill | auto-fit",
+		"syntax-m": "auto-fill | auto-fit",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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> ] )",
+		"syntax-m": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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> ] )",
+		"syntax-m": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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> ] )",
+		"syntax-m": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"repetition": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "repeat | space | round | no-repeat",
+		"syntax-m": "repeat | space | round | no-repeat",
+		"tests": {
+			"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": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+		"syntax-m": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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> ]",
+		"syntax-m": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "rgb(20%, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgb(20 10 5)"
+				}
+			],
+			"failing": []
+		}
+	},
+	"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> ]",
+		"syntax-m": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
+		"tests": {
+			"passing": [
+				{
+					"property": "color",
+					"value": "rgba(20%, 10%, 5%)"
+				},
+				{
+					"property": "color",
+					"value": "rgba(20 10 5)"
+				}
+			],
+			"failing": []
+		}
+	},
+	"right": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
+		"syntax-m": "<length-percentage> | auto",
+		"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)"
+				}
+			]
+		}
+	},
+	"round()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
+		"syntax-a": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
+		"syntax-m": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"running()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "running( <custom-ident> )",
+		"syntax-m": "running( <custom-ident> )",
+		"tests": {
+			"passing": [],
+			"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": "",
+		"syntax-b": "",
+		"syntax-a": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
+		"syntax-m": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"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": []
+		}
+	},
+	"scroll()": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "scroll( [ <axis> || <scroller> ]? )",
+		"syntax-a": "scroll( [ <scroller> || <axis> ]? )",
+		"syntax-m": "scroll( [ <scroller> || <axis> ]? )",
+		"tests": {
+			"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": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "root | nearest",
+		"syntax-a": "root | nearest | self",
+		"syntax-m": "root | nearest | self",
+		"tests": {
+			"passing": [
+				{
+					"property": "animation-timeline",
+					"value": "scroll(self)"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "scroll()"
+				},
+				{
+					"property": "animation-timeline",
+					"value": "scroll(root)"
+				}
+			],
+			"failing": []
+		}
+	},
+	"shadow": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "inset? && <length>{2,4} && <color>?",
+		"syntax-a": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+		"syntax-m": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"shape-box": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<box> | margin-box",
+		"syntax-a": "<visual-box> | margin-box",
+		"syntax-m": "<visual-box> | margin-box",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"shape-command": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+		"syntax-m": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"shape()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+		"syntax-m": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"single-animation-iteration-count": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "infinite | <number>",
+		"syntax-a": "infinite | <number [0,∞]>",
+		"syntax-m": "infinite | <number [0,∞]>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"smooth-command": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
+		"syntax-m": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"source-size": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<media-condition> <source-size-value> | auto",
+		"syntax-m": "<media-condition> <source-size-value> | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"source-size-list": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<source-size>#? , <source-size-value>",
+		"syntax-m": "<source-size>#? , <source-size-value>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"source-size-value": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<length> | auto",
+		"syntax-m": "<length> | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"spacing-trim": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+		"syntax-m": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"spread-shadow": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+		"syntax-m": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"src()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "src( <string> <url-modifier>* )",
+		"syntax-m": "src( <string> <url-modifier>* )",
+		"tests": {
+			"passing": [
+				{
+					"property": "src",
+					"value": "src('#foo')"
+				},
+				{
+					"property": "src",
+					"value": "src('#foo' modifier)"
+				}
+			],
+			"failing": [
+				{
+					"property": "src",
+					"value": "src(#foo)"
+				}
+			]
+		}
+	},
+	"step-easing-function": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "step-start | step-end | <steps()>",
+		"syntax-m": "step-start | step-end | <steps()>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"steps()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "steps( <integer> , <step-position>? )",
+		"syntax-m": "steps( <integer> , <step-position>? )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"string()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "string( <custom-ident> , [ first | start | last | first-except ]? )",
+		"syntax-m": "string( <custom-ident> , [ first | start | last | first-except ]? )",
+		"tests": {
+			"passing": [
+				{
+					"property": "content",
+					"value": "string(foo)"
+				},
+				{
+					"property": "content",
+					"value": "string(foo, first)"
+				},
+				{
+					"property": "content",
+					"value": "string(foo, start)"
+				}
+			],
+			"failing": []
+		}
+	},
+	"stripes()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "stripes( <color-stripe># )",
+		"syntax-m": "stripes( <color-stripe># )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"style-in-parens": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>",
+		"syntax-a": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+		"syntax-m": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"syntax-m": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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>",
+		"syntax-m": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"supports-font-format-fn": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "font-format( <font-format> )",
+		"syntax-m": "font-format( <font-format> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"supports-font-tech-fn": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "font-tech( <font-tech> )",
+		"syntax-m": "font-tech( <font-tech> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"supports()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "supports( <declaration> )",
+		"syntax-m": "supports( <declaration> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"svg-paint": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "child | child( <integer> )",
+		"syntax-m": "child | child( <integer> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"symbols-type": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "cyclic | numeric | alphabetic | symbolic | fixed",
+		"syntax-m": "cyclic | numeric | alphabetic | symbolic | fixed",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"symbols()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+		"syntax-m": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+		"syntax-m": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax-combinator": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "'|'",
+		"syntax-m": "'|'",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax-component": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'",
+		"syntax-m": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax-multiplier": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ '#' | '+' ]",
+		"syntax-m": "[ '#' | '+' ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax-single-component": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "'<' <syntax-type-name> '>' | <ident>",
+		"syntax-m": "'<' <syntax-type-name> '>' | <ident>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"syntax-type-name": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+		"syntax-m": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"target-contrast": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<wcag2>",
+		"syntax-m": "<wcag2>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"text-edge": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+		"syntax-m": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"time-percentage": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<time> | <percentage>",
+		"syntax-a": "[ <time> | <percentage> ]",
+		"syntax-m": "[ <time> | <percentage> ]",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"toggle()": {
+		"type": "added",
+		"comment": "TODO: csstree doesn't support <whole-value> https://github.com/csstree/csstree/issues/300",
+		"syntax-b": "",
+		"syntax-a": "toggle( <whole-value># )",
+		"syntax-m": "toggle( <any-value># )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"top": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
+		"syntax-m": "<length-percentage> | auto",
+		"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)"
+				}
+			]
+		}
+	},
+	"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",
+		"syntax-m": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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,∞]> )",
+		"syntax-m": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"transform-mix()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "transform-mix( <progress> , <transform-list> , <transform-list> )",
+		"syntax-m": "transform-mix( <progress> , <transform-list> , <transform-list> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"type()": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "type( <syntax> )",
+		"syntax-m": "type( <syntax> )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"url": {
+		"type": "modified",
+		"comment": "",
+		"syntax-b": "url( <string> <url-modifier>* ) | <url-token>",
+		"syntax-a": "<url()> | <src()>",
+		"syntax-m": "<url()> | <src()> | <url-token>",
+		"tests": {
+			"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-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": "",
+		"syntax-b": "",
+		"syntax-a": "url( <string> <url-modifier>* ) | <url-token>",
+		"syntax-m": "url( <string> <url-modifier>* ) | <url-token>",
+		"tests": {
+			"passing": [
+				{
+					"property": "src",
+					"value": "url(https://example.com#foo)"
+				},
+				{
+					"property": "src",
+					"value": "url('#foo')"
+				}
+			],
+			"failing": [
+				{
+					"property": "src",
+					"value": "url(#foo modifier)"
+				}
+			]
+		}
+	},
+	"wcag2": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
+		"syntax-m": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"xyz": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "xyz | xyz-d50 | xyz-d65",
+		"syntax-m": "xyz | xyz-d50 | xyz-d65",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
+	"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}",
+		"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)"
+				}
+			]
+		}
+	}
+}
\ 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/csstree-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/csstree-properties.json
new file mode 100644
index 0000000000..bb9de56efb
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/csstree-properties.json
@@ -0,0 +1,1955 @@
+{
+	"--*": {
+		"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"
+	},
+	"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>#"
+	},
+	"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 | 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"
+	},
+	"-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-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": "<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": "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> ]+ ]?"
+	},
+	"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 ] ]"
+	},
+	"cx": {
+		"syntax": "<length> | <percentage>"
+	},
+	"cy": {
+		"syntax": "<length> | <percentage>"
+	},
+	"d": {
+		"syntax": "none | path( <string> )"
+	},
+	"direction": {
+		"syntax": "ltr | rtl"
+	},
+	"display": {
+		"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display>"
+	},
+	"dominant-baseline": {
+		"syntax": "auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge"
+	},
+	"empty-cells": {
+		"syntax": "show | hide"
+	},
+	"field-sizing": {
+		"syntax": "content | fixed"
+	},
+	"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-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> ]#"
+	},
+	"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>"
+	},
+	"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 || position ]"
+	},
+	"font-synthesis-position": {
+		"syntax": "auto | none"
+	},
+	"font-synthesis-small-caps": {
+		"syntax": "auto | none"
+	},
+	"font-synthesis-style": {
+		"syntax": "auto | none"
+	},
+	"font-synthesis-weight": {
+		"syntax": "auto | none"
+	},
+	"font-variant": {
+		"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]"
+	},
+	"font-variant-alternates": {
+		"syntax": "normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]"
+	},
+	"font-variant-caps": {
+		"syntax": "normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps"
+	},
+	"font-variant-east-asian": {
+		"syntax": "normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]"
+	},
+	"font-variant-emoji": {
+		"syntax": "normal | text | emoji | unicode"
+	},
+	"font-variant-ligatures": {
+		"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]"
+	},
+	"font-variant-numeric": {
+		"syntax": "normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]"
+	},
+	"font-variant-position": {
+		"syntax": "normal | sub | super"
+	},
+	"font-variation-settings": {
+		"syntax": "normal | [ <string> <number> ]#"
+	},
+	"font-weight": {
+		"syntax": "<font-weight-absolute> | bolder | lighter"
+	},
+	"-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> ) | stretch | <-non-standard-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}"
+	},
+	"-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-area": {
+		"syntax": "none | <inset-area>"
+	},
+	"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> ) | stretch | <-non-standard-size>"
+	},
+	"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> ) | 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> ) | 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> ) | stretch | <-non-standard-size>"
+	},
+	"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 | <offset-path> || <coord-box>"
+	},
+	"offset-position": {
+		"syntax": "normal | 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-width'> || <'outline-style'> || <'outline-color'> ]"
+	},
+	"outline-color": {
+		"syntax": "auto | <color>"
+	},
+	"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"
+	},
+	"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": "[ <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": {
+		"syntax": "auto | <custom-ident>"
+	},
+	"page-break-after": {
+		"syntax": "auto | always | avoid | left | right | recto | verso"
+	},
+	"page-break-before": {
+		"syntax": "auto | always | avoid | left | right | recto | verso"
+	},
+	"page-break-inside": {
+		"syntax": "auto | avoid"
+	},
+	"paint-order": {
+		"syntax": "normal | [ fill || stroke || markers ]"
+	},
+	"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"
+	},
+	"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"
+	},
+	"-webkit-print-color-adjust": {
+		"syntax": "economy | exact"
+	},
+	"quotes": {
+		"syntax": "none | auto | [ <string> <string> ]+"
+	},
+	"r": {
+		"syntax": "<length> | <percentage>"
+	},
+	"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"
+	},
+	"rx": {
+		"syntax": "<length> | <percentage>"
+	},
+	"ry": {
+		"syntax": "<length> | <percentage>"
+	},
+	"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 | 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": "<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 | 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"
+	},
+	"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>"
+	},
+	"text-spacing-trim": {
+		"syntax": "space-all | normal | space-first | trim-start | trim-both | trim-all | auto"
+	},
+	"-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 ] ]"
+	},
+	"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"
+	},
+	"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-behavior": {
+		"syntax": "<transition-behavior-value>#"
+	},
+	"transition-delay": {
+		"syntax": "<time>#"
+	},
+	"transition-duration": {
+		"syntax": "<time>#"
+	},
+	"transition-property": {
+		"syntax": "none | <single-transition-property>#"
+	},
+	"transition-timing-function": {
+		"syntax": "<easing-function>#"
+	},
+	"translate": {
+		"syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?"
+	},
+	"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"
+	},
+	"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"
+	},
+	"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 | [ <'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> ) | stretch | <-non-standard-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 | break-all | keep-all | break-word | auto-phrase"
+	},
+	"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>"
+	},
+	"x": {
+		"syntax": "<length> | <percentage>"
+	},
+	"y": {
+		"syntax": "<length> | <percentage>"
+	},
+	"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..9cd425ce95
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/csstree-types.json
@@ -0,0 +1,1217 @@
+{
+	"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"
+	},
+	"acos()": {
+		"syntax": "acos( <calc-sum> )"
+	},
+	"age": {
+		"syntax": "child | young | old"
+	},
+	"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>"
+	},
+	"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>"
+	},
+	"cmyk-component": {
+		"syntax": "<number> | <percentage> | none"
+	},
+	"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>"
+	},
+	"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( <colorspace-params> [ / [ <alpha-value> | none ] ]? )"
+	},
+	"colorspace-params": {
+		"syntax": "[ <predefined-rgb-params> | <xyz-params> ]"
+	},
+	"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-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"
+	},
+	"compositing-operator": {
+		"syntax": "add | subtract | intersect | exclude"
+	},
+	"compound-selector": {
+		"syntax": "[ <type-selector>? <subclass-selector>* ]!"
+	},
+	"compound-selector-list": {
+		"syntax": "<compound-selector>#"
+	},
+	"conic-gradient()": {
+		"syntax": "conic-gradient( [ 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"
+	},
+	"content-list": {
+		"syntax": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> | <attr()> ]+"
+	},
+	"content-position": {
+		"syntax": "center | start | end | flex-start | flex-end"
+	},
+	"content-replacement": {
+		"syntax": "<image>"
+	},
+	"contextual-alt-values": {
+		"syntax": "[ contextual | no-contextual ]"
+	},
+	"contrast()": {
+		"syntax": "contrast( [ <number-percentage> ] )"
+	},
+	"coord-box": {
+		"syntax": "content-box | padding-box | border-box | fill-box | stroke-box | view-box"
+	},
+	"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> )"
+	},
+	"custom-color-space": {
+		"syntax": "<dashed-ident>"
+	},
+	"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>? )"
+	},
+	"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"
+	},
+	"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-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>"
+	},
+	"gender": {
+		"syntax": "male | female | neutral"
+	},
+	"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> | <-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>? ]"
+	},
+	"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-interpolation-method": {
+		"syntax": "[ shorter | longer | increasing | decreasing ] hue"
+	},
+	"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-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'> ]? )"
+	},
+	"invert()": {
+		"syntax": "invert( <number-percentage> )"
+	},
+	"keyframe-block": {
+		"syntax": "<keyframe-selector># { <declaration-list> }"
+	},
+	"keyframe-block-list": {
+		"syntax": "<keyframe-block>+"
+	},
+	"keyframe-selector": {
+		"syntax": "from | to | <percentage> | <timeline-range-name> <percentage>"
+	},
+	"keyframes-name": {
+		"syntax": "<custom-ident> | <string>"
+	},
+	"lab()": {
+		"syntax": "lab( [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"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"
+	},
+	"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> ]+"
+	},
+	"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"
+	},
+	"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> )"
+	},
+	"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"
+	},
+	"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 ]"
+	},
+	"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> ] )"
+	},
+	"outline-radius": {
+		"syntax": "<length> | <percentage>"
+	},
+	"-non-standard-overflow": {
+		"syntax": "overlay | -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-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> | <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"
+	},
+	"-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,∞]> ]?"
+	},
+	"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>"
+	},
+	"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> ] )"
+	},
+	"scope-end": {
+		"syntax": "<forgiving-selector-list>"
+	},
+	"scope-start": {
+		"syntax": "<forgiving-selector-list>"
+	},
+	"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"
+	},
+	"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> )"
+	},
+	"simple-selector": {
+		"syntax": "<type-selector> | <subclass-selector>"
+	},
+	"simple-selector-list": {
+		"syntax": "<simple-selector>#"
+	},
+	"sin()": {
+		"syntax": "sin( <calc-sum> )"
+	},
+	"single-animation": {
+		"syntax": "<'animation-duration'> || <easing-function> || <'animation-delay'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>"
+	},
+	"single-animation-composition": {
+		"syntax": "replace | add | accumulate"
+	},
+	"single-animation-direction": {
+		"syntax": "normal | reverse | alternate | alternate-reverse"
+	},
+	"single-animation-fill-mode": {
+		"syntax": "none | forwards | backwards | both"
+	},
+	"single-animation-iteration-count": {
+		"syntax": "infinite | <number>"
+	},
+	"single-animation-play-state": {
+		"syntax": "running | paused"
+	},
+	"single-animation-timeline": {
+		"syntax": "auto | none | <dashed-ident> | <scroll()> | <view()>"
+	},
+	"single-transition": {
+		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>"
+	},
+	"single-transition-property": {
+		"syntax": "all | <custom-ident>"
+	},
+	"size": {
+		"syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
+	},
+	"-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> ]? )"
+	},
+	"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> ]? )"
+	},
+	"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>"
+	},
+	"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>"
+	},
+	"system-color": {
+		"syntax": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText"
+	},
+	"system-family-name": {
+		"syntax": "caption | icon | menu | message-box | small-caption | status-bar"
+	},
+	"tan()": {
+		"syntax": "tan( <calc-sum> )"
+	},
+	"target": {
+		"syntax": "<target-counter()> | <target-counters()> | <target-text()>"
+	},
+	"target-counter()": {
+		"syntax": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )"
+	},
+	"target-counters()": {
+		"syntax": "target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )"
+	},
+	"target-text()": {
+		"syntax": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )"
+	},
+	"time-percentage": {
+		"syntax": "<time> | <percentage>"
+	},
+	"timeline-range-name": {
+		"syntax": "cover | contain | entry | exit | entry-crossing | exit-crossing"
+	},
+	"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>+"
+	},
+	"transition-behavior-value": {
+		"syntax": "normal | allow-discrete"
+	},
+	"translate()": {
+		"syntax": "translate( <length-percentage> , <length-percentage>? )"
+	},
+	"translate3d()": {
+		"syntax": "translate3d( <length-percentage> , <length-percentage> , <length> )"
+	},
+	"translateX()": {
+		"syntax": "translateX( <length-percentage> )"
+	},
+	"translateY()": {
+		"syntax": "translateY( <length-percentage> )"
+	},
+	"translateZ()": {
+		"syntax": "translateZ( <length> )"
+	},
+	"try-size": {
+		"syntax": "most-width | most-height | most-block-size | most-inline-size"
+	},
+	"try-tactic": {
+		"syntax": "flip-block || flip-inline || flip-start"
+	},
+	"type-or-unit": {
+		"syntax": "string | color | url | integer | number | length | angle | time | frequency | cap | ch | em | ex | ic | lh | rlh | rem | vb | vi | vw | vh | vmin | vmax | mm | Q | cm | in | pt | pc | px | deg | grad | rad | turn | ms | s | Hz | kHz | %"
+	},
+	"type-selector": {
+		"syntax": "<wq-name> | <ns-prefix>? '*'"
+	},
+	"url": {
+		"syntax": "url( <string> <url-modifier>* ) | <url-token>"
+	},
+	"url-modifier": {
+		"syntax": "<ident> | <function-token> <any-value> )"
+	},
+	"var()": {
+		"syntax": "var( <custom-property-name> , <declaration-value>? )"
+	},
+	"view()": {
+		"syntax": "view( [ <axis> || <'view-timeline-inset'> ]? )"
+	},
+	"viewport-length": {
+		"syntax": "auto | <length-percentage>"
+	},
+	"visual-box": {
+		"syntax": "content-box | padding-box | border-box"
+	},
+	"wq-name": {
+		"syntax": "<ns-prefix>? <ident-token>"
+	},
+	"x": {
+		"syntax": "<number>"
+	},
+	"xyz-params": {
+		"syntax": "<xyz-space> [ <number> | <percentage> | none ]{3}"
+	},
+	"xyz-space": {
+		"syntax": "xyz | xyz-d50 | xyz-d65"
+	},
+	"y": {
+		"syntax": "<number>"
+	}
+}
\ No newline at end of file
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/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-atrules.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
new file mode 100644
index 0000000000..0d19ea3bc5
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
@@ -0,0 +1,315 @@
+{
+	"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 [0,∞]> && <symbol> ]#"
+			},
+			"fallback": {
+				"syntax": "<counter-style-name>"
+			},
+			"negative": {
+				"syntax": "<symbol> <symbol>?"
+			},
+			"pad": {
+				"syntax": "<integer [0,∞]> && <symbol>"
+			},
+			"prefix": {
+				"syntax": "<symbol>"
+			},
+			"range": {
+				"syntax": "[ [ <integer> | infinite ]{2} ]# | auto"
+			},
+			"speak-as": {
+				"syntax": "auto | bullets | numbers | words | spell-out | <counter-style-name>"
+			},
+			"suffix": {
+				"syntax": "<symbol>"
+			},
+			"symbols": {
+				"syntax": "<symbol>+"
+			},
+			"system": {
+				"syntax": "cyclic | numeric | alphabetic | symbolic | additive | [ fixed <integer>? ] | [ extends <counter-style-name> ]"
+			}
+		}
+	},
+	"font-face": {
+		"descriptors": {
+			"ascent-override": {
+				"syntax": "[ normal | <percentage [0,∞]> ]{1,2}"
+			},
+			"descent-override": {
+				"syntax": "[ normal | <percentage [0,∞]> ]{1,2}"
+			},
+			"font-display": {
+				"syntax": "auto | block | swap | fallback | optional"
+			},
+			"font-family": {
+				"syntax": "<family-name>"
+			},
+			"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": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?"
+			},
+			"font-variation-settings": {
+				"syntax": "normal | [ <string> <number> ]#"
+			},
+			"font-weight": {
+				"syntax": "auto | <font-weight-absolute>{1,2}"
+			},
+			"font-width": {
+				"syntax": "auto | <'font-width'>{1,2}"
+			},
+			"line-gap-override": {
+				"syntax": "[ normal | <percentage [0,∞]> ]{1,2}"
+			},
+			"size-adjust": {
+				"syntax": "<percentage [0,∞]>"
+			},
+			"src": {
+				"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": {
+				"syntax": "light | dark | <integer [0,∞]>"
+			},
+			"font-family": {
+				"syntax": "<family-name>#"
+			},
+			"override-colors": {
+				"syntax": "[ <integer [0,∞]> <color> ]#"
+			}
+		}
+	},
+	"function": {
+		"descriptors": {
+			"result": {
+				"syntax": "<declaration-value>?"
+			}
+		}
+	},
+	"page": {
+		"descriptors": {
+			"bleed": {
+				"syntax": "auto | <length>"
+			},
+			"marks": {
+				"syntax": "none | [ crop || cross ]"
+			},
+			"page-orientation": {
+				"syntax": "upright | rotate-left | rotate-right"
+			},
+			"size": {
+				"syntax": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"
+			}
+		}
+	},
+	"position-try": {
+		"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>"
+			}
+		}
+	},
+	"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
new file mode 100644
index 0000000000..74d6f6b733
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json
@@ -0,0 +1,238 @@
+{
+	"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/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..c553021272
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-properties.json
@@ -0,0 +1,2306 @@
+{
+	"align-items": {
+		"type": "modified",
+		"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-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-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-b": "<time>#",
+		"syntax-a": "[ auto | <time [0s,∞]> ]#",
+		"comment": ""
+	},
+	"appearance": {
+		"type": "modified",
+		"syntax-b": "none | auto | textfield | menulist-button | <compat-auto>",
+		"syntax-a": "none | auto | base | <compat-auto> | <compat-special>",
+		"comment": ""
+	},
+	"aspect-ratio": {
+		"type": "modified",
+		"syntax-b": "auto | <ratio>",
+		"syntax-a": "auto || <ratio>",
+		"comment": ""
+	},
+	"backdrop-filter": {
+		"type": "modified",
+		"syntax-b": "none | <filter-function-list>",
+		"syntax-a": "none | <filter-value-list>",
+		"comment": ""
+	},
+	"background": {
+		"type": "modified",
+		"syntax-b": "[ <bg-layer> , ]* <final-bg-layer>",
+		"syntax-a": "<bg-layer>#? , <final-bg-layer>",
+		"comment": ""
+	},
+	"background-blend-mode": {
+		"type": "modified",
+		"syntax-b": "<blend-mode>#",
+		"syntax-a": "<mix-blend-mode>#",
+		"comment": ""
+	},
+	"background-origin": {
+		"type": "modified",
+		"syntax-b": "<box>#",
+		"syntax-a": "<visual-box>#",
+		"comment": ""
+	},
+	"background-position-block": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"comment": ""
+	},
+	"background-position-inline": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#",
+		"comment": ""
+	},
+	"background-repeat-block": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
+		"comment": ""
+	},
+	"background-repeat-inline": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
+		"comment": ""
+	},
+	"background-repeat-x": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
+		"comment": ""
+	},
+	"background-repeat-y": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<repetition>#",
+		"comment": ""
+	},
+	"baseline-shift": {
+		"type": "modified",
+		"syntax-b": "baseline | sub | super | <svg-length>",
+		"syntax-a": "<length-percentage> | sub | super | top | center | bottom",
+		"comment": ""
+	},
+	"baseline-source": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | first | last",
+		"comment": ""
+	},
+	"block-ellipsis": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | auto | <string>",
+		"comment": ""
+	},
+	"block-step": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
+		"comment": ""
+	},
+	"block-step-align": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | center | start | end",
+		"comment": ""
+	},
+	"block-step-insert": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "margin | padding",
+		"comment": ""
+	},
+	"block-step-round": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "up | down | nearest",
+		"comment": ""
+	},
+	"block-step-size": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | <length [0,∞]>",
+		"comment": ""
+	},
+	"bookmark-label": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<content-list>",
+		"comment": ""
+	},
+	"bookmark-level": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | <integer [1,∞]>",
+		"comment": ""
+	},
+	"bookmark-state": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "open | closed",
+		"comment": ""
+	},
+	"border-block": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<'border-block-start'>",
+		"comment": ""
+	},
+	"border-block-end": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-block-end-color": {
+		"type": "modified",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-block-end-radius": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-block-end-style": {
+		"type": "modified",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
+		"comment": ""
+	},
+	"border-block-end-width": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
+		"comment": ""
+	},
+	"border-block-start": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-block-start-color": {
+		"type": "modified",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-block-start-radius": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-block-start-style": {
+		"type": "modified",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
+		"comment": ""
+	},
+	"border-block-start-width": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
+		"comment": ""
+	},
+	"border-block-style": {
+		"type": "modified",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<'border-top-style'>{1,2}",
+		"comment": ""
+	},
+	"border-block-width": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<'border-top-width'>{1,2}",
+		"comment": ""
+	},
+	"border-bottom-color": {
+		"type": "modified",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-bottom-left-radius": {
+		"type": "modified",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-bottom-radius": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-bottom-right-radius": {
+		"type": "modified",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-boundary": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | parent | display",
+		"comment": ""
+	},
+	"border-clip": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-bottom": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-left": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-right": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-clip-top": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+		"comment": ""
+	},
+	"border-collapse": {
+		"type": "modified",
+		"syntax-b": "collapse | separate",
+		"syntax-a": "separate | collapse",
+		"comment": ""
+	},
+	"border-color": {
+		"type": "modified",
+		"syntax-b": "<color>{1,4}",
+		"syntax-a": "[ <color> | <image-1D> ]{1,4}",
+		"comment": ""
+	},
+	"border-end-end-radius": {
+		"type": "modified",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-end-start-radius": {
+		"type": "modified",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-image-outset": {
+		"type": "modified",
+		"syntax-b": "[ <length> | <number> ]{1,4}",
+		"syntax-a": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
+		"comment": ""
+	},
+	"border-image-slice": {
+		"type": "modified",
+		"syntax-b": "<number-percentage>{1,4} && fill?",
+		"syntax-a": "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?",
+		"comment": ""
+	},
+	"border-image-width": {
+		"type": "modified",
+		"syntax-b": "[ <length-percentage> | <number> | auto ]{1,4}",
+		"syntax-a": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
+		"comment": ""
+	},
+	"border-inline": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<'border-block-start'>",
+		"comment": ""
+	},
+	"border-inline-end": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-inline-end-color": {
+		"type": "modified",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-inline-end-radius": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-inline-end-style": {
+		"type": "modified",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
+		"comment": ""
+	},
+	"border-inline-end-width": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
+		"comment": ""
+	},
+	"border-inline-start": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'> || <'border-top-style'> || <color>",
+		"syntax-a": "<line-width> || <line-style> || <color>",
+		"comment": ""
+	},
+	"border-inline-start-color": {
+		"type": "modified",
+		"syntax-b": "<'border-top-color'>",
+		"syntax-a": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-inline-start-radius": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-inline-start-style": {
+		"type": "modified",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<line-style>",
+		"comment": ""
+	},
+	"border-inline-start-width": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<line-width>",
+		"comment": ""
+	},
+	"border-inline-style": {
+		"type": "modified",
+		"syntax-b": "<'border-top-style'>",
+		"syntax-a": "<'border-top-style'>{1,2}",
+		"comment": ""
+	},
+	"border-inline-width": {
+		"type": "modified",
+		"syntax-b": "<'border-top-width'>",
+		"syntax-a": "<'border-top-width'>{1,2}",
+		"comment": ""
+	},
+	"border-left-color": {
+		"type": "modified",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-left-radius": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-limit": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"border-radius": {
+		"type": "modified",
+		"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-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-right-radius": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-spacing": {
+		"type": "modified",
+		"syntax-b": "<length> <length>?",
+		"syntax-a": "<length>{1,2}",
+		"comment": ""
+	},
+	"border-start-end-radius": {
+		"type": "modified",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-start-start-radius": {
+		"type": "modified",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-top-color": {
+		"type": "modified",
+		"syntax-b": "<color>",
+		"syntax-a": "<color> | <image-1D>",
+		"comment": ""
+	},
+	"border-top-left-radius": {
+		"type": "modified",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"border-top-radius": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
+		"comment": ""
+	},
+	"border-top-right-radius": {
+		"type": "modified",
+		"syntax-b": "<length-percentage>{1,2}",
+		"syntax-a": "<length-percentage [0,∞]>{1,2}",
+		"comment": ""
+	},
+	"bottom": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"comment": ""
+	},
+	"box-shadow": {
+		"type": "modified",
+		"syntax-b": "none | <shadow>#",
+		"syntax-a": "<spread-shadow>#",
+		"comment": ""
+	},
+	"box-shadow-blur": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length [0,∞]>#",
+		"comment": ""
+	},
+	"box-shadow-color": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<color>#",
+		"comment": ""
+	},
+	"box-shadow-offset": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ none | <length>{2} ]#",
+		"comment": ""
+	},
+	"box-shadow-position": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ outset | inset ]#",
+		"comment": ""
+	},
+	"box-shadow-spread": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length>#",
+		"comment": ""
+	},
+	"box-snap": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | block-start | block-end | center | baseline | last-baseline",
+		"comment": ""
+	},
+	"caption-side": {
+		"type": "modified",
+		"syntax-b": "top | bottom | block-start | block-end | inline-start | inline-end",
+		"syntax-a": "top | bottom",
+		"comment": ""
+	},
+	"caret": {
+		"type": "modified",
+		"syntax-b": "<'caret-color'> || <'caret-shape'>",
+		"syntax-a": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
+		"comment": ""
+	},
+	"caret-animation": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | manual",
+		"comment": ""
+	},
+	"clear": {
+		"type": "modified",
+		"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-b": "<shape> | auto",
+		"syntax-a": "<rect()> | auto",
+		"comment": ""
+	},
+	"color-adjust": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<'print-color-adjust'>",
+		"comment": ""
+	},
+	"color-interpolation": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | sRGB | linearRGB",
+		"comment": ""
+	},
+	"column-count": {
+		"type": "modified",
+		"syntax-b": "<integer> | auto",
+		"syntax-a": "auto | <integer [1,∞]>",
+		"comment": ""
+	},
+	"column-gap": {
+		"type": "modified",
+		"syntax-b": "normal | <length-percentage>",
+		"syntax-a": "normal | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"column-rule-style": {
+		"type": "modified",
+		"syntax-b": "<'border-style'>",
+		"syntax-a": "<line-style>",
+		"comment": ""
+	},
+	"column-rule-width": {
+		"type": "modified",
+		"syntax-b": "<'border-width'>",
+		"syntax-a": "<line-width>",
+		"comment": ""
+	},
+	"column-span": {
+		"type": "modified",
+		"syntax-b": "none | all",
+		"syntax-a": "none | <integer [1,∞]> | all | auto",
+		"comment": ""
+	},
+	"column-width": {
+		"type": "modified",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
+		"comment": ""
+	},
+	"contain": {
+		"type": "modified",
+		"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-b": "normal || [ size | inline-size ]",
+		"syntax-a": "normal | [ [ size | inline-size ] || scroll-state ]",
+		"comment": ""
+	},
+	"content": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "auto | discard | -webkit-discard | overflow | paginate | fragments",
+		"comment": ""
+	},
+	"copy-into": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
+		"comment": ""
+	},
+	"corner-shape": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ round | angle ]{1,4}",
+		"comment": ""
+	},
+	"corners": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<'corner-shape'> || <'border-radius'>",
+		"comment": ""
+	},
+	"cue-after": {
+		"type": "modified",
+		"syntax-b": "<url> <decibel>? | none",
+		"syntax-a": "<uri> <decibel>? | none",
+		"comment": ""
+	},
+	"cue-before": {
+		"type": "modified",
+		"syntax-b": "<url> <decibel>? | none",
+		"syntax-a": "<uri> <decibel>? | none",
+		"comment": ""
+	},
+	"cursor": {
+		"type": "modified",
+		"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-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
+		"comment": ""
+	},
+	"cy": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
+		"comment": ""
+	},
+	"d": {
+		"type": "modified",
+		"syntax-b": "none | path( <string> )",
+		"syntax-a": "none | <string>",
+		"comment": ""
+	},
+	"display": {
+		"type": "modified",
+		"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-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-b": "",
+		"syntax-a": "standard | high | constrained-high",
+		"comment": ""
+	},
+	"field-sizing": {
+		"type": "modified",
+		"syntax-b": "content | fixed",
+		"syntax-a": "fixed | content",
+		"comment": ""
+	},
+	"fill-break": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "bounding-box | slice | clone",
+		"comment": ""
+	},
+	"fill-color": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<color>",
+		"comment": ""
+	},
+	"fill-image": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<paint>#",
+		"comment": ""
+	},
+	"fill-opacity": {
+		"type": "modified",
+		"syntax-b": "<number-zero-one>",
+		"syntax-a": "<'opacity'>",
+		"comment": ""
+	},
+	"fill-origin": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"comment": ""
+	},
+	"fill-position": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<position>#",
+		"comment": ""
+	},
+	"fill-repeat": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<repeat-style>#",
+		"comment": ""
+	},
+	"fill-size": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<bg-size>#",
+		"comment": ""
+	},
+	"filter": {
+		"type": "modified",
+		"syntax-b": "none | <filter-function-list> | <-ms-filter-function-list>",
+		"syntax-a": "none | <filter-value-list>",
+		"comment": ""
+	},
+	"flex-grow": {
+		"type": "modified",
+		"syntax-b": "<number>",
+		"syntax-a": "<number [0,∞]>",
+		"comment": ""
+	},
+	"flex-shrink": {
+		"type": "modified",
+		"syntax-b": "<number>",
+		"syntax-a": "<number [0,∞]>",
+		"comment": ""
+	},
+	"float": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "<integer> | last | none",
+		"comment": ""
+	},
+	"float-offset": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length> | <percentage>",
+		"comment": ""
+	},
+	"float-reference": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "inline | column | region | page",
+		"comment": ""
+	},
+	"flood-color": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<color>",
+		"comment": ""
+	},
+	"flood-opacity": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<'opacity'>",
+		"comment": ""
+	},
+	"flow-from": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<ident> | none",
+		"comment": ""
+	},
+	"flow-into": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | <ident> [ element | content ]?",
+		"comment": ""
+	},
+	"font": {
+		"type": "modified",
+		"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-b": "normal | light | dark | <palette-identifier>",
+		"syntax-a": "normal | light | dark | <palette-identifier> | <palette-mix()>",
+		"comment": ""
+	},
+	"font-size": {
+		"type": "modified",
+		"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-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-b": "normal | italic | oblique <angle>?",
+		"syntax-a": "normal | italic | oblique <angle [-90deg,90deg]>?",
+		"comment": ""
+	},
+	"font-variant": {
+		"type": "modified",
+		"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-b": "normal | [ <string> <number> ]#",
+		"syntax-a": "normal | [ <opentype-tag> <number> ]#",
+		"comment": ""
+	},
+	"font-width": {
+		"type": "added",
+		"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-b": "",
+		"syntax-a": "block | inline | compact",
+		"comment": ""
+	},
+	"footnote-policy": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | line | block",
+		"comment": ""
+	},
+	"forced-color-adjust": {
+		"type": "modified",
+		"syntax-b": "auto | none",
+		"syntax-a": "auto | none | preserve-parent-color",
+		"comment": ""
+	},
+	"glyph-orientation-vertical": {
+		"type": "modified",
+		"syntax-b": "<angle>",
+		"syntax-a": "auto | 0deg | 90deg | 0 | 90",
+		"comment": ""
+	},
+	"grid-auto-flow": {
+		"type": "modified",
+		"syntax-b": "[ row | column ] || dense",
+		"syntax-a": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+		"comment": ""
+	},
+	"grid-template-columns": {
+		"type": "modified",
+		"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-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-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-b": "",
+		"syntax-a": "none | always | column | page | spread",
+		"comment": ""
+	},
+	"hyphenate-limit-lines": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "no-limit | <integer>",
+		"comment": ""
+	},
+	"hyphenate-limit-zone": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage>",
+		"comment": ""
+	},
+	"image-orientation": {
+		"type": "modified",
+		"syntax-b": "from-image | <angle> | [ <angle>? flip ]",
+		"syntax-a": "from-image | none | [ <angle> || flip ]",
+		"comment": ""
+	},
+	"image-rendering": {
+		"type": "modified",
+		"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-b": "normal | [ <number> <integer>? ]",
+		"syntax-a": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
+		"comment": ""
+	},
+	"initial-letter-align": {
+		"type": "modified",
+		"syntax-b": "[ auto | alphabetic | hanging | ideographic ]",
+		"syntax-a": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
+		"comment": ""
+	},
+	"initial-letter-wrap": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | first | all | grid | <length-percentage>",
+		"comment": ""
+	},
+	"inline-sizing": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | stretch",
+		"comment": ""
+	},
+	"inset-block-end": {
+		"type": "modified",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"inset-block-start": {
+		"type": "modified",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"inset-inline-end": {
+		"type": "modified",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"inset-inline-start": {
+		"type": "modified",
+		"syntax-b": "<'top'>",
+		"syntax-a": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"interpolate-size": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "numeric-only | allow-keywords",
+		"comment": ""
+	},
+	"isolation": {
+		"type": "modified",
+		"syntax-b": "auto | isolate",
+		"syntax-a": "<isolation-mode>",
+		"comment": ""
+	},
+	"justify-items": {
+		"type": "modified",
+		"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-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-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"comment": ""
+	},
+	"lighting-color": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<color>",
+		"comment": ""
+	},
+	"line-clamp": {
+		"type": "modified",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]> || <'block-ellipsis'>",
+		"comment": ""
+	},
+	"-webkit-line-clamp": {
+		"type": "modified",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]>",
+		"comment": ""
+	},
+	"line-fit-edge": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "leading | <text-edge>",
+		"comment": ""
+	},
+	"line-grid": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "match-parent | create",
+		"comment": ""
+	},
+	"line-height": {
+		"type": "modified",
+		"syntax-b": "normal | <number> | <length> | <percentage>",
+		"syntax-a": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"line-height-step": {
+		"type": "modified",
+		"syntax-b": "<length>",
+		"syntax-a": "<length [0,∞]>",
+		"comment": ""
+	},
+	"line-padding": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length>",
+		"comment": ""
+	},
+	"line-snap": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | baseline | contain",
+		"comment": ""
+	},
+	"link-parameters": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | <link-param>+",
+		"comment": ""
+	},
+	"list-style": {
+		"type": "modified",
+		"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-b": "[ <length> | <percentage> | auto ]{1,4}",
+		"syntax-a": "<'margin-top'>{1,4}",
+		"comment": ""
+	},
+	"margin-block": {
+		"type": "modified",
+		"syntax-b": "<'margin-left'>{1,2}",
+		"syntax-a": "<'margin-top'>{1,2}",
+		"comment": ""
+	},
+	"margin-block-end": {
+		"type": "modified",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-block-start": {
+		"type": "modified",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-bottom": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
+		"comment": ""
+	},
+	"margin-break": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | keep | discard",
+		"comment": ""
+	},
+	"margin-inline": {
+		"type": "modified",
+		"syntax-b": "<'margin-left'>{1,2}",
+		"syntax-a": "<'margin-top'>{1,2}",
+		"comment": ""
+	},
+	"margin-inline-end": {
+		"type": "modified",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-inline-start": {
+		"type": "modified",
+		"syntax-b": "<'margin-left'>",
+		"syntax-a": "<'margin-top'>",
+		"comment": ""
+	},
+	"margin-left": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
+		"comment": ""
+	},
+	"margin-right": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
+		"comment": ""
+	},
+	"margin-top": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "<length-percentage> | auto | <anchor-size()>",
+		"comment": ""
+	},
+	"margin-trim": {
+		"type": "modified",
+		"syntax-b": "none | in-flow | all",
+		"syntax-a": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
+		"comment": ""
+	},
+	"marker": {
+		"type": "modified",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
+		"comment": ""
+	},
+	"marker-end": {
+		"type": "modified",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
+		"comment": ""
+	},
+	"marker-mid": {
+		"type": "modified",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
+		"comment": ""
+	},
+	"marker-side": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "match-self | match-parent",
+		"comment": ""
+	},
+	"marker-start": {
+		"type": "modified",
+		"syntax-b": "none | <url>",
+		"syntax-a": "none | <marker-ref>",
+		"comment": ""
+	},
+	"mask-border-slice": {
+		"type": "modified",
+		"syntax-b": "<number-percentage>{1,4} fill?",
+		"syntax-a": "[ <number> | <percentage> ]{1,4} fill?",
+		"comment": ""
+	},
+	"mask-clip": {
+		"type": "modified",
+		"syntax-b": "[ <geometry-box> | no-clip ]#",
+		"syntax-a": "[ <coord-box> | no-clip ]#",
+		"comment": ""
+	},
+	"mask-origin": {
+		"type": "modified",
+		"syntax-b": "<geometry-box>#",
+		"syntax-a": "<coord-box>#",
+		"comment": ""
+	},
+	"masonry": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
+		"comment": ""
+	},
+	"masonry-auto-tracks": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<'grid-auto-columns'>",
+		"comment": ""
+	},
+	"masonry-direction": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "row | column | row-reverse | column-reverse",
+		"comment": ""
+	},
+	"masonry-fill": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | reverse",
+		"comment": ""
+	},
+	"masonry-flow": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<'masonry-direction'> || <'masonry-fill'>",
+		"comment": ""
+	},
+	"masonry-slack": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage> | infinite",
+		"comment": ""
+	},
+	"masonry-template-areas": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | <string>",
+		"comment": ""
+	},
+	"masonry-template-tracks": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
+		"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-lines": {
+		"type": "modified",
+		"syntax-b": "none | <integer>",
+		"syntax-a": "none | <integer [1,∞]>",
+		"comment": ""
+	},
+	"max-width": {
+		"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": ""
+	},
+	"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-intrinsic-sizing": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "legacy | zero-if-scroll || zero-if-extrinsic",
+		"comment": ""
+	},
+	"min-width": {
+		"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": ""
+	},
+	"mix-blend-mode": {
+		"type": "modified",
+		"syntax-b": "<blend-mode> | plus-lighter",
+		"syntax-a": "<blend-mode> | plus-darker | plus-lighter",
+		"comment": ""
+	},
+	"nav-down": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"nav-left": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"nav-right": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"nav-up": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | <id> [ current | root | <target-name> ]?",
+		"comment": ""
+	},
+	"object-fit": {
+		"type": "modified",
+		"syntax-b": "fill | contain | cover | none | scale-down",
+		"syntax-a": "fill | none | [ contain | cover ] || scale-down",
+		"comment": ""
+	},
+	"object-view-box": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | <basic-shape-rect>",
+		"comment": ""
+	},
+	"opacity": {
+		"type": "modified",
+		"syntax-b": "<alpha-value>",
+		"syntax-a": "<opacity-value>",
+		"comment": ""
+	},
+	"orphans": {
+		"type": "modified",
+		"syntax-b": "<integer>",
+		"syntax-a": "<integer [1,∞]>",
+		"comment": ""
+	},
+	"outline-color": {
+		"type": "modified",
+		"syntax-b": "auto | <color>",
+		"syntax-a": "auto | [ <color> | <image-1D> ]",
+		"comment": ""
+	},
+	"outline-style": {
+		"type": "modified",
+		"syntax-b": "auto | <'border-style'>",
+		"syntax-a": "auto | <outline-line-style>",
+		"comment": ""
+	},
+	"overflow": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-block-end": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-block-start": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-bottom": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-inline": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-inline-end": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-inline-start": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-left": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-right": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"overflow-clip-margin-top": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> || <length [0,∞]>",
+		"comment": ""
+	},
+	"padding": {
+		"type": "modified",
+		"syntax-b": "[ <length> | <percentage> ]{1,4}",
+		"syntax-a": "<'padding-top'>{1,4}",
+		"comment": ""
+	},
+	"padding-block": {
+		"type": "modified",
+		"syntax-b": "<'padding-left'>{1,2}",
+		"syntax-a": "<'padding-top'>{1,2}",
+		"comment": ""
+	},
+	"padding-block-end": {
+		"type": "modified",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-block-start": {
+		"type": "modified",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-bottom": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"padding-inline": {
+		"type": "modified",
+		"syntax-b": "<'padding-left'>{1,2}",
+		"syntax-a": "<'padding-top'>{1,2}",
+		"comment": ""
+	},
+	"padding-inline-end": {
+		"type": "modified",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-inline-start": {
+		"type": "modified",
+		"syntax-b": "<'padding-left'>",
+		"syntax-a": "<'padding-top'>",
+		"comment": ""
+	},
+	"padding-left": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"padding-right": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"padding-top": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"page-break-after": {
+		"type": "modified",
+		"syntax-b": "auto | always | avoid | left | right | recto | verso",
+		"syntax-a": "auto | always | avoid | left | right | inherit",
+		"comment": ""
+	},
+	"page-break-before": {
+		"type": "modified",
+		"syntax-b": "auto | always | avoid | left | right | recto | verso",
+		"syntax-a": "auto | always | avoid | left | right | inherit",
+		"comment": ""
+	},
+	"page-break-inside": {
+		"type": "modified",
+		"syntax-b": "auto | avoid",
+		"syntax-a": "avoid | auto | inherit",
+		"comment": ""
+	},
+	"pause-after": {
+		"type": "modified",
+		"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-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-b": "none | <length>",
+		"syntax-a": "none | <length [0,∞]>",
+		"comment": ""
+	},
+	"pointer-events": {
+		"type": "modified",
+		"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-b": "static | relative | absolute | sticky | fixed | -webkit-sticky",
+		"syntax-a": "static | relative | absolute | sticky | fixed | <running()>",
+		"comment": ""
+	},
+	"position-anchor": {
+		"type": "modified",
+		"syntax-b": "<anchor-element>",
+		"syntax-a": "auto | <anchor-name>",
+		"comment": ""
+	},
+	"quotes": {
+		"type": "modified",
+		"syntax-b": "none | auto | [ <string> <string> ]+",
+		"syntax-a": "auto | none | match-parent | [ <string> <string> ]+",
+		"comment": ""
+	},
+	"r": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
+		"comment": ""
+	},
+	"reading-flow": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
+		"comment": ""
+	},
+	"region-fragment": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | break",
+		"comment": ""
+	},
+	"rest-after": {
+		"type": "modified",
+		"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-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-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"comment": ""
+	},
+	"row-gap": {
+		"type": "modified",
+		"syntax-b": "normal | <length-percentage>",
+		"syntax-a": "normal | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"ruby-merge": {
+		"type": "modified",
+		"syntax-b": "separate | collapse | auto",
+		"syntax-a": "separate | merge | auto",
+		"comment": ""
+	},
+	"ruby-overhang": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | none",
+		"comment": ""
+	},
+	"rx": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"ry": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage> | auto",
+		"comment": ""
+	},
+	"scale": {
+		"type": "modified",
+		"syntax-b": "none | <number>{1,3}",
+		"syntax-a": "none | [ <number> | <percentage> ]{1,3}",
+		"comment": ""
+	},
+	"scroll-marker-group": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | before | after",
+		"comment": ""
+	},
+	"scroll-padding": {
+		"type": "modified",
+		"syntax-b": "[ auto | <length-percentage> ]{1,4}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,4}",
+		"comment": ""
+	},
+	"scroll-padding-block": {
+		"type": "modified",
+		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"comment": ""
+	},
+	"scroll-padding-block-end": {
+		"type": "modified",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-block-start": {
+		"type": "modified",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-bottom": {
+		"type": "modified",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-inline": {
+		"type": "modified",
+		"syntax-b": "[ auto | <length-percentage> ]{1,2}",
+		"syntax-a": "[ auto | <length-percentage [0,∞]> ]{1,2}",
+		"comment": ""
+	},
+	"scroll-padding-inline-end": {
+		"type": "modified",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-inline-start": {
+		"type": "modified",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-left": {
+		"type": "modified",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-right": {
+		"type": "modified",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-padding-top": {
+		"type": "modified",
+		"syntax-b": "auto | <length-percentage>",
+		"syntax-a": "auto | <length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"scroll-start-target": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ none | auto ]",
+		"comment": ""
+	},
+	"scroll-timeline": {
+		"type": "modified",
+		"syntax-b": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#",
+		"syntax-a": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
+		"comment": ""
+	},
+	"shape-image-threshold": {
+		"type": "modified",
+		"syntax-b": "<alpha-value>",
+		"syntax-a": "<opacity-value>",
+		"comment": ""
+	},
+	"shape-inside": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
+		"comment": ""
+	},
+	"shape-margin": {
+		"type": "modified",
+		"syntax-b": "<length-percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"shape-outside": {
+		"type": "modified",
+		"syntax-b": "none | [ <shape-box> || <basic-shape> ] | <image>",
+		"syntax-a": "none | [ <basic-shape> || <shape-box> ] | <image>",
+		"comment": ""
+	},
+	"shape-padding": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"shape-subtract": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | [ <basic-shape> | <uri> ]+",
+		"comment": ""
+	},
+	"spatial-navigation-action": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | focus | scroll",
+		"comment": ""
+	},
+	"spatial-navigation-contain": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | contain",
+		"comment": ""
+	},
+	"spatial-navigation-function": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | grid",
+		"comment": ""
+	},
+	"string-set": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | [ <custom-ident> <string>+ ]#",
+		"comment": ""
+	},
+	"stroke-align": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "center | inset | outset",
+		"comment": ""
+	},
+	"stroke-alignment": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "center | inner | outer",
+		"comment": ""
+	},
+	"stroke-break": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "bounding-box | slice | clone",
+		"comment": ""
+	},
+	"stroke-color": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<color>#",
+		"comment": ""
+	},
+	"stroke-dash-corner": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | <length>",
+		"comment": ""
+	},
+	"stroke-dash-justify": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | [ stretch | compress ] || [ dashes || gaps ]",
+		"comment": ""
+	},
+	"stroke-dashadjust": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | [ stretch | compress ] [ dashes | gaps ]?",
+		"comment": ""
+	},
+	"stroke-dasharray": {
+		"type": "modified",
+		"syntax-b": "none | [ <svg-length>+ ]#",
+		"syntax-a": "none | [ <length-percentage> | <number> ]+#",
+		"comment": ""
+	},
+	"stroke-dashcorner": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | <length>",
+		"comment": ""
+	},
+	"stroke-dashoffset": {
+		"type": "modified",
+		"syntax-b": "<svg-length>",
+		"syntax-a": "<length-percentage> | <number>",
+		"comment": ""
+	},
+	"stroke-image": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<paint>#",
+		"comment": ""
+	},
+	"stroke-linejoin": {
+		"type": "modified",
+		"syntax-b": "miter | round | bevel",
+		"syntax-a": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
+		"comment": ""
+	},
+	"stroke-miterlimit": {
+		"type": "modified",
+		"syntax-b": "<number-one-or-greater>",
+		"syntax-a": "<number>",
+		"comment": ""
+	},
+	"stroke-opacity": {
+		"type": "modified",
+		"syntax-b": "<number-zero-one>",
+		"syntax-a": "<'opacity'>",
+		"comment": ""
+	},
+	"stroke-origin": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
+		"comment": ""
+	},
+	"stroke-position": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<position>#",
+		"comment": ""
+	},
+	"stroke-repeat": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<repeat-style>#",
+		"comment": ""
+	},
+	"stroke-size": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<bg-size>#",
+		"comment": ""
+	},
+	"stroke-width": {
+		"type": "modified",
+		"syntax-b": "<svg-length>",
+		"syntax-a": "[ <length-percentage> | <number> ]#",
+		"comment": ""
+	},
+	"tab-size": {
+		"type": "modified",
+		"syntax-b": "<integer> | <length>",
+		"syntax-a": "<number [0,∞]> | <length [0,∞]>",
+		"comment": ""
+	},
+	"text-align": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "start | end | left | right | center | <string> | justify | match-parent",
+		"comment": ""
+	},
+	"text-align-last": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "normal | <autospace> | auto",
+		"comment": ""
+	},
+	"text-box": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | <'text-box-trim'> || <'text-box-edge'>",
+		"comment": ""
+	},
+	"text-box-edge": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | <text-edge>",
+		"comment": ""
+	},
+	"text-box-trim": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | trim-start | trim-end | trim-both",
+		"comment": ""
+	},
+	"text-combine-upright": {
+		"type": "modified",
+		"syntax-b": "none | all | [ digits <integer>? ]",
+		"syntax-a": "none | all | [ digits <integer [2,4]>? ]",
+		"comment": ""
+	},
+	"text-decoration": {
+		"type": "modified",
+		"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-b": "none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]",
+		"syntax-a": "none | auto",
+		"comment": ""
+	},
+	"text-decoration-skip-box": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | all",
+		"comment": ""
+	},
+	"text-decoration-skip-ink": {
+		"type": "modified",
+		"syntax-b": "auto | all | none",
+		"syntax-a": "auto | none | all",
+		"comment": ""
+	},
+	"text-decoration-skip-self": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
+		"comment": ""
+	},
+	"text-decoration-skip-spaces": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | all | [ start || end ]",
+		"comment": ""
+	},
+	"text-decoration-thickness": {
+		"type": "modified",
+		"syntax-b": "auto | from-font | <length> | <percentage>",
+		"syntax-a": "auto | from-font | <length-percentage>",
+		"comment": ""
+	},
+	"text-decoration-trim": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length>{1,2} | auto",
+		"comment": ""
+	},
+	"text-emphasis-position": {
+		"type": "modified",
+		"syntax-b": "[ over | under ] && [ right | left ]",
+		"syntax-a": "[ over | under ] && [ right | left ]?",
+		"comment": ""
+	},
+	"text-emphasis-skip": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "spaces || punctuation || symbols || narrow",
+		"comment": ""
+	},
+	"text-group-align": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | start | end | left | right | center",
+		"comment": ""
+	},
+	"text-indent": {
+		"type": "modified",
+		"syntax-b": "<length-percentage> && hanging? && each-line?",
+		"syntax-a": "[ <length-percentage> ] && hanging? && each-line?",
+		"comment": ""
+	},
+	"text-justify": {
+		"type": "modified",
+		"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-b": "[ clip | ellipsis | <string> ]{1,2}",
+		"syntax-a": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
+		"comment": ""
+	},
+	"text-shadow": {
+		"type": "modified",
+		"syntax-b": "none | <shadow-t>#",
+		"syntax-a": "none | <shadow>#",
+		"comment": ""
+	},
+	"text-size-adjust": {
+		"type": "modified",
+		"syntax-b": "none | auto | <percentage>",
+		"syntax-a": "auto | none | <percentage [0,∞]>",
+		"comment": ""
+	},
+	"text-spacing": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | auto | <spacing-trim> || <autospace>",
+		"comment": ""
+	},
+	"text-spacing-trim": {
+		"type": "modified",
+		"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-b": "<length> || <color>",
+		"syntax-a": "<line-width> || <color>",
+		"comment": ""
+	},
+	"-webkit-text-stroke-width": {
+		"type": "modified",
+		"syntax-b": "<length>",
+		"syntax-a": "<line-width>",
+		"comment": ""
+	},
+	"text-transform": {
+		"type": "modified",
+		"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-b": "auto | <length> | <percentage>",
+		"syntax-a": "auto | <length-percentage>",
+		"comment": ""
+	},
+	"text-underline-position": {
+		"type": "modified",
+		"syntax-b": "auto | from-font | [ under || [ left | right ] ]",
+		"syntax-a": "auto | [ from-font | under ] || [ left | right ]",
+		"comment": ""
+	},
+	"text-wrap": {
+		"type": "modified",
+		"syntax-b": "wrap | nowrap | balance | stable | pretty",
+		"syntax-a": "<'text-wrap-mode'> || <'text-wrap-style'>",
+		"comment": ""
+	},
+	"text-wrap-mode": {
+		"type": "modified",
+		"syntax-b": "auto | wrap | nowrap",
+		"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>#",
+		"syntax-a": "none | all | <dashed-ident>#",
+		"comment": ""
+	},
+	"top": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage> | auto",
+		"syntax-a": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
+		"comment": ""
+	},
+	"transform-origin": {
+		"type": "modified",
+		"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-b": "<time>#",
+		"syntax-a": "<time [0s,∞]>#",
+		"comment": ""
+	},
+	"unicode-bidi": {
+		"type": "modified",
+		"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-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-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-b": "none | <dashed-ident>#",
+		"syntax-a": "[ none | <dashed-ident> ]#",
+		"comment": ""
+	},
+	"view-transition-class": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | <custom-ident>+",
+		"comment": ""
+	},
+	"view-transition-group": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "normal | contain | nearest | <custom-ident>",
+		"comment": ""
+	},
+	"voice-duration": {
+		"type": "modified",
+		"syntax-b": "auto | <time>",
+		"syntax-a": "auto | <time [0s,∞]>",
+		"comment": ""
+	},
+	"voice-pitch": {
+		"type": "modified",
+		"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-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-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-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-b": "<integer>",
+		"syntax-a": "<integer [1,∞]>",
+		"comment": ""
+	},
+	"width": {
+		"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": ""
+	},
+	"word-break": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "none | [ space | ideographic-space ] && auto-phrase?",
+		"comment": ""
+	},
+	"word-spacing": {
+		"type": "modified",
+		"syntax-b": "normal | <length>",
+		"syntax-a": "normal | <length-percentage>",
+		"comment": ""
+	},
+	"word-wrap": {
+		"type": "modified",
+		"syntax-b": "normal | break-word",
+		"syntax-a": "normal | break-word | anywhere",
+		"comment": ""
+	},
+	"wrap-after": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"comment": ""
+	},
+	"wrap-before": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid | avoid-line | avoid-flex | line | flex",
+		"comment": ""
+	},
+	"wrap-flow": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | both | start | end | minimum | maximum | clear",
+		"comment": ""
+	},
+	"wrap-inside": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "auto | avoid",
+		"comment": ""
+	},
+	"wrap-through": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "wrap | none",
+		"comment": ""
+	},
+	"writing-mode": {
+		"type": "modified",
+		"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-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
+		"comment": ""
+	},
+	"y": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "<length-percentage>",
+		"comment": ""
+	},
+	"z-index": {
+		"type": "modified",
+		"syntax-b": "auto | <integer>",
+		"syntax-a": "auto | <integer> | inherit",
+		"comment": ""
+	},
+	"zoom": {
+		"type": "modified",
+		"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
new file mode 100644
index 0000000000..7a7fe0b790
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -0,0 +1,1538 @@
+{
+	"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>",
+		"syntax-a": "[ <angle> | <percentage> ]",
+		"comment": ""
+	},
+	"angular-color-stop": {
+		"type": "modified",
+		"syntax-b": "<color> && <color-stop-angle>?",
+		"syntax-a": "<color> <color-stop-angle>?",
+		"comment": ""
+	},
+	"angular-color-stop-list": {
+		"type": "modified",
+		"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-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-b": "",
+		"syntax-a": "large | small",
+		"comment": ""
+	},
+	"arc-sweep": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "cw | ccw",
+		"comment": ""
+	},
+	"attr-name": {
+		"type": "modified",
+		"syntax-b": "<wq-name>",
+		"syntax-a": "[ <ident-token> '|' ]? <ident-token>",
+		"comment": ""
+	},
+	"attr-type": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
+		"comment": ""
+	},
+	"attr()": {
+		"type": "modified",
+		"syntax-b": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
+		"syntax-a": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
+		"comment": ""
+	},
+	"autospace": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
+		"comment": ""
+	},
+	"axis": {
+		"type": "modified",
+		"syntax-b": "block | inline | vertical | horizontal",
+		"syntax-a": "block | inline | x | y",
+		"comment": ""
+	},
+	"baseline-position": {
+		"type": "modified",
+		"syntax-b": "[ first | last ]? baseline",
+		"syntax-a": "[ first | last ]? && baseline",
+		"comment": ""
+	},
+	"basic-shape": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "<inset()> | <rect()> | <xywh()>",
+		"comment": ""
+	},
+	"bg-clip": {
+		"type": "modified",
+		"syntax-b": "<box> | border | text",
+		"syntax-a": "<visual-box> | border-area | text",
+		"comment": ""
+	},
+	"bg-image": {
+		"type": "modified",
+		"syntax-b": "none | <image>",
+		"syntax-a": "<image> | none",
+		"comment": ""
+	},
+	"bg-layer": {
+		"type": "modified",
+		"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-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": ""
+	},
+	"bg-size": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "and <bool-in-parens>",
+		"comment": ""
+	},
+	"bool-in-parens": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "( <boolean> ) | <bool-test> | <general-enclosed>",
+		"comment": ""
+	},
+	"bool-not": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "not <bool-in-parens>",
+		"comment": ""
+	},
+	"bool-or": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "or <bool-in-parens>",
+		"comment": ""
+	},
+	"boolean": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]",
+		"comment": ""
+	},
+	"boolean-without-or": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<bool-not> | <bool-in-parens> <bool-and>*",
+		"comment": ""
+	},
+	"border-style": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
+		"comment": ""
+	},
+	"border-width": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "thin | medium | thick | <length>",
+		"comment": ""
+	},
+	"bottom": {
+		"type": "modified",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
+		"comment": ""
+	},
+	"box": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "by | to",
+		"comment": ""
+	},
+	"calc-keyword": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "e | pi | infinity | -infinity | NaN",
+		"comment": ""
+	},
+	"calc-mix()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
+		"comment": ""
+	},
+	"calc-product": {
+		"type": "modified",
+		"syntax-b": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
+		"syntax-a": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
+		"comment": ""
+	},
+	"calc-size-basis": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
+		"comment": ""
+	},
+	"calc-size()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "calc-size( <calc-size-basis> , <calc-sum> )",
+		"comment": ""
+	},
+	"calc-value": {
+		"type": "modified",
+		"syntax-b": "<number> | <dimension> | <percentage> | <calc-constant> | ( <calc-sum> )",
+		"syntax-a": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
+		"comment": ""
+	},
+	"cf-image": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ <image> | <color> ] && <percentage [0,100]>?",
+		"comment": ""
+	},
+	"clamp()": {
+		"type": "modified",
+		"syntax-b": "clamp( <calc-sum>#{3} )",
+		"syntax-a": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
+		"comment": ""
+	},
+	"color": {
+		"type": "modified",
+		"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()>",
+		"comment": ""
+	},
+	"color-font-tech": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
+		"comment": ""
+	},
+	"color-layers()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "color-layers( [ <blend-mode> , ]? <color># )",
+		"comment": ""
+	},
+	"color-stop-list": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "<color> && [ <length-percentage> | <flex> ]?",
+		"comment": ""
+	},
+	"color()": {
+		"type": "modified",
+		"syntax-b": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"syntax-a": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"colorspace-params": {
+		"type": "modified",
+		"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-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-b": "",
+		"syntax-a": "textfield | menulist-button",
+		"comment": ""
+	},
+	"composite-mode": {
+		"type": "added",
+		"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-b": "",
+		"syntax-a": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
+		"comment": ""
+	},
+	"conic-gradient()": {
+		"type": "modified",
+		"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-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-b": "",
+		"syntax-a": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+		"comment": ""
+	},
+	"container-query": {
+		"type": "added",
+		"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-b": "",
+		"syntax-a": "element | content | text | <attr()> | <counter>",
+		"comment": ""
+	},
+	"content-list": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "content( [ text | before | after | first-letter | marker ]? )",
+		"comment": ""
+	},
+	"contrast-color()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "contrast-color( <color> max? )",
+		"comment": ""
+	},
+	"coord-box": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "<length-percentage>{2}",
+		"comment": ""
+	},
+	"counter-style": {
+		"type": "modified",
+		"syntax-b": "<counter-style-name> | symbols( )",
+		"syntax-a": "<counter-style-name> | <symbols()>",
+		"comment": ""
+	},
+	"counter-style-name": {
+		"type": "modified",
+		"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-b": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
+		"syntax-a": "cross-fade( <cf-image># )",
+		"comment": ""
+	},
+	"crossorigin-modifier": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "crossorigin( anonymous | use-credentials )",
+		"comment": ""
+	},
+	"css-type": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<syntax-component> | <type()>",
+		"comment": ""
+	},
+	"cubic-bezier-easing-function": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
+		"comment": ""
+	},
+	"cubic-bezier()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
+		"comment": ""
+	},
+	"curve-command": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
+		"comment": ""
+	},
+	"custom-arg": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "$ <ident-token> ;",
+		"comment": ""
+	},
+	"custom-params": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident> [ <number> | <percentage> | none ]+",
+		"comment": ""
+	},
+	"custom-selector": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;",
+		"comment": ""
+	},
+	"dasharray": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ [ <length-percentage> | <number> ]+ ]#",
+		"comment": ""
+	},
+	"deprecated-color": {
+		"type": "added",
+		"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": ""
+	},
+	"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",
+		"syntax-a": "inline-block | inline-table | inline-flex | inline-grid",
+		"comment": ""
+	},
+	"dynamic-range-limit-mix()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+		"comment": ""
+	},
+	"easing-function": {
+		"type": "modified",
+		"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-b": "element( <custom-ident> , [ first | start | last | first-except ]? ) | element( <id-selector> )",
+		"syntax-a": "element( <id-selector> )",
+		"comment": ""
+	},
+	"env()": {
+		"type": "modified",
+		"syntax-b": "env( <custom-ident> , <declaration-value>? )",
+		"syntax-a": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
+		"comment": ""
+	},
+	"feature-value-name": {
+		"type": "modified",
+		"syntax-b": "<custom-ident>",
+		"syntax-a": "<ident>",
+		"comment": ""
+	},
+	"filter-function": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "[ <filter-function> | <url> ]+",
+		"comment": ""
+	},
+	"filter()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "filter( [ <image> | <string> ] , <filter-value-list> )",
+		"comment": ""
+	},
+	"final-bg-layer": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "first-valid( <declaration-value># )",
+		"comment": ""
+	},
+	"fixed-breadth": {
+		"type": "modified",
+		"syntax-b": "<length-percentage>",
+		"syntax-a": "<length-percentage [0,∞]>",
+		"comment": ""
+	},
+	"font-features-tech": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ features-opentype | features-aat | features-graphite ]",
+		"comment": ""
+	},
+	"font-format": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ <string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]",
+		"comment": ""
+	},
+	"font-src": {
+		"type": "added",
+		"syntax-b": "",
+		"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": "",
+		"syntax-a": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
+		"comment": ""
+	},
+	"font-weight-absolute": {
+		"type": "modified",
+		"syntax-b": "normal | bold | <number [1,1000]>",
+		"syntax-a": "[ normal | bold | <number [1,1000]> ]",
+		"comment": ""
+	},
+	"frequency-percentage": {
+		"type": "modified",
+		"syntax-b": "<frequency> | <percentage>",
+		"syntax-a": "[ <frequency> | <percentage> ]",
+		"comment": ""
+	},
+	"function-dependency-list": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<function-parameter>#",
+		"comment": ""
+	},
+	"function-name": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident>",
+		"comment": ""
+	},
+	"function-parameter": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
+		"comment": ""
+	},
+	"function-parameter-list": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<function-parameter>#",
+		"comment": ""
+	},
+	"generic-family": {
+		"type": "modified",
+		"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-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-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-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-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-b": "",
+		"syntax-a": "[ hline | vline ] <by-to> <length-percentage>",
+		"comment": ""
+	},
+	"hwb()": {
+		"type": "modified",
+		"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-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-b": "",
+		"syntax-a": "<stripes()>",
+		"comment": ""
+	},
+	"image-set-option": {
+		"type": "modified",
+		"syntax-b": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]",
+		"syntax-a": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
+		"comment": ""
+	},
+	"image-src": {
+		"type": "modified",
+		"syntax-b": "<url> | <string>",
+		"syntax-a": "[ <url> | <string> ]",
+		"comment": ""
+	},
+	"image-tags": {
+		"type": "modified",
+		"syntax-b": "ltr | rtl",
+		"syntax-a": "[ ltr | rtl ]",
+		"comment": ""
+	},
+	"import-conditions": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
+		"comment": ""
+	},
+	"inflexible-breadth": {
+		"type": "modified",
+		"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-b": "",
+		"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": "",
+		"syntax-a": "auto | isolate",
+		"comment": ""
+	},
+	"keyframe-selector": {
+		"type": "modified",
+		"syntax-b": "from | to | <percentage> | <timeline-range-name> <percentage>",
+		"syntax-a": "from | to | <percentage [0,100]>",
+		"comment": ""
+	},
+	"lab()": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "<visual-box> | margin-box",
+		"comment": ""
+	},
+	"lch()": {
+		"type": "modified",
+		"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-b": "<length> | auto",
+		"syntax-a": "auto",
+		"comment": ""
+	},
+	"legacy-hsl-syntax": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"comment": ""
+	},
+	"legacy-hsla-syntax": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
+		"comment": ""
+	},
+	"legacy-rgb-syntax": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+		"comment": ""
+	},
+	"legacy-rgba-syntax": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+		"comment": ""
+	},
+	"length-percentage": {
+		"type": "modified",
+		"syntax-b": "<length> | <percentage>",
+		"syntax-a": "[ <length> | <percentage> ]",
+		"comment": ""
+	},
+	"line-command": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "line <by-to> <coordinate-pair>",
+		"comment": ""
+	},
+	"line-width": {
+		"type": "modified",
+		"syntax-b": "<length> | thin | medium | thick",
+		"syntax-a": "<length [0,∞]> | thin | medium | thick",
+		"comment": ""
+	},
+	"linear-easing-function": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "linear | <linear()>",
+		"comment": ""
+	},
+	"linear-gradient-syntax": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"comment": ""
+	},
+	"linear-gradient()": {
+		"type": "modified",
+		"syntax-b": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+		"syntax-a": "linear-gradient( [ <linear-gradient-syntax> ] )",
+		"comment": ""
+	},
+	"linear()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "linear( [ <number> && <percentage>{0,2} ]# )",
+		"comment": ""
+	},
+	"link-param": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "param( <custom-property-name> <declaration-value>? )",
+		"comment": ""
+	},
+	"marker-ref": {
+		"type": "added",
+		"syntax-b": "",
+		"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> ]+",
+		"syntax-a": "and <media-in-parens>",
+		"comment": ""
+	},
+	"media-condition": {
+		"type": "modified",
+		"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-b": "<media-not> | <media-and> | <media-in-parens>",
+		"syntax-a": "<media-not> | <media-in-parens> <media-and>*",
+		"comment": ""
+	},
+	"media-or": {
+		"type": "modified",
+		"syntax-b": "<media-in-parens> [ or <media-in-parens> ]+",
+		"syntax-a": "or <media-in-parens>",
+		"comment": ""
+	},
+	"media-progress()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
+		"comment": ""
+	},
+	"media()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
+		"comment": ""
+	},
+	"mf-comparison": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<mf-lt> | <mf-gt> | <mf-eq>",
+		"comment": ""
+	},
+	"mf-eq": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "'='",
+		"comment": ""
+	},
+	"mf-gt": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "'>' '='?",
+		"comment": ""
+	},
+	"mf-lt": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "'<' '='?",
+		"comment": ""
+	},
+	"mf-range": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )",
+		"comment": ""
+	},
+	"modern-hsl-syntax": {
+		"type": "added",
+		"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-b": "",
+		"syntax-a": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"modern-rgb-syntax": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"modern-rgba-syntax": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+		"comment": ""
+	},
+	"move-command": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "move <by-to> <coordinate-pair>",
+		"comment": ""
+	},
+	"mq-boolean": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<integer [0,1]>",
+		"comment": ""
+	},
+	"named-color": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "<number> <number>?",
+		"comment": ""
+	},
+	"oklab()": {
+		"type": "modified",
+		"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-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-b": "",
+		"syntax-a": "<number> | <percentage>",
+		"comment": ""
+	},
+	"opentype-tag": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<string>",
+		"comment": ""
+	},
+	"padding-width": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length> | <percentage>",
+		"comment": ""
+	},
+	"page-selector": {
+		"type": "modified",
+		"syntax-b": "<pseudo-page>+ | <ident> <pseudo-page>*",
+		"syntax-a": "[ <ident-token>? <pseudo-page>* ]!",
+		"comment": ""
+	},
+	"page-selector-list": {
+		"type": "modified",
+		"syntax-b": "[ <page-selector># ]?",
+		"syntax-a": "<page-selector>#",
+		"comment": ""
+	},
+	"paint": {
+		"type": "modified",
+		"syntax-b": "none | <color> | <url> [ none | <color> ]? | context-fill | context-stroke",
+		"syntax-a": "none | <image> | <svg-paint>",
+		"comment": ""
+	},
+	"paint-box": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<visual-box> | fill-box | stroke-box",
+		"comment": ""
+	},
+	"palette-mix()": {
+		"type": "added",
+		"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-b": "",
+		"syntax-a": "[ <number>+ ]#",
+		"comment": ""
+	},
+	"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": "<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": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
+		"comment": ""
+	},
+	"predefined-rectangular": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "jzazbz | ictcp",
+		"comment": ""
+	},
+	"predefined-rectangular-params": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
+		"comment": ""
+	},
+	"predefined-rgb": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
+		"comment": ""
+	},
+	"progress()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+		"comment": ""
+	},
+	"pseudo-page": {
+		"type": "modified",
+		"syntax-b": ": [ left | right | first | blank ]",
+		"syntax-a": "':' [ left | right | first | blank ]",
+		"comment": ""
+	},
+	"pt-class-selector": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ '.' <custom-ident> ]+",
+		"comment": ""
+	},
+	"pt-name-and-class-selector": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
+		"comment": ""
+	},
+	"pt-name-selector": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "'*' | <custom-ident>",
+		"comment": ""
+	},
+	"query-in-parens": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "closest-corner | closest-side | farthest-corner | farthest-side",
+		"comment": ""
+	},
+	"radial-gradient-syntax": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>",
+		"comment": ""
+	},
+	"radial-gradient()": {
+		"type": "modified",
+		"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-b": "",
+		"syntax-a": "circle | ellipse",
+		"comment": ""
+	},
+	"radial-size": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
+		"comment": ""
+	},
+	"random-caching-options": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<dashed-ident> || per-element",
+		"comment": ""
+	},
+	"random-item()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
+		"comment": ""
+	},
+	"random()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
+		"comment": ""
+	},
+	"ray()": {
+		"type": "modified",
+		"syntax-b": "ray( <angle> && <ray-size>? && contain? && [ at <position> ]? )",
+		"syntax-a": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
+		"comment": ""
+	},
+	"referrerpolicy-modifier": {
+		"type": "added",
+		"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-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-b": "",
+		"syntax-a": "auto-fill | auto-fit",
+		"comment": ""
+	},
+	"repeating-conic-gradient()": {
+		"type": "modified",
+		"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-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-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-b": "",
+		"syntax-a": "repeat | space | round | no-repeat",
+		"comment": ""
+	},
+	"request-url-modifier": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+		"comment": ""
+	},
+	"rgb()": {
+		"type": "modified",
+		"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-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-b": "<length> | auto",
+		"syntax-a": "auto",
+		"comment": ""
+	},
+	"round()": {
+		"type": "modified",
+		"syntax-b": "round( <rounding-strategy>? , <calc-sum> , <calc-sum> )",
+		"syntax-a": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
+		"comment": ""
+	},
+	"running()": {
+		"type": "added",
+		"syntax-b": "",
+		"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": "",
+		"syntax-a": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
+		"comment": ""
+	},
+	"scroll-state-query": {
+		"type": "added",
+		"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-b": "scroll( [ <axis> || <scroller> ]? )",
+		"syntax-a": "scroll( [ <scroller> || <axis> ]? )",
+		"comment": ""
+	},
+	"scroller": {
+		"type": "modified",
+		"syntax-b": "root | nearest",
+		"syntax-a": "root | nearest | self",
+		"comment": ""
+	},
+	"shadow": {
+		"type": "modified",
+		"syntax-b": "inset? && <length>{2,4} && <color>?",
+		"syntax-a": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
+		"comment": ""
+	},
+	"shape-box": {
+		"type": "modified",
+		"syntax-b": "<box> | margin-box",
+		"syntax-a": "<visual-box> | margin-box",
+		"comment": ""
+	},
+	"shape-command": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+		"comment": ""
+	},
+	"shape()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
+		"comment": ""
+	},
+	"single-animation-iteration-count": {
+		"type": "modified",
+		"syntax-b": "infinite | <number>",
+		"syntax-a": "infinite | <number [0,∞]>",
+		"comment": ""
+	},
+	"smooth-command": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
+		"comment": ""
+	},
+	"source-size": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<media-condition> <source-size-value> | auto",
+		"comment": ""
+	},
+	"source-size-list": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<source-size>#? , <source-size-value>",
+		"comment": ""
+	},
+	"source-size-value": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<length> | auto",
+		"comment": ""
+	},
+	"spacing-trim": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "space-all | normal | space-first | trim-start | trim-both | trim-all",
+		"comment": ""
+	},
+	"spread-shadow": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+		"comment": ""
+	},
+	"src()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "src( <string> <url-modifier>* )",
+		"comment": ""
+	},
+	"step-easing-function": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "step-start | step-end | <steps()>",
+		"comment": ""
+	},
+	"steps()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "steps( <integer> , <step-position>? )",
+		"comment": ""
+	},
+	"string()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "string( <custom-ident> , [ first | start | last | first-except ]? )",
+		"comment": ""
+	},
+	"stripes()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "stripes( <color-stripe># )",
+		"comment": ""
+	},
+	"style-in-parens": {
+		"type": "modified",
+		"syntax-b": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>",
+		"syntax-a": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
+		"comment": ""
+	},
+	"style-query": {
+		"type": "modified",
+		"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-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-b": "",
+		"syntax-a": "font-format( <font-format> )",
+		"comment": ""
+	},
+	"supports-font-tech-fn": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "font-tech( <font-tech> )",
+		"comment": ""
+	},
+	"supports()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "supports( <declaration> )",
+		"comment": ""
+	},
+	"svg-paint": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "child | child( <integer> )",
+		"comment": ""
+	},
+	"symbols-type": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "cyclic | numeric | alphabetic | symbolic | fixed",
+		"comment": ""
+	},
+	"symbols()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+		"comment": ""
+	},
+	"syntax": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+		"comment": ""
+	},
+	"syntax-combinator": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "'|'",
+		"comment": ""
+	},
+	"syntax-component": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'",
+		"comment": ""
+	},
+	"syntax-multiplier": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ '#' | '+' ]",
+		"comment": ""
+	},
+	"syntax-single-component": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "'<' <syntax-type-name> '>' | <ident>",
+		"comment": ""
+	},
+	"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",
+		"comment": ""
+	},
+	"target-contrast": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<wcag2>",
+		"comment": ""
+	},
+	"text-edge": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+		"comment": ""
+	},
+	"time-percentage": {
+		"type": "modified",
+		"syntax-b": "<time> | <percentage>",
+		"syntax-a": "[ <time> | <percentage> ]",
+		"comment": ""
+	},
+	"toggle()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "toggle( <whole-value># )",
+		"comment": ""
+	},
+	"top": {
+		"type": "modified",
+		"syntax-b": "<length> | auto",
+		"syntax-a": "auto",
+		"comment": ""
+	},
+	"track-breadth": {
+		"type": "modified",
+		"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-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-b": "",
+		"syntax-a": "transform-mix( <progress> , <transform-list> , <transform-list> )",
+		"comment": ""
+	},
+	"type()": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "type( <syntax> )",
+		"comment": ""
+	},
+	"url": {
+		"type": "modified",
+		"syntax-b": "url( <string> <url-modifier>* ) | <url-token>",
+		"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": "",
+		"syntax-a": "url( <string> <url-modifier>* ) | <url-token>",
+		"comment": ""
+	},
+	"wcag2": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
+		"comment": ""
+	},
+	"xyz": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "xyz | xyz-d50 | xyz-d65",
+		"comment": ""
+	},
+	"xyz-params": {
+		"type": "modified",
+		"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/raw-data/webref-properties.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
new file mode 100644
index 0000000000..273420a168
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-properties.json
@@ -0,0 +1,2390 @@
+{
+	"--*": {
+		"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": "[ auto | <time [0s,∞]> ]#"
+	},
+	"animation-fill-mode": {
+		"syntax": "<single-animation-fill-mode>#"
+	},
+	"animation-iteration-count": {
+		"syntax": "<single-animation-iteration-count>#"
+	},
+	"animation-name": {
+		"syntax": "[ none | <keyframes-name> ]#"
+	},
+	"animation-play-state": {
+		"syntax": "<single-animation-play-state>#"
+	},
+	"animation-range": {
+		"syntax": "[ <'animation-range-start'> <'animation-range-end'>? ]#"
+	},
+	"animation-range-end": {
+		"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
+	},
+	"animation-range-start": {
+		"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
+	},
+	"animation-timeline": {
+		"syntax": "<single-animation-timeline>#"
+	},
+	"animation-timing-function": {
+		"syntax": "<easing-function>#"
+	},
+	"appearance": {
+		"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"
+	},
+	"-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": "<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": "<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>#"
+	},
+	"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>"
+	},
+	"-ms-block-progression": {
+		"syntax": "tb | rl | bt | lr"
+	},
+	"block-size": {
+		"syntax": "<'width'>"
+	},
+	"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> | <anchor()> | <anchor-size()>"
+	},
+	"box-align": {
+		"syntax": "start | center | end | baseline | stretch"
+	},
+	"box-decoration-break": {
+		"syntax": "slice | clone"
+	},
+	"box-direction": {
+		"syntax": "normal | reverse | inherit"
+	},
+	"box-flex": {
+		"syntax": "<number>"
+	},
+	"box-flex-group": {
+		"syntax": "<integer>"
+	},
+	"box-lines": {
+		"syntax": "single | multiple"
+	},
+	"box-ordinal-group": {
+		"syntax": "<integer>"
+	},
+	"box-orient": {
+		"syntax": "horizontal | vertical | inline-axis | block-axis | inherit"
+	},
+	"box-pack": {
+		"syntax": "start | center | end | justify"
+	},
+	"-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 | <integer [1,∞]> | all | auto"
+	},
+	"column-width": {
+		"syntax": "auto | <length [0,∞]> | 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 ] || scroll-state ]"
+	},
+	"content": {
+		"syntax": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <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": "auto | discard | -webkit-discard | 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> | masonry | inline-masonry | <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 | footnote"
+	},
+	"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 | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <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 | row-reverse | column-reverse ] || dense || wrap-reverse"
+	},
+	"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>? | masonry"
+	},
+	"grid-template-rows": {
+		"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()> | stretch | fit-content | contain | <anchor-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'>"
+	},
+	"inline-sizing": {
+		"syntax": "normal | stretch"
+	},
+	"input-security": {
+		"syntax": "auto | none"
+	},
+	"inset": {
+		"syntax": "<'top'>{1,4}"
+	},
+	"inset-area": {
+		"syntax": "none | <inset-area>"
+	},
+	"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> | <anchor()> | <anchor-size()>"
+	},
+	"letter-spacing": {
+		"syntax": "normal | <length-percentage>"
+	},
+	"lighting-color": {
+		"syntax": "<color>"
+	},
+	"line-break": {
+		"syntax": "auto | loose | normal | strict | anywhere"
+	},
+	"line-clamp": {
+		"syntax": "none | <integer [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 | <anchor-size()>"
+	},
+	"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 | <anchor-size()>"
+	},
+	"margin-right": {
+		"syntax": "<length-percentage> | auto | <anchor-size()>"
+	},
+	"margin-top": {
+		"syntax": "<length-percentage> | auto | <anchor-size()>"
+	},
+	"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": {
+		"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> | infinite"
+	},
+	"masonry-template-areas": {
+		"syntax": "none | <string>"
+	},
+	"masonry-template-tracks": {
+		"syntax": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?"
+	},
+	"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()> | stretch | fit-content | contain | <anchor-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()> | stretch | fit-content | contain | <anchor-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()> | stretch | fit-content | contain | <anchor-size()>"
+	},
+	"min-inline-size": {
+		"syntax": "<'min-width'>"
+	},
+	"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()> | stretch | fit-content | contain | <anchor-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 | none | [ contain | cover ] || 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 | <running()>"
+	},
+	"position-anchor": {
+		"syntax": "auto | <anchor-name>"
+	},
+	"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> | <anchor()> | <anchor-size()>"
+	},
+	"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 | <string> | justify | match-parent | justify-all"
+	},
+	"text-align-all": {
+		"syntax": "start | end | left | right | center | <string> | 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-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>"
+	},
+	"text-decoration-color": {
+		"syntax": "<color>"
+	},
+	"text-decoration-line": {
+		"syntax": "none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error"
+	},
+	"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 | ruby ] || no-compress"
+	},
+	"text-orientation": {
+		"syntax": "mixed | upright | sideways"
+	},
+	"text-overflow": {
+		"syntax": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}"
+	},
+	"text-rendering": {
+		"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision"
+	},
+	"-webkit-text-security": {
+		"syntax": "none | circle | disc | square"
+	},
+	"text-shadow": {
+		"syntax": "none | <shadow>#"
+	},
+	"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 | [ from-font | under ] || [ left | right ]"
+	},
+	"text-wrap": {
+		"syntax": "<'text-wrap-mode'> || <'text-wrap-style'>"
+	},
+	"text-wrap-mode": {
+		"syntax": "wrap | nowrap"
+	},
+	"text-wrap-style": {
+		"syntax": "auto | balance | stable | pretty | avoid-orphans"
+	},
+	"timeline-scope": {
+		"syntax": "none | all | <dashed-ident>#"
+	},
+	"top": {
+		"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>"
+	},
+	"touch-action": {
+		"syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation"
+	},
+	"-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 | 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"
+	},
+	"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()> | stretch | fit-content | contain | <anchor-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 | break-all | keep-all | manual | auto-phrase | break-word"
+	},
+	"word-space-transform": {
+		"syntax": "none | [ space | ideographic-space ] && auto-phrase?"
+	},
+	"word-spacing": {
+		"syntax": "normal | <length-percentage>"
+	},
+	"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..fdcf5190e9
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -0,0 +1,1688 @@
+{
+	"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"
+	},
+	"acos()": {
+		"syntax": "acos( <calc-sum> )"
+	},
+	"age": {
+		"syntax": "child | young | old"
+	},
+	"alpha-value": {
+		"syntax": "<number> | <percentage>"
+	},
+	"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"
+	},
+	"anchor-size": {
+		"syntax": "width | height | block | inline | self-block | self-inline"
+	},
+	"anchor-size()": {
+		"syntax": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )"
+	},
+	"anchor()": {
+		"syntax": "anchor( <anchor-name>? && <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>"
+	},
+	"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> )"
+	},
+	"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": "[ <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>? )"
+	},
+	"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": {
+		"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()>"
+	},
+	"bg-clip": {
+		"syntax": "<visual-box> | border-area | text"
+	},
+	"bg-image": {
+		"syntax": "<image> | none"
+	},
+	"bg-layer": {
+		"syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
+	},
+	"bg-position": {
+		"syntax": "<position> | <position-three>"
+	},
+	"bg-size": {
+		"syntax": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain"
+	},
+	"blend-mode": {
+		"syntax": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"
+	},
+	"blur()": {
+		"syntax": "blur( <length> )"
+	},
+	"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>*"
+	},
+	"border-style": {
+		"syntax": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset"
+	},
+	"border-width": {
+		"syntax": "thin | medium | thick | <length>"
+	},
+	"bottom": {
+		"syntax": "auto"
+	},
+	"box": {
+		"syntax": "content-box | padding-box | border-box | margin-box | fill-box | stroke-box | view-box"
+	},
+	"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> ]*"
+	},
+	"calc-size-basis": {
+		"syntax": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]"
+	},
+	"calc-size()": {
+		"syntax": "calc-size( <calc-size-basis> , <calc-sum> )"
+	},
+	"calc-sum": {
+		"syntax": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
+	},
+	"calc-value": {
+		"syntax": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )"
+	},
+	"calc()": {
+		"syntax": "calc( <calc-sum> )"
+	},
+	"cf-final-image": {
+		"syntax": "<image> | <color>"
+	},
+	"cf-image": {
+		"syntax": "[ <image> | <color> ] && <percentage [0,100]>?"
+	},
+	"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>"
+	},
+	"cmyk-component": {
+		"syntax": "<number> | <percentage> | none"
+	},
+	"color": {
+		"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"
+	},
+	"color-base": {
+		"syntax": "<hex-color> | <color-function> | <named-color> | <color-mix()> | 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>? | <custom-color-space> ]"
+	},
+	"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> | <custom-color-space>"
+	},
+	"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-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": "'>' | '+' | '~' | [ '|' '|' ]"
+	},
+	"common-lig-values": {
+		"syntax": "[ common-ligatures | no-common-ligatures ]"
+	},
+	"compat-auto": {
+		"syntax": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button"
+	},
+	"compat-special": {
+		"syntax": "textfield | menulist-button"
+	},
+	"complex-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"
+	},
+	"compositing-operator": {
+		"syntax": "add | subtract | intersect | exclude"
+	},
+	"compound-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> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+"
+	},
+	"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> max? )"
+	},
+	"contrast()": {
+		"syntax": "contrast( [ <number-percentage> ] )"
+	},
+	"coord-box": {
+		"syntax": "<paint-box> | view-box"
+	},
+	"coordinate-pair": {
+		"syntax": "<length-percentage>{2}"
+	},
+	"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": "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>? )"
+	},
+	"counters()": {
+		"syntax": "counters( <counter-name> , <string> , <counter-style>? )"
+	},
+	"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()>"
+	},
+	"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} ]"
+	},
+	"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 ]?"
+	},
+	"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"
+	},
+	"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 ]"
+	},
+	"-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-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-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"
+	},
+	"east-asian-variant-values": {
+		"syntax": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]"
+	},
+	"east-asian-width-values": {
+		"syntax": "[ full-width | proportional-width ]"
+	},
+	"element()": {
+		"syntax": "element( <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": "<ident>"
+	},
+	"fill-rule": {
+		"syntax": "nonzero | evenodd"
+	},
+	"filter-function": {
+		"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>"
+	},
+	"-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-value-list": {
+		"syntax": "[ <filter-function> | <url> ]+"
+	},
+	"filter()": {
+		"syntax": "filter( [ <image> | <string> ] , <filter-value-list> )"
+	},
+	"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> )"
+	},
+	"-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-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-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>"
+	},
+	"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]> ]"
+	},
+	"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> ]"
+	},
+	"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>? ) ] | [ ( <any-value>? ) ]"
+	},
+	"generic-complete": {
+		"syntax": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace"
+	},
+	"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"
+	},
+	"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>? ]"
+	},
+	"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": {
+		"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 [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <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-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( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"hypot()": {
+		"syntax": "hypot( <calc-sum># )"
+	},
+	"image": {
+		"syntax": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <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> ) ]?"
+	},
+	"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>? ]! )"
+	},
+	"import-conditions": {
+		"syntax": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?"
+	},
+	"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'> ]? )"
+	},
+	"integrity-modifier": {
+		"syntax": "integrity( <string> )"
+	},
+	"intrinsic-size-keyword": {
+		"syntax": "auto | max-content | min-content | stretch"
+	},
+	"invert()": {
+		"syntax": "invert( <number-percentage> )"
+	},
+	"isolation-mode": {
+		"syntax": "auto | isolate"
+	},
+	"keyframe-block": {
+		"syntax": "<keyframe-selector># { <declaration-list> }"
+	},
+	"keyframe-block-list": {
+		"syntax": "<keyframe-block>+"
+	},
+	"keyframe-selector": {
+		"syntax": "from | to | <percentage [0,100]>"
+	},
+	"keyframes-name": {
+		"syntax": "<custom-ident> | <string>"
+	},
+	"lab()": {
+		"syntax": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"layer-name": {
+		"syntax": "<ident> [ '.' <ident> ]*"
+	},
+	"layer()": {
+		"syntax": "layer( <layer-name> )"
+	},
+	"layout-box": {
+		"syntax": "<visual-box> | margin-box"
+	},
+	"lch()": {
+		"syntax": "lch( [ from <color> ]? [ <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": "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> ]"
+	},
+	"light-dark()": {
+		"syntax": "light-dark( <color> , <color> )"
+	},
+	"line-command": {
+		"syntax": "line <by-to> <coordinate-pair>"
+	},
+	"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> <color-stop-length>?"
+	},
+	"linear-easing-function": {
+		"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> )"
+	},
+	"-legacy-linear-gradient-arguments": {
+		"syntax": "[ <angle> | <side-or-corner> ]? , <color-stop-list>"
+	},
+	"linear-gradient-syntax": {
+		"syntax": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>"
+	},
+	"linear-gradient()": {
+		"syntax": "linear-gradient( [ <linear-gradient-syntax> ] )"
+	},
+	"linear()": {
+		"syntax": "linear( [ <number> && <percentage>{0,2} ]# )"
+	},
+	"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"
+	},
+	"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"
+	},
+	"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} )"
+	},
+	"matrix3d()": {
+		"syntax": "matrix3d( <number>#{16} )"
+	},
+	"max()": {
+		"syntax": "max( <calc-sum># )"
+	},
+	"media-and": {
+		"syntax": "and <media-in-parens>"
+	},
+	"media-condition": {
+		"syntax": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]"
+	},
+	"media-condition-without-or": {
+		"syntax": "<media-not> | <media-in-parens> <media-and>*"
+	},
+	"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-query-list": {
+		"syntax": "<media-query>#"
+	},
+	"media-type": {
+		"syntax": "<ident>"
+	},
+	"media()": {
+		"syntax": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
+	},
+	"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>"
+	},
+	"min()": {
+		"syntax": "min( <calc-sum># )"
+	},
+	"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( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"modern-hsla-syntax": {
+		"syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"modern-rgb-syntax": {
+		"syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
+	},
+	"modern-rgba-syntax": {
+		"syntax": "rgba( [ from <color> ]? [ <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>+ )"
+	},
+	"named-color": {
+		"syntax": "aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen"
+	},
+	"namespace-prefix": {
+		"syntax": "<ident>"
+	},
+	"ns-prefix": {
+		"syntax": "[ <ident-token> | '*' ]? '|'"
+	},
+	"nth": {
+		"syntax": "<an-plus-b> | even | odd"
+	},
+	"number-one-or-greater": {
+		"syntax": "<number [1,∞]>"
+	},
+	"number-optional-number": {
+		"syntax": "<number> <number>?"
+	},
+	"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 ]"
+	},
+	"offset-path": {
+		"syntax": "<ray()> | <url> | <basic-shape>"
+	},
+	"oklab()": {
+		"syntax": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
+	},
+	"oklch()": {
+		"syntax": "oklch( [ from <color> ]? [ <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>"
+	},
+	"-non-standard-overflow": {
+		"syntax": "overlay | -moz-scrollbars-none | -moz-scrollbars-horizontal | -moz-scrollbars-vertical | -moz-hidden-unscrollable"
+	},
+	"overflow-position": {
+		"syntax": "unsafe | safe"
+	},
+	"padding-width": {
+		"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": {
+		"syntax": "[ <ident-token>? <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 | <image> | <svg-paint>"
+	},
+	"paint-box": {
+		"syntax": "<visual-box> | fill-box | stroke-box"
+	},
+	"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} )"
+	},
+	"path()": {
+		"syntax": "path( [ <fill-rule> , ]? <string> )"
+	},
+	"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": "<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> )"
+	},
+	"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> | <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> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>"
+	},
+	"quote": {
+		"syntax": "open-quote | close-quote | no-open-quote | no-close-quote"
+	},
+	"radial-extent": {
+		"syntax": "closest-corner | closest-side | farthest-corner | farthest-side"
+	},
+	"-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": {
+		"syntax": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <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>? ]# )"
+	},
+	"random()": {
+		"syntax": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )"
+	},
+	"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>"
+	},
+	"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 | <repetition>{1,2}"
+	},
+	"repeat()": {
+		"syntax": "auto-fill | auto-fit"
+	},
+	"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> ] )"
+	},
+	"repetition": {
+		"syntax": "repeat | space | round | no-repeat"
+	},
+	"request-url-modifier": {
+		"syntax": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>"
+	},
+	"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": "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> ] )"
+	},
+	"scope-end": {
+		"syntax": "<forgiving-selector-list>"
+	},
+	"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>"
+	},
+	"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> ]? )"
+	},
+	"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"
+	},
+	"sepia()": {
+		"syntax": "sepia( <number-percentage> )"
+	},
+	"shadow": {
+		"syntax": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?"
+	},
+	"shadow-t": {
+		"syntax": "[ <length>{2,3} && <color>? ]"
+	},
+	"shape": {
+		"syntax": "rect( <top> , <right> , <bottom> , <left> ) | rect( <top> <right> <bottom> <left> )"
+	},
+	"shape-box": {
+		"syntax": "<visual-box> | margin-box"
+	},
+	"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"
+	},
+	"shape()": {
+		"syntax": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )"
+	},
+	"side-or-corner": {
+		"syntax": "[ left | right ] || [ top | bottom ]"
+	},
+	"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": "<'animation-duration'> || <easing-function> || <'animation-delay'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>"
+	},
+	"single-animation-composition": {
+		"syntax": "replace | add | accumulate"
+	},
+	"single-animation-direction": {
+		"syntax": "normal | reverse | alternate | alternate-reverse"
+	},
+	"single-animation-fill-mode": {
+		"syntax": "none | forwards | backwards | both"
+	},
+	"single-animation-iteration-count": {
+		"syntax": "infinite | <number [0,∞]>"
+	},
+	"single-animation-play-state": {
+		"syntax": "running | paused"
+	},
+	"single-animation-timeline": {
+		"syntax": "auto | none | <dashed-ident> | <scroll()> | <view()>"
+	},
+	"single-transition": {
+		"syntax": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>"
+	},
+	"single-transition-property": {
+		"syntax": "all | <custom-ident>"
+	},
+	"size": {
+		"syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
+	},
+	"-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> ]? )"
+	},
+	"skewX()": {
+		"syntax": "skewX( [ <angle> | <zero> ] )"
+	},
+	"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()>"
+	},
+	"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> ]? )"
+	},
+	"steps()": {
+		"syntax": "steps( <integer> , <step-position>? )"
+	},
+	"string()": {
+		"syntax": "string( <custom-ident> , [ first | start | last | first-except ]? )"
+	},
+	"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>"
+	},
+	"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-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <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> )"
+	},
+	"supports()": {
+		"syntax": "supports( <declaration> )"
+	},
+	"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-single-component> <syntax-multiplier>? | '<' transform-list '>'"
+	},
+	"syntax-multiplier": {
+		"syntax": "[ '#' | '+' ]"
+	},
+	"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": {
+		"syntax": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText"
+	},
+	"system-family-name": {
+		"syntax": "caption | icon | menu | message-box | small-caption | status-bar"
+	},
+	"tan()": {
+		"syntax": "tan( <calc-sum> )"
+	},
+	"target": {
+		"syntax": "<target-counter()> | <target-counters()> | <target-text()>"
+	},
+	"target-contrast": {
+		"syntax": "<wcag2>"
+	},
+	"target-counter()": {
+		"syntax": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )"
+	},
+	"target-counters()": {
+		"syntax": "target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )"
+	},
+	"target-text()": {
+		"syntax": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )"
+	},
+	"text-edge": {
+		"syntax": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?"
+	},
+	"time-percentage": {
+		"syntax": "[ <time> | <percentage> ]"
+	},
+	"timeline-range-name": {
+		"syntax": "cover | contain | entry | exit | entry-crossing | exit-crossing"
+	},
+	"toggle()": {
+		"syntax": "toggle( <whole-value># )"
+	},
+	"top": {
+		"syntax": "auto"
+	},
+	"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-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>+"
+	},
+	"transform-mix()": {
+		"syntax": "transform-mix( <progress> , <transform-list> , <transform-list> )"
+	},
+	"transition-behavior-value": {
+		"syntax": "normal | allow-discrete"
+	},
+	"translate()": {
+		"syntax": "translate( <length-percentage> , <length-percentage>? )"
+	},
+	"translate3d()": {
+		"syntax": "translate3d( <length-percentage> , <length-percentage> , <length> )"
+	},
+	"translateX()": {
+		"syntax": "translateX( <length-percentage> )"
+	},
+	"translateY()": {
+		"syntax": "translateY( <length-percentage> )"
+	},
+	"translateZ()": {
+		"syntax": "translateZ( <length> )"
+	},
+	"try-size": {
+		"syntax": "most-width | most-height | most-block-size | most-inline-size"
+	},
+	"try-tactic": {
+		"syntax": "flip-block || flip-inline || flip-start"
+	},
+	"type-or-unit": {
+		"syntax": "string | color | url | integer | number | length | angle | time | frequency | cap | ch | em | ex | ic | lh | rlh | rem | vb | vi | vw | vh | vmin | vmax | mm | Q | cm | in | pt | pc | px | deg | grad | rad | turn | ms | s | Hz | kHz | %"
+	},
+	"type-selector": {
+		"syntax": "<wq-name> | <ns-prefix>? '*'"
+	},
+	"type()": {
+		"syntax": "type( <syntax> )"
+	},
+	"url": {
+		"syntax": "<url()> | <src()>"
+	},
+	"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>"
+	},
+	"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"
+	},
+	"wcag2": {
+		"syntax": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )"
+	},
+	"wq-name": {
+		"syntax": "<ns-prefix>? <ident-token>"
+	},
+	"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>"
+	}
+}
\ 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
new file mode 100644
index 0000000000..70be587c13
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/apply-patches.mjs
@@ -0,0 +1,164 @@
+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 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)) {
+		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++;
+
+			continue;
+		}
+
+		if (
+			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++;
+
+			continue;
+		}
+
+		if (patch.omit) {
+			continue;
+		}
+
+		if (!patch['syntax-m']) {
+			// eslint-disable-next-line no-console
+			console.log(`Unmerged patch for property '${name}'`);
+			has_unmerged_patches = true;
+			flaws++;
+
+			continue;
+		}
+
+		if (patch['syntax-m'] === patch['syntax-b']) {
+			// CSSTree is most correct
+			continue;
+		}
+
+		properties[name] = patch['syntax-m'];
+	}
+
+	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) {
+			// eslint-disable-next-line no-console
+			console.log(`Missing patch for type '${name}'`);
+			has_missing_patches = true;
+			flaws++;
+
+			continue;
+		}
+
+		if (
+			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++;
+
+			continue;
+		}
+
+		if (patch.omit) {
+			continue;
+		}
+
+		if (!patch['syntax-m']) {
+			// eslint-disable-next-line no-console
+			console.log(`Unmerged patch for type '${name}'`);
+			has_unmerged_patches = true;
+			flaws++;
+
+			continue;
+		}
+
+		if (patch['syntax-m'] === patch['syntax-b']) {
+			// CSSTree is most correct
+			continue;
+		}
+
+		types[name] = patch['syntax-m'];
+	}
+
+	return {
+		atrules,
+		properties,
+		types,
+		has_missing_patches,
+		has_outdated_patches,
+		has_unmerged_patches,
+		flaws,
+	};
+}
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..3619940b3c
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/diff-sets.mjs
@@ -0,0 +1,111 @@
+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-b': definition.syntax,
+				'syntax-a': '',
+				'comment': '',
+			};
+
+			continue;
+		}
+	}
+
+	for (const [name, definition] of Object.entries(b)) {
+		if (!a[name]) {
+			diff[name] = {
+				type: 'added',
+				'syntax-b': '',
+				'syntax-a': definition.syntax,
+				'comment': '',
+			};
+
+			continue;
+		}
+
+		if (a[name].syntax !== b[name].syntax) {
+			diff[name] = {
+				type: 'modified',
+				'syntax-b': a[name].syntax,
+				'syntax-a': b[name].syntax,
+				'comment': '',
+			};
+
+			continue;
+		}
+	}
+
+	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
new file mode 100644
index 0000000000..22b6436420
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-csstree-sets.mjs
@@ -0,0 +1,10 @@
+import { lexer } from 'css-tree-3.0.0';
+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
new file mode 100644
index 0000000000..241439efcd
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-set.mjs
@@ -0,0 +1,34 @@
+import { definitionSyntax } from 'css-tree-3.0.0';
+import { sort_atrule_set, sort_set } from './sort-set.mjs';
+
+export function generate_set(source) {
+	const set = Object(null);
+
+	for (const [name, definition] of Object.entries(source)) {
+		if (!definition.syntax) {
+			continue;
+		}
+
+		set[name] = {
+			syntax: definitionSyntax.generate(definition.syntax),
+		};
+	}
+
+	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
new file mode 100644
index 0000000000..791e30f6b0
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -0,0 +1,732 @@
+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_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',
+]);
+
+const IGNORED_TYPES = new Map([
+	['<an+b>', '*'],
+	// ['a-type', new Set(['a-spec'])],
+]);
+
+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 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 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': {
+			'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-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-b': 'ray( <angle> && <ray-size>? && contain? && [at <position>]? )',
+			'syntax-a': 'ray( [ <angle> && <ray-size>? && contain? && [at <position>]? ] )',
+		},
+	},
+};
+
+function maybe_override(spec_name, name, definition) {
+	const override = CUSTOM_OVERRIDES[spec_name]?.[name];
+	if (!override) {
+		return definition;
+	}
+
+	if (override['syntax-b'] !== definition) {
+		throw new Error(`Override is obsolete: '${spec_name}' - '${name}'`);
+	}
+
+	return override['syntax-a'];
+}
+
+const SPECS = [
+	['CSS', []],
+	['SVG', []],
+	['compat', []],
+	['compositing', []],
+	['css-align', []],
+	['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-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', 'css-grid-3']],
+	['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) {
+		// eslint-disable-next-line no-console
+		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'),
+
+	type_delta_key('position', 'css-values', 'css-values-5'),
+]);
+
+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;
+			}
+
+			// eslint-disable-next-line no-console
+			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'),
+
+	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();
+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;
+			}
+
+			// eslint-disable-next-line no-console
+			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 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] === '|';
+
+	definition = maybe_override(spec_name, name, definition);
+
+	if (exists_in_set && is_extension) {
+		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);
+	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># )';
+
+		values['font-src-list'] = '[ <url> [ format(<font-format>)]? [ tech( <font-tech>#)]? | local(<family-name>) ]#';
+	}
+
+	const parsedFiles = await css.listAll();
+	const entries = Array.from(Object.entries(parsedFiles));
+
+	entries.sort((a, b) => {
+		const index_a = SPECS.findIndex((x) => x[0] === a[0]);
+		const index_b = SPECS.findIndex((x) => x[0] === b[0]);
+
+		return index_a - index_b;
+	});
+
+	for (const [spec_name, data] of entries) {
+		if (IGNORED_SPECS.has(spec_name)) {
+			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) {
+
+				if (is_ignored_property(property.name, spec_name)) {
+					continue;
+				}
+
+				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) {
+						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 (is_ignored_type(value.name, spec_name)) {
+				continue;
+			}
+
+			if (value.value || value.newValues) {
+				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) {
+						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) {
+				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)]);
+			}
+		}
+	}
+
+	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
new file mode 100644
index 0000000000..2cbf4a513e
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/index.mjs
@@ -0,0 +1,146 @@
+// TODO:
+// - 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 { 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_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';
+import { write_patches } from './write-patches.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 = {
+	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),
+};
+
+let has_missing_patch_tests = false;
+let flaws = 0;
+
+const {
+	atrules: atrule_patches,
+	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;
+
+// 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;
+		}
+	}
+}
+
+// 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;
+	}
+}
+
+// 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;
+	}
+}
+
+await write_set_files({
+	csstree: csstree_sets,
+	webref: webref_sets,
+	webref_over_csstree: webref_over_csstree_sets,
+});
+
+await write_patches(
+	{
+		webref_over_csstree: webref_over_csstree_sets,
+	},
+	patches,
+);
+
+await write_final_file({
+	next: {
+		atrules: atrule_patches,
+		properties: property_patches,
+		types: type_patches,
+	},
+});
+
+{
+	if (has_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_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_missing_patches || has_outdated_patches || has_unmerged_patches || has_missing_patch_tests) {
+		// eslint-disable-next-line no-console
+		console.log(`${flaws} flaws to resolve`);
+
+		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..e66f7ad581
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/read-patches.mjs
@@ -0,0 +1,12 @@
+import fs from 'node:fs/promises';
+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
new file mode 100644
index 0000000000..eed9240f7b
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/sort-set.mjs
@@ -0,0 +1,41 @@
+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;
+}
+
+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/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/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;
+}
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-patches.mjs b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
new file mode 100644
index 0000000000..4c47dfec95
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-patches.mjs
@@ -0,0 +1,182 @@
+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);
+
+	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 (patch_definition.descriptors) {
+					merged_sets[set_name][kind_name][name] = {
+						descriptors: Object(null),
+					};
+
+					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] = format_from_definition_to_patch(definition, patch_definition);
+			}
+		}
+	}
+
+	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)) {
+				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] = format_definition(definition);
+			}
+		}
+	}
+
+	for (const [set_name, merged_set] of Object.entries(merged_sets)) {
+		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);
+				}
+			}
+		}
+	}
+
+	{
+		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'),
+			'utf-8',
+		);
+
+		await fs.writeFile(
+			path.join('patches', 'webref-over-csstree-types.json'),
+			JSON.stringify(sort_set(merged_sets.webref_over_csstree.types), null, '\t'),
+			'utf-8',
+		);
+	}
+}
+
+function sort_object_keys(object) {
+	const copy = Object(null);
+
+	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'];
+	copy.tests = {
+		passing: object.tests?.passing ?? [],
+		failing: object.tests?.failing ?? [],
+	};
+
+	return copy;
+}
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..de54b053f2
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/scripts/write-set-files.mjs
@@ -0,0 +1,65 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+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'),
+			'utf-8',
+		);
+
+		await fs.writeFile(
+			path.join('raw-data', 'csstree-types.json'),
+			JSON.stringify(sort_set(sets.csstree.types), null, '\t'),
+			'utf-8',
+		);
+	}
+
+	{
+		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'),
+			'utf-8',
+		);
+
+		await fs.writeFile(
+			path.join('raw-data', 'webref-types.json'),
+			JSON.stringify(sort_set(sets.webref.types), null, '\t'),
+			'utf-8',
+		);
+	}
+
+	{
+		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'),
+			'utf-8',
+		);
+
+		await fs.writeFile(
+			path.join('raw-data', 'webref-over-csstree-types.json'),
+			JSON.stringify(sort_set(sets.webref_over_csstree.types), null, '\t'),
+			'utf-8',
+		);
+	}
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/community/960.css b/packages/css-syntax-patches-for-csstree/tests/community/960.css
new file mode 100644
index 0000000000..260fa15291
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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/community/animate.css b/packages/css-syntax-patches-for-csstree/tests/community/animate.css
new file mode 100644
index 0000000000..c3c1389f92
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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/community/blueprint.css b/packages/css-syntax-patches-for-csstree/tests/community/blueprint.css
new file mode 100644
index 0000000000..85dcff9d8b
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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/community/bootstrap.1.0.0.ignored.css b/packages/css-syntax-patches-for-csstree/tests/community/bootstrap.1.0.0.ignored.css
new file mode 100644
index 0000000000..375ed11882
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/bootstrap.1.0.0.ignored.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/community/bootstrap.4.6.2.css b/packages/css-syntax-patches-for-csstree/tests/community/bootstrap.4.6.2.css
new file mode 100644
index 0000000000..fd900810d3
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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/community/bootstrap.5.3.3.css b/packages/css-syntax-patches-for-csstree/tests/community/bootstrap.5.3.3.css
new file mode 100644
index 0000000000..f4c00228ff
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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/font-awesome-all.css b/packages/css-syntax-patches-for-csstree/tests/community/font-awesome-all.css
new file mode 100644
index 0000000000..934c5ca655
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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/community/foundation.css b/packages/css-syntax-patches-for-csstree/tests/community/foundation.css
new file mode 100644
index 0000000000..88bbff71cd
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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/community/normalize.css b/packages/css-syntax-patches-for-csstree/tests/community/normalize.css
new file mode 100644
index 0000000000..192eb9ce43
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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/community/open-props.min.css b/packages/css-syntax-patches-for-csstree/tests/community/open-props.min.css
new file mode 100644
index 0000000000..7c7a1bb9f2
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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/community/pure.css b/packages/css-syntax-patches-for-csstree/tests/community/pure.css
new file mode 100644
index 0000000000..6ec9f43fbb
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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/community/reset.css b/packages/css-syntax-patches-for-csstree/tests/community/reset.css
new file mode 100644
index 0000000000..af944401f7
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/community/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
diff --git a/packages/css-syntax-patches-for-csstree/tests/e2e.test.mjs b/packages/css-syntax-patches-for-csstree/tests/e2e.test.mjs
new file mode 100644
index 0000000000..25b572afee
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/e2e.test.mjs
@@ -0,0 +1,187 @@
+import test from 'node:test';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+import postcss from 'postcss';
+import { find, fork, parse, walk } from 'css-tree-3.0.0';
+
+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(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;
+
+const forkedLexer = fork({
+	atrules: patches.atrules,
+	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 (
+				(
+					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;
+			}
+
+			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 { prop, value, parent } = decl;
+
+			const csstree_value_node = parse(value, { context: 'value' });
+			patch_relative_color_keywords(csstree_value_node);
+
+			if (contains_unsupported_function(csstree_value_node)) {
+				continue;
+			}
+
+			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;
+			});
+		}
+	});
+}
+
+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/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/samples/function-conic-gradient.css b/packages/css-syntax-patches-for-csstree/tests/samples/function-conic-gradient.css
new file mode 100644
index 0000000000..88d79cbc4f
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/samples/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%)
+	);
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/samples/property-animation-timeline.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-animation-timeline.css
new file mode 100644
index 0000000000..41289206fb
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/samples/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);
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/samples/property-backdrop-filter.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-backdrop-filter.css
new file mode 100644
index 0000000000..7fe624d4a3
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/samples/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/samples/property-background-color.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-background-color.css
new file mode 100644
index 0000000000..7d04d887db
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/samples/property-background-color.css
@@ -0,0 +1,65 @@
+.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;
+
+	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);
+
+	/* 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));
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/samples/property-background-image.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-background-image.css
new file mode 100644
index 0000000000..42f3683049
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/samples/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;
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/samples/property-background.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-background.css
new file mode 100644
index 0000000000..6fa764edbe
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/samples/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;
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/samples/property-offset-path.css b/packages/css-syntax-patches-for-csstree/tests/samples/property-offset-path.css
new file mode 100644
index 0000000000..6cd3dc0755
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/samples/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;
+}
diff --git a/packages/css-syntax-patches-for-csstree/tests/samples/spec-css-shapes-2.css b/packages/css-syntax-patches-for-csstree/tests/samples/spec-css-shapes-2.css
new file mode 100644
index 0000000000..b8b2d33cb3
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/samples/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);
+}
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..c7c4d94194
--- /dev/null
+++ b/packages/css-syntax-patches-for-csstree/tests/unit.test.mjs
@@ -0,0 +1,200 @@
+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);
+	}
+}
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);