diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
deleted file mode 100644
index 30e557a..0000000
--- a/.github/FUNDING.yml
+++ /dev/null
@@ -1 +0,0 @@
-github: [hail2u]
diff --git a/README.md b/README.md
index 63858ee..b3d70a8 100644
--- a/README.md
+++ b/README.md
@@ -5,12 +5,21 @@ CSS3 syntax (and syntax defined in some foreign specifications) support for
 [Vim][1]’s built-in `syntax/css.vim`
 
 
+COMPATIBILITY
+-------------
+
+This syntax files are compatible with the default runtime files that come with
+**Vim 9.0 or higher**. If you still use Vim 8.x or lower, you must:
+
+  - Copy [latest CSS syntax file][2] to your `~/.vim/` directory (recommended)
+  - Update runtime files
+  - Use [older version][3]
+  - Switch to [`vim80` branch][4]
+
+
 INSTALLATION
 ------------
 
-I **strongly** recommend to install this plugin on *Vim 8.2 or higher with
-default runtime files*.
-
 
 ### Vim package
 
@@ -34,25 +43,6 @@ to your `~/.vim` directory.
 NOTES
 -----
 
-### Highlighting problems on: `vertical-align`, `box-shadow`, and others
-
-Some properties do not highlight correctly by default. This is a limitation of
-Vim’s highlight priority mechanism. To fix this problems, put following lines
-in your `~/.vim/after/css.vim`:
-
-    setlocal iskeyword+=-
-
-Or in your `~/.vimrc`:
-
-    augroup VimCSS3Syntax
-      autocmd!
-
-      autocmd FileType css setlocal iskeyword+=-
-    augroup END
-
-This setting have side effects. So, use it at your own risk.
-
-
 ### Vendor Prefixes
 
 I do not plan to support CSS3 properties (or functions) with vendor prefixes,
@@ -93,3 +83,6 @@ MIT
 
 
 [1]: http://www.vim.org/
+[2]: https://github.com/vim/vim/blob/master/runtime/syntax/css.vim
+[3]: https://github.com/hail2u/vim-css3-syntax/releases/tag/v1.10.2
+[4]: https://github.com/hail2u/vim-css3-syntax/tree/vim80
diff --git a/after/syntax/css/align-3.vim b/after/syntax/css/align-3.vim
index 632679e..cae51fa 100644
--- a/after/syntax/css/align-3.vim
+++ b/after/syntax/css/align-3.vim
@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<place-\(self\|content\|items\)\>"
-syn match cssFontProp contained "\<\(row-\)\=gap\>"
-syn keyword cssFontAttr contained safe unsafe legacy
-syn match cssFontAttr contained "\<self-\(start\|end\)\>"
-syn match cssFontAttr contained "\<space-evenly\>"
+syn keyword cssFontProp contained place-self place-content place-items row-gap
+syn keyword cssFontAttr contained safe unsafe legacy self-start self-end
diff --git a/after/syntax/css/anchor-position-1.vim b/after/syntax/css/anchor-position-1.vim
new file mode 100644
index 0000000..a91124d
--- /dev/null
+++ b/after/syntax/css/anchor-position-1.vim
@@ -0,0 +1,4 @@
+syn keyword cssFontProp contained anchor-name anchor-scope position-area position-anchor position-try position-try-fallbacks position-try-order position-visibility
+syn keyword cssFontAttr contained span-left span-right span-x-start span-x-end self-x-start self-x-end span-self-x-start span-self-x-end span-all span-top span-bottom span-y-start span-y-end self-y-start self-y-end span-self-y-start span-self-y-end block-start block-end span-block-start span-block-end self-block-start self-block-end span-self-block-start span-self-block-end inline-start inline-end span-inline-start span-inline-end self-inline-start self-inline-end span-self-inline-start span-self-inline-end span-start span-end self-start self-end span-self-start span-self-end anchor-center most-width most-height most-block-size most-inline-size flip-x flip-y flip-block flip-inline flip-start dialog
+syn region cssFunction contained matchgroup=cssFunctionName start="\<anchor\(-size\)\=\s*(" end=")" oneline keepend
+syn match cssFontDescriptor "@position-try\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
diff --git a/after/syntax/css/anchor-position-2.vim b/after/syntax/css/anchor-position-2.vim
new file mode 100644
index 0000000..48edc8c
--- /dev/null
+++ b/after/syntax/css/anchor-position-2.vim
@@ -0,0 +1 @@
+syn keyword cssFontAttr contained anchored
diff --git a/after/syntax/css/animations-2.vim b/after/syntax/css/animations-2.vim
new file mode 100644
index 0000000..dc597b7
--- /dev/null
+++ b/after/syntax/css/animations-2.vim
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained animation-composition animation-timeline
+syn keyword cssFontAttr contained replace accumulate
diff --git a/after/syntax/css/backgrounds-4.vim b/after/syntax/css/backgrounds-4.vim
index d58ee26..83523b9 100644
--- a/after/syntax/css/backgrounds-4.vim
+++ b/after/syntax/css/backgrounds-4.vim
@@ -1,7 +1,2 @@
-syn keyword cssFontProp contained corners
-syn match cssFontProp contained "\<background-position-\(x\|y\|inline\|block\)\>"
-syn match cssFontProp contained "\<corner-shape\>"
-syn match cssFontProp contained "\<border-limit\>"
-syn match cssFontProp contained "\<border-clip\(-\(top\|right\|bottom\|left\)\)\=\>"
-syn keyword cssFontAttr contained bevel scoop notch
-syn match cssFontAttr contained "\<\(x\|y\)-\(start\|end\)\>"
+syn keyword cssFontProp contained background-repeat-x background-repeat-y background-repeat-inline background-repeat-block background-position-x background-position-y background-position-inline background-position-block background-tbd
+syn keyword cssFontAttr contained x-start x-end y-start y-end border-area text repeat-block repeat-inline
diff --git a/after/syntax/css/borders-4.vim b/after/syntax/css/borders-4.vim
new file mode 100644
index 0000000..8db8416
--- /dev/null
+++ b/after/syntax/css/borders-4.vim
@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained border-top-radius border-right-radius border-bottom-radius border-left-radius border-block-start-radius border-block-end-radius border-inline-start-radius border-inline-end-radius corner corner-top-left-shape corner-top-right-shape corner-bottom-right-shape corner-bottom-left-shape corner-start-start-shape corner-start-end-shape corner-end-start-shape corner-end-end-shape corner-top-shape corner-right-shape corner-bottom-shape corner-left-shape corner-block-start-shape corner-block-end-shape corner-inline-start-shape corner-inline-end-shape corner-shape corner-top-left corner-top-right corner-bottom-left corner-bottom-right corner-start-start corner-start-end corner-end-start corner-end-end border-limit border-clip border-top-clip border-right-clip border-bottom-clip border-left-clip border-block-start-clip border-block-end-clip border-inline-start-clip border-inline-end-clip box-shadow-color box-shadow-offset box-shadow-blur box-shadow-spread box-shadow-position border-shape
+syn keyword cssFontAttr contained squircle bevel scoop notch sides corners
+syn region cssFunction contained matchgroup=cssFunctionName start="\<superellipse\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/box-4.vim b/after/syntax/css/box-4.vim
index f6771dd..3978302 100644
--- a/after/syntax/css/box-4.vim
+++ b/after/syntax/css/box-4.vim
@@ -1,2 +1,2 @@
-syn match cssBoxProp contained "\<margin-trim\>"
-syn match cssBoxAttr contained "\<in-flow\>"
+syn keyword cssFontProp contained margin-trim
+syn keyword cssFontAttr contained in-flow
diff --git a/after/syntax/css/break-4.vim b/after/syntax/css/break-4.vim
index 23bacaf..737f3d1 100644
--- a/after/syntax/css/break-4.vim
+++ b/after/syntax/css/break-4.vim
@@ -1,2 +1,2 @@
-syn match cssBoxProp contained "\<margin-break\>"
+syn keyword cssFontProp contained margin-break
 syn keyword cssFontAttr contained keep
diff --git a/after/syntax/css/cascade-4.vim b/after/syntax/css/cascade-4.vim
index 094a570..d9e2d20 100644
--- a/after/syntax/css/cascade-4.vim
+++ b/after/syntax/css/cascade-4.vim
@@ -1,2 +1,2 @@
-syn keyword cssCommonAttr contained revert
+syn keyword cssFontAttr contained revert
 syn region cssURL contained matchgroup=cssFunctionName start="\<supports\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/cascade-5.vim b/after/syntax/css/cascade-5.vim
index 497fcb7..a675230 100644
--- a/after/syntax/css/cascade-5.vim
+++ b/after/syntax/css/cascade-5.vim
@@ -1 +1 @@
-syn match cssFontAttr contained "\<revert-layer\>"
+syn keyword cssFontAttr contained revert-layer
diff --git a/after/syntax/css/color-4.vim b/after/syntax/css/color-4.vim
index 9414efc..8f63b6b 100644
--- a/after/syntax/css/color-4.vim
+++ b/after/syntax/css/color-4.vim
@@ -1,4 +1,2 @@
-syn keyword cssFontAttr contained perceptual accentcolor accentcolortext
-syn match cssFontAttr contained "\<\(relative\|absolute\)-colorimetric\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|color\|device-cmyk\=\)\s*(" end=")" oneline keepend
-syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
+syn keyword cssFontAttr contained accentcolor accentcolortext
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|oklab\|oklch\|color\=\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/color-5.vim b/after/syntax/css/color-5.vim
index abbf399..93617d4 100644
--- a/after/syntax/css/color-5.vim
+++ b/after/syntax/css/color-5.vim
@@ -1 +1,4 @@
-syn region cssFunction contained matchgroup=cssFunctionName start="\<color-mix\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn keyword cssFontProp contained components
+syn keyword cssFontAttr contained relative-colorimetric absolute-colorimetric perceptual
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(color-mix\|device-cmyk\|light-dark\|contrast-color\)\>\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
diff --git a/after/syntax/css/color-adjust-1.vim b/after/syntax/css/color-adjust-1.vim
index 82339c3..a730631 100644
--- a/after/syntax/css/color-adjust-1.vim
+++ b/after/syntax/css/color-adjust-1.vim
@@ -1,3 +1,2 @@
-syn match cssColorProp contained "\<\(forced-\|print-\)\=color-adjust\>"
-syn match cssColorProp contained "\<color-scheme\>"
+syn keyword cssFontProp contained forced-color-adjust print-color-adjust color-adjust color-scheme
 syn keyword cssFontAttr contained economy exact
diff --git a/after/syntax/css/color-hdr-1.vim b/after/syntax/css/color-hdr-1.vim
new file mode 100644
index 0000000..a5e67fe
--- /dev/null
+++ b/after/syntax/css/color-hdr-1.vim
@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained dynamic-range-limit
+syn keyword cssFontAttr contained standard constrained-high
+syn region cssFunction contained matchgroup=cssFunctionName start="\<dynamic-range-limit-mix\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/compositing-1.vim b/after/syntax/css/compositing-1.vim
index 9a62e64..6bfa07a 100644
--- a/after/syntax/css/compositing-1.vim
+++ b/after/syntax/css/compositing-1.vim
@@ -1,3 +1,2 @@
-syn keyword cssFontProp contained isolation
-syn match cssFontProp contained "\<\(mix\|background\)-blend-mode\>"
+syn keyword cssFontProp contained isolation mix-blend-mode background-blend-mode
 syn keyword cssFontAttr contained multiply screen overlay darken lighten color-dodge color-burn hard-light soft-light difference exclusion hue saturation color luminosity
