2.12.0

https://www.w3.org/TR/2026/WD-animation-triggers-1-20261020/

after/syntax/css/align-3.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained place-self place-content place-items row-gap
+syn keyword cssFontProp contained place-self place-content place-items
 syn keyword cssFontAttr contained safe unsafe legacy self-start self-end

after/syntax/css/anchor-position-1.vim

@@ -1,4 +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 x-self-start x-self-end span-x-self-start span-x-self-end span-all span-top span-bottom span-y-start span-y-end y-self-start y-self-end span-y-self-start span-y-self-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-block flip-inline flip-start
+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

after/syntax/css/anchor-position-2.vim

@@ -0,0 +1 @@
+syn keyword cssFontAttr contained anchored

after/syntax/css/animation-triggers-1.vim

@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained trigger-scope timeline-trigger-name timeline-trigger-source timeline-trigger-activation-range timeline-trigger-activation-range-start timeline-trigger-activation-range-end timeline-trigger-active-range timeline-trigger-active-range-start timeline-trigger-active-range-end timeline-trigger-range timeline-trigger event-trigger-name event-trigger-source event-trigger animation-trigger
+syn keyword cssFontAttr contained play play-once play-forwards play-backwards pause reset replay
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(click\|dblclick\|pointerenter\|pointerleave\|pointerup\|pointerdown\|keypress\|focusin\|focusout\|input\|change\|keypress\)\s*(" end=")" oneline keepend

after/syntax/css/backgrounds-4.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained background-position-x background-position-y background-position-inline background-position-block corners corner-shape border-limit border-clip border-clip-top border-clip-right border-clip-bottom border-clip-left
+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 bevel scoop notch
+syn keyword cssFontAttr contained x-start x-end y-start y-end border-area text repeat-block repeat-inline

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

after/syntax/css/color-hdr-1.vim

@@ -0,0 +1,4 @@
+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
+syn region cssFunction contained matchgroup=cssFunctionName start="\<hdr-color\s*(" end=")" keepend

after/syntax/css/conditional-5.vim

@@ -1,3 +1,3 @@
 syn keyword cssFontProp contained container-type container-name container
 syn keyword cssFontAttr contained inline-size
-syn match cssFontDescriptor "@\(when\|else\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
+syn match cssFontDescriptor "@\(when\|else\|supports-condition\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/cssom-view-1.vim

@@ -1,2 +0,0 @@
-syn keyword cssFontProp contained scroll-behavior
-syn keyword cssFontAttr contained smooth

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

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

after/syntax/css/fonts-4.vim

@@ -1,5 +1,5 @@
 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 keyword cssFontAttr contained oblique-only 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

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

after/syntax/css/gaps-1.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained row-gap column-rule-break row-rule-break rule-break column-rule-edge-inset-start column-rule-edge-inset-end column-rule-interior-inset-start column-rule-interior-inset-end row-rule-edge-inset-start row-rule-edge-inset-end row-rule-interior-inset-start row-rule-interior-inset-end rule-overlap row-rule-color rule-color row-rule-style rule-style row-rule-width rule-width row-rule rule
+syn keyword cssFontAttr contained intersection row-over-column column-over-row overlap-join

after/syntax/css/grid-3.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained masonry-direction masonry-fill masonry-flow masonry masonry-template-tracks masonry-template-areas masonry-auto-tracks masonry-track-start masonry-track-end masonry-track masonry-slack
+syn keyword cssFontProp contained flow-tolerance item-track item-direction item-cross item-pack item-flow
-syn keyword cssFontAttr contained masonry inline-masonry
+syn keyword cssFontAttr contained grid-lanes inline-grid-lanes

after/syntax/css/image-animation-1.vim

@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained image-animation
+syn keyword cssFontAttr contained stopped
+syn keyword cssPseudoClassId contained animated-image

after/syntax/css/link-params-1.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained link-parameters
+syn region cssFunction contained matchgroup=cssFunctionName start="\<param\s*(" end=")" oneline keepend

after/syntax/css/mixins-1.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained result
+syn match cssFontDescriptor "@function\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/multicol-2.vim

@@ -0,0 +1 @@
+syn keyword cssPseudoClassId contained column

after/syntax/css/overflow-3.vim

@@ -1 +1,2 @@
-syn keyword cssFontProp contained continue overflow-clip-margin overflow-block overflow-inline scrollbar-gutter block-ellipsis line-clamp 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

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

after/syntax/css/position-4.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained overlay
+syn keyword cssPseudoClassId contained backdrop

after/syntax/css/pseudo-4.vim

