npm - vscode-css-languageservice - Versions diffs - 6.2.6 → 6.2.8 - Mend

vscode-css-languageservice 6.2.6 → 6.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/README.md +1 -1
package/lib/esm/beautify/beautify-css.js +53 -31
package/lib/esm/cssLanguageTypes.d.ts +1 -0
package/lib/esm/data/webCustomData.js +849 -339
package/lib/esm/parser/cssParser.js +40 -5
package/lib/esm/services/lessCompletion.js +1 -2
package/lib/esm/services/lint.js +1 -2
package/lib/esm/services/scssCompletion.js +1 -2
package/lib/esm/services/selectorPrinting.js +56 -32
package/lib/umd/beautify/beautify-css.js +53 -31
package/lib/umd/cssLanguageTypes.d.ts +1 -0
package/lib/umd/cssLanguageTypes.js +2 -2
package/lib/umd/data/webCustomData.js +849 -339
package/lib/umd/parser/cssNodes.js +3 -3
package/lib/umd/parser/cssParser.js +40 -5
package/lib/umd/parser/cssScanner.js +1 -1
package/lib/umd/services/lessCompletion.js +1 -1
package/lib/umd/services/lint.js +1 -1
package/lib/umd/services/scssCompletion.js +1 -1
package/lib/umd/services/selectorPrinting.js +56 -32
package/package.json +9 -9

package/lib/esm/data/webCustomData.js CHANGED Viewed

@@ -11,6 +11,7 @@ export const cssData = {
             "browsers": [
                 "FF33"
             ],
+            "atRule": "@counter-style",
             "syntax": "[ <integer> && <symbol> ]#",
             "relevance": 50,
             "description": "@counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor. Needs to be specified if the counter system is 'additive'.",
@@ -336,7 +337,7 @@ export const cssData = {
                 }
             ],
             "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
-            "relevance": 55,
+            "relevance": 56,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -580,7 +581,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<single-animation-direction>#",
-            "relevance": 58,
+            "relevance": 59,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -603,7 +604,7 @@ export const cssData = {
                 "O30"
             ],
             "syntax": "<time>#",
-            "relevance": 71,
+            "relevance": 72,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -673,7 +674,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<single-animation-iteration-count>#",
-            "relevance": 63,
+            "relevance": 64,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -1002,7 +1003,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<blend-mode>#",
-            "relevance": 51,
+            "relevance": 54,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -1019,7 +1020,7 @@ export const cssData = {
             "browsers": [
                 "E12",
                 "FF4",
-                "S14",
+                "S5",
                 "C1",
                 "IE9",
                 "O10.5"
@@ -1226,7 +1227,7 @@ export const cssData = {
             ],
             "values": [],
             "syntax": "<repeat-style>#",
-            "relevance": 85,
+            "relevance": 84,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -1263,7 +1264,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<bg-size>#",
-            "relevance": 85,
+            "relevance": 84,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -1303,7 +1304,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<'width'>",
-            "relevance": 50,
+            "relevance": 53,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -1563,7 +1564,7 @@ export const cssData = {
                 "O3.5"
             ],
             "syntax": "<'border-top-color'>",
-            "relevance": 72,
+            "relevance": 71,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -1657,7 +1658,7 @@ export const cssData = {
                 "O3.5"
             ],
             "syntax": "<line-width>",
-            "relevance": 64,
+            "relevance": 63,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -1691,7 +1692,7 @@ export const cssData = {
                 }
             ],
             "syntax": "collapse | separate",
-            "relevance": 74,
+            "relevance": 73,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2137,7 +2138,7 @@ export const cssData = {
                 "O3.5"
             ],
             "syntax": "<line-width> || <line-style> || <color>",
-            "relevance": 83,
+            "relevance": 82,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2163,7 +2164,7 @@ export const cssData = {
                 "O3.5"
             ],
             "syntax": "<color>",
-            "relevance": 67,
+            "relevance": 68,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2209,7 +2210,7 @@ export const cssData = {
                 "O3.5"
             ],
             "syntax": "<line-width>",
-            "relevance": 60,
+            "relevance": 63,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2257,7 +2258,7 @@ export const cssData = {
                 "O9.2"
             ],
             "syntax": "<line-width> || <line-style> || <color>",
-            "relevance": 82,
+            "relevance": 81,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2283,7 +2284,7 @@ export const cssData = {
                 "O3.5"
             ],
             "syntax": "<color>",
-            "relevance": 66,
+            "relevance": 67,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2329,7 +2330,7 @@ export const cssData = {
                 "O3.5"
             ],
             "syntax": "<line-width>",
-            "relevance": 60,
+            "relevance": 63,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2353,7 +2354,7 @@ export const cssData = {
                 "O4"
             ],
             "syntax": "<length> <length>?",
-            "relevance": 68,
+            "relevance": 67,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2377,7 +2378,7 @@ export const cssData = {
             ],
             "values": [],
             "syntax": "<line-style>{1,4}",
-            "relevance": 81,
+            "relevance": 80,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2426,7 +2427,7 @@ export const cssData = {
                 "O3.5"
             ],
             "syntax": "<color>",
-            "relevance": 72,
+            "relevance": 71,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2449,7 +2450,7 @@ export const cssData = {
                 "O10.5"
             ],
             "syntax": "<length-percentage>{1,2}",
-            "relevance": 76,
+            "relevance": 75,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2545,7 +2546,7 @@ export const cssData = {
             ],
             "values": [],
             "syntax": "<line-width>{1,4}",
-            "relevance": 83,
+            "relevance": 82,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -2641,7 +2642,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | <shadow>#",
-            "relevance": 90,
+            "relevance": 89,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -3008,7 +3009,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none",
-            "relevance": 58,
+            "relevance": 63,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -3060,7 +3061,7 @@ export const cssData = {
                 "O3.5"
             ],
             "syntax": "<color>",
-            "relevance": 95,
+            "relevance": 94,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -3182,7 +3183,7 @@ export const cssData = {
                 }
             ],
             "syntax": "normal | <length-percentage>",
-            "relevance": 57,
+            "relevance": 60,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -3425,7 +3426,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | strict | content | [ [ size || inline-size ] || layout || style || paint ]",
-            "relevance": 60,
+            "relevance": 59,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -3473,7 +3474,7 @@ export const cssData = {
                 }
             ],
             "syntax": "normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> ]+ ]?",
-            "relevance": 90,
+            "relevance": 89,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -4367,6 +4368,7 @@ export const cssData = {
             "browsers": [
                 "FF33"
             ],
+            "atRule": "@counter-style",
             "syntax": "<counter-style-name>",
             "relevance": 50,
             "description": "@counter-style descriptor. Specifies a fallback counter style to be used when the current counter style can't create a representation for a given counter value.",
@@ -4487,7 +4489,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | <filter-function-list>",
-            "relevance": 66,
+            "relevance": 69,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -4619,7 +4621,7 @@ export const cssData = {
                 }
             ],
             "syntax": "row | row-reverse | column | column-reverse",
-            "relevance": 83,
+            "relevance": 84,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -4672,7 +4674,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<'flex-direction'> || <'flex-wrap'>",
-            "relevance": 66,
+            "relevance": 64,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -4755,7 +4757,7 @@ export const cssData = {
                 }
             ],
             "syntax": "nowrap | wrap | wrap-reverse",
-            "relevance": 80,
+            "relevance": 81,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -5067,6 +5069,7 @@ export const cssData = {
                     "name": "Verdana, Geneva, Tahoma, sans-serif"
                 }
             ],
+            "atRule": "@font-face",
             "syntax": "<family-name>",
             "relevance": 93,
             "references": [
@@ -5572,8 +5575,9 @@ export const cssData = {
                     "description": "Enable feature."
                 }
             ],
+            "atRule": "@font-face",
             "syntax": "normal | <feature-tag-value>#",
-            "relevance": 60,
+            "relevance": 57,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -5787,6 +5791,7 @@ export const cssData = {
                     "description": "Indicates a wider value relative to the width of the parent element."
                 }
             ],
+            "atRule": "@font-face",
             "syntax": "<font-stretch-absolute>{1,2}",
             "relevance": 56,
             "references": [
@@ -5824,6 +5829,7 @@ export const cssData = {
                     "description": "Selects a font that is labeled as an 'oblique' face, or an 'italic' face if one is not."
                 }
             ],
+            "atRule": "@font-face",
             "syntax": "normal | italic | oblique <angle>{0,2}",
             "relevance": 89,
             "references": [
@@ -5893,6 +5899,7 @@ export const cssData = {
                     "description": "Specifies a font that is labeled as a small-caps font. If a genuine small-caps font is not available, user agents should simulate a small-caps font."
                 }
             ],
