2.9.0

https://www.w3.org/TR/2025/WD-css-conditional-5-20251030/

.github/FUNDING.yml

@@ -1 +0,0 @@
-github: [hail2u]

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-block flip-inline flip-start
+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/animations-2.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained animation-composition animation-timeline
+syn keyword cssFontAttr contained replace accumulate

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 cssFontAttr contained x-start x-end y-start y-end bevel scoop notch
+syn keyword cssFontProp contained background-position-x background-position-y background-position-inline background-position-block
+syn keyword cssFontAttr contained x-start x-end y-start y-end

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-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 corners border-limit border-clip border-clip-top border-clip-right border-clip-bottom border-clip-left 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-5.vim

@@ -1,4 +1,4 @@
 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\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+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

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

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

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
+syn keyword cssFontAttr contained flex-visual flex-flow grid-rows grid-columns

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

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,4 +1,4 @@
-syn keyword cssFontProp contained font-synthesis font-synthesis-weight font-synthesis-style font-synthesis-small-caps font-synthesis-settings 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 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

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 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

after/syntax/css/grid-3.vim

@@ -0,0 +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 item-track item-direction item-wrap item-cross item-pack item-slack item-flow
+syn keyword cssFontAttr contained masonry inline-masonry

after/syntax/css/inline-3.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained dominant-baseline alignment-baseline baseline-shift baseline-source text-edge leading-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
+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

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-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

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/page-3.vim

@@ -1 +1 @@
-syn keyword cssFontProp contained marks bleed
+syn keyword cssFontProp contained marks bleed page-orientation

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/scroll-animations-1.vim

@@ -1,2 +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
-syn keyword cssFontAttr contained entry exit
+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

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

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/speech-1.vim

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

after/syntax/css/text-4.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained text-space-collapse text-space-trim text-wrap 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-boundary-expansion
-syn keyword cssFontAttr contained spread punctuation preserve-breaks preserve-spaces discard-inner discard-before discard-after avoid-line avoid-flex pre-wrap-auto no-limit trim-start trim-end trim-adjacent space-start space-end space-adjacent space-first no-compress ideograph-alpha ideograph-numeric 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

after/syntax/css/transitions-2.vim

@@ -0,0 +1 @@
+syn match cssFontDescriptor "@\(starting-style\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

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

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

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

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

@@ -10,10 +10,76 @@
   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-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;
 }
 
+.animations-2 {
+  animation-composition: auto;
+  animation-timeline: auto;
+  display: replace;
+  display: accumulate;
+}
+
 .backgrounds-3 {
   display: auto;
 }
@@ -23,6 +89,37 @@
   background-position-y: auto;
   background-position-inline: auto;
   background-position-block: auto;
+  display: x-start;
+  display: x-end;
+  display: y-start;
+  display: y-end;
+}
+
+.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-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;
   corners: auto;
   border-limit: auto;
@@ -31,13 +128,19 @@
   border-clip-right: auto;
   border-clip-bottom: auto;
   border-clip-left: auto;
