1.10.2

https://www.w3.org/TR/2022/WD-css-contain-2-20220917/

after/syntax/css/color-4.vim

@@ -1,4 +1,4 @@
-syn keyword cssFontAttr contained perceptual
+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

after/syntax/css/color-5.vim

@@ -1 +1 @@
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(color-\(mix\|contrast\|adjust\)\|red\|green\|blue\|alpha\|hue\|saturation\|lightness\|whiteness\|blackness\|a\|b\|chroma\)\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn region cssFunction contained matchgroup=cssFunctionName start="\<color-mix\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline

after/syntax/css/conditional-5.vim

@@ -0,0 +1 @@
+syn match cssFontDescriptor "@\(when\|else\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/display-3.vim

@@ -1,2 +1,3 @@
 syn keyword cssFontAttr contained contents discard
-syn match cssBoxAttr contained "\<ruby\(-\(base\(-group\)\=\|text\(-group\)\=\)\)\=\>"
+syn match cssBoxAttr contained "\<run-in\>"
+syn match cssBoxAttr contained "\<ruby\(-\(base\|text\)\)\=\>"

after/syntax/css/overflow-3.vim

@@ -1,5 +1,6 @@
 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\>"

after/syntax/css/overflow-4.vim

@@ -1,3 +1,2 @@
-syn match cssFontProp contained "\<scrollbar-gutter\>"
 syn keyword cssFontAttr contained stable force overflow paginate fragments
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(nth-fragment\)(" end=")" oneline

after/syntax/css/ruby-1.vim

@@ -1,3 +1,4 @@
 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\>"

after/syntax/css/selectors-4.vim

@@ -1,10 +1,12 @@
 syn match cssSelectorOp "[|]"
-syn keyword cssPseudoClassId contained scope current past future default valid required optional blank playing paused
+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\>"
+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

after/syntax/css/text-4.vim

@@ -3,6 +3,7 @@ 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\>"
@@ -14,3 +15,4 @@ 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\>"

after/syntax/css/values-4.vim

@@ -1,2 +1,3 @@
-syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(vi\|vb\|ic\|cap\|lh\|rlh\)"
+syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(rex\|cap\|rcap\|rch\|ic\|ric\|lh\|rlh\)"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(min\|max\|clamp\|toggle\|round\|mod\|rem\|a\=\(sin\|cos\|tan\)\|atan2\|pow\|sqrt\|hypot\|log\|exp\|abs\|sign\)\s*(" end=")" oneline keepend
+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

test/test.css

@@ -90,6 +90,8 @@
 	display: relative-colorimetric;
 	display: absolute-colorimetric;
 	display: perceptual;
+	display: accentcolor;
+	display: accentcolortext;
 }
 
 @color-profile swopc {
@@ -98,8 +100,6 @@
 
 .color-5 {
 	display: color-mix(red yellow 65%);
-	display: color-contrast(wheat tan, sienna, var(--myAccent), #d2691e);
-	display: color-adjust(peru lightness(-20%));
 }
 
 .color-adjust-1 {
@@ -142,7 +142,19 @@
 }
 
 @supports (selector(.conditional-4)) {
-	display: auto;
+	.conditional-4 {
+		display: auto;
+	}
+}
+
+@when media(screen) {
+	.conditional-5 {
+		display: auto;
+	}
+} @else {
+	.conditional-5 {
+		display: auto;
+	}
 }
 
 .contain-1 {
@@ -156,6 +168,10 @@
 	content-visibility: auto;
 }
 
+.contain-3 {
+	display: auto;
+}
+
 .content-3 {
 	string-set: auto;
 	bookmark-level: auto;
@@ -246,11 +262,10 @@
 
 .display-3 {
 	display: contents;
+	display: run-in;
 	display: ruby;
 	display: ruby-base;
 	display: ruby-text;
-	display: ruby-base-group;
-	display: ruby-text-group;
 }
 
 .easing-1 {
@@ -631,6 +646,7 @@ mask {
 	overflow-clip-margin: auto;
 	overflow-block: auto;
 	overflow-inline: auto;
+	scrollbar-gutter: auto;
 	block-ellipsis: auto;
 	line-clamp: auto;
 	max-lines: auto;
@@ -638,7 +654,6 @@ mask {
 }
 
 .overflow-4::nth-fragment(1) {
-	scrollbar-gutter: auto;
 	display: stable;
 	display: force;
 	display: overflow;
@@ -736,14 +751,14 @@ mask {
 
 @media (device-radius: 50%) {
 	.round-display-1 {
-	  shape-inside: auto;
+		shape-inside: auto;
-	  border-boundary: auto;
+		border-boundary: auto;
-	  polar-angle: auto;
+		polar-angle: auto;
-	  polar-distance: auto;
+		polar-distance: auto;
-	  display: outside-shape;
+		display: outside-shape;
-	  display: shape-box;
+		display: shape-box;
-	  display: parent;
+		display: parent;
-	  display: polar;
+		display: polar;
 	}
 }
 
@@ -754,6 +769,7 @@ mask {
 	ruby-overhang: auto;
 	display: ruby-base-container;
 	display: ruby-text-container;
+	display: merge;
 	display: inter-character;
 }
 
@@ -769,7 +785,7 @@ mask {
 
 @scope .scoping-1 {
 	div {
-	  display: auto;
+		display: auto;
 	}
 }
 
@@ -854,11 +870,18 @@ mask {
 .selectors-4:playing,
 .selectors-4:paused,
 .selectors-4:has(> img),
-.selectors-4:where(:not(:hover)) {
+.selectors-4:where(:not(:hover)),
-	display: auto;
+.selectors-4:defined,
-}
+.selectors-4:modal,
-
+.selectors-4:fullscreen,
-.selectors-nonelement-1::attr(title) {
+.selectors-4:picture-in-picture,
+.selectors-4:seeking,
+.selectors-4:buffering,
+.selectors-4:stalled,
+.selectors-4:muted,
+.selectors-4:volume-locked,
+.selectors-4:autofill,
+.selectors-4:user-valid {
 	display: auto;
 }
 
@@ -1063,6 +1086,8 @@ view {
 	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;
@@ -1084,6 +1109,7 @@ view {
 	display: ideograph-alpha;
 	display: ideograph-numeric;
 	display: punctuation;
+	display: ideographic-space;
 }
 
 .text-decor-3 {
@@ -1176,10 +1202,32 @@ view {
 .values-4 {
 	display: 1vi;
 	display: 1vb;
-	display: 1ic;
+	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);
@@ -1201,6 +1249,7 @@ view {
 	display: exp(1);
 	display: abs(-1);
 	display: sign(-4);
+	display: mix(33%; 1px; 2px);
 }
 
 .variables-1 {