@@ -1 +1 @@
-syn keyword cssPseudoClassId contained prefix postfix target-text spelling-error grammer-error file-selectors-button
+syn keyword cssPseudoClassId contained prefix suffix target-text spelling-error grammer-error file-selectors-button search-text details-content

after/syntax/css/rhythm-1.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained line-height-step block-step block-step-size block-step-insert block-step-align block-step-round
+syn keyword cssFontProp contained block-step-size block-step-insert block-step-align block-step-round block-step line-height-step
-syn keyword cssFontAttr contained margin up down nearest
+syn keyword cssFontAttr contained up down nearest

after/syntax/css/selectors-4.vim

@@ -1,3 +1,3 @@
 syn match cssSelectorOp "[|]"
-syn keyword cssPseudoClassId contained scope current past future default valid required optional blank playing paused any-link local-link read-only read-write placeholder-shown in-range out-of-range user-invalid user-valid target-within defined modal fullscreen picture-in-picture seeking buffering stalled muted volume-locked autofill open closed
+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=":\(dir\|local-link\|current\|nth\(-last\)\=-col\|has\|where\)(" end=")" oneline
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(where\|has\|dir\)(" end=")" oneline

after/syntax/css/selectors-5.vim

@@ -0,0 +1,4 @@
+syn match cssSelectorOp "[||]"
+syn match cssSelectorOp "/[a-z:]\+/"
+syn keyword cssPseudoClassId contained defined local-link interest-source interest-target blank current past future heading
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(state\|headings\|nth-col\|nth-last-col\)(" end=")" oneline

after/syntax/css/shapes-1.vim

@@ -1,3 +1,3 @@
 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\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(inset\|circle\|ellipse\|polygon\|shape\)\s*(" end=")" oneline keepend

after/syntax/css/svg2.vim

@@ -1,4 +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 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 image line linearGradient marker metadata mpath path pattern polygon polyline radialGradient rect set stop switch symbol text textPath tspan unknown use view
-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 cssFontProp contained cx cy d color-interpolation color-rendering marker-end marker-mid marker-start path-length r rx ry shape-rendering stop-color stop-opacity text-anchor vector-effect x y
 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
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(icc-color\)\s*(" end=")" oneline keepend

after/syntax/css/text-4.vim

@@ -1,2 +1,2 @@
 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
+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 avoid-short-last-line

after/syntax/css/ui-4.vim

@@ -1,3 +1,2 @@
-syn keyword cssFontProp contained caret caret-shape
+syn keyword cssFontProp contained caret-shape caret-animation caret interactivity interest-delay-start interest-delay-end interest-delay accent-color
-syn keyword cssFontAttr contained fade underscore
+syn keyword cssFontAttr contained underscore inert
-syn region cssFunction contained matchgroup=cssFunctionName start="\<fade\s*(" end=")" oneline keepend

after/syntax/css/values-5.vim

@@ -1,3 +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\|random\(-item\)\=\|sibling-\(count\|index\)\|calc-size\)\s*(" end=")" oneline keepend
+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

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

test/test.css

@@ -2,7 +2,6 @@
   place-self: auto;
   place-content: auto;
   place-items: auto;
-  row-gap: auto;
   display: safe;
   display: unsafe;
   display: self-start;
@@ -23,19 +22,19 @@
   display: span-right;
   display: span-x-start;
   display: span-x-end;
-  display: x-self-start;
+  display: self-x-start;
-  display: x-self-end;
+  display: self-x-end;
-  display: span-x-self-start;
+  display: span-self-x-start;
-  display: span-x-self-end;
+  display: span-self-x-end;
   display: span-all;
   display: span-top;
   display: span-bottom;
   display: span-y-start;
   display: span-y-end;
-  display: y-self-start;
+  display: self-y-start;
-  display: y-self-end;
+  display: self-y-end;
-  display: span-y-self-start;
+  display: span-self-y-start;
-  display: span-y-self-end;
+  display: span-self-y-end;
   display: span-block-start;
   display: span-block-end;
   display: self-block-start;
@@ -57,13 +56,60 @@
   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;