-	display: x-start;
-	display: x-end;
-	display: y-start;
-	display: y-end;
+	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 {
@@ -93,6 +196,8 @@
 .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-profile swopc {
@@ -113,6 +218,13 @@
   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;
@@ -150,7 +262,10 @@
 
 @when media(screen) {
   .conditional-5 {
-		display: auto;
+    container-type: auto;
+    container-name: auto;
+    container: auto;
+    display: inline-size;
   }
 } @else {
   .conditional-5 {
@@ -158,6 +273,12 @@
   }
 }
 
+@supports-condition --thicker-underlines {
+  .conditional-5 {
+    display: auto;
+  }
+}
+
 .contain-1 {
   contain: auto;
   display: layout;
@@ -244,11 +365,10 @@
 }
 
 .cssom-1 {
-	display: auto;
 }
 
 .cssom-view-1 {
-	scroll-behavior: smooth;
+  display: auto;
 }
 
 .device-adapt-1 {
@@ -266,10 +386,26 @@
   display: run-in;
 }
 
+.display-4 {
+  reading-flow: auto;
+  display: flex-visual;
+  display: flex-flow;
+  display: grid-rows;
+  display: grid-columns;
+}
+
 .easing-1 {
   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;
@@ -364,10 +500,10 @@
 }
 
 .fonts-4 {
+  font-synthesis-position: auto;
   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;
@@ -412,6 +548,57 @@
   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;
@@ -439,6 +626,29 @@
   display: auto;
 }
 
+.grid-3 {
+  masonry-direction: auto;
+  masonry-fill: auto;
+  masonry-flow: auto;
+  masonry: auto;
+  masonry-template-tracks: auto;
+  masonry-template-areas: auto;
+  masonry-auto-tracks: auto;
+  masonry-track-start: auto;
+  masonry-track-end: auto;
+  masonry-track: auto;
+  masonry-slack: auto;
+  item-track: auto;
+  item-direction: auto;
+  item-wrap: auto;
+  item-cross: auto;
+  item-pack: auto;
+  item-slack: auto;
+  item-flow: auto;
+  display: masonry;
+  display: inline-masonry;
+}
+
 .highlight-api-1::highlight(test) {
   display: auto;
 }
@@ -472,8 +682,10 @@ template {
   alignment-baseline: auto;
   baseline-source: auto;
   baseline-shift: auto;
-	text-edge: auto;
-	leading-trim: 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;
@@ -487,6 +699,9 @@ template {
   display: ideographic-ink;
   display: drop;
   display: raise;
+  display: trim-start;
+  display: trim-end;
+  display: trim-both;
 }
 
 .layout-api-1 {
@@ -599,6 +814,10 @@ mask {
   mask-type: auto;
 }
 
+@function mixins-1() {
+  result: auto;
+}
+
 .motion-1 {
   offset-path: auto;
   offset-distance: auto;
@@ -614,6 +833,10 @@ mask {
   display: balance-all;
 }
 
+.multicol-2::column {
+  display: auto:
+}
+
 .namespace-3 {
   display: auto;
 }
@@ -631,12 +854,24 @@ 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) {
+  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;
@@ -644,6 +879,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;
@@ -655,6 +896,7 @@ mask {
 .page-3 {
   marks: auto;
   bleed: auto;
+  page-orientation: auto;
 }
 
 .page-floats-3 {
@@ -690,6 +932,10 @@ mask {
   inset: auto;
 }
 
+.position-4::backdrop {
+  overlay: auto;
+}
+
 .properties-values-api-1 {
   syntax: auto;
   inherits: auto;
@@ -697,11 +943,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;
 }
 
@@ -791,8 +1039,11 @@ mask {
   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 {
@@ -827,6 +1078,15 @@ mask {
   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;
@@ -898,6 +1158,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 {
@@ -937,6 +1198,7 @@ mask {
   display: 10st;
   display: moderate;
   display: reduced;
+  display: never;
 }
 
 .style-attr {
@@ -1070,8 +1332,8 @@ view {
 }
 
 .text-4 {
-	text-space-collapse: auto;
-	text-space-trim: auto;
+  white-space-collapse: auto;
+  white-space-trim: auto;
   text-wrap: auto;
   wrap-before: auto;
   wrap-after: auto;
@@ -1083,26 +1345,27 @@ view {
   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-boundary-expansion: 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: trim-start;
-	display: space-start;
+  display: space-all;
+  display: trim-both;
   display: space-first;
-	display: trim-end;
-	display: space-end;
-	display: trim-adjacent;
-	display: space-adjacent;
+  display: trim-all;
   display: no-compress;
   display: ideograph-alpha;
   display: ideograph-numeric;
@@ -1168,6 +1431,12 @@ view {
   display: auto;
 }
 
+@starting-style {
+  .transitions-2 {
+    display: auto;
+  }
+}
+
 .typed-om-1 {
   display: auto;
 }
@@ -1245,7 +1514,29 @@ view {
   display: exp(1);
   display: abs(-1);
   display: sign(-4);
-	display: mix(33%; 1px; 2px);
+}
+
+.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 {
@@ -1260,6 +1551,13 @@ view {
   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;
 }