+            "atRule": "@font-face",
             "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 ]",
             "relevance": 64,
             "references": [
@@ -5909,8 +5916,11 @@ export const cssData = {
         {
             "name": "font-variant-alternates",
             "browsers": [
+                "E111",
                 "FF34",
-                "S9.1"
+                "S9.1",
+                "C111",
+                "O97"
             ],
             "values": [
                 {
@@ -6325,6 +6335,7 @@ export const cssData = {
                     "description": "Same as 400"
                 }
             ],
+            "atRule": "@font-face",
             "syntax": "<font-weight-absolute>{1,2}",
             "relevance": 93,
             "references": [
@@ -6383,7 +6394,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<grid-line> [ / <grid-line> ]{0,3}",
-            "relevance": 56,
+            "relevance": 57,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -6451,7 +6462,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<track-size>+",
-            "relevance": 50,
+            "relevance": 51,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -6562,7 +6573,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<grid-line> [ / <grid-line> ]?",
-            "relevance": 54,
+            "relevance": 55,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -6670,7 +6681,7 @@ export const cssData = {
             ],
             "status": "obsolete",
             "syntax": "<'grid-row-gap'> <'grid-column-gap'>?",
-            "relevance": 5,
+            "relevance": 4,
             "description": "Shorthand that specifies the gutters between grid columns and grid rows in one declaration. Replaced by 'gap' property.",
             "restrictions": [
                 "length"
@@ -6780,7 +6791,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<grid-line>",
-            "relevance": 52,
+            "relevance": 51,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -6866,7 +6877,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | <string>+",
-            "relevance": 54,
+            "relevance": 55,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -6919,7 +6930,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
-            "relevance": 62,
+            "relevance": 63,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -6975,7 +6986,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
-            "relevance": 55,
+            "relevance": 56,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -7043,6 +7054,7 @@ export const cssData = {
                     "description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
                 }
             ],
+            "atRule": "@viewport",
             "syntax": "<viewport-length>{1,2}",
             "relevance": 96,
             "references": [
@@ -7082,7 +7094,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | manual | auto",
-            "relevance": 57,
+            "relevance": 56,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -7239,7 +7251,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<'width'>",
-            "relevance": 50,
+            "relevance": 53,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -7272,7 +7284,7 @@ export const cssData = {
                 }
             ],
             "syntax": "auto | isolate",
-            "relevance": 52,
+            "relevance": 53,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -7687,7 +7699,7 @@ export const cssData = {
                 }
             ],
             "syntax": "inside | outside",
-            "relevance": 55,
+            "relevance": 54,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -7784,7 +7796,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<counter-style> | <string> | none",
-            "relevance": 75,
+            "relevance": 74,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -7829,11 +7841,11 @@ export const cssData = {
         {
             "name": "margin-block-end",
             "browsers": [
-                "E87",
+                "E79",
                 "FF41",
                 "S12.1",
-                "C87",
-                "O73"
+                "C69",
+                "O56"
             ],
             "values": [
                 {
@@ -7841,7 +7853,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<'margin-left'>",
-            "relevance": 54,
+            "relevance": 55,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -7857,11 +7869,11 @@ export const cssData = {
         {
             "name": "margin-block-start",
             "browsers": [
-                "E87",
+                "E79",
                 "FF41",
                 "S12.1",
-                "C87",
-                "O73"
+                "C69",
+                "O56"
             ],
             "values": [
                 {
@@ -7869,7 +7881,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<'margin-left'>",
-            "relevance": 54,
+            "relevance": 55,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -7914,11 +7926,11 @@ export const cssData = {
         {
             "name": "margin-inline-end",
             "browsers": [
-                "E87",
+                "E79",
                 "FF41",
                 "S12.1",
-                "C87",
-                "O73"
+                "C69",
+                "O56"
             ],
             "values": [
                 {
@@ -7926,7 +7938,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<'margin-left'>",
-            "relevance": 54,
+            "relevance": 57,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -7942,11 +7954,11 @@ export const cssData = {
         {
             "name": "margin-inline-start",
             "browsers": [
-                "E87",
+                "E79",
                 "FF41",
                 "S12.1",
-                "C87",
-                "O73"
+                "C69",
+                "O56"
             ],
             "values": [
                 {
@@ -7954,7 +7966,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<'margin-left'>",
-            "relevance": 54,
+            "relevance": 58,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -8415,6 +8427,7 @@ export const cssData = {
                     "description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
                 }
             ],
+            "atRule": "@viewport",
             "syntax": "<viewport-length>",
             "relevance": 85,
             "references": [
@@ -8510,6 +8523,7 @@ export const cssData = {
                     "description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
                 }
             ],
+            "atRule": "@viewport",
             "syntax": "<viewport-length>",
             "relevance": 90,
             "references": [
@@ -8606,6 +8620,7 @@ export const cssData = {
                     "description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
                 }
             ],
+            "atRule": "@viewport",
             "syntax": "<viewport-length>",
             "relevance": 89,
             "references": [
@@ -8630,7 +8645,7 @@ export const cssData = {
                 "O44"
             ],
             "syntax": "<'min-width'>",
-            "relevance": 50,
+            "relevance": 53,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -8702,6 +8717,7 @@ export const cssData = {
                     "description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
                 }
             ],
+            "atRule": "@viewport",
             "syntax": "<viewport-length>",
             "relevance": 88,
             "references": [
@@ -12601,6 +12617,7 @@ export const cssData = {
             "browsers": [
                 "FF33"
             ],
+            "atRule": "@counter-style",
             "syntax": "<symbol> <symbol>?",
             "relevance": 50,
             "description": "@counter-style descriptor. Defines how to alter the representation when the counter value is negative.",
@@ -12843,7 +12860,7 @@ export const cssData = {
                 }
             ],
             "syntax": "fill | contain | cover | none | scale-down",
-            "relevance": 70,
+            "relevance": 71,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -12865,7 +12882,7 @@ export const cssData = {
                 "O19"
             ],
             "syntax": "<position>",
-            "relevance": 56,
+            "relevance": 57,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -13345,7 +13362,7 @@ export const cssData = {
             "browsers": [
                 "E94",
                 "FF88",
-                "S1.2",
+                "S16.4",
                 "C94",
                 "IE8",
                 "O80"
@@ -13360,7 +13377,7 @@ export const cssData = {
                     "browsers": [
                         "E94",
                         "FF88",
-                        "S1.2",
+                        "S16.4",
                         "C94",
                         "IE8",
                         "O80"
@@ -13410,7 +13427,7 @@ export const cssData = {
                 }
             ],
             "syntax": "<color> | invert",
-            "relevance": 58,
+            "relevance": 62,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -13433,7 +13450,7 @@ export const cssData = {
                 "O9.5"
             ],
             "syntax": "<length>",
-            "relevance": 70,
+            "relevance": 69,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -13462,7 +13479,7 @@ export const cssData = {
                 }
             ],
             "syntax": "auto | <'border-style'>",
-            "relevance": 62,
+            "relevance": 61,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -13486,7 +13503,7 @@ export const cssData = {
                 "O7"
             ],
             "syntax": "<line-width>",
-            "relevance": 62,
+            "relevance": 61,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -13573,7 +13590,7 @@ export const cssData = {
                 }
             ],
             "syntax": "normal | break-word | anywhere",
-            "relevance": 66,
+            "relevance": 65,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -13655,7 +13672,7 @@ export const cssData = {
                 }
             ],
             "syntax": "visible | hidden | clip | scroll | auto",
-            "relevance": 83,
+            "relevance": 82,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -13672,6 +13689,7 @@ export const cssData = {
             "browsers": [
                 "FF33"
             ],
+            "atRule": "@counter-style",
             "syntax": "<integer> && <symbol>",
             "relevance": 50,
             "description": "@counter-style descriptor. Specifies a \"fixed-width\" counter style, where representations shorter than the pad value are padded with a particular <symbol>",
@@ -13694,7 +13712,7 @@ export const cssData = {
             ],
             "values": [],
             "syntax": "[ <length> | <percentage> ]{1,4}",
-            "relevance": 96,
+            "relevance": 95,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -13734,11 +13752,11 @@ export const cssData = {
         {
             "name": "padding-block-end",
             "browsers": [
-                "E87",
+                "E79",
                 "FF41",
                 "S12.1",
-                "C87",
-                "O73"
+                "C69",
+                "O56"
             ],
             "syntax": "<'padding-left'>",
             "relevance": 50,
@@ -13757,11 +13775,11 @@ export const cssData = {
         {
             "name": "padding-block-start",
             "browsers": [
-                "E87",
+                "E79",
                 "FF41",
                 "S12.1",
-                "C87",
-                "O73"
+                "C69",
+                "O56"
             ],
             "syntax": "<'padding-left'>",
             "relevance": 50,
@@ -13780,14 +13798,14 @@ export const cssData = {
         {
             "name": "padding-inline-end",
             "browsers": [
-                "E87",
+                "E79",
                 "FF41",
                 "S12.1",
-                "C87",
-                "O73"
+                "C69",
+                "O56"
             ],
             "syntax": "<'padding-left'>",
-            "relevance": 51,
+            "relevance": 55,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -13803,14 +13821,14 @@ export const cssData = {
         {
             "name": "padding-inline-start",
             "browsers": [
-                "E87",
+                "E79",
                 "FF41",
                 "S12.1",
-                "C87",
-                "O73"
+                "C69",
+                "O56"
             ],
             "syntax": "<'padding-left'>",
-            "relevance": 53,
+            "relevance": 56,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -14236,7 +14254,7 @@ export const cssData = {
                 }
             ],
             "syntax": "static | relative | absolute | sticky | fixed",
-            "relevance": 96,
+            "relevance": 95,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -14253,6 +14271,7 @@ export const cssData = {
             "browsers": [
                 "FF33"
             ],
+            "atRule": "@counter-style",
             "syntax": "<symbol>",
             "relevance": 50,
             "description": "@counter-style descriptor. Specifies a <symbol> that is prepended to the marker representation.",
@@ -14306,6 +14325,7 @@ export const cssData = {
                     "description": "If used as the first value in a range, it represents negative infinity; if used as the second value, it represents positive infinity."
                 }
             ],
+            "atRule": "@counter-style",
             "syntax": "[ [ <integer> | infinite ]{2} ]# | auto",
             "relevance": 50,
             "description": "@counter-style descriptor. Defines the ranges over which the counter style is defined.",
@@ -14342,7 +14362,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | both | horizontal | vertical | block | inline",
-            "relevance": 62,
+            "relevance": 64,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -14709,7 +14729,7 @@ export const cssData = {
                 }
             ],
             "syntax": "auto | smooth",
-            "relevance": 53,
+            "relevance": 55,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -14735,12 +14755,6 @@ export const cssData = {
             "status": "obsolete",
             "syntax": "none | <position>#",
             "relevance": 0,
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-coordinate"
-                }
-            ],
             "description": "Defines the x and y coordinate within the element which will align with the nearest ancestor scroll container's snap-destination for the respective axis.",
             "restrictions": [
                 "position",
@@ -14757,12 +14771,6 @@ export const cssData = {
             "status": "obsolete",
             "syntax": "<position>",
             "relevance": 0,
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-destination"
-                }
-            ],
             "description": "Define the x and y coordinate within the scroll container's visual viewport which element snap points will align with.",
             "restrictions": [
                 "position",
@@ -14773,8 +14781,7 @@ export const cssData = {
         {
             "name": "scroll-snap-points-x",
             "browsers": [
-                "FF39",
-                "S9"
+                "FF39"
             ],
             "values": [
                 {
@@ -14789,12 +14796,6 @@ export const cssData = {
             "status": "obsolete",
             "syntax": "none | repeat( <length-percentage> )",
             "relevance": 0,
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-points-x"
-                }
-            ],
             "description": "Defines the positioning of snap points along the x axis of the scroll container it is applied to.",
             "restrictions": [
                 "enum"
@@ -14803,8 +14804,7 @@ export const cssData = {
         {
             "name": "scroll-snap-points-y",
             "browsers": [
-                "FF39",
-                "S9"
+                "FF39"
             ],
             "values": [
                 {
@@ -14819,12 +14819,6 @@ export const cssData = {
             "status": "obsolete",
             "syntax": "none | repeat( <length-percentage> )",
             "relevance": 0,
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-points-y"
-                }
-            ],
             "description": "Defines the positioning of snap points along the y axis of the scroll container it is applied to.",
             "restrictions": [
                 "enum"
@@ -14855,7 +14849,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
-            "relevance": 53,
+            "relevance": 54,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -14980,6 +14974,7 @@ export const cssData = {
                 "C",
                 "O8"
             ],
+            "atRule": "@page",
             "syntax": "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
             "relevance": 53,
             "description": "The size CSS at-rule descriptor, used with the @page at-rule, defines the size and orientation of the box which is used to represent a page. Most of the time, this size corresponds to the target size of the printed page if applicable.",
@@ -15003,8 +14998,9 @@ export const cssData = {
                     "description": "Format-specific string that identifies a locally available copy of a given font."
                 }
             ],
+            "atRule": "@font-face",
             "syntax": "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#",
-            "relevance": 87,
+            "relevance": 86,
             "description": "@font-face descriptor. Specifies the resource containing font data. It is required, whether the font is downloadable or locally installed.",
             "restrictions": [
                 "enum",
@@ -15014,7 +15010,7 @@ export const cssData = {
         },
         {
             "name": "stop-color",
-            "relevance": 51,
+            "relevance": 50,
             "description": "Indicates what color to use at that gradient stop.",
             "restrictions": [
                 "color"
@@ -15040,7 +15036,7 @@ export const cssData = {
                     "description": "No paint is applied in this layer."
                 }
             ],
-            "relevance": 67,
+            "relevance": 66,
             "description": "Paints along the outline of the given graphical element.",
             "restrictions": [
                 "color",
@@ -15056,7 +15052,7 @@ export const cssData = {
                     "description": "Indicates that no dashing is used."
                 }
             ],
-            "relevance": 62,
+            "relevance": 61,
             "description": "Controls the pattern of dashes and gaps used to stroke paths.",
             "restrictions": [
                 "length",
@@ -15128,7 +15124,7 @@ export const cssData = {
         },
         {
             "name": "stroke-opacity",
-            "relevance": 51,
+            "relevance": 52,
             "description": "Specifies the opacity of the painting operation used to stroke the current object.",
             "restrictions": [
                 "number(0-1)"
@@ -15148,6 +15144,7 @@ export const cssData = {
             "browsers": [
                 "FF33"
             ],
+            "atRule": "@counter-style",
             "syntax": "<symbol>",
             "relevance": 50,
             "description": "@counter-style descriptor. Specifies a <symbol> that is appended to the marker representation.",
@@ -15192,6 +15189,7 @@ export const cssData = {
                     "description": "Cycles repeatedly through its provided symbols, doubling, tripling, etc. the symbols on each successive pass through the list."
                 }
             ],
+            "atRule": "@counter-style",
             "syntax": "cyclic | numeric | alphabetic | symbolic | additive | [ fixed <integer>? ] | [ extends <counter-style-name> ]",
             "relevance": 50,
             "description": "@counter-style descriptor. Specifies which algorithm will be used to construct the counter's representation based on the counter value.",
@@ -15205,6 +15203,7 @@ export const cssData = {
             "browsers": [
                 "FF33"
             ],
+            "atRule": "@counter-style",
             "syntax": "<symbol>+",
             "relevance": 50,
             "description": "@counter-style descriptor. Specifies the symbols used by the marker-construction algorithm specified by the system descriptor.",
@@ -15257,7 +15256,7 @@ export const cssData = {
                 "O15"
             ],
             "syntax": "<integer> | <length>",
-            "relevance": 52,
+            "relevance": 53,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -15586,7 +15585,7 @@ export const cssData = {
             ],
             "values": [],
             "syntax": "<length-percentage> && hanging? && each-line?",
-            "relevance": 69,
+            "relevance": 68,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -15602,7 +15601,7 @@ export const cssData = {
         {
             "name": "text-justify",
             "browsers": [
-                "E12",
+                "E79",
                 "FF55",
                 "C32",
                 "IE11",
@@ -15724,7 +15723,7 @@ export const cssData = {
                 }
             ],
             "syntax": "[ clip | ellipsis | <string> ]{1,2}",
-            "relevance": 82,
+            "relevance": 81,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -15764,7 +15763,7 @@ export const cssData = {
                 }
             ],
             "syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision",
-            "relevance": 70,
+            "relevance": 69,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -15793,7 +15792,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | <shadow-t>#",
-            "relevance": 74,
+            "relevance": 72,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -15990,7 +15989,7 @@ export const cssData = {
                 }
             ],
             "syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation",
-            "relevance": 68,
+            "relevance": 69,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -16225,7 +16224,7 @@ export const cssData = {
                 "O12.1"
             ],
             "syntax": "<time>#",
-            "relevance": 64,
+            "relevance": 63,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -16248,7 +16247,7 @@ export const cssData = {
                 "O12.1"
             ],
             "syntax": "<time>#",
-            "relevance": 65,
+            "relevance": 67,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -16281,7 +16280,7 @@ export const cssData = {
                 }
             ],
             "syntax": "none | <single-transition-property>#",
-            "relevance": 68,
+            "relevance": 67,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -16377,7 +16376,7 @@ export const cssData = {
                 }
             ],
             "syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
-            "relevance": 57,
+            "relevance": 56,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -16701,6 +16700,7 @@ export const cssData = {
                     "description": "Emoji: Transport and Map Symbols."
                 }
             ],
+            "atRule": "@font-face",
             "syntax": "<unicode-range>#",
             "relevance": 72,
             "description": "@font-face descriptor. Defines the set of Unicode codepoints that may be supported by the font face for which it is declared.",
@@ -16740,7 +16740,7 @@ export const cssData = {
                 }
             ],
             "syntax": "auto | text | none | contain | all",
-            "relevance": 81,
+            "relevance": 82,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -16850,7 +16850,7 @@ export const cssData = {
                 }
             ],
             "syntax": "visible | hidden | collapse",
-            "relevance": 88,
+            "relevance": 87,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -19082,6 +19082,7 @@ export const cssData = {
                     "description": "Use the min-content inline size or min-content block size, as appropriate to the writing mode."
                 }
             ],
+            "atRule": "@viewport",
             "syntax": "<viewport-length>{1,2}",
             "relevance": 96,
             "references": [
@@ -19120,7 +19121,7 @@ export const cssData = {
                 }
             ],
             "syntax": "auto | <animateable-feature>#",
-            "relevance": 63,
+            "relevance": 65,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -19213,7 +19214,7 @@ export const cssData = {
                 }
             ],
             "syntax": "normal | break-word",
-            "relevance": 78,
+            "relevance": 77,
             "description": "Specifies whether the UA may break within a word to prevent overflow when an otherwise-unbreakable string is too long to fit.",
             "restrictions": [
                 "enum"
@@ -19323,8 +19324,9 @@ export const cssData = {
                     "name": "normal"
                 }
             ],
+            "atRule": "@viewport",
             "syntax": "auto | <number> | <percentage>",
-            "relevance": 66,
+            "relevance": 65,
             "references": [
                 {
                     "name": "MDN Reference",
@@ -19470,82 +19472,37 @@ export const cssData = {
         },
         {
             "name": "-moz-outline-radius",
-            "status": "obsolete",
+            "status": "nonstandard",
             "syntax": "<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?",
             "relevance": 0,
-            "browsers": [
-                "FF1"
-            ],
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius"
-                }
-            ],
             "description": "In Mozilla applications like Firefox, the -moz-outline-radius CSS property can be used to give an element's outline rounded corners."
         },
         {
             "name": "-moz-outline-radius-bottomleft",
-            "status": "obsolete",
+            "status": "nonstandard",
             "syntax": "<outline-radius>",
             "relevance": 0,
-            "browsers": [
-                "FF1"
-            ],
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius-bottomleft"
-                }
-            ],
             "description": "In Mozilla applications, the -moz-outline-radius-bottomleft CSS property can be used to round the bottom-left corner of an element's outline."
         },
         {
             "name": "-moz-outline-radius-bottomright",
-            "status": "obsolete",
+            "status": "nonstandard",
             "syntax": "<outline-radius>",
             "relevance": 0,
-            "browsers": [
-                "FF1"
-            ],
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius-bottomright"
-                }
-            ],
             "description": "In Mozilla applications, the -moz-outline-radius-bottomright CSS property can be used to round the bottom-right corner of an element's outline."
         },
         {
             "name": "-moz-outline-radius-topleft",
-            "status": "obsolete",
+            "status": "nonstandard",
             "syntax": "<outline-radius>",
             "relevance": 0,
-            "browsers": [
-                "FF1"
-            ],
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius-topleft"
-                }
-            ],
             "description": "In Mozilla applications, the -moz-outline-radius-topleft CSS property can be used to round the top-left corner of an element's outline."
         },
         {
             "name": "-moz-outline-radius-topright",
-            "status": "obsolete",
+            "status": "nonstandard",
             "syntax": "<outline-radius>",
             "relevance": 0,
-            "browsers": [
-                "FF1"
-            ],
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/-moz-outline-radius-topright"
-                }
-            ],
             "description": "In Mozilla applications, the -moz-outline-radius-topright CSS property can be used to round the top-right corner of an element's outline."
         },
         {
@@ -19918,12 +19875,14 @@ export const cssData = {
         },
         {
             "name": "animation-composition",
-            "status": "experimental",
             "syntax": "<single-animation-composition>#",
             "relevance": 50,
             "browsers": [
-                "FF104",
-                "S16"
+                "E112",
+                "FF115",
+                "S16",
+                "C112",
+                "O98"
             ],
             "references": [
                 {
@@ -19933,13 +19892,67 @@ export const cssData = {
             ],
             "description": "The composite operation to use when multiple animations affect the same property."
         },
+        {
+            "name": "animation-range",
+            "status": "experimental",
+            "syntax": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
+            "relevance": 50,
+            "browsers": [
+                "E115",
+                "C115"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/animation-range"
+                }
+            ],
+            "description": "The animation-range CSS shorthand property is used to set the start and end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start and end."
+        },
+        {
+            "name": "animation-range-end",
+            "status": "experimental",
+            "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+            "relevance": 50,
+            "browsers": [
+                "E115",
+                "C115"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/animation-range-end"
+                }
+            ],
+            "description": "The animation-range-end CSS property is used to set the end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will end."
+        },
+        {
+            "name": "animation-range-start",
+            "status": "experimental",
+            "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+            "relevance": 50,
+            "browsers": [
+                "E115",
+                "C115"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/animation-range-start"
+                }
+            ],
+            "description": "The animation-range-start CSS property is used to set the start of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start."
+        },
         {
             "name": "animation-timeline",
             "status": "experimental",
             "syntax": "<single-animation-timeline>#",
             "relevance": 50,
             "browsers": [
-                "FF97"
+                "E115",
+                "FF110",
+                "C115",
+                "O71"
             ],
             "references": [
                 {
@@ -19952,7 +19965,7 @@ export const cssData = {
         {
             "name": "appearance",
             "syntax": "none | auto | textfield | menulist-button | <compat-auto>",
-            "relevance": 63,
+            "relevance": 69,
             "browsers": [
                 "E84",
                 "FF80",
@@ -19971,7 +19984,7 @@ export const cssData = {
         {
             "name": "aspect-ratio",
             "syntax": "auto | <ratio>",
-            "relevance": 57,
+            "relevance": 58,
             "browsers": [
                 "E88",
                 "FF89",
@@ -19997,7 +20010,7 @@ export const cssData = {
         {
             "name": "backdrop-filter",
             "syntax": "none | <filter-function-list>",
-            "relevance": 58,
+            "relevance": 56,
             "browsers": [
                 "E17",
                 "FF103",
@@ -20092,7 +20105,7 @@ export const cssData = {
         {
             "name": "border-end-end-radius",
             "syntax": "<length-percentage>{1,2}",
-            "relevance": 50,
+            "relevance": 53,
             "browsers": [
                 "E89",
                 "FF66",
@@ -20111,7 +20124,7 @@ export const cssData = {
         {
             "name": "border-end-start-radius",
             "syntax": "<length-percentage>{1,2}",
-            "relevance": 50,
+            "relevance": 53,
             "browsers": [
                 "E89",
                 "FF66",
@@ -20206,7 +20219,7 @@ export const cssData = {
         {
             "name": "border-start-end-radius",
             "syntax": "<length-percentage>{1,2}",
-            "relevance": 50,
+            "relevance": 53,
             "browsers": [
                 "E89",
                 "FF66",
@@ -20225,7 +20238,7 @@ export const cssData = {
         {
             "name": "border-start-start-radius",
             "syntax": "<length-percentage>{1,2}",
-            "relevance": 50,
+            "relevance": 53,
             "browsers": [
                 "E89",
                 "FF66",
@@ -20490,37 +20503,10 @@ export const cssData = {
             "relevance": 50,
             "description": "Specifies the desired shape of the text insertion caret."
         },
-        {
-            "name": "print-color-adjust",
-            "syntax": "economy | exact",
-            "values": [
-                {
-                    "name": "economy"
-                },
-                {
-                    "name": "exact"
-                }
-            ],
-            "relevance": 50,
-            "browsers": [
-                "E79",
-                "FF97",
-                "S15.4",
-                "C17",
-                "O15"
-            ],
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/print-color-adjust"
-                }
-            ],
-            "description": "Defines what optimization the user agent is allowed to do when adjusting the appearance for an output device."
-        },
         {
             "name": "color-scheme",
             "syntax": "normal | [ light | dark | <custom-ident> ]+ && only?",
-            "relevance": 53,
+            "relevance": 57,
             "browsers": [
                 "E81",
                 "FF96",
@@ -20538,11 +20524,12 @@ export const cssData = {
         },
         {
             "name": "contain-intrinsic-size",
-            "syntax": "[ none | <length> | auto <length> ]{1,2}",
+            "syntax": "[ auto? [ none | <length> ] ]{1,2}",
             "relevance": 50,
             "browsers": [
                 "E83",
                 "FF107",
+                "S17",
                 "C83",
                 "O69"
             ],
@@ -20556,11 +20543,12 @@ export const cssData = {
         },
         {
             "name": "contain-intrinsic-block-size",
-            "syntax": "none | <length> | auto <length>",
+            "syntax": "auto? [ none | <length> ]",
             "relevance": 50,
             "browsers": [
                 "E95",
                 "FF107",
+                "S17",
                 "C95",
                 "O81"
             ],
@@ -20574,13 +20562,14 @@ export const cssData = {
         },
         {
             "name": "contain-intrinsic-height",
-            "syntax": "none | <length> | auto <length>",
+            "syntax": "auto? [ none | <length> ]",
             "relevance": 50,
             "browsers": [
-                "E83",
+                "E95",
                 "FF107",
-                "C83",
-                "O69"
+                "S17",
+                "C95",
+                "O81"
             ],
             "references": [
                 {
@@ -20592,11 +20581,12 @@ export const cssData = {
         },
         {
             "name": "contain-intrinsic-inline-size",
-            "syntax": "none | <length> | auto <length>",
+            "syntax": "auto? [ none | <length> ]",
             "relevance": 50,
             "browsers": [
                 "E95",
                 "FF107",
+                "S17",
                 "C95",
                 "O81"
             ],
@@ -20610,13 +20600,14 @@ export const cssData = {
         },
         {
             "name": "contain-intrinsic-width",
-            "syntax": "none | <length> | auto <length>",
+            "syntax": "auto? [ none | <length> ]",
             "relevance": 50,
             "browsers": [
-                "E83",
+                "E95",
                 "FF107",
-                "C83",
-                "O69"
+                "S17",
+                "C95",
+                "O81"
             ],
             "references": [
                 {
@@ -20626,6 +20617,74 @@ export const cssData = {
             ],
             "description": "Width of an element when the element is subject to size containment."
         },
+        {
+            "name": "container",
+            "syntax": "<'container-name'> [ / <'container-type'> ]?",
+            "relevance": 53,
+            "browsers": [
+                "E105",
+                "FF110",
+                "S16",
+                "C105",
+                "O91"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/container"
+                }
+            ],
+            "description": "The container shorthand CSS property establishes the element as a query container and specifies the name or name for the containment context used in a container query."
+        },
+        {
+            "name": "container-name",
+            "syntax": "none | <custom-ident>+",
+            "relevance": 50,
+            "browsers": [
+                "E105",
+                "FF110",
+                "S16",
+                "C105",
+                "O91"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/container-name"
+                }
+            ],
+            "description": "The container-name CSS property specifies a list of query container names used by the @container at-rule in a container query."
+        },
+        {
+            "name": "container-type",
+            "syntax": "normal | size | inline-size",
+            "values": [
+                {
+                    "name": "normal"
+                },
+                {
+                    "name": "size"
+                },
+                {
+                    "name": "inline-size"
+                }
+            ],
+            "relevance": 50,
+            "browsers": [
+                "E105",
+                "FF110",
+                "S16",
+                "C105",
+                "O91"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/container-type"
+                }
+            ],
+            "description": "The container-type CSS property is used to define the type of containment used in a container query."
+        },
         {
             "name": "content-visibility",
             "syntax": "visible | auto | hidden",
@@ -20640,10 +20699,10 @@ export const cssData = {
                     "name": "hidden"
                 }
             ],
-            "relevance": 51,
+            "relevance": 52,
             "browsers": [
                 "E85",
-                "FF109",
+                "FFpreview",
                 "C85",
                 "O71"
             ],
@@ -20700,10 +20759,30 @@ export const cssData = {
             ],
             "description": "The font-optical-sizing CSS property allows developers to control whether browsers render text with slightly differing visual representations to optimize viewing at different sizes, or not. This only works for fonts that have an optical size variation axis."
         },
+        {
+            "name": "font-palette",
+            "syntax": "normal | light | dark | <palette-identifier>",
+            "relevance": 50,
+            "browsers": [
+                "E101",
+                "FF107",
+                "S15.4",
+                "C101",
+                "O87"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/font-palette"
+                }
+            ],
+            "description": "The font-palette CSS property allows specifying one of the many palettes contained in a font that a user agent should use for the font. Users can also override the values in a palette or create a new palette by using the @font-palette-values at-rule."
+        },
         {
             "name": "font-variation-settings",
+            "atRule": "@font-face",
             "syntax": "normal | [ <string> <number> ]#",
-            "relevance": 50,
+            "relevance": 51,
             "browsers": [
                 "E17",
                 "FF62",
@@ -20739,6 +20818,116 @@ export const cssData = {
             ],
             "description": "The font-smooth CSS property controls the application of anti-aliasing when fonts are rendered."
         },
+        {
+            "name": "font-synthesis-small-caps",
+            "syntax": "auto | none",
+            "values": [
+                {
+                    "name": "auto"
+                },
+                {
+                    "name": "none"
+                }
+            ],
+            "relevance": 50,
+            "browsers": [
+                "E97",
+                "FF111",
+                "S16.4",
+                "C97",
+                "O83"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/font-synthesis-small-caps"
+                }
+            ],
+            "description": "The font-synthesis-small-caps CSS property lets you specify whether or not the browser may synthesize small-caps typeface when it is missing in a font family. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters."
+        },
+        {
+            "name": "font-synthesis-style",
+            "syntax": "auto | none",
+            "values": [
+                {
+                    "name": "auto"
+                },
+                {
+                    "name": "none"
+                }
+            ],
+            "relevance": 50,
+            "browsers": [
+                "E97",
+                "FF111",
+                "S16.4",
+                "C97",
+                "O83"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/font-synthesis-style"
+                }
+            ],
+            "description": "The font-synthesis-style CSS property lets you specify whether or not the browser may synthesize the oblique typeface when it is missing in a font family."
+        },
+        {
+            "name": "font-synthesis-weight",
+            "syntax": "auto | none",
+            "values": [
+                {
+                    "name": "auto"
+                },
+                {
+                    "name": "none"
+                }
+            ],
+            "relevance": 50,
+            "browsers": [
+                "E97",
+                "FF111",
+                "S16.4",
+                "C97",
+                "O83"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/font-synthesis-weight"
+                }
+            ],
+            "description": "The font-synthesis-weight CSS property lets you specify whether or not the browser may synthesize the bold typeface when it is missing in a font family."
+        },
+        {
+            "name": "font-variant-emoji",
+            "syntax": "normal | text | emoji | unicode",
+            "values": [
+                {
+                    "name": "normal"
+                },
+                {
+                    "name": "text"
+                },
+                {
+                    "name": "emoji"
+                },
+                {
+                    "name": "unicode"
+                }
+            ],
+            "relevance": 50,
+            "browsers": [
+                "FF108"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/font-variant-emoji"
+                }
+            ],
+            "description": "The font-variant-emoji CSS property specifies the default presentation style for displaying emojis."
+        },
         {
             "name": "forced-color-adjust",
             "syntax": "auto | none",
@@ -20753,8 +20942,10 @@ export const cssData = {
             "relevance": 57,
             "browsers": [
                 "E79",
+                "FF113",
                 "C89",
-                "IE10"
+                "IE10",
+                "O75"
             ],
             "references": [
                 {
@@ -20767,7 +20958,7 @@ export const cssData = {
         {
             "name": "gap",
             "syntax": "<'row-gap'> <'column-gap'>?",
-            "relevance": 63,
+            "relevance": 67,
             "browsers": [
                 "E16",
                 "FF52",
@@ -20826,7 +21017,7 @@ export const cssData = {
                 "C109",
                 "O95"
             ],
-            "description": ""
+            "description": "The hyphenate-limit-chars CSS property specifies the minimum word length to allow hyphenation of words as well as the minimum number of characters before and after the hyphen."
         },
         {
             "name": "image-resolution",
@@ -20884,7 +21075,7 @@ export const cssData = {
         {
             "name": "inset",
             "syntax": "<'top'>{1,4}",
-            "relevance": 52,
+            "relevance": 56,
             "browsers": [
                 "E87",
                 "FF66",
@@ -20979,7 +21170,7 @@ export const cssData = {
         {
             "name": "inset-inline-end",
             "syntax": "<'top'>",
-            "relevance": 50,
+            "relevance": 51,
             "browsers": [
                 "E87",
                 "FF63",
@@ -20998,7 +21189,7 @@ export const cssData = {
         {
             "name": "inset-inline-start",
             "syntax": "<'top'>",
-            "relevance": 50,
+            "relevance": 51,
             "browsers": [
                 "E87",
                 "FF63",
@@ -21058,7 +21249,7 @@ export const cssData = {
         {
             "name": "margin-block",
             "syntax": "<'margin-left'>{1,2}",
-            "relevance": 50,
+            "relevance": 53,
             "browsers": [
                 "E87",
                 "FF66",
@@ -21077,7 +21268,7 @@ export const cssData = {
         {
             "name": "margin-inline",
             "syntax": "<'margin-left'>{1,2}",
-            "relevance": 50,
+            "relevance": 51,
             "browsers": [
                 "E87",
                 "FF66",
@@ -21123,7 +21314,7 @@ export const cssData = {
         {
             "name": "mask",
             "syntax": "<mask-layer>#",
-            "relevance": 50,
+            "relevance": 51,
             "browsers": [
                 "E79",
                 "FF2",
@@ -21302,6 +21493,9 @@ export const cssData = {
             "status": "experimental",
             "syntax": "[ pack | next ] || [ definite-first | ordered ]",
             "relevance": 50,
+            "browsers": [
+                "Spreview"
+            ],
             "references": [
                 {
                     "name": "MDN Reference",
@@ -21316,7 +21510,7 @@ export const cssData = {
             "relevance": 50,
             "browsers": [
                 "E109",
-                "FF83",
+                "FF117",
                 "C109",
                 "O95"
             ],
@@ -21367,7 +21561,7 @@ export const cssData = {
             "relevance": 50,
             "browsers": [
                 "E109",
-                "FF83",
+                "FF117",
                 "S14.1",
                 "C109",
                 "O95"
@@ -21443,7 +21637,7 @@ export const cssData = {
         },
         {
             "name": "offset-path",
-            "syntax": "none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]",
+            "syntax": "none | <offset-path> || <coord-box>",
             "relevance": 50,
             "browsers": [
                 "E79",
@@ -21463,10 +21657,13 @@ export const cssData = {
         {
             "name": "offset-position",
             "status": "experimental",
-            "syntax": "auto | <position>",
+            "syntax": "normal | auto | <position>",
             "relevance": 50,
             "browsers": [
-                "Spreview"
+                "E115",
+                "FF116",
+                "Spreview",
+                "C115"
             ],
             "references": [
                 {
@@ -21566,15 +21763,6 @@ export const cssData = {
                 }
             ],
             "relevance": 0,
-            "browsers": [
-                "FF29"
-            ],
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Mozilla/Gecko/Chrome/CSS/overflow-clip-box"
-                }
-            ],
             "description": "The overflow-clip-box CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the overflow-clip-box-inline and overflow-clip-box-block properties."
         },
         {
@@ -21769,7 +21957,7 @@ export const cssData = {
         {
             "name": "padding-block",
             "syntax": "<'padding-left'>{1,2}",
-            "relevance": 50,
+            "relevance": 53,
             "browsers": [
                 "E87",
                 "FF66",
@@ -21788,7 +21976,7 @@ export const cssData = {
         {
             "name": "padding-inline",
             "syntax": "<'padding-left'>{1,2}",
-            "relevance": 51,
+            "relevance": 54,
             "browsers": [
                 "E87",
                 "FF66",
@@ -21804,6 +21992,25 @@ export const cssData = {
             ],
             "description": "The padding-inline CSS property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation."
         },
+        {
+            "name": "page",
+            "syntax": "auto | <custom-ident>",
+            "relevance": 50,
+            "browsers": [
+                "E85",
+                "FF110",
+                "S≤13.1",
+                "C85",
+                "O71"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/page"
+                }
+            ],
+            "description": "The page CSS property is used to specify the named page, a specific type of page defined by the @page at-rule."
+        },
         {
             "name": "place-content",
             "syntax": "<'align-content'> <'justify-content'>?",
@@ -21848,18 +22055,45 @@ export const cssData = {
             "relevance": 50,
             "browsers": [
                 "E79",
-                "FF45",
-                "S11",
-                "C59",
-                "O46"
+                "FF45",
+                "S11",
+                "C59",
+                "O46"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/place-self"
+                }
+            ],
+            "description": "The place-self CSS property is a shorthand property sets both the align-self and justify-self properties. The first value is the align-self property value, the second the justify-self one. If the second value is not present, the first value is also used for it."
+        },
+        {
+            "name": "print-color-adjust",
+            "syntax": "economy | exact",
+            "values": [
+                {
+                    "name": "economy"
+                },
+                {
+                    "name": "exact"
+                }
+            ],
+            "relevance": 50,
+            "browsers": [
+                "E79",
+                "FF97",
+                "S15.4",
+                "C17",
+                "O15"
             ],
             "references": [
                 {
                     "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/place-self"
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/print-color-adjust"
                 }
             ],
-            "description": "The place-self CSS property is a shorthand property sets both the align-self and justify-self properties. The first value is the align-self property value, the second the justify-self one. If the second value is not present, the first value is also used for it."
+            "description": "Defines what optimization the user agent is allowed to do when adjusting the appearance for an output device."
         },
         {
             "name": "rotate",
@@ -21883,7 +22117,7 @@ export const cssData = {
         {
             "name": "row-gap",
             "syntax": "normal | <length-percentage>",
-            "relevance": 53,
+            "relevance": 55,
             "browsers": [
                 "E16",
                 "FF52",
@@ -21941,7 +22175,9 @@ export const cssData = {
             "syntax": "auto | <color>{2}",
             "relevance": 50,
             "browsers": [
-                "FF64"
+                "E118",
+                "FF64",
+                "C118"
             ],
             "references": [
                 {
@@ -21985,7 +22221,9 @@ export const cssData = {
             ],
             "relevance": 50,
             "browsers": [
-                "FF64"
+                "E115",
+                "FF64",
+                "C115"
             ],
             "references": [
                 {
@@ -22021,7 +22259,7 @@ export const cssData = {
             "browsers": [
                 "E79",
                 "FF68",
-                "S14.1",
+                "S15",
                 "C69",
                 "O56"
             ],
@@ -22040,7 +22278,7 @@ export const cssData = {
             "browsers": [
                 "E79",
                 "FF68",
-                "S14.1",
+                "S15",
                 "C69",
                 "O56"
             ],
@@ -22059,7 +22297,7 @@ export const cssData = {
             "browsers": [
                 "E79",
                 "FF68",
-                "S14.1",
+                "S15",
                 "C69",
                 "O56"
             ],
@@ -22097,7 +22335,7 @@ export const cssData = {
             "browsers": [
                 "E79",
                 "FF68",
-                "S14.1",
+                "S15",
                 "C69",
                 "O56"
             ],
@@ -22116,7 +22354,7 @@ export const cssData = {
             "browsers": [
                 "E79",
                 "FF68",
-                "S14.1",
+                "S15",
                 "C69",
                 "O56"
             ],
@@ -22135,7 +22373,7 @@ export const cssData = {
             "browsers": [
                 "E79",
                 "FF68",
-                "S14.1",
+                "S15",
                 "C69",
                 "O56"
             ],
@@ -22416,7 +22654,7 @@ export const cssData = {
         {
             "name": "scroll-snap-align",
             "syntax": "[ none | start | end | center ]{1,2}",
-            "relevance": 52,
+            "relevance": 53,
             "browsers": [
                 "E79",
                 "FF68",
@@ -22475,16 +22713,6 @@ export const cssData = {
                 }
             ],
             "relevance": 0,
-            "browsers": [
-                "FF39",
-                "S9"
-            ],
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type-x"
-                }
-            ],
             "description": "The scroll-snap-type-x CSS property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.\n\nSpecifying any precise animations or physics used to enforce those snap points is not covered by this property but instead left up to the user agent."
         },
         {
@@ -22503,24 +22731,17 @@ export const cssData = {
                 }
             ],
             "relevance": 0,
-            "browsers": [
-                "FF39"
-            ],
-            "references": [
-                {
-                    "name": "MDN Reference",
-                    "url": "https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type-y"
-                }
-            ],
             "description": "The scroll-snap-type-y CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.\n\nSpecifying any precise animations or physics used to enforce those snap points is not covered by this property but instead left up to the user agent."
         },
         {
             "name": "scroll-timeline",
             "status": "experimental",
-            "syntax": "<'scroll-timeline-name'> || <'scroll-timeline-axis'>",
+            "syntax": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
             "relevance": 50,
             "browsers": [
-                "FF110"
+                "E115",
+                "FF111",
+                "C115"
             ],
             "references": [
                 {
@@ -22533,10 +22754,13 @@ export const cssData = {
         {
             "name": "scroll-timeline-axis",
             "status": "experimental",
-            "syntax": "[ block | inline | vertical | horizontal ]#",
+            "syntax": "[ block | inline | x | y ]#",
             "relevance": 50,
             "browsers": [
-                "FF110"
+                "E115",
+                "FF111",
+                "C115",
+                "O97"
             ],
             "references": [
                 {
@@ -22549,10 +22773,13 @@ export const cssData = {
         {
             "name": "scroll-timeline-name",
             "status": "experimental",
-            "syntax": "none | <custom-ident>#",
+            "syntax": "none | <dashed-ident>#",
             "relevance": 50,
             "browsers": [
-                "FF110"
+                "E115",
+                "FF111",
+                "C115",
+                "O97"
             ],
             "references": [
                 {
@@ -22567,9 +22794,9 @@ export const cssData = {
             "syntax": "none | all | [ digits <integer>? ]",
             "relevance": 50,
             "browsers": [
-                "E15",
+                "E79",
                 "FF48",
-                "Spreview",
+                "S15.4",
                 "C48",
                 "IE11",
                 "O35"
@@ -22658,7 +22885,7 @@ export const cssData = {
                 "FF46",
                 "S7",
                 "C99",
-                "O15"
+                "O85"
             ],
             "references": [
                 {
@@ -22677,7 +22904,7 @@ export const cssData = {
                 "FF46",
                 "S7",
                 "C99",
-                "O15"
+                "O85"
             ],
             "references": [
                 {
@@ -22696,7 +22923,7 @@ export const cssData = {
                 "FF46",
                 "S7",
                 "C99",
-                "O15"
+                "O85"
             ],
             "references": [
                 {
@@ -22715,7 +22942,7 @@ export const cssData = {
                 "FF46",
                 "S7",
                 "C99",
-                "O15"
+                "O85"
             ],
             "references": [
                 {
@@ -22729,7 +22956,7 @@ export const cssData = {
             "name": "text-size-adjust",
             "status": "experimental",
             "syntax": "none | auto | <percentage>",
-            "relevance": 59,
+            "relevance": 58,
             "browsers": [
                 "E79",
                 "C54",
@@ -22746,7 +22973,7 @@ export const cssData = {
         {
             "name": "text-underline-offset",
             "syntax": "auto | <length> | <percentage> ",
-            "relevance": 50,
+            "relevance": 51,
             "browsers": [
                 "E87",
                 "FF70",
@@ -22762,6 +22989,56 @@ export const cssData = {
             ],
             "description": "The text-underline-offset CSS property sets the offset distance of an underline text decoration line (applied using text-decoration) from its original position."
         },
+        {
+            "name": "text-wrap",
+            "syntax": "wrap | nowrap | balance | stable | pretty",
+            "values": [
+                {
+                    "name": "wrap"
+                },
+                {
+                    "name": "nowrap"
+                },
+                {
+                    "name": "balance"
+                },
+                {
+                    "name": "stable"
+                },
+                {
+                    "name": "pretty"
+                }
+            ],
+            "relevance": 53,
+            "browsers": [
+                "E114",
+                "C114"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/text-wrap"
+                }
+            ],
+            "description": "The text-wrap CSS property controls how text inside an element is wrapped."
+        },
+        {
+            "name": "timeline-scope",
+            "status": "experimental",
+            "syntax": "none | <dashed-ident>#",
+            "relevance": 50,
+            "browsers": [
+                "E116",
+                "C116"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/timeline-scope"
+                }
+            ],
+            "description": "The timeline-scope CSS property modifies the scope of a named animation timeline."
+        },
         {
             "name": "transform-box",
             "syntax": "content-box | border-box | fill-box | stroke-box | view-box",
@@ -22818,28 +23095,97 @@ export const cssData = {
             "description": "The translate CSS property allows you to specify translation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value."
         },
         {
-            "name": "white-space",
-            "syntax": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces",
-            "values": [
-                {
-                    "name": "normal"
-                },
+            "name": "view-timeline",
+            "status": "experimental",
+            "syntax": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
+            "relevance": 50,
+            "browsers": [
+                "E115",
+                "FF114",
+                "C115"
+            ],
+            "references": [
                 {
-                    "name": "pre"
-                },
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/view-timeline"
+                }
+            ],
+            "description": "The view-timeline CSS shorthand property is used to define a named view progress timeline, which is progressed through based on the change in visibility of an element (known as the subject) inside a scrollable element (scroller). view-timeline is set on the subject."
+        },
+        {
+            "name": "view-timeline-axis",
+            "status": "experimental",
+            "syntax": "[ block | inline | x | y ]#",
+            "relevance": 50,
+            "browsers": [
+                "E115",
+                "FF114",
+                "C115"
+            ],
+            "references": [
                 {
-                    "name": "nowrap"
-                },
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/view-timeline-axis"
+                }
+            ],
+            "description": "The view-timeline-axis CSS property is used to specify the scrollbar direction that will be used to provide the timeline for a named view progress timeline animation, which is progressed through based on the change in visibility of an element (known as the subject) inside a scrollable element (scroller). view-timeline-axis is set on the subject. See CSS scroll-driven animations for more details."
+        },
+        {
+            "name": "view-timeline-inset",
+            "status": "experimental",
+            "syntax": "[ [ auto | <length-percentage> ]{1,2} ]#",
+            "relevance": 50,
+            "browsers": [
+                "E115",
+                "C115"
+            ],
+            "references": [
                 {
-                    "name": "pre-wrap"
-                },
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/view-timeline-inset"
+                }
+            ],
+            "description": "The view-timeline-inset CSS property is used to specify one or two values representing an adjustment to the position of the scrollport (see Scroll container for more details) in which the subject element of a named view progress timeline animation is deemed to be visible. Put another way, this allows you to specify start and/or end inset (or outset) values that offset the position of the timeline."
+        },
+        {
+            "name": "view-timeline-name",
+            "status": "experimental",
+            "syntax": "none | <dashed-ident>#",
+            "relevance": 50,
+            "browsers": [
+                "E115",
+                "FF111",
+                "C115"
+            ],
+            "references": [
                 {
-                    "name": "pre-line"
-                },
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/view-timeline-name"
+                }
+            ],
+            "description": "The view-timeline-name CSS property is used to define the name of a named view progress timeline, which is progressed through based on the change in visibility of an element (known as the subject) inside a scrollable element (scroller). view-timeline is set on the subject."
+        },
+        {
+            "name": "view-transition-name",
+            "status": "experimental",
+            "syntax": "none | <custom-ident>",
+            "relevance": 50,
+            "browsers": [
+                "E111",
+                "C111",
+                "O97"
+            ],
+            "references": [
                 {
-                    "name": "break-spaces"
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/view-transition-name"
                 }
             ],
+            "description": "The view-transition-name CSS property provides the selected element with a distinct identifying name (a custom-ident) and causes it to participate in a separate view transition from the root view transition — or no view transition if the none value is specified."
+        },
+        {
+            "name": "white-space",
+            "syntax": "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]",
             "relevance": 89,
             "browsers": [
                 "E12",
@@ -22857,14 +23203,72 @@ export const cssData = {
             ],
             "description": "Specifies how whitespace is handled in an element."
         },
+        {
+            "name": "white-space-collapse",
+            "syntax": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces",
+            "values": [
+                {
+                    "name": "collapse"
+                },
+                {
+                    "name": "discard"
+                },
+                {
+                    "name": "preserve"
+                },
+                {
+                    "name": "preserve-breaks"
+                },
+                {
+                    "name": "preserve-spaces"
+                },
+                {
+                    "name": "break-spaces"
+                }
+            ],
+            "relevance": 50,
+            "browsers": [
+                "E114",
+                "C114"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/white-space-collapse"
+                }
+            ],
+            "description": "The white-space-collapse CSS property controls how white space inside an element is collapsed."
+        },
+        {
+            "name": "white-space-trim",
+            "syntax": "none | discard-before || discard-after || discard-inner",
+            "relevance": 50,
+            "description": ""
+        },
         {
             "name": "speak-as",
+            "atRule": "@counter-style",
             "syntax": "auto | bullets | numbers | words | spell-out | <counter-style-name>",
             "relevance": 50,
             "description": "The speak-as descriptor specifies how a counter symbol constructed with a given @counter-style will be represented in the spoken form. For example, an author can specify a counter symbol to be either spoken as its numerical value or just represented with an audio cue."
         },
+        {
+            "name": "base-palette",
+            "atRule": "@font-palette-values",
+            "syntax": "light | dark | <integer [0,∞]>",
+            "relevance": 50,
+            "description": "The base-palette CSS descriptor is used to specify the name or index of a pre-defined palette to be used for creating a new palette. If the specified base-palette does not exist, then the palette defined at index 0 will be used."
+        },
+        {
+            "name": "override-colors",
+            "atRule": "@font-palette-values",
+            "syntax": "[ <integer [0,∞]> <absolute-color-base> ]#",
+            "relevance": 50,
+            "description": "The override-colors CSS descriptor is used to override colors in the chosen base-palette for a color font."
+        },
         {
             "name": "ascent-override",
+            "atRule": "@font-face",
             "status": "experimental",
             "syntax": "normal | <percentage>",
             "relevance": 50,
@@ -22872,6 +23276,7 @@ export const cssData = {
         },
         {
             "name": "descent-override",
+            "atRule": "@font-face",
             "status": "experimental",
             "syntax": "normal | <percentage>",
             "relevance": 50,
@@ -22879,13 +23284,15 @@ export const cssData = {
         },
         {
             "name": "font-display",
+            "atRule": "@font-face",
             "status": "experimental",
             "syntax": "[ auto | block | swap | fallback | optional ]",
-            "relevance": 71,
+            "relevance": 72,
             "description": "The font-display descriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use."
         },
         {
             "name": "line-gap-override",
+            "atRule": "@font-face",
             "status": "experimental",
             "syntax": "normal | <percentage>",
             "relevance": 50,
@@ -22893,6 +23300,7 @@ export const cssData = {
         },
         {
             "name": "size-adjust",
+            "atRule": "@font-face",
             "status": "experimental",
             "syntax": "<percentage>",
             "relevance": 50,
@@ -22900,18 +23308,28 @@ export const cssData = {
         },
         {
             "name": "bleed",
+            "atRule": "@page",
             "syntax": "auto | <length>",
             "relevance": 50,
             "description": "The bleed CSS at-rule descriptor, used with the @page at-rule, specifies the extent of the page bleed area outside the page box. This property only has effect if crop marks are enabled using the marks property."
         },
         {
             "name": "marks",
+            "atRule": "@page",
             "syntax": "none | [ crop || cross ]",
             "relevance": 50,
             "description": "The marks CSS at-rule descriptor, used with the @page at-rule, adds crop and/or cross marks to the presentation of the document. Crop marks indicate where the page should be cut. Cross marks are used to align sheets."
         },
+        {
+            "name": "page-orientation",
+            "atRule": "@page",
+            "syntax": "upright | rotate-left | rotate-right ",
+            "relevance": 50,
+            "description": "The page-orientation CSS descriptor for the @page at-rule controls the rotation of a printed page. It handles the flow of content across pages when the orientation of a page is changed. This behavior differs from the size descriptor in that a user can define the direction in which to rotate the page."
+        },
         {
             "name": "syntax",
+            "atRule": "@property",
             "status": "experimental",
             "syntax": "<string>",
             "relevance": 50,
@@ -22919,6 +23337,7 @@ export const cssData = {
         },
         {
             "name": "inherits",
+            "atRule": "@property",
             "status": "experimental",
             "syntax": "true | false",
             "values": [
@@ -22934,6 +23353,7 @@ export const cssData = {
         },
         {
             "name": "initial-value",
+            "atRule": "@property",
             "status": "experimental",
             "syntax": "<string>",
             "relevance": 50,
@@ -22941,18 +23361,21 @@ export const cssData = {
         },
         {
             "name": "max-zoom",
+            "atRule": "@viewport",
             "syntax": "auto | <number> | <percentage>",
             "relevance": 50,
             "description": "The max-zoom CSS descriptor sets the maximum zoom factor of a document defined by the @viewport at-rule. The browser will not zoom in any further than this, whether automatically or at the user's request.\n\nA zoom factor of 1.0 or 100% corresponds to no zooming. Larger values are zoomed in. Smaller values are zoomed out."
         },
         {
             "name": "min-zoom",
+            "atRule": "@viewport",
             "syntax": "auto | <number> | <percentage>",
             "relevance": 50,
             "description": "The min-zoom CSS descriptor sets the minimum zoom factor of a document defined by the @viewport at-rule. The browser will not zoom out any further than this, whether automatically or at the user's request.\n\nA zoom factor of 1.0 or 100% corresponds to no zooming. Larger values are zoomed in. Smaller values are zoomed out."
         },
         {
             "name": "orientation",
+            "atRule": "@viewport",
             "syntax": "auto | portrait | landscape",
             "values": [
                 {
@@ -22970,6 +23393,7 @@ export const cssData = {
         },
         {
             "name": "user-zoom",
+            "atRule": "@viewport",
             "syntax": "zoom | fixed",
             "values": [
                 {
@@ -22984,6 +23408,7 @@ export const cssData = {
         },
         {
             "name": "viewport-fit",
+            "atRule": "@viewport",
             "syntax": "auto | contain | cover",
             "values": [
                 {
@@ -23024,6 +23449,7 @@ export const cssData = {
             "browsers": [
                 "E91",
                 "FF33",
+                "S17",
                 "C91",
                 "O77"
             ],
@@ -23197,6 +23623,7 @@ export const cssData = {
             "browsers": [
                 "E12",
                 "FF19",
+                "S≤13.1",
                 "C2",
                 "IE8",
                 "O6"
@@ -23213,6 +23640,8 @@ export const cssData = {
             "name": "@property",
             "browsers": [
                 "E85",
+                "FFpreview",
+                "S16.4",
                 "C85",
                 "O71"
             ],
@@ -24286,7 +24715,8 @@ export const cssData = {
         {
             "name": ":dir",
             "browsers": [
-                "FF49"
+                "FF49",
+                "S16.4"
             ],
             "references": [
                 {
@@ -24444,7 +24874,7 @@ export const cssData = {
             "status": "experimental",
             "browsers": [
                 "FF88",
-                "Spreview"
+                "S16.5"
             ],
             "references": [
                 {
@@ -24459,7 +24889,7 @@ export const cssData = {
             "status": "experimental",
             "browsers": [
                 "FF88",
-                "Spreview"
+                "S16.5"
             ],
             "references": [
                 {
@@ -25365,6 +25795,86 @@ export const cssData = {
                 }
             ],
             "description": "The ::spelling-error CSS pseudo-element represents a text segment which the user agent has flagged as incorrectly spelled."
+        },
+        {
+            "name": "::view-transition",
+            "status": "experimental",
+            "browsers": [
+                "E111",
+                "C111",
+                "O97"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/::view-transition"
+                }
+            ],
+            "description": "The ::view-transition CSS pseudo-element represents the root of the view transitions overlay, which contains all view transitions and sits over the top of all other page content."
+        },
+        {
+            "name": "::view-transition-group",
+            "status": "experimental",
+            "browsers": [
+                "E111",
+                "C111",
+                "O97"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/::view-transition-group"
+                }
+            ],
+            "description": "The ::view-transition-group CSS pseudo-element represents a single view transition group."
+        },
+        {
+            "name": "::view-transition-image-pair",
+            "status": "experimental",
+            "browsers": [
+                "E111",
+                "C111",
+                "O97"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/::view-transition-image-pair"
+                }
+            ],
+            "description": "The ::view-transition-image-pair CSS pseudo-element represents a container for a view transition's \"old\" and \"new\" view states — before and after the transition."
+        },
+        {
+            "name": "::view-transition-new",
+            "status": "experimental",
+            "browsers": [
+                "E111",
+                "C111",
+                "O97"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/::view-transition-new"
+                }
+            ],
+            "description": "The ::view-transition-new CSS pseudo-element represents the \"new\" view state of a view transition — a live representation of the new view, after the transition."
+        },
+        {
+            "name": "::view-transition-old",
+            "status": "experimental",
+            "browsers": [
+                "E111",
+                "C111",
+                "O97"
+            ],
+            "references": [
+                {
+                    "name": "MDN Reference",
+                    "url": "https://developer.mozilla.org/docs/Web/CSS/::view-transition-old"
+                }
+            ],
+            "description": "The ::view-transition-old CSS pseudo-element represents the \"old\" view state of a view transition — a static screenshot of the old view, before the transition."
         }
     ]
 };