+}
+
+.animation-triggers-1 {
+  trigger-scope: auto;
+  timeline-trigger-name: auto;
+  timeline-trigger-source: auto;
+  timeline-trigger-activation-range: auto;
+  timeline-trigger-activation-range-start: auto;
+  timeline-trigger-activation-range-end: auto;
+  timeline-trigger-active-range: auto;
+  timeline-trigger-active-range-start: auto;
+  timeline-trigger-active-range-end: auto;
+  timeline-trigger-range: auto;
+  timeline-trigger: auto;
+  event-trigger-name: auto;
+  event-trigger-source: auto;
+  event-trigger: auto;
+  animation-trigger: auto;
+  display: click();
+  display: dblclick();
+  display: pointerenter();
+  display: pointerleave();
+  display: pointerup();
+  display: pointerdown();
+  display: focusin();
+  display: focusout();
+  display: input();
+  display: change();
+  display: keypress("Backspace");
+  display: play;
+  display: play-once;
+  display: play-forwards;
+  display: play-backwards;
+  display: pause;
+  display: reset;
+  display: replay;
+}
+
+.animation-worklet-1 {
+  display: auto;
+}
+
 .animations-1 {
   display: auto;
 }
@@ -80,25 +126,82 @@
 }
 
 .backgrounds-4 {
+  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;
-  corner-shape: auto;
+  background-tbd: 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: 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 {
@@ -176,6 +279,17 @@
   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%);
+  display: hdr-color(
+    color(rec2100-linear 0.9 1.0 0.8) 0,
+    color(rec2100-linear 1.8 2.0 1.5) 2
+  );
+}
+
 .compositing-1 {
   mix-blend-mode: auto;
   isolation: auto;
@@ -224,6 +338,12 @@
   }
 }
 
+@supports-condition --thicker-underlines {
+  .conditional-5 {
+    display: auto;
+  }
+}
+
 .contain-1 {
   contain: auto;
   display: layout;
@@ -310,11 +430,10 @@
 }
 
 .cssom-1 {
-  display: auto;
 }
 
 .cssom-view-1 {
-  scroll-behavior: smooth;
+  display: auto;
 }
 
 .device-adapt-1 {
@@ -332,6 +451,17 @@
   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;
 }
@@ -340,6 +470,10 @@
   display: linear(0, 0.25, 1);
 }
 