diff --git a/after/syntax/css/conditional-5.vim b/after/syntax/css/conditional-5.vim
index 5f22acd..3c2a5a3 100644
--- a/after/syntax/css/conditional-5.vim
+++ b/after/syntax/css/conditional-5.vim
@@ -1 +1,3 @@
-syn match cssFontDescriptor "@\(when\|else\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
+syn keyword cssFontProp contained container-type container-name container
+syn keyword cssFontAttr contained inline-size
+syn match cssFontDescriptor "@\(when\|else\|supports-condition\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
diff --git a/after/syntax/css/contain-2.vim b/after/syntax/css/contain-2.vim
index 62ad894..35099cc 100644
--- a/after/syntax/css/contain-2.vim
+++ b/after/syntax/css/contain-2.vim
@@ -1 +1 @@
-syn match cssFontProp contained "\<content-visibility\>"
+syn keyword cssFontProp content-visibility
diff --git a/after/syntax/css/content-3.vim b/after/syntax/css/content-3.vim
index bb23459..bd16efe 100644
--- a/after/syntax/css/content-3.vim
+++ b/after/syntax/css/content-3.vim
@@ -1,4 +1,3 @@
-syn match cssGeneratedContentProp contained "\<string-set\>"
-syn match cssGeneratedContentProp contained "\<bookmark-\(label\|level\|state\)\>"
-syn keyword cssGeneratedContentAttr contained open closed
+syn keyword cssFontProp contained string-set bookmark-label bookmark-level bookmark-state
+syn keyword cssFontAttr contained open closed
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(leader\|string\|target-\(counter\|counters\|text\)\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/counter-styles-3.vim b/after/syntax/css/counter-styles-3.vim
index 83c3fa3..d83468a 100644
--- a/after/syntax/css/counter-styles-3.vim
+++ b/after/syntax/css/counter-styles-3.vim
@@ -1,13 +1,4 @@
-syn keyword cssGeneratedContentProp contained system negative prefix suffix range pad fallback
-syn match cssGeneratedContentProp contained "\<\(additive-\)\=symbols\>"
-syn match cssGeneratedContentProp contained "\<speak-as\>"
-syn keyword cssGeneratedContentAttr contained cyclic symbolic additive extends bullets numbers words bengali cambodian khmer devanagari gujarati gurmukhi kannada lao malayalam mongolian myanmar oriya persian tamil telugu thai tibetan
-syn match cssGeneratedContentAttr contained "\<\(ethiopic-\)\=numeric\>"
-syn match cssGeneratedContentAttr contained "\<arabic-indic\>"
-syn match cssGeneratedContentAttr contained "\<\(upper\|lower\)-armenian\>"
-syn match cssGeneratedContentAttr contained "\<cjk-\(decimal\|earthly-branch\|heavenly-stem\)\>"
-syn match cssGeneratedContentAttr contained "\<disclosure-\(open\|closed\)\>"
-syn match cssGeneratedContentAttr contained "\<\(japanese\|korean-hanja\|\(simp\|trad\)-chinese\)-\(in\)\=formal\>"
-syn match cssGeneratedContentAttr contained "\<korean-hangul-formal\>"
+syn keyword cssFontProp contained system negative prefix suffix range pad fallback additive-symbols symbols speak-as
+syn keyword cssFontAttr contained cyclic symbolic additive extends bullets numbers words bengali cambodian khmer devanagari gujarati gurmukhi kannada lao malayalam mongolian myanmar oriya persian tamil telugu thai tibetan ethiopic-numeric numeric arabic-indic upper-armenian lower-armenian cjk-decimal cjk-earthly-branch cjk-heavenly-stem disclosure-open disclosure-closed japanese-formal korean-hanja-formal simp-chinese-formal trad-chinese-formal japanese-informal korean-hanja-informal simp-chinese-informal trad-chinese-informal korean-hangul-formal
 syn region cssFunction contained matchgroup=cssFunctionName start="\<symbols\s*(" end=")" oneline keepend
 syn match cssFontDescriptor "@counter-style\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
diff --git a/after/syntax/css/cssom-view-1.vim b/after/syntax/css/cssom-view-1.vim
index 83ed6ca..e69de29 100644
--- a/after/syntax/css/cssom-view-1.vim
+++ b/after/syntax/css/cssom-view-1.vim
@@ -1,2 +0,0 @@
-syn match cssFontProp contained "\<scroll-behavior\>"
-syn keyword cssFontAttr contained smooth
diff --git a/after/syntax/css/device-adapt-1.vim b/after/syntax/css/device-adapt-1.vim
index 476eb63..342fcb1 100644
--- a/after/syntax/css/device-adapt-1.vim
+++ b/after/syntax/css/device-adapt-1.vim
@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<\(min\|max\|user\)-zoom\>"
+syn keyword cssFontProp contained min-zoom max-zoom user-zoom
 syn match cssFontDescriptor "@viewport\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
diff --git a/after/syntax/css/display-3.vim b/after/syntax/css/display-3.vim
index 7ea331b..4e37dd1 100644
--- a/after/syntax/css/display-3.vim
+++ b/after/syntax/css/display-3.vim
@@ -1,3 +1 @@
-syn keyword cssFontAttr contained contents discard
-syn match cssBoxAttr contained "\<run-in\>"
-syn match cssBoxAttr contained "\<ruby\(-\(base\|text\)\)\=\>"
+syn keyword cssFontAttr contained contents run-in
diff --git a/after/syntax/css/display-4.vim b/after/syntax/css/display-4.vim
new file mode 100644
index 0000000..2f7edb8
--- /dev/null
+++ b/after/syntax/css/display-4.vim
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained reading-flow reading-order
+syn keyword cssFontAttr contained flex-visual flex-flow grid-rows grid-columns source-order force-hidden
diff --git a/after/syntax/css/easing-2.vim b/after/syntax/css/easing-2.vim
new file mode 100644
index 0000000..52ed747
--- /dev/null
+++ b/after/syntax/css/easing-2.vim
@@ -0,0 +1 @@
+syn region cssFunction contained matchgroup=cssFunctionName start="\<linear\s*(" end=")" oneline contains=cssValueInteger,cssValueNumber,cssValueLength,cssFunctionComma
diff --git a/after/syntax/css/env-1.vim b/after/syntax/css/env-1.vim
new file mode 100644
index 0000000..27443c6
--- /dev/null
+++ b/after/syntax/css/env-1.vim
@@ -0,0 +1 @@
+syn region cssFunction contained matchgroup=cssFunctionName start="\<env\s*(" end=")" oneline contains=cssValueInteger,cssValueNumber,cssValueLength,cssFunctionComma
diff --git a/after/syntax/css/exclusions-3.vim b/after/syntax/css/exclusions-3.vim
index aa76079..364cdd4 100644
--- a/after/syntax/css/exclusions-3.vim
+++ b/after/syntax/css/exclusions-3.vim
@@ -1,3 +1,2 @@
-" TODO: create cssExclusionsProp group and cssExclusionsAttr group
-syn match cssFontProp contained "\<wrap-\(flow\|through\)\>"
+syn keyword cssFontProp contained wrap-flow wrap-through
 syn keyword cssFontAttr contained minimum maximum
diff --git a/after/syntax/css/fill-stroke-3.vim b/after/syntax/css/fill-stroke-3.vim
index f5d9faf..daac06b 100644
--- a/after/syntax/css/fill-stroke-3.vim
+++ b/after/syntax/css/fill-stroke-3.vim
@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<\(fill\|stroke\)\(-\(break\|color\|image\|origin\|position\|size\|repeat\|opacity\)\)\=\>"
-syn match cssFontProp contained "\<fill-rule\>"
-syn match cssFontProp contained "\<stroke-\(width\|align\|line\(cap\|join\)\|miterlimit\|dash\(array\|offset\)\|dash-\(corner\|justify\)\)\>"
-syn keyword cssFontAttr contained butt arcs stupid compress dashes gaps
-syn match cssFontAttr contained "\<bounding-box\>"
+syn keyword cssFontProp contained fill stroke fill-break fill-color fill-image fill-origin fill-position fill-size fill-repeat fill-opacity stroke-break stroke-color stroke-image stroke-origin stroke-position stroke-size stroke-repeat stroke-opacity fill-rule stroke-width stroke-align stroke-linecap stroke-linejoin stroke-miterlimit stroke-dasharray stroke-dashoffset stroke-dash-corner stroke-dash-justify
+syn keyword cssFontAttr contained butt arcs stupid compress dashes gaps bounding-box
diff --git a/after/syntax/css/filter-effects-1.vim b/after/syntax/css/filter-effects-1.vim
index 66a5296..44e521e 100644
--- a/after/syntax/css/filter-effects-1.vim
+++ b/after/syntax/css/filter-effects-1.vim
@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<flood-\(color\|opacity\)\>"
-syn match cssFontProp contained "\<color-interpolation-filters\>"
-syn match cssFontProp contained "\<lighting-color\>"
+syn keyword cssFontProp contained flood-color flood-opacity color-interpolation-filters lighting-color
 syn keyword cssFontAttr sRGB linearRGB
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(blur\|brightness\|contrast\|drop-shadow\|grayscale\|hue-rotate\|invert\|opacity\|saturate\|sepia\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/fonts-3.vim b/after/syntax/css/fonts-3.vim
index 5bbfa49..c9ed02b 100644
--- a/after/syntax/css/fonts-3.vim
+++ b/after/syntax/css/fonts-3.vim
@@ -1,10 +1 @@
-syn keyword cssFontAttr contained unicase jis78 jis83 jis90 jis04 simplified traditional ordinal
-syn match cssFontAttr contained "\<\(no-\)\=\(common\|discretionary\|historical\)-ligatures\>"
-syn match cssFontAttr contained "\<\(no-\)\=contextual\>"
-syn match cssFontAttr contained "\<all-small-caps\>"
-syn match cssFontAttr contained "\<\(all-\)\=petite-caps\>"
-syn match cssFontAttr contained "\<titling-caps\>"
-syn match cssFontAttr contained "\<\(lining\|oldstyle\|proportional\|tabular\)-nums\>"
-syn match cssFontAttr contained "\<\(diagonal\|stacked\)-fractions\>"
-syn match cssFontAttr contained "\<proportional-width\>"
-syn match cssFontAttr contained "\<slashed-zero\>"
+syn keyword cssFontAttr contained unicase jis78 jis83 jis90 jis04 simplified traditional ordinal no-common-ligatures no-discretionary-ligatures no-historical-ligatures common-ligatures discretionary-ligatures historical-ligatures no-contextual contextual all-small-caps all-petite-caps petite-caps titling-caps lining-nums oldstyle-nums proportional-nums tabular-nums diagonal-fractions stacked-fractions proportional-width slashed-zero
diff --git a/after/syntax/css/fonts-4.vim b/after/syntax/css/fonts-4.vim
index 21f9e02..5eea722 100644
--- a/after/syntax/css/fonts-4.vim
+++ b/after/syntax/css/fonts-4.vim
@@ -1,19 +1,5 @@
-syn match cssFontProp contained "\<font-synthesis\(-\(weight\|style\|small-caps\|settings\)\)\=\>"
-syn match cssFontProp contained "\<font-named-instance\>"
-syn match cssFontProp contained "\<font-display\>"
-syn match cssFontProp contained "\<\(ascent\|descent\|line-gap\)-override\>"
-syn match cssFontProp contained "\<font-optical-sizing\>"
-syn match cssFontProp contained "\<font-variation-settings\>"
-syn match cssFontProp contained "\<font-palette\>"
-syn match cssFontProp contained "\<font-variant-emoji\>"
-syn match cssFontProp contained "\<font-presentation\>"
-syn match cssFontProp contained "\<base-palette\>"
-syn match cssFontProp contained "\<override-color\>"
-syn keyword cssFontAttr contained emoji math fangsong swap fallback light dark
-syn match cssFontAttr contained "\<system-ui\>"
-syn match cssFontAttr contained "\<ui-\(\(sans-\)\=serif\|monospace\|rounded\)\>"
-syn match cssFontAttr contained "\<xxx-large\>"
-syn match cssFontAttr contained "\<historical-forms\>"
+syn keyword cssFontProp contained font-synthesis font-synthesis-weight font-synthesis-style font-synthesis-small-caps font-synthesis-position font-named-instance font-display ascent-override descent-override line-gap-override font-optical-sizing font-variation-settings font-palette font-variant-emoji font-presentation base-palette override-color
+syn keyword cssFontAttr contained emoji math fangsong swap fallback light dark contained system-ui contained ui-sans-serif ui-serif ui-monospace ui-rounded contained xxx-large contained historical-forms
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(stylistic\|styleset\|character-variant\|swash\|ornaments\|annotation\)\s*(" end=")" oneline keepend
 syn match cssFontDescriptor "@font-feature-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
 syn match cssFontDescriptor "@font-palette-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
diff --git a/after/syntax/css/forms-1.vim b/after/syntax/css/forms-1.vim
new file mode 100644
index 0000000..31ce433
--- /dev/null
+++ b/after/syntax/css/forms-1.vim
@@ -0,0 +1,5 @@
+syn keyword cssFontProp contained slider-orientation
+syn keyword cssFontAttr contained base left-to-right right-to-left top-to-bottom bottom-to-top
+syn keyword cssPseudoClassId contained picker-icon file-selector-button checkmark thumb track fill field-text clear-icon placeholder step-control step-up step-down field-component field-separator color-swatch low-value high-value optimal-value
+syn region cssPseudoClassFn contained matchgroup=cssFunctionName start="\<picker(" end=")" contains=cssStringQ,cssStringQQ
+syn region cssFunction contained matchgroup=cssFunctionName start="\<control-value\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/gaps-1.vim b/after/syntax/css/gaps-1.vim
new file mode 100644
index 0000000..f566ada
--- /dev/null
+++ b/after/syntax/css/gaps-1.vim
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained column-rule-break row-rule-break rule-break column-rule-outset row-rule-outset rule-outset rule-paint-order row-rule-color row-rule-style row-rule-width row-rule rule-color rule-style rule-width rule
+syn keyword cssFontAttr contained spanning-item intersection row-over-column column-over-row
diff --git a/after/syntax/css/gcpm-3.vim b/after/syntax/css/gcpm-3.vim
index 1384742..4bad3c6 100644
--- a/after/syntax/css/gcpm-3.vim
+++ b/after/syntax/css/gcpm-3.vim
@@ -1,5 +1,4 @@
-syn keyword cssGeneratedContentProp contained running
-syn match cssGeneratedContentProp contained "\<footnote-\(display\|policy\)\>"
-syn keyword cssGeneratedContentAttr contained footnote line
+syn keyword cssFontProp contained running footnote-display footnote-policy
+syn keyword cssFontAttr contained footnote line
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(element\|running\)\s*(" end=")" oneline keepend
-syn match cssPseudoClassId contained "\<footnote-\(call\|marker\)\>"
+syn keyword cssPseudoClassId contained footnote-call footnote-marker
diff --git a/after/syntax/css/grid-1.vim b/after/syntax/css/grid-1.vim
index 1e75d5d..d66e89d 100644
--- a/after/syntax/css/grid-1.vim
+++ b/after/syntax/css/grid-1.vim
@@ -1,3 +1,2 @@
-syn keyword cssFontAttr contained dense span
-syn match cssFontAttr contained "\<auto-flow\>"
+syn keyword cssFontAttr contained dense span auto-flow
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(minmax\|repeat\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/grid-3.vim b/after/syntax/css/grid-3.vim
new file mode 100644
index 0000000..c9f89d6
--- /dev/null
+++ b/after/syntax/css/grid-3.vim
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained flow-tolerance item-track item-direction item-cross item-pack item-flow
+syn keyword cssFontAttr contained grid-lanes inline-grid-lanes
diff --git a/after/syntax/css/html5.vim b/after/syntax/css/html5.vim
index 6b3b3de..dfc0951 100644
--- a/after/syntax/css/html5.vim
+++ b/after/syntax/css/html5.vim
@@ -1 +1 @@
-syn keyword cssTagName picture rb rtc slot template
+syn keyword cssTagName rb rtc slot template
diff --git a/after/syntax/css/images-3.vim b/after/syntax/css/images-3.vim
index 5db8d7a..94efdb2 100644
--- a/after/syntax/css/images-3.vim
+++ b/after/syntax/css/images-3.vim
@@ -1,6 +1,3 @@
-syn match cssFontProp contained "\<object-\(fit\|position\)\>"
-syn match cssFontProp contained "\<image-orientation\>"
-syn keyword cssFontAttr contained snap flip pixelated
-syn match cssFontAttr contained "\<scale-down\>"
-syn match cssFontAttr contained "\<from-image\>"
+syn keyword cssFontProp contained image-orientation
+syn keyword cssFontAttr contained snap flip pixelated from-image
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(repeating-\(linear\|radial\)-gradient\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/images-4.vim b/after/syntax/css/images-4.vim
index 8c3e7b5..76917db 100644
--- a/after/syntax/css/images-4.vim
+++ b/after/syntax/css/images-4.vim
@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<image-resolution\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(image\|element\|conic-gradient\)\s*(" end=")" oneline keepend
+syn keyword cssFontProp contained image-resolution
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(image\|element\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/inline-3.vim b/after/syntax/css/inline-3.vim
index 8d6aeb0..566a0fb 100644
--- a/after/syntax/css/inline-3.vim
+++ b/after/syntax/css/inline-3.vim
@@ -1,8 +1,2 @@
-syn match cssFontProp contained "\<\(dominant\|alignment\)-baseline\>"
-syn match cssFontProp contained "\<baseline-\(shift\|source\)\>"
-syn match cssFontProp contained "\<text-edge\>"
-syn match cssFontProp contained "\<leading-trim\>"
-syn match cssFontProp contained "\<inline-sizing\>"
-syn match cssFontProp contained "\<initial-letter\(-\(align\|wrap\)\)\=\>"
-syn keyword cssFontAttr contained central mathematical leading cap ex drop raise
-syn match cssFontAttr contained "\<ideographic\(-ink\)\=\>"
+syn keyword cssFontProp contained dominant-baseline alignment-baseline baseline-shift baseline-source line-fit-edge text-box text-box-edge text-box-trim inline-sizing initial-letter initial-letter-align initial-letter-wrap
+syn keyword cssFontAttr contained central mathematical leading cap ex drop raise ideographic ideographic-ink trim-start trim-end
diff --git a/after/syntax/css/line-grid-1.vim b/after/syntax/css/line-grid-1.vim
index 78c3fe9..53f712e 100644
--- a/after/syntax/css/line-grid-1.vim
+++ b/after/syntax/css/line-grid-1.vim
@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<line-\(grid\|snap\)"
-syn match cssFontProp contained "\<box-snap\>"
-syn keyword cssFontAttr contained create
-syn match cssFontAttr contained "\<block-\(start\|end\)\>"
-syn match cssFontAttr contained "\<\(first\|last\)-baseline\>"
+syn keyword cssFontProp contained line-grid line-snap box-snap
+syn keyword cssFontAttr contained create block-start block-end first-baseline last-baseline
diff --git a/after/syntax/css/lists-3.vim b/after/syntax/css/lists-3.vim
index e62f46d..3065968 100644
--- a/after/syntax/css/lists-3.vim
+++ b/after/syntax/css/lists-3.vim
@@ -1,7 +1,3 @@
-" WD-css-lists-3-20190817
-syn match cssGeneratedContentProp contained "\<marker-side\>"
-syn match cssGeneratedContentProp contained "\<counter-set\>"
-syn keyword cssGeneratedContentAttr contained marker
-syn match cssGeneratedContentAttr contained "\<match-self\>"
-syn match cssGeneratedContentAttr contained "\<list-container\>"
+syn keyword cssFontProp contained marker-side counter-set
+syn keyword cssFontAttr contained marker contained match-self contained list-container
 syn region cssFunction contained matchgroup=cssFunctionName start="\<counters\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/logical-1.vim b/after/syntax/css/logical-1.vim
index ac74412..cf329a8 100644
--- a/after/syntax/css/logical-1.vim
+++ b/after/syntax/css/logical-1.vim
@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<\(\(min\|max\)-\)\=\(block\|inline\)-size\>"
-syn match cssFontProp contained "\<\(margin\|padding\)\(-\(block\|inline\)\(-\(start\|end\)\)\=\)\=\>"
-syn match cssFontProp contained "\<border-\(block\|inline\)\(\(-\(start\|end\)\)\=\(-\(width\|style\|color\)\)\=\)\=\>"
-syn match cssFontProp contained "\<border-\(start\|end\)-\(start\|end\)-radius\>"
+syn keyword cssFontProp contained block-size inline-size min-block-size min-inline-size max-block-size max-inline-size margin-block padding-block margin-block-start padding-block-start margin-block-end padding-block-end margin-inline padding-inline margin-inline-start padding-inline-start margin-inline-end padding-inline-end border-block border-inline border-block-start border-block-end border-inline-start border-inline-end border-block-width border-inline-width border-block-start-width border-block-end-width border-inline-start-width border-inline-end-width border-block-style border-inline-style border-block-start-style border-block-end-style border-inline-start-style border-inline-end-style border-block-color border-inline-color border-block-start-color border-block-end-color border-inline-start-color border-inline-end-color border-start-start-radius border-start-end-radius border-end-start-radius border-end-end-radius
 syn keyword cssFontAttr contained logical physical rotate
diff --git a/after/syntax/css/masking-1.vim b/after/syntax/css/masking-1.vim
index 224c9ba..bd6a22f 100644
--- a/after/syntax/css/masking-1.vim
+++ b/after/syntax/css/masking-1.vim
@@ -1,7 +1,3 @@
-syn match cssFontProp contained "\<clip-\(path\|rule\)\>"
-syn match cssFontProp contained "\<mask\(-\(image\|mode\|repeat\|position\|clip\|origin\|size\|composite\|type\)\)\=\>"
-syn match cssFontProp contained "\<mask-border\(-\(source\|mode\|slice\|width\|outset\|repeat\)\)\=\>"
-syn keyword cssFontAttr contained nonzero evenodd alpha luminance add subtract intersect exclude
-syn match cssFontAttr contained "\<\(fill\|stroke\|view\)-box\>"
-syn match cssFontAttr contained "\<no-clip\>"
-syn match cssTagName "\<mask\>"
+syn keyword cssFontProp contained clip-path clip-rule mask mask-image mask-mode mask-repeat mask-position mask-clip mask-origin mask-size mask-composite mask-type mask-border mask-border-source mask-border-mode mask-border-slice mask-border-width mask-border-outset mask-border-repeat
+syn keyword cssFontAttr contained nonzero evenodd alpha luminance add subtract intersect exclude fill-box stroke-box view-box no-clip
+syn keyword cssTagName mask
diff --git a/after/syntax/css/mixins-1.vim b/after/syntax/css/mixins-1.vim
new file mode 100644
index 0000000..81b6371
--- /dev/null
+++ b/after/syntax/css/mixins-1.vim
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained result
+syn match cssFontDescriptor "@function\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
diff --git a/after/syntax/css/motion-1.vim b/after/syntax/css/motion-1.vim
index 454d463..548ecde 100644
--- a/after/syntax/css/motion-1.vim
+++ b/after/syntax/css/motion-1.vim
@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<offset\(-\(path\|distance\|position\|anchor\|rotate\)\)\=\>"
+syn keyword cssFontProp contained offset offset-path offset-distance offset-position offset-anchor offset-rotate
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(ray\|path\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/multicol-1.vim b/after/syntax/css/multicol-1.vim
index 1f08bb6..f05245f 100644
--- a/after/syntax/css/multicol-1.vim
+++ b/after/syntax/css/multicol-1.vim
@@ -1 +1 @@
-syn match cssFontAttr contained "\<balance\(-all\)\=\>"
+syn keyword cssFontAttr contained balance balance-all
diff --git a/after/syntax/css/multicol-2.vim b/after/syntax/css/multicol-2.vim
new file mode 100644
index 0000000..3ae7c15
--- /dev/null
+++ b/after/syntax/css/multicol-2.vim
@@ -0,0 +1 @@
+syn keyword cssPseudoClassId contained column
diff --git a/after/syntax/css/nav-1.vim b/after/syntax/css/nav-1.vim
index 31c4c86..dc98c2e 100644
--- a/after/syntax/css/nav-1.vim
+++ b/after/syntax/css/nav-1.vim
@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<spatial-navigation-\(action\|contain\|function\)\>"
+syn keyword cssFontProp contained spatial-navigation-action spatial-navigation-contain spatial-navigation-function
 syn keyword cssFontAttr contained focus
diff --git a/after/syntax/css/overflow-3.vim b/after/syntax/css/overflow-3.vim
index d0ead52..c4a0149 100644
--- a/after/syntax/css/overflow-3.vim
+++ b/after/syntax/css/overflow-3.vim
@@ -1,6 +1,2 @@
-syn keyword cssFontProp contained continue
-syn match cssFontProp contained "\<overflow-\(clip-margin\|block\|inline\)\>"
-syn match cssFontProp contained "\<scrollbar-gutter\>"
-syn match cssFontProp contained "\<block-ellipsis\>"
-syn match cssFontProp contained "\<line-clamp\>"
-syn match cssFontProp contained "\<max-lines\>"
+syn keyword cssFontProp contained continue overflow-clip-margin overflow-block overflow-inline scrollbar-gutter block-ellipsis line-clamp max-lines scroll-behavior
+syn keyword cssFontAttr contained smooth
diff --git a/after/syntax/css/overflow-4.vim b/after/syntax/css/overflow-4.vim
index 1c78b5c..6961d07 100644
--- a/after/syntax/css/overflow-4.vim
+++ b/after/syntax/css/overflow-4.vim
@@ -1,2 +1,3 @@
+syn keyword cssFontProp contained overflow-clip-margin-block overflow-clip-margin-block-start overflow-clip-margin-block-end overflow-clip-margin-inline overflow-clip-margin-inline-start overflow-clip-margin-inline-end overflow-clip-margin-top overflow-clip-margin-right overflow-clip-margin-bottom overflow-clip-margin-left
 syn keyword cssFontAttr contained stable force overflow paginate fragments
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(nth-fragment\)(" end=")" oneline
diff --git a/after/syntax/css/overflow-5.vim b/after/syntax/css/overflow-5.vim
new file mode 100644
index 0000000..de93dc4
--- /dev/null
+++ b/after/syntax/css/overflow-5.vim
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained scroll-marker-group
+syn keyword cssPseudoClassId contained scroll-marker-group scroll-marker target-current
diff --git a/after/syntax/css/overscroll-1.vim b/after/syntax/css/overscroll-1.vim
index c066b70..767119d 100644
--- a/after/syntax/css/overscroll-1.vim
+++ b/after/syntax/css/overscroll-1.vim
@@ -1 +1 @@
-syn match cssFontProp contained "\<overscroll-behavior\(-\(block\|inline\|x\|y\)\)\=\>"
+syn keyword cssFontProp contained overscroll-behavior overscroll-behavior-block overscroll-behavior-inline overscroll-behavior-x overscroll-behavior-y
diff --git a/after/syntax/css/page-3.vim b/after/syntax/css/page-3.vim
index e39ec4b..08431c1 100644
--- a/after/syntax/css/page-3.vim
+++ b/after/syntax/css/page-3.vim
@@ -1 +1 @@
-syn keyword cssFontProp contained marks bleed
+syn keyword cssFontProp contained marks bleed page-orientation
diff --git a/after/syntax/css/page-floats-3.vim b/after/syntax/css/page-floats-3.vim
index 3473672..9d675fa 100644
--- a/after/syntax/css/page-floats-3.vim
+++ b/after/syntax/css/page-floats-3.vim
@@ -1,4 +1,3 @@
-syn match cssPositioningProp contained "\<float-\(reference\|defer\|offset\)\>"
-syn match cssPositioningAttr contained "\<inline-\(start\|end\)\>"
-syn match cssPositioningAttr contained "\<snap-\(block\|inline\)\>"
+syn keyword cssFontProp contained float-reference float-defer float-offset
+syn keyword cssFontAttr contained inline-start inline-end snap-block snap-inline
 syn region cssURL contained matchgroup=cssFunctionName start="\<snap-\(block\|inline\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/pointerevents.vim b/after/syntax/css/pointerevents.vim
index 5a4635c..a31abe2 100644
--- a/after/syntax/css/pointerevents.vim
+++ b/after/syntax/css/pointerevents.vim
@@ -1,3 +1,2 @@
-syn match cssFontProp contained "\<touch-action\>"
-syn keyword cssFontAttr contained manipulation
-syn match cssFontAttr contained "\<pan-\(x\|y\)\>"
+syn keyword cssFontProp contained touch-action
+syn keyword cssFontAttr contained manipulation pan-x pan-y
diff --git a/after/syntax/css/position-3.vim b/after/syntax/css/position-3.vim
index 58daa30..120324e 100644
--- a/after/syntax/css/position-3.vim
+++ b/after/syntax/css/position-3.vim
@@ -1,2 +1 @@
-syn match cssFontProp contained "\<inset\(-\(block\|inline\)\(-\(start\|end\)\)\=\)\=\>"
-syn keyword cssFontAttr contained sticky
+syn keyword cssFontProp contained inset inset-block inset-inline inset-block-start inset-block-end inset-inline-start inset-inline-end
diff --git a/after/syntax/css/position-4.vim b/after/syntax/css/position-4.vim
new file mode 100644
index 0000000..eeb1338
--- /dev/null
+++ b/after/syntax/css/position-4.vim
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained overlay
+syn keyword cssPseudoClassId contained backdrop
diff --git a/after/syntax/css/properties-values-api-1.vim b/after/syntax/css/properties-values-api-1.vim
index 48f3104..bdae428 100644
--- a/after/syntax/css/properties-values-api-1.vim
+++ b/after/syntax/css/properties-values-api-1.vim
@@ -1,2 +1 @@
-syn keyword cssFontProp contained syntax inherits
-syn match cssFontProp contained "\<initial-value\>"
+syn keyword cssFontProp contained syntax inherits initial-value
diff --git a/after/syntax/css/pseudo-4.vim b/after/syntax/css/pseudo-4.vim
index 06911f3..ada8507 100644
--- a/after/syntax/css/pseudo-4.vim
+++ b/after/syntax/css/pseudo-4.vim
@@ -1,3 +1 @@
-syn match cssPseudoClassId contained "\<target-text\>"
-syn match cssPseudoClassId contained "\<\(spelling\|grammer\)-error\>"
-syn match cssPseudoClassId contained "\<file-selectors-button\>"
+syn keyword cssPseudoClassId contained prefix suffix target-text spelling-error grammer-error file-selectors-button search-text details-content
diff --git a/after/syntax/css/regions-1.vim b/after/syntax/css/regions-1.vim
index 5d7791e..1e27e38 100644
--- a/after/syntax/css/regions-1.vim
+++ b/after/syntax/css/regions-1.vim
@@ -1,6 +1,3 @@
-" TODO: create cssRegionsProp group and cssRegionsAttr group
-syn match cssFontProp contained "\<flow-\(into\|from\)\>"
-syn match cssFontProp contained "\<region-fragment\>"
-syn keyword cssFontAttr contained element content break
-syn match cssFontAttr contained "\<\(avoid-\)\=region\>"
+syn keyword cssFontProp contained flow-into flow-from region-fragment
+syn keyword cssFontAttr contained element content break avoid-region region
 syn keyword cssPseudoClassId contained region
diff --git a/after/syntax/css/rhythm-1.vim b/after/syntax/css/rhythm-1.vim
index 4c884c8..4e8555e 100644
--- a/after/syntax/css/rhythm-1.vim
+++ b/after/syntax/css/rhythm-1.vim
@@ -1,3 +1,2 @@
-syn match cssFontProp contained "\<line-height-step\>"
-syn match cssFontProp contained "\<block-step\(-\(size\|insert\|align\|round\)\)\=\>"
+syn keyword cssFontProp contained line-height-step block-step block-step-size block-step-insert block-step-align block-step-round
 syn keyword cssFontAttr contained margin up down nearest
diff --git a/after/syntax/css/round-display-1.vim b/after/syntax/css/round-display-1.vim
index 73c93b0..8cd2eaa 100644
--- a/after/syntax/css/round-display-1.vim
+++ b/after/syntax/css/round-display-1.vim
@@ -1,7 +1,2 @@
-syn match cssFontProp contained "\<shape-inside\>"
-syn match cssFontProp contained "\<border-boundary\>"
-syn match cssFontProp contained "\<polar-\(angle\|distance\)\>"
-syn keyword cssFontAttr contained parent polar
-syn match cssFontAttr contained "\<outside-shape\>"
-syn match cssFontAttr contained "\<shape-box\>"
-syn match cssMediaProp contained /device-radius/
+syn keyword cssFontProp contained shape-inside border-boundary polar-angle polar-distance device-radius
+syn keyword cssFontAttr contained parent polar contained outside-shape contained shape-box
diff --git a/after/syntax/css/ruby-1.vim b/after/syntax/css/ruby-1.vim
index 7cc9285..90c1e3e 100644
--- a/after/syntax/css/ruby-1.vim
+++ b/after/syntax/css/ruby-1.vim
@@ -1,4 +1,2 @@
-syn match cssFontProp contained "\<ruby-\(position\|merge\|align\|overhang\)"
-syn keyword cssFontAttr contained merge
-syn match cssFontAttr contained "\<ruby-\(base\|text\)-container\>"
-syn match cssFontAttr contained "\<inter-character\>"
+syn keyword cssFontProp contained ruby-position ruby-merge ruby-align ruby-overhang
+syn keyword cssFontAttr contained ruby ruby-base ruby-text ruby-base-container ruby-text-container inter-character merge
diff --git a/after/syntax/css/scoping-1.vim b/after/syntax/css/scoping-1.vim
index 534e7d7..07b8893 100644
--- a/after/syntax/css/scoping-1.vim
+++ b/after/syntax/css/scoping-1.vim
@@ -1,5 +1,4 @@
-syn keyword cssPseudoClassId contained host shadow content
-syn match cssPseudoClassId contained "\<\(scope\|host\)-context\>"
+syn keyword cssPseudoClassId contained host shadow content scope-context host-context
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(host\)(" end=")" oneline
 syn match cssSelectorOp2 "/deep/"
 syn match cssFontDescriptor "@scope\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
diff --git a/after/syntax/css/scroll-anchoring-1.vim b/after/syntax/css/scroll-anchoring-1.vim
index 7285d4c..d5bba0c 100644
--- a/after/syntax/css/scroll-anchoring-1.vim
+++ b/after/syntax/css/scroll-anchoring-1.vim
@@ -1 +1 @@
-syn match cssFontProp contained "\<overflow-anchor\>"
+syn keyword cssFontProp contained overflow-anchor
diff --git a/after/syntax/css/scroll-animations-1.vim b/after/syntax/css/scroll-animations-1.vim
new file mode 100644
index 0000000..559fc61
--- /dev/null
+++ b/after/syntax/css/scroll-animations-1.vim
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained scroll-timeline-name scroll-timeline-axis scroll-timeline view-timeline-name view-timeline-axis view-timeline-inset view-timeline animation-range animation-delay-start animation-delay-end timeline-scope
+syn keyword cssFontAttr contained entry exit defer ancestor
diff --git a/after/syntax/css/scroll-snap-1.vim b/after/syntax/css/scroll-snap-1.vim
index 77f654c..44c0052 100644
--- a/after/syntax/css/scroll-snap-1.vim
+++ b/after/syntax/css/scroll-snap-1.vim
@@ -1,3 +1,2 @@
-syn match cssFontProp contained "\<scroll-snap-\(type\|align\|stop\)\>"
-syn match cssFontProp contained "\<scroll-\(padding\|margin\)\(-\(top\|bottom\|right\|left\|\(block\|inline\)\(-\(end\|start\)\)\=\)\)\=\>"
+syn keyword cssFontProp contained scroll-snap-type scroll-snap-align scroll-snap-stop scroll-padding scroll-margin scroll-padding-top scroll-padding-right scroll-padding-bottom scroll-padding-left scroll-padding-inline-start scroll-padding-block-start scroll-padding-inline-end scroll-padding-block-end scroll-padding-block scroll-padding-inline scroll-margin-top scroll-margin-right scroll-margin-bottom scroll-margin-left scroll-margin-inline-start scroll-margin-block-start scroll-margin-inline-end scroll-margin-block-end scroll-margin-block scroll-margin-inline
 syn keyword cssFontAttr contained x y mandatory proximity
diff --git a/after/syntax/css/scroll-snap-2.vim b/after/syntax/css/scroll-snap-2.vim
new file mode 100644
index 0000000..44cd151
--- /dev/null
+++ b/after/syntax/css/scroll-snap-2.vim
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained scroll-start-target
+syn keyword cssPseudoClassId contained snapped snapped-x snapped-y snapped-block snapped-inline
diff --git a/after/syntax/css/scrollbars-1.vim b/after/syntax/css/scrollbars-1.vim
index 6d50b13..032c303 100644
--- a/after/syntax/css/scrollbars-1.vim
+++ b/after/syntax/css/scrollbars-1.vim
@@ -1 +1 @@
-syn match cssFontProp contained "\<scrollbar-\(color\|width\)\>"
+syn keyword cssFontProp contained scrollbar-color scrollbar-width
diff --git a/after/syntax/css/selectors-3.vim b/after/syntax/css/selectors-3.vim
index d6b3c6a..6676b62 100644
--- a/after/syntax/css/selectors-3.vim
+++ b/after/syntax/css/selectors-3.vim
@@ -1,2 +1,2 @@
-syn keyword cssPseudoClassId contained enabled indeterminate
+syn keyword cssPseudoClassId contained indeterminate
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(nth\(-last\)\=-\(child\|of-type\)\|not\)(" end=")" oneline
diff --git a/after/syntax/css/selectors-4.vim b/after/syntax/css/selectors-4.vim
index 35abf70..39a23b1 100644
--- a/after/syntax/css/selectors-4.vim
+++ b/after/syntax/css/selectors-4.vim
@@ -1,12 +1,3 @@
 syn match cssSelectorOp "[|]"
-syn keyword cssPseudoClassId contained scope current past future default valid required optional blank playing paused defined modal fullscreen seeking buffering stalled muted autofill
-syn match cssPseudoClassId contained "\<\(any\|local\)-link\>"
-syn match cssPseudoClassId contained "\<read-\(only\|write\)\>"
-syn match cssPseudoClassId contained "\<placeholder-shown\>"
-syn match cssPseudoClassId contained "\<\(in\|out-of\)-range\>"
-syn match cssPseudoClassId contained "\<user-\(invalid\|valid\)\>"
-syn match cssPseudoClassId contained "\<target-within\>"
-syn match cssPseudoClassId contained "\<focus-\(within\|visible\)\>"
-syn match cssPseudoClassId contained "\<picture-in-picture\>"
-syn match cssPseudoClassId contained "\<volume-locked\>"
-syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(is\|dir\|local-link\|current\|nth\(-last\)\=-col\|has\|where\)(" end=")" oneline
+syn keyword cssPseudoClassId contained defined any-link scope playing paused seeking buffering stalled muted volume-locked open popover-open modal fullscreen picture-in-picture read-only read-write placeholder-shown autofill default valid in-range out-of-range required optional user-valid user-invalid
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(where\|has\|dir\)(" end=")" oneline
diff --git a/after/syntax/css/shapes-1.vim b/after/syntax/css/shapes-1.vim
index 1b7eef1..faa9f27 100644
--- a/after/syntax/css/shapes-1.vim
+++ b/after/syntax/css/shapes-1.vim
@@ -1,4 +1,3 @@
-" TODO: create cssShapesProp group and cssShapesAttr group
-syn match cssFontProp contained "\<shape-\(outside\|image-threshold\|margin\)\>"
-syn match cssFontAttr contained "\<margin-box\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(inset\|circle\|ellipse\|polygon\)\s*(" end=")" oneline keepend
+syn keyword cssFontProp contained shape-outside shape-image-threshold shape-margin
+syn keyword cssFontAttr contained margin-box
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(inset\|circle\|ellipse\|polygon\|shape\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/sizing-3.vim b/after/syntax/css/sizing-3.vim
index 4dd6b68..e69de29 100644
--- a/after/syntax/css/sizing-3.vim
+++ b/after/syntax/css/sizing-3.vim
@@ -1,2 +0,0 @@
-syn match cssFontAttr contained "\<\(\(min\|max\)-content\)\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(fit-content\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/sizing-4.vim b/after/syntax/css/sizing-4.vim
index d0812af..e8aeb90 100644
--- a/after/syntax/css/sizing-4.vim
+++ b/after/syntax/css/sizing-4.vim
@@ -1,3 +1,2 @@
-syn match cssFontProp contained "\<contain-intrinsic-size\>"
-syn match cssFontProp contained "\<min-intrinsic-sizing\>"
-syn match cssFontAttr contained "\<zero-if-\(scroll\|extrinsic\)\>"
+syn keyword cssFontProp contained contain-intrinsic-size min-intrinsic-sizing
+syn keyword cssFontAttr contained zero-if-scroll zero-if-extrinsic
diff --git a/after/syntax/css/speech-1.vim b/after/syntax/css/speech-1.vim
index 0de3014..2b4a78b 100644
--- a/after/syntax/css/speech-1.vim
+++ b/after/syntax/css/speech-1.vim
@@ -1,6 +1,3 @@
-syn match cssAuralProp contained "\<voice-\(volume\|balance\|rate\|pitch\|range\|stress\|duration\)\>"
-syn match cssAuralProp contained "\<rest\(-\(before\|after\)\)\=\>"
-syn keyword cssAuralAttr contained young old neutral preserve moderate reduced
-syn match cssAuralAttr contained "\<\(literal\|no\)-punctuation\>"
-syn match cssAuralAttr contained "\<\(x-\)\=\(weak\|strong\)\>"
+syn keyword cssFontProp contained voice-volume voice-balance voice-rate voice-pitch voice-range voice-stress voice-duration rest rest-before rest-after
+syn keyword cssFontAttr contained young old neutral preserve moderate reduced literal-punctuation no-punctuation weak x-weak strong x-strong never
 syn match cssValueNumber contained "[-+]\=\d\+\(dB\|st\)"
diff --git a/after/syntax/css/svg2.vim b/after/syntax/css/svg2.vim
index aca86c9..90eb756 100644
--- a/after/syntax/css/svg2.vim
+++ b/after/syntax/css/svg2.vim
@@ -1,15 +1,4 @@
 syn keyword cssTagName animate animateMotion animateTransform circle clipPath cursor defs desc discard ellipse feBlend feColorMatrix feComponentTransfer feComposite feConvolveMatrix feDiffuseLighting feDisplacementMap feDistantLight feDropShadow feFlood feFuncA feFuncB feFuncG feFuncR feGaussianBlur feImage feMerge feMergeNode feMorphology feOffset fePointLight feSpecularLighting feSpotLight feTile feTurbulence filter foreignObject g hatch hatchpath image line linearGradient marker mesh meshgradient meshpatch meshrow metadata mpath path pattern polygon polyline radialGradient rect set solidcolor stop switch symbol text textPath tspan unknown use view
-syn keyword cssFontProp contained cx cy d r rx ry x y
-syn match cssFontProp contained "\<color-\(interpolation\|rendering\)\>"
-syn match cssFontProp contained "\<marker-\(end\|mid\|start\)\>"
-syn match cssFontProp contained "\<shape-rendering\>"
-syn match cssFontProp contained "\<solid-\(color\|opacity\)\>"
-syn match cssFontProp contained "\<stop-\(color\|opacity\)\>"
-syn match cssFontProp contained "\<text-anchor\>"
-syn match cssFontProp contained "\<vector-effect\>"
-syn keyword cssFontAttr contained crispEdges geometricPrecision optimizeQuality viewport
-syn match cssFontAttr contained "\<context-\(fill\|stroke\)\>"
-syn match cssFontAttr contained "\<fixed-position\>"
-syn match cssFontAttr contained "\<miter\(-clip\)\=\>"
-syn match cssFontAttr contained "\<non-\(scaling-stroke\|scaling-size\|rotation\)\>"
+syn keyword cssFontProp contained cx cy d r rx ry x y color-interpolation color-rendering marker-end marker-mid marker-start shape-rendering solid-color solid-opacity stop-color stop-opacity text-anchor vector-effect
+syn keyword cssFontAttr contained crispEdges geometricPrecision optimizeQuality viewport context-fill context-stroke fixed-position miter miter-clip non-scaling-stroke non-scaling-size non-rotation
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(child\|icc-color\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/text-3.vim b/after/syntax/css/text-3.vim
index 2df6a23..848119b 100644
--- a/after/syntax/css/text-3.vim
+++ b/after/syntax/css/text-3.vim
@@ -1,8 +1,2 @@
-syn match cssTextProp contained "\<tab-size\>"
-syn match cssTextProp contained "\<text-align-all\>"
-syn keyword cssTextAttr contained loose strict hanging anywhere
-syn match cssTextAttr contained "\<match-parent\>"
-syn match cssTextAttr contained "\<each-line\>"
-syn match cssTextAttr contained "\<full-width\>"
-syn match cssTextAttr contained "\<justify-all\>"
-syn match cssTextAttr contained "\<break-spaces\>"
+syn keyword cssFontProp contained tab-size text-align-all
+syn keyword cssFontAttr contained loose strict hanging anywhere match-parent each-line full-width justify-all break-spaces
diff --git a/after/syntax/css/text-4.vim b/after/syntax/css/text-4.vim
index 062b8eb..a5444a2 100644
--- a/after/syntax/css/text-4.vim
+++ b/after/syntax/css/text-4.vim
@@ -1,18 +1,2 @@
-syn match cssTextProp contained "\<text-space-\(collapse\|trim\)\>"
-syn match cssTextProp contained "\<text-\(wrap\|spacing\|group-align\)\>"
-syn match cssTextProp contained "\<wrap-\(before\|after\|inside\)\>"
-syn match cssTextProp contained "\<hyphenate-\(character\|limit-\(zone\|chars\|lines\|last\)\)\>"
-syn match cssTextProp contained "\<line-padding\>"
-syn match cssTextProp contained "\<word-boundary-\(detection\|expansion\)\>"
-syn keyword cssTextAttr contained spread punctuation
-syn match cssTextAttr contained "\<preserve-\(breaks\|spaces\)\>"
-syn match cssTextAttr contained "\<trim-inner\>"
-syn match cssTextAttr contained "\<discard-\(before\|after\)\>"
-syn match cssTextAttr contained "\<avoid-\(line\|flex\)\>"
-syn match cssTextAttr contained "\<pre-wrap-auto\>"
-syn match cssTextAttr contained "\<no-limit\>"
-syn match cssTextAttr contained "\<\(trim\|space\)-\(start\|end\|adjacent\)\>"
-syn match cssTextAttr contained "\<space-first\>"
-syn match cssTextAttr contained "\<no-compress\>"
-syn match cssTextAttr contained "\<ideograph-\(alpha\|numeric\)\>"
-syn match cssTextAttr contained "\<ideographic-space\>"
+syn keyword cssFontProp contained white-space-collapse white-space-trim text-space-trim text-wrap text-autospace text-spacing-trim text-spacing text-group-align wrap-before wrap-after wrap-inside hyphenate-character hyphenate-limit-zone hyphenate-limit-chars hyphenate-limit-lines hyphenate-limit-last line-padding word-boundary-detection word-space-transform
+syn keyword cssFontAttr contained math-auto spread punctuation preserve-breaks preserve-spaces discard-inner discard-before discard-after pretty avoid-line avoid-flex pre-wrap-auto no-limit space-all trim-both space-first trim-all no-compress ideograph-alpha ideograph-numeric ideographic-space
diff --git a/after/syntax/css/text-decor-3.vim b/after/syntax/css/text-decor-3.vim
index 79a186c..c0487c1 100644
--- a/after/syntax/css/text-decor-3.vim
+++ b/after/syntax/css/text-decor-3.vim
@@ -1,2 +1,2 @@
-syn match cssTextProp contained "\<text-\(decoration\(-\(color\|line\|style\)\)\=\|underline-position\|emphasis\(-\(color\|position\|style\)\)\=\)\>"
-syn keyword cssTextAttr contained wavy alphabetic ink under filled dot triangle sesame over
+syn keyword cssFontProp contained text-decoration-color text-decoration-line text-decoration-style text-emphasis text-emphasis-color text-emphasis-position text-emphasis-style
+syn keyword cssFontAttr contained wavy alphabetic ink under filled dot triangle sesame over
diff --git a/after/syntax/css/text-decor-4.vim b/after/syntax/css/text-decor-4.vim
index 5e7da86..b2369d5 100644
--- a/after/syntax/css/text-decor-4.vim
+++ b/after/syntax/css/text-decor-4.vim
@@ -1,6 +1,2 @@
-syn match cssTextProp contained "\<text-\(decoration-\(thickness\|skip\|skip-ink\)\|underline-offset\|emphasis-skip\)\>"
-syn keyword cssTextAttr contained objects edges symbols narrow
-syn match cssTextAttr contained "\<\(spelling\|grammer\)-error\>"
-syn match cssTextAttr contained "\<from-font\>"
-syn match cssTextAttr contained "\<\(\(leading\|trailing\)-\)\=spaces\>"
-syn match cssTextAttr contained "\<box-decoration\>"
+syn keyword cssFontProp contained text-decoration-thickness text-underline-offset text-decoration-skip text-decoration-skip-ink text-emphasis-skip
+syn keyword cssFontAttr contained objects edges symbols narrow spelling-error grammer-error from-font spaces leading-spaces trailing-spaces box-decoration
diff --git a/after/syntax/css/transforms-1.vim b/after/syntax/css/transforms-1.vim
index 1969b72..7f41d37 100644
--- a/after/syntax/css/transforms-1.vim
+++ b/after/syntax/css/transforms-1.vim
@@ -1 +1 @@
-syn match cssFontProp contained "\<transform-box\>"
+syn keyword cssFontProp contained transform-box
diff --git a/after/syntax/css/transitions-2.vim b/after/syntax/css/transitions-2.vim
new file mode 100644
index 0000000..afd1cb0
--- /dev/null
+++ b/after/syntax/css/transitions-2.vim
@@ -0,0 +1 @@
+syn match cssFontDescriptor "@\(starting-style\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
diff --git a/after/syntax/css/ui-3.vim b/after/syntax/css/ui-3.vim
index 7f966d2..8184cdb 100644
--- a/after/syntax/css/ui-3.vim
+++ b/after/syntax/css/ui-3.vim
@@ -1,2 +1,2 @@
-syn match cssUIProp contained "\<caret-color\>"
-syn keyword cssUIAttr contained grab grabbing
+syn keyword cssFontProp contained caret-color
+syn keyword cssFontAttr contained grab grabbing
diff --git a/after/syntax/css/ui-4.vim b/after/syntax/css/ui-4.vim
index 4d92916..ac68789 100644
--- a/after/syntax/css/ui-4.vim
+++ b/after/syntax/css/ui-4.vim
@@ -1,3 +1,2 @@
-syn match cssUIProp contained "\<caret\(-shape\)\=\>"
-syn keyword cssUIAttr contained fade underscore
-syn region cssFunction contained matchgroup=cssFunctionName start="\<fade\s*(" end=")" oneline keepend
+syn keyword cssFontProp contained caret-shape caret-animation caret interactivity interest-delay-start interest-delay-end interest-delay accent-color
+syn keyword cssFontAttr contained underscore inert
diff --git a/after/syntax/css/unofficials.vim b/after/syntax/css/unofficials.vim
index 1b257d8..572f24f 100644
--- a/after/syntax/css/unofficials.vim
+++ b/after/syntax/css/unofficials.vim
@@ -1,2 +1,5 @@
-syn match cssFontProp contained "\<backdrop-filter\>"
+" https://drafts.fxtf.org/filter-effects-2/
+syn keyword cssFontProp contained backdrop-filter
+
+" https://drafts.csswg.org/css-env-1/
 syn region cssFunction contained matchgroup=cssFunctionName start="\<env\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/values-3.vim b/after/syntax/css/values-3.vim
index f940843..d70f6f8 100644
--- a/after/syntax/css/values-3.vim
+++ b/after/syntax/css/values-3.vim
@@ -1,2 +1,2 @@
-syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(ch\|q\)"
+syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(q\)"
 syn match cssValueAngle contained "[-+]\=\d\+\(\.\d*\)\=turn"
diff --git a/after/syntax/css/values-4.vim b/after/syntax/css/values-4.vim
index 63c9586..fbde8e7 100644
--- a/after/syntax/css/values-4.vim
+++ b/after/syntax/css/values-4.vim
@@ -1,3 +1,3 @@
 syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(rex\|cap\|rcap\|rch\|ic\|ric\|lh\|rlh\)"
 syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(s\|l\|d\)\=v\(h\|w\|i\|b\|min\|max\)"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(mix\|min\|max\|clamp\|round\|mod\|rem\|a\=\(sin\|cos\|tan\)\|atan2\|pow\|sqrt\|hypot\|log\|exp\|abs\|sign\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(min\|max\|clamp\|round\|mod\|rem\|a\=\(sin\|cos\|tan\)\|atan2\|pow\|sqrt\|hypot\|log\|exp\|abs\|sign\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/values-5.vim b/after/syntax/css/values-5.vim
new file mode 100644
index 0000000..46052b8
--- /dev/null
+++ b/after/syntax/css/values-5.vim
@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained interpolate-size
+syn keyword cssFontAttr contained numeric-only allow-keyword
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(\(\(media\|container\)-\)\=progress\|\(\(calc\|transform\)-\)\=mix\|cross-fade\|first-valid\|toggle\|if\|inherit\|random\(-item\)\=\|sibling-\(count\|index\)\|calc-size\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/view-transitions-1.vim b/after/syntax/css/view-transitions-1.vim
new file mode 100644
index 0000000..2b798e3
--- /dev/null
+++ b/after/syntax/css/view-transitions-1.vim
@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained view-transition-name
+syn keyword cssPseudoClassId contained view-transition
+syn region cssPseudoClassFn contained matchgroup=cssFunctionName start="\<view-transition-\(group\|image-pair\|old\|new\)(" end=")" contains=cssStringQ,cssStringQQ
diff --git a/after/syntax/css/view-transitions-2.vim b/after/syntax/css/view-transitions-2.vim
new file mode 100644
index 0000000..496eeae
--- /dev/null
+++ b/after/syntax/css/view-transitions-2.vim
@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained view-transition-class navigation types
+syn keyword cssPseudoClassId contained active-view-transition
+syn region cssPseudoClassFn contained matchgroup=cssFunctionName start="\<active-view-transition-type(" end=")" contains=cssStringQ,cssStringQQ
diff --git a/after/syntax/css/web-animations-2.vim b/after/syntax/css/web-animations-2.vim
new file mode 100644
index 0000000..e69de29
diff --git a/after/syntax/css/webvtt1.vim b/after/syntax/css/webvtt1.vim
index e27a0d7..0123c5e 100644
--- a/after/syntax/css/webvtt1.vim
+++ b/after/syntax/css/webvtt1.vim
@@ -1,2 +1,2 @@
-syn match cssPseudoClassId contained "::\<cue\(-region\)\=\>"
+syn keyword cssPseudoClassId contained cue cue-region
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start="::cue\(-region\)\=(" end=")" oneline
diff --git a/after/syntax/css/will-change-1.vim b/after/syntax/css/will-change-1.vim
index 53315a0..bbb567d 100644
--- a/after/syntax/css/will-change-1.vim
+++ b/after/syntax/css/will-change-1.vim
@@ -1,3 +1,2 @@
-" TODO: create cssWillChangeProp group and cssWillChangeAttr group
-syn match cssFontProp contained "\<will-change\>"
-syn match cssFontAttr contained "\<scroll-position\>"
+syn keyword cssFontProp contained will-change
+syn keyword cssFontAttr contained scroll-position
diff --git a/after/syntax/css/writing-modes-3.vim b/after/syntax/css/writing-modes-3.vim
index d8ce9e3..b52086e 100644
--- a/after/syntax/css/writing-modes-3.vim
+++ b/after/syntax/css/writing-modes-3.vim
@@ -1,7 +1,2 @@
-syn match cssFontProp contained "\<writing-mode\>"
-syn match cssFontProp contained "\<text-\(orientation\|combine-upright\)\>"
-syn match cssFontProp contained "\<glyph-orientation-vertical\>"
-syn keyword cssFontAttr contained before after mixed upright plaintext sideways
-syn match cssFontAttr contained "\<isolate\(-override\)\=\>"
-syn match cssFontAttr contained "\<horizontal-tb\>"
-syn match cssFontAttr contained "\<vertical-\(rl\|lr\)\>"
+syn keyword cssFontProp contained writing-mode text-orientation text-combine-upright glyph-orientation-vertical
+syn keyword cssFontAttr contained before after mixed upright plaintext sideways isolate isolate-override horizontal-tb vertical-rl vertical-lr
diff --git a/after/syntax/css/writing-modes-4.vim b/after/syntax/css/writing-modes-4.vim
index 0dc6082..d149725 100644
--- a/after/syntax/css/writing-modes-4.vim
+++ b/after/syntax/css/writing-modes-4.vim
@@ -1 +1 @@
-syn match cssFontAttr contained "\<sideways-\(rl\|lr\)\>"
+syn keyword cssFontAttr contained sideways-rl sideways-lr
diff --git a/test/test.css b/test/test.css
index 79f7735..918064d 100644
--- a/test/test.css
+++ b/test/test.css
@@ -1,776 +1,1025 @@
 .align-3 {
-	place-self: auto;
-	place-content: auto;
-	place-items: auto;
-	row-gap: auto;
-	gap: auto;
-	display: safe;
-	display: unsafe;
-	display: self-start;
-	display: self-end;
-	display: space-evenly;
-	display: legacy;
+  place-self: auto;
+  place-content: auto;
+  place-items: auto;
+  row-gap: auto;
+  display: safe;
+  display: unsafe;
+  display: self-start;
+  display: self-end;
+  display: legacy;
+}
+
+@position-try --anchor-position-1 {
+  anchor-name: auto;
+  anchor-scope: auto;
+  position-area: auto;
+  position-anchor: auto;
+  position-try: auto;
+  position-try-fallbacks: auto;
+  position-try-order: auto;
+  position-visibility: auto;
+  display: span-left;
+  display: span-right;
+  display: span-x-start;
+  display: span-x-end;
+  display: self-x-start;
+  display: self-x-end;
+  display: span-self-x-start;
+  display: span-self-x-end;
+  display: span-all;
+  display: span-top;
+  display: span-bottom;
+  display: span-y-start;
+  display: span-y-end;
+  display: self-y-start;
+  display: self-y-end;
+  display: span-self-y-start;
+  display: span-self-y-end;
+  display: span-block-start;
+  display: span-block-end;
+  display: self-block-start;
+  display: self-block-end;
+  display: span-self-block-start;
+  display: span-self-block-end;
+  display: span-inline-start;
+  display: span-inline-end;
+  display: self-inline-start;
+  display: self-inline-end;
+  display: span-self-inline-start;
+  display: span-self-inline-end;
+  display: span-start;
+  display: span-end;
+  display: span-self-start;
+  display: span-self-end;
+  display: anchor-center;
+  display: most-width;
+  display: most-height;
+  display: most-block-size;
+  display: most-inline-size;
+  display: flip-x;
+  display: flip-y;
+  display: flip-block;
+  display: flip-inline;
+  display: flip-start;
+  display: dialog;
+  display: anchor(--x 50%);
+  display: anchor-size(--foo height);
+}
+
+.anchor-position-2 {
+  display: anchored;
 }
 
 .animations-1 {
-	display: auto;
+  display: auto;
+}
+
+.animations-2 {
+  animation-composition: auto;
+  animation-timeline: auto;
+  display: replace;
+  display: accumulate;
 }
 
 .backgrounds-3 {
-	display: auto;
+  display: auto;
 }
 
 .backgrounds-4 {
-	background-position-x: auto;
-	background-position-y: auto;
-	background-position-inline: auto;
-	background-position-block: auto;
-	corner-shape: auto;
-	corners: auto;
-	border-limit: auto;
-	border-clip: auto;
-	border-clip-top: auto;
-	border-clip-right: auto;
-	border-clip-bottom: auto;
-	border-clip-left: auto;
-	display: x-start;
-	display: x-end;
-	display: y-start;
-	display: y-end;
-	display: bevel;
-	display: scoop;
-	display: notch;
+  background-repeat-x: auto;
+  background-repeat-y: auto;
+  background-repeat-inline: auto;
+  background-repeat-block: auto;
+  background-position-x: auto;
+  background-position-y: auto;
+  background-position-inline: auto;
+  background-position-block: auto;
+  background-tbd: auto;
+  display: x-start;
+  display: x-end;
+  display: y-start;
+  display: y-end;
+  display: border-area;
+  display: text;
+  display: repeat-block;
+  display: repeat-inline;
+}
+
+.borders-4 {
+  border-top-radius: auto;
+  border-right-radius: auto;
+  border-bottom-radius: auto;
+  border-left-radius: auto;
+  border-block-start-radius: auto;
+  border-block-end-radius: auto;
+  border-inline-start-radius: auto;
+  border-inline-end-radius: auto;
+  corner: auto;
+  corner-top-left-shape: auto;
+  corner-top-right-shape: auto;
+  corner-bottom-right-shape: auto;
+  corner-bottom-left-shape: auto;
+  corner-start-start-shape: auto;
+  corner-start-end-shape: auto;
+  corner-end-start-shape: auto;
+  corner-end-end-shape: auto;
+  corner-top-shape: auto;
+  corner-right-shape: auto;
+  corner-bottom-shape: auto;
+  corner-left-shape: auto;
+  corner-inline-start-shape: auto;
+  corner-inline-end-shape: auto;
+  corner-block-start-shape: auto;
+  corner-block-end-shape: auto;
+  corner-shape: auto;
+  corner-top-right: auto;
+  corner-bottom-left: auto;
+  corner-bottom-right: auto;
+  corner-start-start: auto;
+  corner-start-end: auto;
+  corner-end-start: auto;
+  corner-end-end: auto;
+  border-limit: auto;
+  border-clip: auto;
+  border-top-clip: auto;
+  border-right-clip: auto;
+  border-bottom-clip: auto;
+  border-left-clip: auto;
+  border-block-start-clip: auto;
+  border-block-end-clip: auto;
+  border-inline-start-clip: auto;
+  border-inline-end-clip: auto;
+  box-shadow-color: auto;
+  box-shadow-offset: auto;
+  box-shadow-blur: auto;
+  box-shadow-spread: auto;
+  box-shadow-position: auto;
+  border-shape: auto;
+  display: squircle;
+  display: bevel;
+  display: scoop;
+  display: notch;
+  display: superellipse(1);
+  display: sides;
+  display: corners;
 }
 
 .box-3 {
-	display: auto;
+  display: auto;
 }
 
 .box-4 {
-	margin-trim: auto;
-	display: in-flow;
+  margin-trim: auto;
+  display: in-flow;
 }
 
 .break-3 {
-	display: recto;
-	display: verso;
+  display: recto;
+  display: verso;
 }
 
 .break-4 {
-	margin-break: auto;
-	display: keep;
+  margin-break: auto;
+  display: keep;
 }
 
 .cascade-3 {
-	display: auto;
+  display: auto;
 }
 
 @import "cascade-4.css" supports(display: auto);
 
 .cascade-4 {
-	display: revert;
+  display: revert;
 }
 
 @import "cascade-5.css" layer(framework component);
 
 .cascade-5 {
-	display: revert-layer;
+  display: revert-layer;
 }
 
 .color-3 {
-	display: auto;
+  display: auto;
 }
 
 .color-4 {
-	display: hwb(120deg, 44%, 50%);
-	display: lab(1 2 3);
-	display: lch(4 5 6);
-	display: color(swopc, 0 206 190 77);
-	display: device-cmyk(0, 81%, 81%, 30%);
-	display: relative-colorimetric;
-	display: absolute-colorimetric;
-	display: perceptual;
-	display: accentcolor;
-	display: accentcolortext;
+  display: hwb(120deg, 44%, 50%);
+  display: lab(1 2 3);
+  display: lch(4 5 6);
+  display: oklab(1 2 3);
+  display: oklch(4 5 6);
+  display: color(swopc, 0 206 190 77);
+  display: accentcolor;
+  display: accentcolortext;
 }
 
-@color-profile swopc {
-	src: url("http://example.org/swop-coated.icc");
+.color-5 {
+  display: device-cmyk(0, 81%, 81%, 30%);
+  display: color-mix(red yellow 65%);
+  display: light-dark(white, black);
+  display: contrast-color(red max);
 }
 
-.color-5 {
-	display: color-mix(red yellow 65%);
+@color-profile swopc {
+  src: url("http://example.org/swop-coated.icc");
+  components: auto;
+  display: relative-colorimetric;
+  display: absolute-colorimetric;
+  display: perceptual;
 }
 
 .color-adjust-1 {
-	color-scheme: auto;
-	forced-color-adjust: auto;
-	print-color-adjust: auto;
-	color-adjust: auto;
-	display: light;
-	display: economy;
-	display: exact;
+  color-scheme: auto;
+  forced-color-adjust: auto;
+  print-color-adjust: auto;
+  color-adjust: auto;
+  display: light;
+  display: economy;
+  display: exact;
+}
+
+.color-hdr-1 {
+  dynamic-range-limit: auto;
+  display: standard;
+  display: constrained-high;
+  display: dynamic-range-limit-mix(standard 10%, constrained-high 40%, high 50%);
 }
 
 .compositing-1 {
-	mix-blend-mode: auto;
-	isolation: auto;
-	background-blend-mode: auto;
-	display: multiply;
-	display: screen;
-	display: overlay;
-	display: darken;
-	display: lighten;
-	display: color-dodge;
-	display: color-burn;
-	display: hard-light;
-	display: soft-light;
-	display: difference;
-	display: exclusion;
-	display: hue;
-	display: saturation;
-	display: color;
-	display: luminosity;
+  mix-blend-mode: auto;
+  isolation: auto;
+  background-blend-mode: auto;
+  display: multiply;
+  display: screen;
+  display: overlay;
+  display: darken;
+  display: lighten;
+  display: color-dodge;
+  display: color-burn;
+  display: hard-light;
+  display: soft-light;
+  display: difference;
+  display: exclusion;
+  display: hue;
+  display: saturation;
+  display: color;
+  display: luminosity;
 }
 
 @supports (display: auto) or
-(display: auto) not
-(display: auto) {
-	.conditional-3 {
-		display: auto;
-	}
+  (display: auto) not
+  (display: auto) {
+  .conditional-3 {
+    display: auto;
+  }
 }
 
 @supports (selector(.conditional-4)) {
-	.conditional-4 {
-		display: auto;
-	}
+  .conditional-4 {
+    display: auto;
+  }
 }
 
 @when media(screen) {
-	.conditional-5 {
-		display: auto;
-	}
+  .conditional-5 {
+    container-type: auto;
+    container-name: auto;
+    container: auto;
+    display: inline-size;
+  }
 } @else {
-	.conditional-5 {
-		display: auto;
-	}
+  .conditional-5 {
+    display: auto;
+  }
+}
+
+@supports-condition --thicker-underlines {
+  .conditional-5 {
+    display: auto;
+  }
 }
 
 .contain-1 {
-	contain: auto;
-	display: layout;
-	display: paint;
-	display: size;
+  contain: auto;
+  display: layout;
+  display: paint;
+  display: size;
 }
 
 .contain-2 {
-	content-visibility: auto;
+  content-visibility: auto;
 }
 
 .contain-3 {
-	display: auto;
+  display: auto;
 }
 
 .content-3 {
-	string-set: auto;
-	bookmark-level: auto;
-	bookmark-label: auto;
-	bookmark-state: auto;
-	display: open;
-	display: closed;
-	display: leader('.');
-	display: string(heading, first);
-	display: target-counter(attr(href url), page);
-	display: target-counters(lack-of-example);
-	display: target-text(attr(href url));
+  string-set: auto;
+  bookmark-level: auto;
+  bookmark-label: auto;
+  bookmark-state: auto;
+  display: open;
+  display: closed;
+  display: leader('.');
+  display: string(heading, first);
+  display: target-counter(attr(href url), page);
+  display: target-counters(lack-of-example);
+  display: target-text(attr(href url));
 }
 
 @counter-style counter-styles-3 {
-	system: auto;
-	negative: auto;
-	prefix: auto;
-	suffix: auto;
-	range: auto;
-	pad: auto;
-	fallback: auto;
-	symbols: auto;
-	additive-symbols: auto;
-	speak-as: auto;
-	display: cyclic;
-	display: symbolic;
-	display: additive;
-	display: extends;
-	display: bullets;
-	display: numbers;
-	display: words;
-	display: symbols("*" "\2020" "\2021" "\A7");
-	display: arabic-indic;
-	display: upper-armenian;
-	display: lower-armenian;
-	display: bengali;
-	display: cambodian;
-	display: khmer;
-	display: cjk-decimal;
-	display: devanagari;
-	display: gujarati;
-	display: gurmukhi;
-	display: kannada;
-	display: lao;
-	display: malayalam;
-	display: mongolian;
-	display: myanmar;
-	display: oriya;
-	display: persian;
-	display: tamil;
-	display: telugu;
-	display: thai;
-	display: tibetan;
-	display: cjk-earthly-branch;
-	display: cjk-heavenly-stem;
-	display: disclosure-closed;
-	display: disclosure-open;
-	display: japanese-informal;
-	display: japanese-formal;
-	display: korean-hangul-formal;
-	display: korean-hanja-informal;
-	display: korean-hanja-formal;
-	display: simp-chinese-informal;
-	display: simp-chinese-formal;
-	display: trad-chinese-informal;
-	display: trad-chinese-formal;
-	display: ethiopic-numeric;
+  system: auto;
+  negative: auto;
+  prefix: auto;
+  suffix: auto;
+  range: auto;
+  pad: auto;
+  fallback: auto;
+  symbols: auto;
+  additive-symbols: auto;
+  speak-as: auto;
+  display: cyclic;
+  display: symbolic;
+  display: additive;
+  display: extends;
+  display: bullets;
+  display: numbers;
+  display: words;
+  display: symbols("*" "\2020" "\2021" "\A7");
+  display: arabic-indic;
+  display: upper-armenian;
+  display: lower-armenian;
+  display: bengali;
+  display: cambodian;
+  display: khmer;
+  display: cjk-decimal;
+  display: devanagari;
+  display: gujarati;
+  display: gurmukhi;
+  display: kannada;
+  display: lao;
+  display: malayalam;
+  display: mongolian;
+  display: myanmar;
+  display: oriya;
+  display: persian;
+  display: tamil;
+  display: telugu;
+  display: thai;
+  display: tibetan;
+  display: cjk-earthly-branch;
+  display: cjk-heavenly-stem;
+  display: disclosure-closed;
+  display: disclosure-open;
+  display: japanese-informal;
+  display: japanese-formal;
+  display: korean-hangul-formal;
+  display: korean-hanja-informal;
+  display: korean-hanja-formal;
+  display: simp-chinese-informal;
+  display: simp-chinese-formal;
+  display: trad-chinese-informal;
+  display: trad-chinese-formal;
+  display: ethiopic-numeric;
 }
 
 .cssom-1 {
-	display: auto;
 }
 
 .cssom-view-1 {
-	scroll-behavior: smooth;
+  display: auto;
 }
 
 .device-adapt-1 {
-	display: auto;
+  display: auto;
 }
 
 @viewport {
-	min-zoom: auto;
-	max-zoom: auto;
-	user-zoom: auto;
+  min-zoom: auto;
+  max-zoom: auto;
+  user-zoom: auto;
 }
 
 .display-3 {
-	display: contents;
-	display: run-in;
-	display: ruby;
-	display: ruby-base;
-	display: ruby-text;
+  display: contents;
+  display: run-in;
+}
+
+.display-4 {
+  reading-flow: auto;
+  reading-order: auto;
+  display: flex-visual;
+  display: flex-flow;
+  display: grid-rows;
+  display: grid-columns;
+  display: source-order;
+  display: force-hidden;
 }
 
 .easing-1 {
-	display: auto;
+  display: auto;
+}
+
+.easing-2 {
+  display: linear(0, 0.25, 1);
+}
+
+.env-1 {
+  display: env(foo, red, blue);
 }
 
 .exclusions-3 {
-	wrap-flow: auto;
-	wrap-through: auto;
-	display: minimum;
-	display: maximum;
+  wrap-flow: auto;
+  wrap-through: auto;
+  display: minimum;
+  display: maximum;
 }
 
 .fill-stroke-3 {
-	fill-rule: auto;
-	fill-break: auto;
-	fill-color: auto;
-	fill-image: auto;
-	fill-origin: auto;
-	fill-position: auto;
-	fill-size: auto;
-	fill-repeat: auto;
-	fill: auto;
-	fill-opacity: auto;
-	stroke-width: auto;
-	stroke-align: auto;
-	stroke-linecap: auto;
-	stroke-linejoin: auto;
-	stroke-miterlimit: auto;
-	stroke-break: auto;
-	stroke-dasharray: auto;
-	stroke-dashoffset: auto;
-	stroke-dash-corner: auto;
-	stroke-dash-justify: auto;
-	stroke-color: auto;
-	stroke-image: auto;
-	stroke-origin: auto;
-	stroke-position: auto;
-	stroke-size: auto;
-	stroke-repeat: auto;
-	stroke: auto;
-	stroke-opacity: auto;
-	display: butt;
-	display: arcs;
-	display: stupid;
-	display: compress;
-	display: dashes;
-	display: gaps;
-	display: bounding-box;
+  fill-rule: auto;
+  fill-break: auto;
+  fill-color: auto;
+  fill-image: auto;
+  fill-origin: auto;
+  fill-position: auto;
+  fill-size: auto;
+  fill-repeat: auto;
+  fill: auto;
+  fill-opacity: auto;
+  stroke-width: auto;
+  stroke-align: auto;
+  stroke-linecap: auto;
+  stroke-linejoin: auto;
+  stroke-miterlimit: auto;
+  stroke-break: auto;
+  stroke-dasharray: auto;
+  stroke-dashoffset: auto;
+  stroke-dash-corner: auto;
+  stroke-dash-justify: auto;
+  stroke-color: auto;
+  stroke-image: auto;
+  stroke-origin: auto;
+  stroke-position: auto;
+  stroke-size: auto;
+  stroke-repeat: auto;
+  stroke: auto;
+  stroke-opacity: auto;
+  display: butt;
+  display: arcs;
+  display: stupid;
+  display: compress;
+  display: dashes;
+  display: gaps;
+  display: bounding-box;
 }
 
 .filter-effects-1 {
-	flood-color: auto;
-	flood-opacity: auto;
-	color-interpolation-filters: auto;
-	lighting-color: auto;
-	display: sRGB;
-	display: linearRGB;
-	display: blur(5px);
-	display: brightness(0.4);
-	display: contrast(200%);
-	display: drop-shadow(16px 16px 20px blue);
-	display: grayscale(50%);
-	display: hue-rotate(90deg);
-	display: invert(75%);
-	display: opacity(25%);
-	display: saturate(30%);
-	display: sepia(60%);
+  flood-color: auto;
+  flood-opacity: auto;
+  color-interpolation-filters: auto;
+  lighting-color: auto;
+  display: sRGB;
+  display: linearRGB;
 }
 
 .flexbox-1 {
-	display: auto;
+  display: auto;
 }
 
 .font-loading-3 {
-	display: auto;
+  display: auto;
 }
 
 .fonts-3 {
-	display: common-ligatures;
-	display: no-common-ligatures;
-	display: discretionary-ligatures;
-	display: no-discretionary-ligatures;
-	display: historical-ligatures;
-	display: no-historical-ligatures;
-	display: contextual;
-	display: no-contextual;
-	display: all-small-caps;
-	display: petite-caps;
-	display: all-petite-caps;
-	display: unicase;
-	display: titling-caps;
-	display: lining-nums;
-	display: oldstyle-nums;
-	display: proportional-nums;
-	display: tabular-nums;
-	display: diagonal-fractions;
-	display: stacked-fractions;
-	display: jis78;
-	display: jis83;
-	display: jis90;
-	display: jis04;
-	display: simplified;
-	display: traditional;
-	display: proportional-width;
-	display: ordinal;
-	display: slashed-zero;
+  display: common-ligatures;
+  display: no-common-ligatures;
+  display: discretionary-ligatures;
+  display: no-discretionary-ligatures;
+  display: historical-ligatures;
+  display: no-historical-ligatures;
+  display: contextual;
+  display: no-contextual;
+  display: all-small-caps;
+  display: petite-caps;
+  display: all-petite-caps;
+  display: unicase;
+  display: titling-caps;
+  display: lining-nums;
+  display: oldstyle-nums;
+  display: proportional-nums;
+  display: tabular-nums;
+  display: diagonal-fractions;
+  display: stacked-fractions;
+  display: jis78;
+  display: jis83;
+  display: jis90;
+  display: jis04;
+  display: simplified;
+  display: traditional;
+  display: proportional-width;
+  display: ordinal;
+  display: slashed-zero;
 }
 
 .fonts-4 {
-	font-synthesis-weight: auto;
-	font-synthesis-style: auto;
-	font-synthesis-small-caps: auto;
-	font-variation-settings: auto;
-	font-named-instance: auto;
-	font-display: auto;
-	ascent-override: auto;
-	descent-override: auto;
-	line-gap-override: auto;
-	font-optical-sizing: auto;
-	font-variation-settings: auto;
-	font-palette: auto;
-	font-variant-emoji: auto;
-	font-presentation: auto;
-	display: system-ui;
-	display: emoji;
-	display: math;
-	display: fangsong;
-	display: ui-serif;
-	display: ui-sans-serif;
-	display: ui-monospace;
-	display: ui-rounded;
-	display: xxx-large;
-	display: swap;
-	display: fallback;
-	display: historical-forms;
-	display: stylistic(feature-value-name);
-	display: styleset(feature-value-name #);
-	display: character-variant(feature-vlue-name #);
-	display: swash(feature-value-name);
-	display: ornaments(feature-value-name);
-	display: annotation(feature-value-name);
-	display: light;
-	display: dark;
+  font-synthesis-position: auto;
+  font-synthesis-weight: auto;
+  font-synthesis-style: auto;
+  font-synthesis-small-caps: auto;
+  font-named-instance: auto;
+  font-display: auto;
+  ascent-override: auto;
+  descent-override: auto;
+  line-gap-override: auto;
+  font-optical-sizing: auto;
+  font-variation-settings: auto;
+  font-palette: auto;
+  font-variant-emoji: auto;
+  font-presentation: auto;
+  display: system-ui;
+  display: emoji;
+  display: math;
+  display: fangsong;
+  display: ui-serif;
+  display: ui-sans-serif;
+  display: ui-monospace;
+  display: ui-rounded;
+  display: xxx-large;
+  display: swap;
+  display: fallback;
+  display: historical-forms;
+  display: stylistic(feature-value-name);
+  display: styleset(feature-value-name #);
+  display: character-variant(feature-vlue-name #);
+  display: swash(feature-value-name);
+  display: ornaments(feature-value-name);
+  display: annotation(feature-value-name);
+  display: light;
+  display: dark;
 }
 
 @font-feature-values Test {
-	@swash {
-		swishy: 1;
-		flowing: 2;
-	}
+  @swash {
+    swishy: 1;
+    flowing: 2;
+  }
 }
 
 @font-palette-values Test {
-	base-palette: 1;
-	override-color: 1 rgb(43, 12, 9);
+  base-palette: 1;
+  override-color: 1 rgb(43, 12, 9);
+}
+
+.forms-1::picker(select),
+.forms-1::picker-icon,
+.forms-1::file-selector-button,
+.forms-1::checkmark,
+.forms-1::thumb,
+.forms-1::track,
+.forms-1::fill
+.forms-1::field-text,
+.forms-1::clear-icon,
+.forms-1::placeholder,
+.forms-1::field-text,
+.forms-1::step-control,
+.forms-1::step-up,
+.forms-1::step-down,
+.forms-1::field-component,
+.forms-1::field-separator,
+.forms-1::color-swatch,
+.forms-1:low-value,
+.forms-1:high-value,
+.forms-1:optimal-value {
+  slider-orientation: auto;
+  display: base;
+  display: control-value(<number>);
+  display: left-to-right;
+  display: right-to-left;
+  display: top-to-bottom;
+  display: bottom-to-top;
+}
+
+.gaps-1 {
+  column-rule-break: auto;
+  row-rule-break: auto;
+  rule-break: auto;
+  column-rule-outset: auto;
+  row-rule-outset: auto;
+  rule-outset: auto;
+  rule-paint-order: auto;
+  row-rule-color: auto;
+  row-rule-style: auto;
+  row-rule-width: auto;
+  row-rule: auto;
+  rule-color: auto;
+  rule-style: auto;
+  rule-width: auto;
+  rule: auto;
+  display: spanning-item;
+  display: intersection;
+  display: row-over-column;
+  display: column-over-row;
 }
 
 .gcpm-3::footnote-call,
 .gcpm-3::footnote-marker {
-	running: auto;
-	footnote-display: auto;
-	footnote-policy: auto;
-	display: footnote;
-	display: line;
-	display: element(header);
-	display: running(heading);
+  running: auto;
+  footnote-display: auto;
+  footnote-policy: auto;
+  display: footnote;
+  display: line;
+  display: element(header);
+  display: running(heading);
 }
 
 .geometry-1 {
-	display: auto;
+  display: auto;
 }
 
 .grid-1 {
-	display: minmax(0, 1);
-	display: repeat(4);
-	display: dense;
-	display: auto-flow;
-	display: span;
+  display: minmax(0, 1);
+  display: repeat(4);
+  display: dense;
+  display: auto-flow;
+  display: span;
 }
 
 .grid-2 {
-	display: auto;
+  display: auto;
+}
+
+.grid-3 {
+  flow-tolerance: auto;
+  item-track: auto;
+  item-direction: auto;
+  item-cross: auto;
+  item-wrap: auto;
+  item-pack: auto;
+  item-flow: auto;
+  display: grid-lanes;
+  display: inline-grid-lanes;
 }
 
 .highlight-api-1::highlight(test) {
-	display: auto;
+  display: auto;
 }
 
 .html5,
-picture,
 rb,
 rtc,
 slot,
 template {
-	display: auto;
+  display: auto;
 }
 
 .images-3 {
-	object-fit: auto;
-	object-position: auto;
-	image-orientation: auto;
-	display: snap;
-	display: flip;
-	display: scale-down;
-	display: from-image;
-	display: pixelated;
-	display: repeating-linear-gradient(to bottom, yellow, blue);
-	display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
+  image-orientation: auto;
+  display: snap;
+  display: flip;
+  display: from-image;
+  display: pixelated;
+  display: repeating-linear-gradient(to bottom, yellow, blue);
+  display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
 }
 
 .images-4 {
-	image-resolution: auto;
-	display: image("sprite.svg#xywh=40,0,20,20");
-	display: element(#test);
-	display: conic-gradient(at 25% 30%, white, black 60%);
+  image-resolution: auto;
+  display: image("sprite.svg#xywh=40,0,20,20");
+  display: element(#test);
 }
 
 .inline-3 {
-	dominant-baseline: auto;
-	alignment-baseline: auto;
-	baseline-source: auto;
-	baseline-shift: auto;
-	text-edge: auto;
-	leading-trim: auto;
-	inline-sizing: auto;
-	initial-letter: auto;
-	initial-letter-align: auto;
-	initial-letter-wrap: auto;
-	display: mathematical;
-	display: central;
-	display: ideographic;
-	display: leading;
-	display: cap;
-	display: ex;
-	display: ideographic-ink;
-	display: drop;
-	display: raise;
+  dominant-baseline: auto;
+  alignment-baseline: auto;
+  baseline-source: auto;
+  baseline-shift: auto;
+  line-fit-edge: auto;
+  text-box: auto;
+  text-box-edge: auto;
+  text-box-trim: auto;
+  inline-sizing: auto;
+  initial-letter: auto;
+  initial-letter-align: auto;
+  initial-letter-wrap: auto;
+  display: mathematical;
+  display: central;
+  display: ideographic;
+  display: leading;
+  display: cap;
+  display: ex;
+  display: ideographic-ink;
+  display: drop;
+  display: raise;
+  display: trim-start;
+  display: trim-end;
+  display: trim-both;
 }
 
 .layout-api-1 {
-	display: auto;
+  display: auto;
 }
 
 .line-grid-1 {
-	line-grid: auto;
-	line-snap: auto;
-	box-snap: auto;
-	display: create;
-	display: block-start;
-	display: block-end;
-	display: first-baseline;
-	display: last-baseline;
+  line-grid: auto;
+  line-snap: auto;
+  box-snap: auto;
+  display: create;
+  display: block-start;
+  display: block-end;
+  display: first-baseline;
+  display: last-baseline;
 }
 
 .lists-3::marker {
-	marker-side: auto;
-	counter-set: auto;
-	display: match-self;
-	display: list-container;
-	display: counters(lack-of-example);
+  marker-side: auto;
+  counter-set: auto;
+  display: match-self;
+  display: list-container;
+  display: counters(lack-of-example);
 }
 
 .logical-1 {
-	block-size: auto;
-	inline-size: auto;
-	min-block-size: auto;
-	min-inline-size: auto;
-	max-block-size: auto;
-	max-inline-size: auto;
-	margin-block-start: auto;
-	margin-block-end: auto;
-	margin-inline-start: auto;
-	margin-inline-end: auto;
-	margin-block: auto;
-	margin-inline: auto;
-	padding-block-start: auto;
-	padding-block-end: auto;
-	padding-inline-start: auto;
-	padding-inline-end: auto;
-	padding-block: auto;
-	padding-inline: auto;
-	border-block-start-width: auto;
-	border-block-end-width: auto;
-	border-inline-start-width: auto;
-	border-inline-end-width: auto;
-	border-block-width: auto;
-	border-inline-width: auto;
-	border-block-start-style: auto;
-	border-block-end-style: auto;
-	border-inline-start-style: auto;
-	border-inline-end-style: auto;
-	border-block-style: auto;
-	border-inline-style: auto;
-	border-block-start-color: auto;
-	border-block-end-color: auto;
-	border-inline-start-color: auto;
-	border-inline-end-color: auto;
-	border-block-color: auto;
-	border-inline-color: auto;
-	border-block-start: auto;
-	border-block-end: auto;
-	border-inline-start: auto;
-	border-inline-end: auto;
-	border-block: auto;
-	border-inline: auto;
-	border-start-start-radius: auto;
-	border-start-end-radius: auto;
-	border-end-start-radius: auto;
-	border-end-end-radius: auto;
-	display: logical;
-	display: physical;
-	display: rotate;
+  block-size: auto;
+  inline-size: auto;
+  min-block-size: auto;
+  min-inline-size: auto;
+  max-block-size: auto;
+  max-inline-size: auto;
+  margin-block-start: auto;
+  margin-block-end: auto;
+  margin-inline-start: auto;
+  margin-inline-end: auto;
+  margin-block: auto;
+  margin-inline: auto;
+  padding-block-start: auto;
+  padding-block-end: auto;
+  padding-inline-start: auto;
+  padding-inline-end: auto;
+  padding-block: auto;
+  padding-inline: auto;
+  border-block-start-width: auto;
+  border-block-end-width: auto;
+  border-inline-start-width: auto;
+  border-inline-end-width: auto;
+  border-block-width: auto;
+  border-inline-width: auto;
+  border-block-start-style: auto;
+  border-block-end-style: auto;
+  border-inline-start-style: auto;
+  border-inline-end-style: auto;
+  border-block-style: auto;
+  border-inline-style: auto;
+  border-block-start-color: auto;
+  border-block-end-color: auto;
+  border-inline-start-color: auto;
+  border-inline-end-color: auto;
+  border-block-color: auto;
+  border-inline-color: auto;
+  border-block-start: auto;
+  border-block-end: auto;
+  border-inline-start: auto;
+  border-inline-end: auto;
+  border-block: auto;
+  border-inline: auto;
+  border-start-start-radius: auto;
+  border-start-end-radius: auto;
+  border-end-start-radius: auto;
+  border-end-end-radius: auto;
+  display: logical;
+  display: physical;
+  display: rotate;
 }
 
 .masking-1,
 mask {
-	clip-path: auto;
-	clip-rule: auto;
-	mask-image: auto;
-	mask-mode: auto;
-	mask-repeat: auto;
-	mask-position: auto;
-	mask-clip: auto;
-	mask-origin: auto;
-	mask-size: auto;
-	mask-composite: auto;
-	mask: auto;
-	mask-border-source: auto;
-	display: fill-box;
-	display: stroke-box;
-	display: view-box;
-	display: nonzero;
-	display: evenodd;
-	display: alpha;
-	display: luminance;
-	display: no-clip;
-	display: add;
-	display: subtract;
-	display: intersect;
-	display: exclude;
-	mask-border-mode: auto;
-	mask-border-slice: auto;
-	mask-border-width: auto;
-	mask-border-outset: auto;
-	mask-border-repeat: auto;
-	mask-border: auto;
-	mask-type: auto;
+  clip-path: auto;
+  clip-rule: auto;
+  mask-image: auto;
+  mask-mode: auto;
+  mask-repeat: auto;
+  mask-position: auto;
+  mask-clip: auto;
+  mask-origin: auto;
+  mask-size: auto;
+  mask-composite: auto;
+  mask: auto;
+  mask-border-source: auto;
+  display: fill-box;
+  display: stroke-box;
+  display: view-box;
+  display: nonzero;
+  display: evenodd;
+  display: alpha;
+  display: luminance;
+  display: no-clip;
+  display: add;
+  display: subtract;
+  display: intersect;
+  display: exclude;
+  mask-border-mode: auto;
+  mask-border-slice: auto;
+  mask-border-width: auto;
+  mask-border-outset: auto;
+  mask-border-repeat: auto;
+  mask-border: auto;
+  mask-type: auto;
+}
+
+@function mixins-1() {
+  result: auto;
 }
 
 .motion-1 {
-	offset-path: auto;
-	offset-distance: auto;
-	offset-position: auto;
-	offset-anchor: auto;
-	offset-rotate: auto;
-	offset: auto;
-	display: ray(45deg closest-side);
-	display: path(M 100 100 L 300 100 L 200 300 z);
+  offset-path: auto;
+  offset-distance: auto;
+  offset-position: auto;
+  offset-anchor: auto;
+  offset-rotate: auto;
+  offset: auto;
+  display: ray(45deg closest-side);
+  display: path(M 100 100 L 300 100 L 200 300 z);
 }
 
 .multicol-1 {
-	display: balance-all;
+  display: balance-all;
+}
+
+.multicol-2::column {
+  display: auto:
 }
 
 .namespace-3 {
-	display: auto;
+  display: auto;
 }
 
 .nav-1 {
-	spatial-navigation-contain: auto;
-	spatial-navigation-action: auto;
-	spatial-navigation-function: auto;
-	display: focus;
+  spatial-navigation-contain: auto;
+  spatial-navigation-action: auto;
+  spatial-navigation-function: auto;
+  display: focus;
 }
 
 .overflow-3 {
-	overflow-clip-margin: auto;
-	overflow-block: auto;
-	overflow-inline: auto;
-	scrollbar-gutter: auto;
-	block-ellipsis: auto;
-	line-clamp: auto;
-	max-lines: auto;
-	continue: auto;
+  overflow-clip-margin: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
+  scrollbar-gutter: auto;
+  block-ellipsis: auto;
+  scroll-behavior: auto;
+  line-clamp: auto;
+  max-lines: auto;
+  continue: auto;
+  display: smooth;
 }
 
 .overflow-4::nth-fragment(1) {
-	display: stable;
-	display: force;
-	display: overflow;
-	display: paginate;
-	display: fragments;
+  overflow-clip-margin-block: auto;
+  overflow-clip-margin-block-start: auto;
+  overflow-clip-margin-block-end: auto;
+  overflow-clip-margin-inline: auto;
+  overflow-clip-margin-inline-start: auto;
+  overflow-clip-margin-inline-end: auto;
+  overflow-clip-margin-top: auto;
+  overflow-clip-margin-right: auto;
+  overflow-clip-margin-bottom: auto;
+  overflow-clip-margin-left: auto;
+  display: stable;
+  display: force;
+  display: overflow;
+  display: paginate;
+  display: fragments;
+}
+
+.overflow-5::scroll-marker-group,
+.overflow-5::scroll-marker,
+.overflow-5:target-current {
+  sroll-marker-group: auto;
 }
 
 .overscroll-1 {
-	overscroll-behavior: auto;
-	overscroll-behavior-block: auto;
-	overscroll-behavior-inline: auto;
-	overscroll-behavior-x: auto;
-	overscroll-behavior-y: auto;
+  overscroll-behavior: auto;
+  overscroll-behavior-block: auto;
+  overscroll-behavior-inline: auto;
+  overscroll-behavior-x: auto;
+  overscroll-behavior-y: auto;
 }
 
 .page-3 {
-	marks: auto;
-	bleed: auto;
+  marks: auto;
+  bleed: auto;
+  page-orientation: auto;
 }
 
 .page-floats-3 {
-	float-reference: auto;
-	float-defer: auto;
-	float-offset: auto;
-	display: inline-start;
-	display: inline-end;
-	display: snap-block;
-	display: snap-inline;
-	display: snap-block(2em, near);
-	display: snap-inline(2em, near);
+  float-reference: auto;
+  float-defer: auto;
+  float-offset: auto;
+  display: inline-start;
+  display: inline-end;
+  display: snap-block;
+  display: snap-inline;
+  display: snap-block(2em, near);
+  display: snap-inline(2em, near);
 }
 
 .paint-api-1 {
-	display: paint(my_logo);
+  display: paint(my_logo);
 }
 
 .pointerevents {
-	touch-action: auto;
-	display: pan-x;
-	display: pan-y;
-	display: manipulation;
+  touch-action: auto;
+  display: pan-x;
+  display: pan-y;
+  display: manipulation;
 }
 
 .position-3 {
-	inset-block-start: auto;
-	inset-block-end: auto;
-	inset-inline-start: auto;
-	inset-inline-end: auto;
-	inset-block: auto;
-	inset-inline: auto;
-	inset: auto;
-	display: sticky;
+  inset-block-start: auto;
+  inset-block-end: auto;
+  inset-inline-start: auto;
+  inset-inline-end: auto;
+  inset-block: auto;
+  inset-inline: auto;
+  inset: auto;
+}
+
+.position-4::backdrop {
+  overlay: auto;
 }
 
 .properties-values-api-1 {
-	syntax: auto;
-	inherits: auto;
-	initial-value: auto;
+  syntax: auto;
+  inherits: auto;
+  initial-value: auto;
 }
 
+.pseudo-4::first-letter::prefix,
+.pseudo-4::first-letter::suffix,
 .pseudo-4::target-text,
 .pseudo-4::spelling-error,
 .pseudo-4::grammer-error,
-.pseudi-4::file-selectors-button {
-	display: auto;
+.pseudo-4::file-selectors-button,
+.pseudo-4::search-text,
+.pseudo-4::details-content {
+  display: auto;
 }
 
 .regions-1:region {
-	flow-into: auto;
-	flow-from: auto;
-	region-fragment: auto;
-	display: element;
-	display: content;
-	display: break;
-	display: region;
-	display: avoid-region;
+  flow-into: auto;
+  flow-from: auto;
+  region-fragment: auto;
+  display: element;
+  display: content;
+  display: break;
+  display: region;
+  display: avoid-region;
 }
 
 .resize-observer-1 {
-	display: auto;
+  display: auto;
 }
 
 .rhythm-1 {
-	line-height-step: auto;
-	block-step-size: auto;
-	block-step-insert: auto;
-	block-step-align: auto;
-	display: margin;
-	display: up;
-	display: down;
-	display: nearest;
-	block-step-round: auto;
-	block-step: auto;
+  line-height-step: auto;
+  block-step-size: auto;
+  block-step-insert: auto;
+  block-step-align: auto;
+  display: margin;
+  display: up;
+  display: down;
+  display: nearest;
+  block-step-round: auto;
+  block-step: auto;
 }
 
 @media (device-radius: 50%) {
-	.round-display-1 {
-		shape-inside: auto;
-		border-boundary: auto;
-		polar-angle: auto;
-		polar-distance: auto;
-		display: outside-shape;
-		display: shape-box;
-		display: parent;
-		display: polar;
-	}
+  .round-display-1 {
+    shape-inside: auto;
+    border-boundary: auto;
+    polar-angle: auto;
+    polar-distance: auto;
+    display: outside-shape;
+    display: shape-box;
+    display: parent;
+    display: polar;
+  }
 }
 
 .ruby-1 {
-	ruby-position: auto;
-	ruby-merge: auto;
-	ruby-align: auto;
-	ruby-overhang: auto;
-	display: ruby-base-container;
-	display: ruby-text-container;
-	display: merge;
-	display: inter-character;
+  ruby-position: auto;
+  ruby-merge: auto;
+  ruby-align: auto;
+  ruby-overhang: auto;
+  display: ruby;
+  display: ruby-base;
+  display: ruby-text;
+  display: ruby-base-container;
+  display: ruby-text-container;
+  display: inter-character;
+  display: merge;
 }
 
 .scoping-1:scope-context div,
@@ -780,169 +1029,184 @@ mask {
 .scoping-1::shadow,
 .scoping-1::content,
 .scoping-1 /deep/ span {
-	display: auto;
+  display: auto;
 }
 
 @scope .scoping-1 {
-	div {
-		display: auto;
-	}
+  div {
+    display: auto;
+  }
 }
 
 .scroll-anchoring-1 {
-	overflow-anchor: auto;
+  overflow-anchor: auto;
+}
+
+.scroll-animations-1 {
+  scroll-timeline-name: auto;
+  scroll-timeline-axis: auto;
+  scroll-timeline: auto;
+  view-timeline-name: auto;
+  view-timeline-axis: auto;
+  view-timeline-inset: auto;
+  view-timeline: auto;
+  animation-range: auto;
+  animation-delay-start: auto;
+  animation-delay-end: auto;
+  timeline-scope: auto;
+  display: entry;
+  display: exit;
+  display: defer;
+  display: ancestor;
 }
 
 .scroll-snap-1 {
-	scroll-snap-type: auto;
-	scroll-padding: auto;
-	scroll-margin: auto;
-	scroll-snap-align: auto;
-	scroll-snap-stop: auto;
-	scroll-padding-top: auto;
-	scroll-padding-right: auto;
-	scroll-padding-bottom: auto;
-	scroll-padding-left: auto;
-	scroll-padding-inline-start: auto;
-	scroll-padding-block-start: auto;
-	scroll-padding-inline-end: auto;
-	scroll-padding-block-end: auto;
-	scroll-padding-block: auto;
-	scroll-padding-inline: auto;
-	scroll-margin-top: auto;
-	scroll-margin-right: auto;
-	scroll-margin-bottom: auto;
-	scroll-margin-left: auto;
-	scroll-margin-inline-start: auto;
-	scroll-margin-block-start: auto;
-	scroll-margin-inline-end: auto;
-	scroll-margin-block-end: auto;
-	scroll-margin-block: auto;
-	scroll-margin-inline: auto;
-	display: x;
-	display: y;
-	display: mandatory;
-	display: proximity;
+  scroll-snap-type: auto;
+  scroll-padding: auto;
+  scroll-margin: auto;
+  scroll-snap-align: auto;
+  scroll-snap-stop: auto;
+  scroll-padding-top: auto;
+  scroll-padding-right: auto;
+  scroll-padding-bottom: auto;
+  scroll-padding-left: auto;
+  scroll-padding-inline-start: auto;
+  scroll-padding-block-start: auto;
+  scroll-padding-inline-end: auto;
+  scroll-padding-block-end: auto;
+  scroll-padding-block: auto;
+  scroll-padding-inline: auto;
+  scroll-margin-top: auto;
+  scroll-margin-right: auto;
+  scroll-margin-bottom: auto;
+  scroll-margin-left: auto;
+  scroll-margin-inline-start: auto;
+  scroll-margin-block-start: auto;
+  scroll-margin-inline-end: auto;
+  scroll-margin-block-end: auto;
+  scroll-margin-block: auto;
+  scroll-margin-inline: auto;
+  display: x;
+  display: y;
+  display: mandatory;
+  display: proximity;
+}
+
+.scroll-snap-2,
+.scroll-snap-2:snapped-x,
+.scroll-snap-2:snapped-y,
+.scroll-snap-3:snapped-inline,
+.scroll-snap-2:snapped-block,
+.scroll-snap-2:snapped {
+  scroll-start-target: auto;
 }
 
 .scrollbars-1 {
-	scrollbar-color: auto;
-	scrollbar-width: auto;
+  scrollbar-color: auto;
+  scrollbar-width: auto;
 }
 
-.selectors-3:enabled,
 .selectors-3:indeterminate,
 .selectors-3:nth-child(2n+1),
 .selectors-3:nth-last-child(-n+2),
 .selectors-3:nth-of-type(2n+1),
 .selectors-3:nth-last-of-type(n+2),
 .selectors-3:not([DISABLED]) {
-	display: auto;
+  display: auto;
 }
 
 .selectors-4 | h1,
-.selectors-4:scope,
-.selectors-4:current,
-.selectors-4:past,
-.selectors-4:future,
-.selectors-4:default,
-.selectors-4:valid,
-.selectors-4:required,
-.selectors-4:optional,
-.selectors-4:blank,
-.selectors-4:any-link,
-.selectors-4:local-link,
-.selectors-4:read-only,
-.selectors-4:read-write,
-.selectors-4:placeholder-shown,
-.selectors-4:in-range,
-.selectors-4:out-of-range,
-.selectors-4:user-invalid,
-.selectors-4:is(:hover, :focus),
+.selectors-4:where(:not(:hover)),
+.selectors-4:has(> img),
+.selectors-4:defined,
 .selectors-4:dir(ltr),
-.selectors-4:local-link(0),
-.selectors-4:current(p, li, dt, dd),
-.selectors-4:nth-col(2n+1),
-.selectors-4:nth-last-col(-n+2),
-.selectors-4:target-within,
-.selectors-4:focus-within,
-.selectors-4:focus-visible,
+.selectors-4:any-link,
+.selectors-4:scope,
 .selectors-4:playing,
 .selectors-4:paused,
-.selectors-4:has(> img),
-.selectors-4:where(:not(:hover)),
-.selectors-4:defined,
-.selectors-4:modal,
-.selectors-4:fullscreen,
-.selectors-4:picture-in-picture,
 .selectors-4:seeking,
 .selectors-4:buffering,
 .selectors-4:stalled,
 .selectors-4:muted,
 .selectors-4:volume-locked,
+.selectors-4:open,
+.selectors-4:popover-open,
+.selectors-4:modal,
+.selectors-4:fullscreen,
+.selectors-4:picture-in-picture,
+.selectors-4:read-only,
+.selectors-4:read-write,
+.selectors-4:placeholder-shown,
 .selectors-4:autofill,
-.selectors-4:user-valid {
-	display: auto;
+.selectors-4:default,
+.selectors-4:valid,
+.selectors-4:in-range,
+.selectors-4:out-of-range,
+.selectors-4:required,
+.selectors-4:optional,
+.selectors-4:user-valid,
+.selectors-4:user-invalid {
+  display: auto;
 }
 
 .shadow-parts::part(textspan) {
-	display: auto;
+  display: auto;
 }
 
 .shapes-1 {
-	shape-outside: auto;
-	shape-image-threshold: auto;
-	shape-margin: auto;
-	display: margin-box;
-	display: inset(50% 50% 50% 50%);
-	display: circle(100px 50px 100px);
-	display: ellipse(0 0 250px 100px);
-	display: polygon(0 0, 100% 100%, 0 100%);
+  shape-outside: auto;
+  shape-image-threshold: auto;
+  shape-margin: auto;
+  display: margin-box;
+  display: inset(50% 50% 50% 50%);
+  display: circle(100px 50px 100px);
+  display: ellipse(0 0 250px 100px);
+  display: polygon(0 0, 100% 100%, 0 100%);
+  display: shape(from 0% 0%, hline to 100%, line to 0% 100%, vline to 0%);
 }
 
 .sizing-3 {
-	display: max-content;
-	display: min-content;
-	display: fit-content(10%);
+display: auto;
 }
 
 .sizing-4 {
-	contain-intrinsic-size: auto;
-	min-intrinsic-sizing: auto;
-	display: fit-content;
-	display: zero-if-scroll;
-	display: zero-if-extrinsic;
+  contain-intrinsic-size: auto;
+  min-intrinsic-sizing: auto;
+  display: fit-content;
+  display: zero-if-scroll;
+  display: zero-if-extrinsic;
 }
 
 .speech-1 {
-	voice-volume: auto;
-	voice-balance: auto;
-	rest-before: auto;
-	rest-after: auto;
-	rest: auto;
-	voice-rate: auto;
-	voice-pitch: auto;
-	voice-range: auto;
-	voice-stress: auto;
-	voice-duration: auto;
-	display: 10dB;
-	display: literal-punctuation;
-	display: no-punctuation;
-	display: x-weak;
-	display: weak;
-	display: strong;
-	display: x-strong;
-	display: young;
-	display: old;
-	display: neutral;
-	display: preserve;
-	display: 10st;
-	display: moderate;
-	display: reduced;
+  voice-volume: auto;
+  voice-balance: auto;
+  rest-before: auto;
+  rest-after: auto;
+  rest: auto;
+  voice-rate: auto;
+  voice-pitch: auto;
+  voice-range: auto;
+  voice-stress: auto;
+  voice-duration: auto;
+  display: 10dB;
+  display: literal-punctuation;
+  display: no-punctuation;
+  display: x-weak;
+  display: weak;
+  display: strong;
+  display: x-strong;
+  display: young;
+  display: old;
+  display: neutral;
+  display: preserve;
+  display: 10st;
+  display: moderate;
+  display: reduced;
+  display: never;
 }
 
 .style-attr {
-	display: auto;
+  display: auto;
 }
 
 .svg2,
@@ -1013,288 +1277,335 @@ tspan,
 unknown,
 use,
 view {
-	color-interpolation: auto;
-	color-rendering: auto;
-	cx: auto;
-	cy: auto;
-	d: auto;
-	marker-end: auto;
-	marker-mid: auto;
-	marker-start: auto;
-	r: auto;
-	rx: auto;
-	ry: auto;
-	shape-rendering: auto;
-	solid-color: auto;
-	solid-opacity: auto;
-	stop-color: auto;
-	stop-opacity: auto;
-	text-anchor: auto;
-	vector-effect: auto;
-	x: auto;
-	y: auto;
-	display: crispEdges;
-	display: geometricPrecision;
-	display: optimizeQuality;
-	display: viewport;
-	display: context-fill;
-	display: context-stroke;
-	display: fixed-position;
-	display: miter;
-	display: miter-clip;
-	display: non-scaling-stroke;
-	display: non-scaling-size;
-	display: non-rotation;
-	display: child(1);
-	display: icc-color(foo);
+  color-interpolation: auto;
+  color-rendering: auto;
+  cx: auto;
+  cy: auto;
+  d: auto;
+  marker-end: auto;
+  marker-mid: auto;
+  marker-start: auto;
+  r: auto;
+  rx: auto;
+  ry: auto;
+  shape-rendering: auto;
+  solid-color: auto;
+  solid-opacity: auto;
+  stop-color: auto;
+  stop-opacity: auto;
+  text-anchor: auto;
+  vector-effect: auto;
+  x: auto;
+  y: auto;
+  display: crispEdges;
+  display: geometricPrecision;
+  display: optimizeQuality;
+  display: viewport;
+  display: context-fill;
+  display: context-stroke;
+  display: fixed-position;
+  display: miter;
+  display: miter-clip;
+  display: non-scaling-stroke;
+  display: non-scaling-size;
+  display: non-rotation;
+  display: child(1);
+  display: icc-color(foo);
 }
 
 .syntax-3 {
-	display: auto;
+  display: auto;
 }
 
 .tables-3 {
-	display: auto;
+  display: auto;
 }
 
 .text-3 {
-	tab-size: auto;
-	text-align-all: auto;
-	display: loose;
-	display: strict;
-	display: match-parent;
-	display: hanging;
-	display: each-line;
-	display: full-width;
-	display: anywhere;
-	display: justify-all;
-	display: break-spaces;
+  tab-size: auto;
+  text-align-all: auto;
+  display: loose;
+  display: strict;
+  display: match-parent;
+  display: hanging;
+  display: each-line;
+  display: full-width;
+  display: anywhere;
+  display: justify-all;
+  display: break-spaces;
 }
 
 .text-4 {
-	text-space-collapse: auto;
-	text-space-trim: auto;
-	text-wrap: auto;
-	wrap-before: auto;
-	wrap-after: auto;
-	wrap-inside: auto;
-	hyphenate-character: auto;
-	hyphenate-limit-zone: auto;
-	hyphenate-limit-chars: auto;
-	hyphenate-limit-lines: auto;
-	hyphenate-limit-last: auto;
-	text-group-align: auto;
-	line-padding: auto;
-	text-spacing: auto;
-	word-boundary-detection: auto;
-	word-boundary-expansion: auto;
-	display: preserve-breaks;
-	display: preserve-spaces;
-	display: trim-inner;
-	display: discard-before;
-	display: discard-after;
-	display: avoid-line;
-	display: avoid-flex;
-	display: pre-wrap-auto;
-	display: no-limit;
-	display: spread;
-	display: trim-start;
-	display: space-start;
-	display: space-first;
-	display: trim-end;
-	display: space-end;
-	display: trim-adjacent;
-	display: space-adjacent;
-	display: no-compress;
-	display: ideograph-alpha;
-	display: ideograph-numeric;
-	display: punctuation;
-	display: ideographic-space;
+  white-space-collapse: auto;
+  white-space-trim: auto;
+  text-wrap: auto;
+  wrap-before: auto;
+  wrap-after: auto;
+  wrap-inside: auto;
+  hyphenate-character: auto;
+  hyphenate-limit-zone: auto;
+  hyphenate-limit-chars: auto;
+  hyphenate-limit-lines: auto;
+  hyphenate-limit-last: auto;
+  text-group-align: auto;
+  line-padding: auto;
+  text-autospace: auto;
+  text-spacing-trim: auto;
+  text-spacing: auto;
+  word-boundary-detection: auto;
+  word-space-transform: auto;
+  display: math-auto;
+  display: preserve-breaks;
+  display: preserve-spaces;
+  display: discard-inner;
+  display: discard-before;
+  display: discard-after;
+  display: pretty;
+  display: avoid-line;
+  display: avoid-flex;
+  display: pre-wrap-auto;
+  display: no-limit;
+  display: spread;
+  display: space-all;
+  display: trim-both;
+  display: space-first;
+  display: trim-all;
+  display: no-compress;
+  display: ideograph-alpha;
+  display: ideograph-numeric;
+  display: punctuation;
+  display: ideographic-space;
 }
 
 .text-decor-3 {
-	text-decoration-color: auto;
-	text-decoration-line: auto;
-	text-decoration-style: auto;
-	text-emphasis: auto;
-	text-emphasis-color: auto;
-	text-emphasis-position: auto;
-	text-emphasis-style: auto;
-	display: filled;
-	display: dot;
-	display: sesame;
-	display: alphabetic;
-	display: ink;
-	display: under;
-	display: wavy;
-	display: under;
-	display: over;
-	display: triangle;
+  text-decoration-color: auto;
+  text-decoration-line: auto;
+  text-decoration-style: auto;
+  text-emphasis: auto;
+  text-emphasis-color: auto;
+  text-emphasis-position: auto;
+  text-emphasis-style: auto;
+  display: filled;
+  display: dot;
+  display: sesame;
+  display: alphabetic;
+  display: ink;
+  display: under;
+  display: wavy;
+  display: under;
+  display: over;
+  display: triangle;
 }
 
 .text-decor-4 {
-	text-decoration-thickness: auto;
-	text-underline-offset: auto;
-	text-decoration-skip: auto;
-	text-decoration-skip-ink: auto;
-	text-emphasis-skip: auto;
-	display: spelling-error;
-	display: grammer-error;
-	display: objects;
-	display: from-font;
-	display: spaces;
-	display: leading-spaces;
-	display: trailing-spaces;
-	display: edges;
-	display: box-decoration;
-	display: symbols;
-	display: narrow;
+  text-decoration-thickness: auto;
+  text-underline-offset: auto;
+  text-decoration-skip: auto;
+  text-decoration-skip-ink: auto;
+  text-emphasis-skip: auto;
+  display: spelling-error;
+  display: grammer-error;
+  display: objects;
+  display: from-font;
+  display: spaces;
+  display: leading-spaces;
+  display: trailing-spaces;
+  display: edges;
+  display: box-decoration;
+  display: symbols;
+  display: narrow;
 }
 
 .timing-1 {
-	display: frames(2);
+  display: frames(2);
 }
 
 .transforms-1 {
-	transform-box: auto;
+  transform-box: auto;
 }
 
 .tranforms-2 {
-	rotate: auto;
-	scale: auto;
-	translate: auto;
-	display: flat;
+  rotate: auto;
+  scale: auto;
+  translate: auto;
+  display: flat;
 }
 
 .transitions-1 {
-	display: auto;
+  display: auto;
+}
+
+@starting-style {
+  .transitions-2 {
+    display: auto;
+  }
 }
 
 .typed-om-1 {
-	display: auto;
+  display: auto;
 }
 
 .ui-3 {
-	caret-color: auto;
-	display: grab;
-	display: grabbing;
+  caret-color: auto;
+  display: grab;
+  display: grabbing;
 }
 
 .ui-4 {
-	caret: auto;
-	caret-shape: auto;
-	display: fade;
-	display: fade(1em);
-	display: underscore;
+  caret-shape: auto;
+  caret-animation: auto;
+  caret: auto;
+  interactivity: auto;
+  interest-delay-start: auto;
+  interest-delay-end: auto;
+  interest-delay: auto;
+  accent-color: auto;
+  display: underscore;
+  display: inert;
 }
 
 .unofficials {
-	backdrop-filter: auto;
-	display: env(safe-area-inset-top, 20px);
+  backdrop-filter: auto;
+  display: env(safe-area-inset-top, 20px);
 }
 
 .values-3 {
-	display: 1ch;
-	display: 1q;
-	display: 1turn;
+  display: 1q;
+  display: 1turn;
 }
 
 .values-4 {
-	display: 1vi;
-	display: 1vb;
-	display: 1rex;
-	display: 1cap;
-	display: 1rcap;
-	display: 1rch;
-	display: 1ic;
-	display: 1ric;
-	display: 1lh;
-	display: 1rlh;
-	display: 1svh;
-	display: 1svw;
-	display: 1svi;
-	display: 1svb;
-	display: 1svmin;
-	display: 1svmax;
-	display: 1lvh;
-	display: 1lvw;
-	display: 1lvi;
-	display: 1lvb;
-	display: 1lvmin;
-	display: 1lvmax;
-	display: 1dvh;
-	display: 1dvw;
-	display: 1dvi;
-	display: 1dvb;
-	display: 1dvmin;
-	display: 1dvmax;
-	display: min(0, 1);
-	display: max(0, 1);
-	display: clamp(0, 100, 2);
-	display: toggle(italic, normal);
-	display: round(var(--width), 50px);
-	display: mod(-18px, 5px);
-	display: rem(-18px, 5px);
-	display: sin(45deg);
-	display: cos(1);
-	display: tan(1);
-	display: asin(45deg);
-	display: acos(1);
-	display: atan(1);
-	display: atan2(1, -1);
-	display: pow(1.5, -1);
-	display: sqrt(4);
-	display: hypot(30px, 40px);
-	display: log(10);
-	display: exp(1);
-	display: abs(-1);
-	display: sign(-4);
-	display: mix(33%; 1px; 2px);
+  display: 1vi;
+  display: 1vb;
+  display: 1rex;
+  display: 1cap;
+  display: 1rcap;
+  display: 1rch;
+  display: 1ic;
+  display: 1ric;
+  display: 1lh;
+  display: 1rlh;
+  display: 1svh;
+  display: 1svw;
+  display: 1svi;
+  display: 1svb;
+  display: 1svmin;
+  display: 1svmax;
+  display: 1lvh;
+  display: 1lvw;
+  display: 1lvi;
+  display: 1lvb;
+  display: 1lvmin;
+  display: 1lvmax;
+  display: 1dvh;
+  display: 1dvw;
+  display: 1dvi;
+  display: 1dvb;
+  display: 1dvmin;
+  display: 1dvmax;
+  display: min(0, 1);
+  display: max(0, 1);
+  display: clamp(0, 100, 2);
+  display: round(var(--width), 50px);
+  display: mod(-18px, 5px);
+  display: rem(-18px, 5px);
+  display: sin(45deg);
+  display: cos(1);
+  display: tan(1);
+  display: asin(45deg);
+  display: acos(1);
+  display: atan(1);
+  display: atan2(1, -1);
+  display: pow(1.5, -1);
+  display: sqrt(4);
+  display: hypot(30px, 40px);
+  display: log(10);
+  display: exp(1);
+  display: abs(-1);
+  display: sign(-4);
+}
+
+.values-5 {
+  interpolate-size: auto;
+  display: numeric-only;
+  display: allow-keyword;
+  display: progress(1, 0, 100);
+  display: media-progress(width, 0, 100);
+  display: container-progress(width, 0, 100);
+  display: calc-mix(0.5, 0, 100);
+  display: color-mix(15%, black, white);
+  display: transform-mix(1, scale(0.5), rotate(10deg));
+  display: mix(90%, red, blue);
+  display: cross-fade(15%, url(foo.png), white);
+  display: toggle(italic, normal);
+  display: first-valid(center, none, 1px);
+  display: if(media(screen): red; else: auto);
+  display: inherit(--foo, auto);
+  display: random(1, 10, by 1);
+  display: random-item(--x, red, yellow, green);
+  display: sibling-count();
+  display: sibling-index();
+  display: calc-size(any, 0px);
 }
 
 .variables-1 {
-	display: auto;
+  display: auto;
+}
+
+.view-transitions-1::view-transition,
+.view-transitions-1::view-transition-group(*),
+.view-transitions-1::view-transition-image-pair(*),
+.view-transitions-1::view-transition-old(*),
+.view-transitions-1::view-transition-new(*) {
+  view-transition-name: auto;
+}
+
+.view-transitions-2:active-view-transition,
+.view-transitions-2:active-view-transition-type(slide-in) {
+  view-transition-class: auto;
+  navigation: auto;
+  types: auto;
 }
 
 .web-animations-1 {
-	display: auto;
+  display: auto;
 }
 
 .webvtt1::cue,
 .webvtt1::cue-region,
 .webvtt1::cue(#cue1),
 .webvtt1::cue-region(#scroll), {
-	display: auto;
+  display: auto;
 }
 
 .will-change-1 {
-	will-change: auto;
-	display: scroll-position;
+  will-change: auto;
+  display: scroll-position;
 }
 
 .worklets-1 {
-	display: auto;
+  display: auto;
 }
 
 .writing-modes-3 {
-	writing-mode: auto;
-	text-orientation: auto;
-	text-combine-upright: auto;
-	glyph-orientation-vertical: auto;
-	display: before;
-	display: after;
-	display: mixed;
-	display: upright;
-	display: plaintext;
-	display: sideways;
-	display: isolate;
-	display: isolate-override;
-	display: horizontal-tb;
-	display: vertical-rl;
-	display: vertical-lr;
+  writing-mode: auto;
+  text-orientation: auto;
+  text-combine-upright: auto;
+  glyph-orientation-vertical: auto;
+  display: before;
+  display: after;
+  display: mixed;
+  display: upright;
+  display: plaintext;
+  display: sideways;
+  display: isolate;
+  display: isolate-override;
+  display: horizontal-tb;
+  display: vertical-rl;
+  display: vertical-lr;
 }
 
 .writing-modes-4 {
-	display: sideways-rl;
-	display: sideways-lr;
+  display: sideways-rl;
+  display: sideways-lr;
 }