+.env-1 {
+  display: env(foo, red, blue);
+}
+
 .exclusions-3 {
   wrap-flow: auto;
   wrap-through: auto;
@@ -448,6 +582,7 @@
   font-palette: auto;
   font-variant-emoji: auto;
   font-presentation: auto;
+  display: oblique-only;
   display: system-ui;
   display: emoji;
   display: math;
@@ -482,6 +617,62 @@
   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 {
+  row-gap: auto;
+  column-rule-break: auto;
+  row-rule-break: auto;
+  rule-break: auto;
+  column-rule-edge-inset-end: auto;
+  column-rule-interior-inset-start: auto;
+  column-rule-interior-inset-end: auto;
+  row-rule-edge-inset-start: auto;
+  row-rule-edge-inset-end: auto;
+  row-rule-interior-inset-start: auto;
+  row-rule-interior-inset-end: auto;
+  rule-overlap: auto;
+  row-rule-color: auto;
+  rule-color: auto;
+  row-rule-style: auto;
+  rule-style: auto;
+  row-rule-width: auto;
+  rule-width: auto;
+  row-rule: auto;
+  rule: auto;
+  display: intersection;
+  display: row-over-column;
+  display: column-over-row;
+  display: overlap-join;
+}
+
 .gcpm-3::footnote-call,
 .gcpm-3::footnote-marker {
   running: auto;
@@ -510,19 +701,15 @@
 }
 
 .grid-3 {
-  masonry-direction: auto;
+  flow-tolerance: auto;
-  masonry-fill: auto;
+  item-track: auto;
-  masonry-flow: auto;
+  item-direction: auto;
-  masonry: auto;
+  item-cross: auto;
-  masonry-template-tracks: auto;
+  item-wrap: auto;
-  masonry-template-areas: auto;
+  item-pack: auto;
-  masonry-auto-tracks: auto;
+  item-flow: auto;
-  masonry-track-start: auto;
+  display: grid-lanes;
-  masonry-track-end: auto;
+  display: inline-grid-lanes;
-  masonry-track: auto;
-  masonry-slack: auto;
-  display: masonry;
-  display: inline-masonry;
 }
 
 .highlight-api-1::highlight(test) {
@@ -537,6 +724,11 @@ template {
   display: auto;
 }
 
+.image-animation-1:animated-image {
+  image-animation: auto;
+  display: stopped;
+}
+
 .images-3 {
   image-orientation: auto;
   display: snap;
@@ -595,6 +787,11 @@ template {
   display: last-baseline;
 }
 
+.link-params-1 {
+  link-parameters: auto;
+  display: param(--color, green);
+}
+
 .lists-3::marker {
   marker-side: auto;
   counter-set: auto;
@@ -690,6 +887,10 @@ mask {
   mask-type: auto;
 }
 
+@function mixins-1() {
+  result: auto;
+}
+
 .motion-1 {
   offset-path: auto;
   offset-distance: auto;
@@ -705,6 +906,10 @@ mask {
   display: balance-all;
 }
 
+.multicol-2::column {
+  display: auto:
+}
+
 .namespace-3 {
   display: auto;
 }
@@ -722,9 +927,11 @@ mask {
   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) {
@@ -745,6 +952,12 @@ mask {
   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;
@@ -792,6 +1005,10 @@ mask {
   inset: auto;
 }
 
+.position-4::backdrop {
+  overlay: auto;
+}
+
 .properties-values-api-1 {
   syntax: auto;
   inherits: auto;
@@ -799,11 +1016,13 @@ mask {
 }
 
 .pseudo-4::first-letter::prefix,
-.pseudo-4::first-letter::postfix,
+.pseudo-4::first-letter::suffix,
 .pseudo-4::target-text,
 .pseudo-4::spelling-error,
 .pseudo-4::grammer-error,
-.pseudo-4::file-selectors-button {
+.pseudo-4::file-selectors-button,
+.pseudo-4::search-text,
+.pseudo-4::details-content {
   display: auto;
 }
 
@@ -823,16 +1042,15 @@ mask {
 }
 
 .rhythm-1 {
-  line-height-step: auto;
   block-step-size: auto;
   block-step-insert: auto;
   block-step-align: auto;
-  display: margin;
+  block-step-round: auto;
+  block-step: auto;
+  line-height-step: auto;
   display: up;
   display: down;
   display: nearest;
-  block-step-round: auto;
-  block-step: auto;
 }
 
 @media (device-radius: 50%) {
@@ -956,46 +1174,53 @@ mask {
 }
 
 .selectors-4 | h1,
-.selectors-4:scope,
+.selectors-4:where(:not(:hover)),
-.selectors-4:current,
+.selectors-4:has(> img),
-.selectors-4:past,
+.selectors-4:defined,
-.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:dir(ltr),
-.selectors-4:local-link(0),
+.selectors-4:any-link,
-.selectors-4:current(p, li, dt, dd),
+.selectors-4:scope,
-.selectors-4:nth-col(2n+1),
-.selectors-4:nth-last-col(-n+2),
-.selectors-4:target-within,
 .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:autofill,
-.selectors-4:user-valid,
 .selectors-4:open,
-.selectors-4:closed {
+.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: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;
+}
+
+.selectors-5:local-link,
+.selectors-5:interest-source,
+.selectors-5:interest-target,
+.selectors-5:blank,
+.selectors-5:current,
+.selectors-5:past,
+.selectors-5:future,
+.selectors-5:state(loading),
+.selectors-5:heading,
+.selectors-5:headings(1, 3, 5),
+.selectors-5 || .foo,
+.selectors-5:nth-col(1),
+.selectors-5:nth-last-col(1),
+.selectors-5 /for/ .foo {
   display: auto;
 }
 
@@ -1012,6 +1237,7 @@ mask {
   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 {
@@ -1097,16 +1323,10 @@ feTurbulence,
 filter,
 foreignObject,
 g,
-hatch,
-hatchpath,
 image,
 line,
 linearGradient,
 marker,
-mesh,
-meshgradient,
-meshpatch,
-meshrow,
 metadata,
 mpath,
 path,
@@ -1116,7 +1336,6 @@ polyline,
 radialGradient,
 rect,
 set,
-solidcolor,
 stop,
 switch,
 symbol,
@@ -1134,12 +1353,11 @@ view {
   marker-end: auto;
   marker-mid: auto;
   marker-start: auto;
+  path-length: 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;
@@ -1158,7 +1376,6 @@ view {
   display: non-scaling-stroke;
   display: non-scaling-size;
   display: non-rotation;
-  display: child(1);
   display: icc-color(foo);
 }
 
@@ -1224,6 +1441,7 @@ view {
   display: ideograph-numeric;
   display: punctuation;
   display: ideographic-space;
+  display: avoid-short-last-line;
 }
 
 .text-decor-3 {
@@ -1301,11 +1519,16 @@ view {
 }
 
 .ui-4 {
-  caret: auto;
   caret-shape: auto;
-  display: fade;
+  caret-animation: auto;
-  display: fade(1em);
+  caret: auto;
+  interactivity: auto;
+  interest-delay-start: auto;
+  interest-delay-end: auto;
+  interest-delay: auto;
+  accent-color: auto;
   display: underscore;
+  display: inert;
 }
 
 .unofficials {
@@ -1383,6 +1606,8 @@ view {
   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();