@pandacss/types 0.0.0-dev-20230331162939 → 0.0.0-dev-20230402115615

package/dist/csstype.d.ts

@@ -89,9 +89,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `replace`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **112** |   n/a   | **16** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/animation-composition
    */
@@ -172,7 +172,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   animationIterationCount?: Property.AnimationIterationCount | undefined;
   /**
-   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules describing the animation or animations to apply to the element.
+   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules that describe the animation to apply to an element. Multiple `@keyframe` at-rules are specified as a comma-separated list of names. If the specified name does not match any `@keyframe` at-rule, no properties are animated.
    *
    * **Syntax**: `[ none | <keyframes-name> ]#`
    *
@@ -202,7 +202,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   animationPlayState?: Property.AnimationPlayState | undefined;
   /**
-   * The **`animation-timeline`** CSS property specifies the names of one or more `@scroll-timeline` at-rules describing the scroll animations to apply to the element.
+   * The **`animation-timeline`** CSS property specifies the timeline that is used to control the progress of an animation.
    *
    * **Syntax**: `<single-animation-timeline>#`
    *
@@ -231,7 +231,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   animationTimingFunction?: Property.AnimationTimingFunction | undefined;
   /**
-   * The **`appearance`** CSS property is used to display an element using platform-native styling, based on the operating system's theme. The **`-moz-appearance`** and **`-webkit-appearance`** properties are non-standard versions of this property, used (respectively) by Gecko (Firefox) and by WebKit-based (e.g., Safari) and Blink-based (e.g., Chrome, Opera) browsers to achieve the same thing. Note that Firefox and Edge also support **`-webkit-appearance`**, for compatibility reasons.
+   * The **`appearance`** CSS property is used to control native appearance of UI controls, that are based on operating system's theme.
    *
    * **Syntax**: `none | auto | textfield | menulist-button | <compat-auto>`
    *
@@ -705,7 +705,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   borderImageOutset?: Property.BorderImageOutset<TLength> | undefined;
   /**
-   * The **`border-image-repeat`** CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image.
+   * The **`border-image-repeat`** CSS property defines how the edge regions and middle region of a source image are adjusted to fit the dimensions of an element's border image. The middle region can be displayed by using the keyword "fill" in the border-image-slice property.
    *
    * **Syntax**: `[ stretch | repeat | round | space ]{1,2}`
    *
@@ -976,7 +976,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   borderRightWidth?: Property.BorderRightWidth<TLength> | undefined;
   /**
-   * The **`border-spacing`** CSS property sets the distance between the borders of adjacent `<table>` cells. This property applies only when `border-collapse` is `separate`.
+   * The **`border-spacing`** CSS property sets the distance between the borders of adjacent cells in a `<table>`. This property applies only when `border-collapse` is `separate`.
    *
    * **Syntax**: `<length> <length>?`
    *
@@ -1217,6 +1217,12 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/caret-color
    */
   caretColor?: Property.CaretColor | undefined;
+  /**
+   * **Syntax**: `auto | bar | block | underscore`
+   *
+   * **Initial value**: `auto`
+   */
+  caretShape?: Property.CaretShape | undefined;
   /**
    * The **`clear`** CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The `clear` property applies to floating and non-floating elements.
    *
@@ -1247,7 +1253,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   clipPath?: Property.ClipPath | undefined;
   /**
-   * The **`color`** CSS property sets the foreground color value of an element's text and text decorations, and sets the `<currentcolor>` value. `currentcolor` may be used as an indirect value on _other_ properties and is the default for other color properties, such as `border-color`.
+   * The **`color`** CSS property sets the foreground color value of an element's text and text decorations, and sets the `currentcolor` value. `currentcolor` may be used as an indirect value on _other_ properties and is the default for other color properties, such as `border-color`.
    *
    * **Syntax**: `<color>`
    *
@@ -1409,7 +1415,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   columnWidth?: Property.ColumnWidth<TLength> | undefined;
   /**
-   * The **`contain`** CSS property allows an author to indicate that an element and its contents are, as much as possible, _independent_ of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page, leading to obvious performance benefits.
+   * The **`contain`** CSS property indicates that an element and its contents are, as much as possible, independent from the rest of the document tree. Containment enables isolating a subsection of the DOM, providing performance benefits by limiting calculations of layout, style, paint, size, or any combination to a DOM subtree rather than the entire page. Containment can also be used to scope CSS counters and quotes.
    *
    * **Syntax**: `none | strict | content | [ [ size || inline-size ] || layout || style || paint ]`
    *
@@ -1422,6 +1428,90 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/contain
    */
   contain?: Property.Contain | undefined;
+  /**
+   * The **`contain-intrinsic-block-size`** CSS logical property defines the block size of an element that a browser can use for layout when the element is subject to size containment.
+   *
+   * **Syntax**: `none | <length> | auto <length>`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **95** | **107** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-block-size
+   */
+  containIntrinsicBlockSize?: Property.ContainIntrinsicBlockSize<TLength> | undefined;
+  /**
+   * The **`contain-intrinsic-length`** CSS property sets the height of an element that a browser can use for layout when the element is subject to size containment.
+   *
+   * **Syntax**: `none | <length> | auto <length>`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **83** | **107** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-height
+   */
+  containIntrinsicHeight?: Property.ContainIntrinsicHeight<TLength> | undefined;
+  /**
+   * The **`contain-intrinsic-inline-size`** CSS logical property defines the inline-size of an element that a browser can use for layout when the element is subject to size containment.
+   *
+   * **Syntax**: `none | <length> | auto <length>`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **95** | **107** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-inline-size
+   */
+  containIntrinsicInlineSize?: Property.ContainIntrinsicInlineSize<TLength> | undefined;
+  /**
+   * The **`contain-intrinsic-width`** CSS property sets the width of an element that a browser will use for layout when the element is subject to size containment.
+   *
+   * **Syntax**: `none | <length> | auto <length>`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **83** | **107** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-width
+   */
+  containIntrinsicWidth?: Property.ContainIntrinsicWidth<TLength> | undefined;
+  /**
+   * The **container-name** CSS property specifies a list of query container names used by the @container at-rule in a container query. A container query will apply styles to elements based on the size of the nearest ancestor with a containment context. When a containment context is given a name, it can be specifically targeted using the `@container` at-rule instead of the nearest ancestor with containment.
+   *
+   * **Syntax**: `none | <custom-ident>+`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **105** | **110** | **16** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/container-name
+   */
+  containerName?: Property.ContainerName | undefined;
+  /**
+   * The **container-type** CSS property is used to define the type of containment used in a container query.
+   *
+   * **Syntax**: `normal | size | inline-size`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **105** | **110** | **16** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/container-type
+   */
+  containerType?: Property.ContainerType | undefined;
   /**
    * The **`content`** CSS property replaces an element with a generated value. Objects inserted using the `content` property are **anonymous replaced elements**.
    *
@@ -1437,7 +1527,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   content?: Property.Content | undefined;
   /**
-   * The **`content-visibility`** CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. Basically it enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.
+   * The **`content-visibility`** CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. It enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.
    *
    * **Syntax**: `visible | auto | hidden`
    *
@@ -1445,7 +1535,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **85** |   No    |   No   | n/a  | No  |
+   * | **85** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/content-visibility
    */
@@ -1725,6 +1815,18 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing
    */
   fontOpticalSizing?: Property.FontOpticalSizing | undefined;
+  /**
+   * **Syntax**: `normal | light | dark | <palette-identifier>`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox |  Safari  | Edge | IE  |
+   * | :-----: | :-----: | :------: | :--: | :-: |
+   * | **101** | **107** | **15.4** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-palette
+   */
+  fontPalette?: Property.FontPalette | undefined;
   /**
    * The **`font-size`** CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative `<length>` units, such as `em`, `ex`, and so forth.
    *
@@ -1746,9 +1848,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `none`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |  **3**  |   No   | n/a  | No  |
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * |   No   |  **3**  | **16.4** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-size-adjust
    */
@@ -1865,6 +1967,18 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-east-asian
    */
   fontVariantEastAsian?: Property.FontVariantEastAsian | undefined;
+  /**
+   * **Syntax**: `normal | text | emoji | unicode`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * |   No   | **108** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-emoji
+   */
+  fontVariantEmoji?: Property.FontVariantEmoji | undefined;
   /**
    * The **`font-variant-ligatures`** CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.
    *
@@ -2126,13 +2240,26 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * |   Chrome    | Firefox |    Safari     | Edge | IE  |
-   * | :---------: | :-----: | :-----------: | :--: | :-: |
-   * | **6** _-x-_ | **98**  | **5.1** _-x-_ | n/a  | No  |
+   * | Chrome  | Firefox |    Safari     | Edge | IE  |
+   * | :-----: | :-----: | :-----------: | :--: | :-: |
+   * | **106** | **98**  | **5.1** _-x-_ | n/a  | No  |
+   * | 6 _-x-_ |         |               |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/hyphenate-character
    */
   hyphenateCharacter?: Property.HyphenateCharacter | undefined;
+  /**
+   * The **`hyphenate-limit-chars`** CSS property specifies the minimum word length to allow hyphenation of words as well as the the minimum number of characters before and after the hyphen.
+   *
+   * **Syntax**: `[ auto | <integer> ]{1,3}`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **109** |   No    |   No   | n/a  | No  |
+   */
+  hyphenateLimitChars?: Property.HyphenateLimitChars | undefined;
   /**
    * The **`hyphens`** CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
    *
@@ -2189,9 +2316,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `normal`
    *
-   * | Chrome | Firefox |   Safari    | Edge | IE  |
-   * | :----: | :-----: | :---------: | :--: | :-: |
-   * |   No   |   No    | **9** _-x-_ | n/a  | No  |
+   * | Chrome  | Firefox |   Safari    | Edge | IE  |
+   * | :-----: | :-----: | :---------: | :--: | :-: |
+   * | **110** |   No    | **9** _-x-_ | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/initial-letter
    */
@@ -2216,34 +2343,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * **Initial value**: `auto`
    */
   inputSecurity?: Property.InputSecurity | undefined;
-  /**
-   * The **`inset`** CSS property is a shorthand that corresponds to the `top`, `right`, `bottom`, and/or `left` properties. It has the same multi-value syntax of the `margin` shorthand.
-   *
-   * **Syntax**: `<'top'>{1,4}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **66**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/inset
-   */
-  inset?: Property.Inset<TLength> | undefined;
-  /**
-   * The **`inset-block`** CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
-   *
-   * **Syntax**: `<'top'>{1,2}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **63**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/inset-block
-   */
-  insetBlock?: Property.InsetBlock<TLength> | undefined;
   /**
    * The **`inset-block-end`** CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -2272,20 +2371,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/inset-block-start
    */
   insetBlockStart?: Property.InsetBlockStart<TLength> | undefined;
-  /**
-   * The **`inset-inline`** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
-   *
-   * **Syntax**: `<'top'>{1,2}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **63**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline
-   */
-  insetInline?: Property.InsetInline<TLength> | undefined;
   /**
    * The **`inset-inline-end`** CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -2498,20 +2583,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/list-style-type
    */
   listStyleType?: Property.ListStyleType | undefined;
-  /**
-   * The **`margin-block`** CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
-   *
-   * **Syntax**: `<'margin-left'>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **66**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/margin-block
-   */
-  marginBlock?: Property.MarginBlock<TLength> | undefined;
   /**
    * The **`margin-block-end`** CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
    *
@@ -2554,20 +2625,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
   marginBottom?: Property.MarginBottom<TLength> | undefined;
-  /**
-   * The **`margin-inline`** CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
-   *
-   * **Syntax**: `<'margin-left'>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **66**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline
-   */
-  marginInline?: Property.MarginInline<TLength> | undefined;
   /**
    * The **`margin-inline-end`** CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the `margin-top`, `margin-right`, `margin-bottom` or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -2640,6 +2697,20 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    */
   marginTop?: Property.MarginTop<TLength> | undefined;
+  /**
+   * The `margin-trim` property allows the container to trim the margins of its children where they adjoin the container's edges.
+   *
+   * **Syntax**: `none | in-flow | all`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * |   No   |   No    | **16.4** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/margin-trim
+   */
+  marginTrim?: Property.MarginTrim | undefined;
   /**
    * The **`mask-border-mode`** CSS property specifies the blending mode used in a mask border.
    *
@@ -2811,7 +2882,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Syntax**: `<repeat-style>#`
    *
-   * **Initial value**: `no-repeat`
+   * **Initial value**: `repeat`
    *
    * |   Chrome    | Firefox |  Safari   | Edge  | IE  |
    * | :---------: | :-----: | :-------: | :---: | :-: |
@@ -2857,9 +2928,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |  n/a   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **109** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/math-depth
    */
@@ -2871,9 +2942,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `normal`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |  n/a   |   No    |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **109** |   No    |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/math-shift
    */
@@ -2885,9 +2956,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `normal`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * |  n/a   |   n/a   | **14.1** | n/a  | No  |
+   * | Chrome  | Firefox |  Safari  | Edge | IE  |
+   * | :-----: | :-----: | :------: | :--: | :-: |
+   * | **109** |   n/a   | **14.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/math-style
    */
@@ -3032,10 +3103,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * |         Chrome         | Firefox | Safari | Edge | IE  |
-   * | :--------------------: | :-----: | :----: | :--: | :-: |
-   * |         **55**         | **72**  |   No   | n/a  | No  |
-   * | 46 _(motion-distance)_ |         |        |      |     |
+   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
+   * | :--------------------: | :-----: | :---------: | :--: | :-: |
+   * |         **55**         | **72**  | **preview** | n/a  | No  |
+   * | 46 _(motion-distance)_ |         |             |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance
    */
@@ -3062,10 +3133,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox | Safari | Edge | IE  |
-   * | :--------------------: | :-----: | :----: | :--: | :-: |
-   * |         **56**         | **72**  |   No   | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |        |      |     |
+   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
+   * | :--------------------: | :-----: | :---------: | :--: | :-: |
+   * |         **56**         | **72**  | **preview** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |             |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -3103,9 +3174,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   | **72**  |   No   | n/a  | No  |
+   * | Chrome | Firefox |   Safari    | Edge | IE  |
+   * | :----: | :-----: | :---------: | :--: | :-: |
+   * |   No   | **72**  | **preview** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-anchor
    */
@@ -3117,10 +3188,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * |         Chrome         | Firefox | Safari | Edge | IE  |
-   * | :--------------------: | :-----: | :----: | :--: | :-: |
-   * |         **55**         | **72**  |   No   | n/a  | No  |
-   * | 46 _(motion-distance)_ |         |        |      |     |
+   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
+   * | :--------------------: | :-----: | :---------: | :--: | :-: |
+   * |         **55**         | **72**  | **preview** | n/a  | No  |
+   * | 46 _(motion-distance)_ |         |             |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance
    */
@@ -3140,6 +3211,18 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-path
    */
   offsetPath?: Property.OffsetPath | undefined;
+  /**
+   * **Syntax**: `auto | <position>`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome | Firefox |   Safari    | Edge | IE  |
+   * | :----: | :-----: | :---------: | :--: | :-: |
+   * |   No   |   No    | **preview** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/offset-position
+   */
+  offsetPosition?: Property.OffsetPosition<TLength> | undefined;
   /**
    * The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.
    *
@@ -3147,10 +3230,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox | Safari | Edge | IE  |
-   * | :--------------------: | :-----: | :----: | :--: | :-: |
-   * |         **56**         | **72**  |   No   | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |        |      |     |
+   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
+   * | :--------------------: | :-----: | :---------: | :--: | :-: |
+   * |         **56**         | **72**  | **preview** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |             |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -3162,10 +3245,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox | Safari | Edge | IE  |
-   * | :--------------------: | :-----: | :----: | :--: | :-: |
-   * |         **56**         | **72**  |   No   | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |        |      |     |
+   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
+   * | :--------------------: | :-----: | :---------: | :--: | :-: |
+   * |         **56**         | **72**  | **preview** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |             |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -3314,7 +3397,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **90** |   No    |   No   | n/a  | No  |
+   * | **90** | **102** |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/overflow-clip-margin
    */
@@ -3430,20 +3513,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y
    */
   overscrollBehaviorY?: Property.OverscrollBehaviorY | undefined;
-  /**
-   * The **`padding-block`** CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
-   *
-   * **Syntax**: `<'padding-left'>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **66**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/padding-block
-   */
-  paddingBlock?: Property.PaddingBlock<TLength> | undefined;
   /**
    * The **`padding-block-end`** CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
    *
@@ -3486,20 +3555,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
   paddingBottom?: Property.PaddingBottom<TLength> | undefined;
-  /**
-   * The **`padding-inline`** CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
-   *
-   * **Syntax**: `<'padding-left'>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **66**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline
-   */
-  paddingInline?: Property.PaddingInline<TLength> | undefined;
   /**
    * The **`padding-inline-end`** CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
    *
@@ -3572,6 +3627,20 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    */
   paddingTop?: Property.PaddingTop<TLength> | undefined;
+  /**
+   * The **`page`** CSS property is used to specify the named page, a specific type of page defined by the `@page` at-rule.
+   *
+   * **Syntax**: `auto | <custom-ident>`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome | Firefox |   Safari    | Edge | IE  |
+   * | :----: | :-----: | :---------: | :--: | :-: |
+   * | **85** | **110** | **preview** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/page
+   */
+  page?: Property.Page | undefined;
   /**
    * The **`page-break-after`** CSS property adjusts page breaks _after_ the current element.
    *
@@ -3658,20 +3727,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/perspective-origin
    */
   perspectiveOrigin?: Property.PerspectiveOrigin<TLength> | undefined;
-  /**
-   * The **`place-content`** CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the `align-content` and `justify-content` properties) in a relevant layout system such as Grid or Flexbox.
-   *
-   * **Syntax**: `<'align-content'> <'justify-content'>?`
-   *
-   * **Initial value**: `normal`
-   *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **59** | **45**  | **9**  | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/place-content
-   */
-  placeContent?: Property.PlaceContent | undefined;
   /**
    * The **`pointer-events`** CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
    *
@@ -3772,7 +3827,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   rotate?: Property.Rotate | undefined;
   /**
-   * The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows.
+   * The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's rows.
    *
    * **Syntax**: `normal | <length-percentage>`
    *
@@ -3849,50 +3904,21 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   scrollBehavior?: Property.ScrollBehavior | undefined;
   /**
-   * The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.
+   * The `scroll-margin-block-end` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.
    *
-   * **Syntax**: `<length>{1,4}`
+   * **Syntax**: `<length>`
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox |          Safari           | Edge | IE  |
-   * | :----: | :-----: | :-----------------------: | :--: | :-: |
-   * | **69** | **90**  |         **14.1**          | n/a  | No  |
-   * |        |         | 11 _(scroll-snap-margin)_ |      |     |
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **69** | **68**  | **14.1** | n/a  | No  |
    *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end
    */
-  scrollMargin?: Property.ScrollMargin<TLength> | undefined;
+  scrollMarginBlockEnd?: Property.ScrollMarginBlockEnd<TLength> | undefined;
   /**
-   * The `scroll-margin-block` shorthand property sets the scroll margins of an element in the block dimension.
-   *
-   * **Syntax**: `<length>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block
-   */
-  scrollMarginBlock?: Property.ScrollMarginBlock<TLength> | undefined;
-  /**
-   * The `scroll-margin-block-end` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.
-   *
-   * **Syntax**: `<length>`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end
-   */
-  scrollMarginBlockEnd?: Property.ScrollMarginBlockEnd<TLength> | undefined;
-  /**
-   * The `scroll-margin-block-start` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.
+   * The `scroll-margin-block-start` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.
    *
    * **Syntax**: `<length>`
    *
@@ -3920,20 +3946,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom
    */
   scrollMarginBottom?: Property.ScrollMarginBottom<TLength> | undefined;
-  /**
-   * The `scroll-margin-inline` shorthand property sets the scroll margins of an element in the inline dimension.
-   *
-   * **Syntax**: `<length>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline
-   */
-  scrollMarginInline?: Property.ScrollMarginInline<TLength> | undefined;
   /**
    * The `scroll-margin-inline-end` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.
    *
@@ -4007,34 +4019,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top
    */
   scrollMarginTop?: Property.ScrollMarginTop<TLength> | undefined;
-  /**
-   * The **`scroll-padding`** shorthand property sets scroll padding on all sides of an element at once, much like the `padding` property does for padding on an element.
-   *
-   * **Syntax**: `[ auto | <length-percentage> ]{1,4}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding
-   */
-  scrollPadding?: Property.ScrollPadding<TLength> | undefined;
-  /**
-   * The `scroll-padding-block` shorthand property sets the scroll padding of an element in the block dimension.
-   *
-   * **Syntax**: `[ auto | <length-percentage> ]{1,2}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **69** | **68**  | **15** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block
-   */
-  scrollPaddingBlock?: Property.ScrollPaddingBlock<TLength> | undefined;
   /**
    * The `scroll-padding-block-end` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.
    *
@@ -4077,20 +4061,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom
    */
   scrollPaddingBottom?: Property.ScrollPaddingBottom<TLength> | undefined;
-  /**
-   * The `scroll-padding-inline` shorthand property sets the scroll padding of an element in the inline dimension.
-   *
-   * **Syntax**: `[ auto | <length-percentage> ]{1,2}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **69** | **68**  | **15** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline
-   */
-  scrollPaddingInline?: Property.ScrollPaddingInline<TLength> | undefined;
   /**
    * The `scroll-padding-inline-end` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.
    *
@@ -4175,21 +4145,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align
    */
   scrollSnapAlign?: Property.ScrollSnapAlign | undefined;
-  /**
-   * The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.
-   *
-   * **Syntax**: `<length>{1,4}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |          Safari           | Edge | IE  |
-   * | :----: | :-----: | :-----------------------: | :--: | :-: |
-   * | **69** |  68-90  |         **14.1**          | n/a  | No  |
-   * |        |         | 11 _(scroll-snap-margin)_ |      |     |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin
-   */
-  scrollSnapMargin?: Property.ScrollMargin<TLength> | undefined;
   /**
    * The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.
    *
@@ -4251,7 +4206,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   scrollSnapMarginTop?: Property.ScrollMarginTop<TLength> | undefined;
   /**
-   * The **`scroll-snap-stop`** CSS property defines whether the scroll container is allowed to "pass over" possible snap positions.
+   * The **`scroll-snap-stop`** CSS property defines whether or not the scroll container is allowed to "pass over" possible snap positions.
    *
    * **Syntax**: `normal | always`
    *
@@ -4279,6 +4234,34 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type
    */
   scrollSnapType?: Property.ScrollSnapType | undefined;
+  /**
+   * The **`scroll-timeline-axis`** CSS property can be used to specify the scrollbar that will be used to provide the timeline for a scroll-timeline animation.
+   *
+   * **Syntax**: `[ block | inline | vertical | horizontal ]#`
+   *
+   * **Initial value**: `block`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * |   No   |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-axis
+   */
+  scrollTimelineAxis?: Property.ScrollTimelineAxis | undefined;
+  /**
+   * The **`scroll-timeline-name`** CSS property defines a name that can be used to identify an element as the source of a scroll timeline for an animation.
+   *
+   * **Syntax**: `none | <custom-ident>#`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * |   No   |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-name
+   */
+  scrollTimelineName?: Property.ScrollTimelineName | undefined;
   /**
    * The **`scrollbar-color`** CSS property sets the color of the scrollbar track and thumb.
    *
@@ -4393,7 +4376,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   tableLayout?: Property.TableLayout | undefined;
   /**
-   * The **`text-align`** CSS property sets the horizontal alignment of the content inside a block element or table-cell box. This means it works like `vertical-align` but in the horizontal direction.
+   * The **`text-align`** CSS property sets the horizontal alignment of the inline-level content inside a block element or table-cell box. This means it works like `vertical-align` but in the horizontal direction.
    *
    * **Syntax**: `start | end | left | right | center | justify | match-parent`
    *
@@ -4427,10 +4410,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `none`
    *
-   * |           Chrome           | Firefox |              Safari              | Edge  |                   IE                   |
-   * | :------------------------: | :-----: | :------------------------------: | :---: | :------------------------------------: |
-   * |           **48**           | **48**  | **5.1** _(-webkit-text-combine)_ | 15-79 | **11** _(-ms-text-combine-horizontal)_ |
-   * | 9 _(-webkit-text-combine)_ |         |                                  |       |                                        |
+   * |           Chrome           | Firefox |            Safari            | Edge  |                   IE                   |
+   * | :------------------------: | :-----: | :--------------------------: | :---: | :------------------------------------: |
+   * |           **48**           | **48**  |         **preview**          | 15-79 | **11** _(-ms-text-combine-horizontal)_ |
+   * | 9 _(-webkit-text-combine)_ |         | 5.1 _(-webkit-text-combine)_ |       |                                        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/text-combine-upright
    */
@@ -4755,7 +4738,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   transform?: Property.Transform | undefined;
   /**
-   * The **`transform-box`** CSS property defines the layout box to which the `transform` and `transform-origin` properties relate.
+   * The **`transform-box`** CSS property defines the layout box to which the `transform`, individual transform properties `translate`,`scale`, and `rotate`, and `transform-origin` properties relate.
    *
    * **Syntax**: `content-box | border-box | fill-box | stroke-box | view-box`
    *
@@ -4915,6 +4898,20 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/vertical-align
    */
   verticalAlign?: Property.VerticalAlign<TLength> | undefined;
+  /**
+   * The **`view-transition-name`** CSS property provides the selected element with a distinct identifying name (a `<custom-ident>`) and causes it to participate in a separate view transition from the root view transition — or no view transition if the `none` value is specified.
+   *
+   * **Syntax**: `none | <custom-ident>`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **111** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/view-transition-name
+   */
+  viewTransitionName?: Property.ViewTransitionName | undefined;
   /**
    * The **`visibility`** CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a `<table>`.
    *
@@ -5051,7 +5048,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   zIndex?: Property.ZIndex | undefined;
   /**
-   * The non-standard **_`zoom`_** CSS property can be used to control the magnification level of an element. `transform: scale()` should be used instead of this property, if possible. However, unlike CSS Transforms, `zoom` affects the layout size of the element.
+   * The non-standard **`zoom`** CSS property can be used to control the magnification level of an element. `transform: scale()` should be used instead of this property, if possible. However, unlike CSS Transforms, `zoom` affects the layout size of the element.
    *
    * **Syntax**: `normal | reset | <number> | <percentage>`
    *
@@ -5068,7 +5065,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
 
 export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
   /**
-   * The **`all`** shorthand CSS property resets all of an element's properties except `unicode-bidi`, `direction`, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.
+   * The **`all`** shorthand CSS property resets all of an element's properties except `unicode-bidi`, `direction`, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another cascade layer or stylesheet origin.
    *
    * **Syntax**: `initial | inherit | unset | revert | revert-layer`
    *
@@ -5314,6 +5311,8 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    * @see https://developer.mozilla.org/docs/Web/CSS/border-width
    */
   borderWidth?: Property.BorderWidth<TLength> | undefined;
+  /** **Syntax**: `<'caret-color'> || <'caret-shape'>` */
+  caret?: Property.Caret | undefined;
   /**
    * The **`column-rule`** shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.
    *
@@ -5340,6 +5339,30 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    * @see https://developer.mozilla.org/docs/Web/CSS/columns
    */
   columns?: Property.Columns<TLength> | undefined;
+  /**
+   * The **`contain-intrinsic-size`** CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment.
+   *
+   * **Syntax**: `[ none | <length> | auto <length> ]{1,2}`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **83** | **107** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size
+   */
+  containIntrinsicSize?: Property.ContainIntrinsicSize<TLength> | undefined;
+  /**
+   * The **container** shorthand CSS property establishes the element as a query container and specifies the name or name for the containment context used in a container query.
+   *
+   * **Syntax**: `<'container-name'> [ / <'container-type'> ]?`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **105** | **110** | **16** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/container
+   */
+  container?: Property.Container | undefined;
   /**
    * The **`flex`** CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.
    *
@@ -5427,7 +5450,7 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    */
   gridColumn?: Property.GridColumn | undefined;
   /**
-   * The **`grid-row`** CSS shorthand property specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
+   * The **`grid-row`** CSS shorthand property specifies a grid item's size and location within a grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
    *
    * **Syntax**: `<grid-line> [ / <grid-line> ]?`
    *
@@ -5439,7 +5462,7 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    */
   gridRow?: Property.GridRow | undefined;
   /**
-   * The **`grid-template`** CSS property is a shorthand property for defining grid columns, rows, and areas.
+   * The **`grid-template`** CSS property is a shorthand property for defining grid columns, grid rows, and grid areas.
    *
    * **Syntax**: `none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?`
    *
@@ -5450,6 +5473,42 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    * @see https://developer.mozilla.org/docs/Web/CSS/grid-template
    */
   gridTemplate?: Property.GridTemplate | undefined;
+  /**
+   * The **`inset`** CSS property is a shorthand that corresponds to the `top`, `right`, `bottom`, and/or `left` properties. It has the same multi-value syntax of the `margin` shorthand.
+   *
+   * **Syntax**: `<'top'>{1,4}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **66**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/inset
+   */
+  inset?: Property.Inset<TLength> | undefined;
+  /**
+   * The **`inset-block`** CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
+   *
+   * **Syntax**: `<'top'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **63**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/inset-block
+   */
+  insetBlock?: Property.InsetBlock<TLength> | undefined;
+  /**
+   * The **`inset-inline`** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
+   *
+   * **Syntax**: `<'top'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **63**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline
+   */
+  insetInline?: Property.InsetInline<TLength> | undefined;
   /**
    * **Syntax**: `none | <integer>`
    *
@@ -5480,6 +5539,30 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    * @see https://developer.mozilla.org/docs/Web/CSS/margin
    */
   margin?: Property.Margin<TLength> | undefined;
+  /**
+   * The **`margin-block`** CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
+   *
+   * **Syntax**: `<'margin-left'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **66**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/margin-block
+   */
+  marginBlock?: Property.MarginBlock<TLength> | undefined;
+  /**
+   * The **`margin-inline`** CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
+   *
+   * **Syntax**: `<'margin-left'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **66**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline
+   */
+  marginInline?: Property.MarginInline<TLength> | undefined;
   /**
    * The **`mask`** CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points.
    *
@@ -5531,13 +5614,13 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    */
   offset?: Property.Offset<TLength> | undefined;
   /**
-   * The **`outline`** CSS shorthand property set all the outline properties in a single declaration.
+   * The **`outline`** CSS shorthand property sets most of the outline properties in a single declaration.
    *
    * **Syntax**: `[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]`
    *
    * | Chrome | Firefox | Safari  |  Edge  |  IE   |
    * | :----: | :-----: | :-----: | :----: | :---: |
-   * | **1**  | **1.5** | **1.2** | **12** | **8** |
+   * | **94** | **88**  | **1.2** | **94** | **8** |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/outline
    */
@@ -5582,6 +5665,42 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    * @see https://developer.mozilla.org/docs/Web/CSS/padding
    */
   padding?: Property.Padding<TLength> | undefined;
+  /**
+   * The **`padding-block`** CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
+   *
+   * **Syntax**: `<'padding-left'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **66**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/padding-block
+   */
+  paddingBlock?: Property.PaddingBlock<TLength> | undefined;
+  /**
+   * The **`padding-inline`** CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
+   *
+   * **Syntax**: `<'padding-left'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **66**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline
+   */
+  paddingInline?: Property.PaddingInline<TLength> | undefined;
+  /**
+   * The **`place-content`** CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the `align-content` and `justify-content` properties) in a relevant layout system such as Grid or Flexbox.
+   *
+   * **Syntax**: `<'align-content'> <'justify-content'>?`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **59** | **45**  | **9**  | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/place-content
+   */
+  placeContent?: Property.PlaceContent | undefined;
   /**
    * The CSS **`place-items`** shorthand property allows you to align items along both the block and inline directions at once (i.e. the `align-items` and `justify-items` properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it.
    *
@@ -5606,6 +5725,104 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    * @see https://developer.mozilla.org/docs/Web/CSS/place-self
    */
   placeSelf?: Property.PlaceSelf | undefined;
+  /**
+   * The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.
+   *
+   * **Syntax**: `<length>{1,4}`
+   *
+   * | Chrome | Firefox |          Safari           | Edge | IE  |
+   * | :----: | :-----: | :-----------------------: | :--: | :-: |
+   * | **69** | **90**  |         **14.1**          | n/a  | No  |
+   * |        |         | 11 _(scroll-snap-margin)_ |      |     |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin
+   */
+  scrollMargin?: Property.ScrollMargin<TLength> | undefined;
+  /**
+   * The `scroll-margin-block` shorthand property sets the scroll margins of an element in the block dimension.
+   *
+   * **Syntax**: `<length>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **69** | **68**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block
+   */
+  scrollMarginBlock?: Property.ScrollMarginBlock<TLength> | undefined;
+  /**
+   * The `scroll-margin-inline` shorthand property sets the scroll margins of an element in the inline dimension.
+   *
+   * **Syntax**: `<length>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **69** | **68**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline
+   */
+  scrollMarginInline?: Property.ScrollMarginInline<TLength> | undefined;
+  /**
+   * The **`scroll-padding`** shorthand property sets scroll padding on all sides of an element at once, much like the `padding` property does for padding on an element.
+   *
+   * **Syntax**: `[ auto | <length-percentage> ]{1,4}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **69** | **68**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding
+   */
+  scrollPadding?: Property.ScrollPadding<TLength> | undefined;
+  /**
+   * The `scroll-padding-block` shorthand property sets the scroll padding of an element in the block dimension.
+   *
+   * **Syntax**: `[ auto | <length-percentage> ]{1,2}`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block
+   */
+  scrollPaddingBlock?: Property.ScrollPaddingBlock<TLength> | undefined;
+  /**
+   * The `scroll-padding-inline` shorthand property sets the scroll padding of an element in the inline dimension.
+   *
+   * **Syntax**: `[ auto | <length-percentage> ]{1,2}`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline
+   */
+  scrollPaddingInline?: Property.ScrollPaddingInline<TLength> | undefined;
+  /**
+   * The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.
+   *
+   * **Syntax**: `<length>{1,4}`
+   *
+   * | Chrome | Firefox |          Safari           | Edge | IE  |
+   * | :----: | :-----: | :-----------------------: | :--: | :-: |
+   * | **69** |  68-90  |         **14.1**          | n/a  | No  |
+   * |        |         | 11 _(scroll-snap-margin)_ |      |     |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin
+   */
+  scrollSnapMargin?: Property.ScrollMargin<TLength> | undefined;
+  /**
+   * The **`scroll-timeline`** CSS shorthand property defines a name that can be used to identify the source element of a scroll timeline, along with the scrollbar axis that should provide the timeline.
+   *
+   * **Syntax**: `[<'scroll-timeline-name'> <'scroll-timeline-axis'>?]#`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * |   No   |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline
+   */
+  scrollTimeline?: Property.ScrollTimeline | undefined;
   /**
    * The **`text-decoration`** shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for `text-decoration-line`, `text-decoration-color`, `text-decoration-style`, and the newer `text-decoration-thickness` property.
    *
@@ -5692,7 +5909,7 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    */
   MozAnimationIterationCount?: Property.AnimationIterationCount | undefined;
   /**
-   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules describing the animation or animations to apply to the element.
+   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules that describe the animation to apply to an element. Multiple `@keyframe` at-rules are specified as a comma-separated list of names. If the specified name does not match any `@keyframe` at-rule, no properties are animated.
    *
    * **Syntax**: `[ none | <keyframes-name> ]#`
    *
@@ -5716,7 +5933,7 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    */
   MozAnimationTimingFunction?: Property.AnimationTimingFunction | undefined;
   /**
-   * The **`appearance`** CSS property is used to display an element using platform-native styling, based on the operating system's theme. The **`-moz-appearance`** and **`-webkit-appearance`** properties are non-standard versions of this property, used (respectively) by Gecko (Firefox) and by WebKit-based (e.g., Safari) and Blink-based (e.g., Chrome, Opera) browsers to achieve the same thing. Note that Firefox and Edge also support **`-webkit-appearance`**, for compatibility reasons.
+   * The **`appearance`** CSS property is used to control native appearance of UI controls, that are based on operating system's theme.
    *
    * **Syntax**: `none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized`
    *
@@ -5731,6 +5948,14 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    * **Initial value**: `visible`
    */
   MozBackfaceVisibility?: Property.BackfaceVisibility | undefined;
+  /**
+   * The **`-moz-binding`** CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element.
+   *
+   * **Syntax**: `<url> | none`
+   *
+   * **Initial value**: `none`
+   */
+  MozBinding?: Property.MozBinding | undefined;
   /**
    * In Mozilla applications like Firefox, the **`-moz-border-bottom-colors`** CSS property sets a list of colors for the bottom border.
    *
@@ -6524,7 +6749,7 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    */
   msTransitionTimingFunction?: Property.TransitionTimingFunction | undefined;
   /**
-   * The `**user-select**` CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.
+   * The **`user-select`** CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes.
    *
    * **Syntax**: `none | element | text`
    *
@@ -6636,7 +6861,7 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    */
   WebkitAnimationIterationCount?: Property.AnimationIterationCount | undefined;
   /**
-   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules describing the animation or animations to apply to the element.
+   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules that describe the animation to apply to an element. Multiple `@keyframe` at-rules are specified as a comma-separated list of names. If the specified name does not match any `@keyframe` at-rule, no properties are animated.
    *
    * **Syntax**: `[ none | <keyframes-name> ]#`
    *
@@ -6660,7 +6885,7 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    */
   WebkitAnimationTimingFunction?: Property.AnimationTimingFunction | undefined;
   /**
-   * The **`appearance`** CSS property is used to display an element using platform-native styling, based on the operating system's theme. The **`-moz-appearance`** and **`-webkit-appearance`** properties are non-standard versions of this property, used (respectively) by Gecko (Firefox) and by WebKit-based (e.g., Safari) and Blink-based (e.g., Chrome, Opera) browsers to achieve the same thing. Note that Firefox and Edge also support **`-webkit-appearance`**, for compatibility reasons.
+   * The **`appearance`** CSS property is used to control native appearance of UI controls, that are based on operating system's theme.
    *
    * **Syntax**: `none | button | button-bevel | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield | -apple-pay-button`
    *
@@ -6982,7 +7207,7 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    */
   WebkitLineBreak?: Property.LineBreak | undefined;
   /**
-   * The **`-webkit-line-clamp`** CSS property allows limiting of the contents of a block container to the specified number of lines.
+   * The **`-webkit-line-clamp`** CSS property allows limiting of the contents of a block to the specified number of lines.
    *
    * **Syntax**: `none | <integer>`
    *
@@ -7006,7 +7231,7 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    */
   WebkitMarginStart?: Property.MarginInlineStart<TLength> | undefined;
   /**
-   * If a `-webkit-mask-image` is specified, `-webkit-mask-attachment` determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block.
+   * If a `mask-image` is specified, `-webkit-mask-attachment` determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block.
    *
    * **Syntax**: `<attachment>#`
    *
@@ -7712,7 +7937,7 @@ export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string
    */
   gridGap?: Property.GridGap<TLength> | undefined;
   /**
-   * The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows.
+   * The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's rows.
    *
    * **Syntax**: `<length-percentage>`
    *
@@ -7736,8 +7961,6 @@ export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string
    *
    * **Syntax**: `<'top'>{1,2}`
    *
-   * **Initial value**: `auto`
-   *
    * @deprecated
    */
   offsetBlock?: Property.InsetBlock<TLength> | undefined;
@@ -7766,8 +7989,6 @@ export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string
    *
    * **Syntax**: `<'top'>{1,2}`
    *
-   * **Initial value**: `auto`
-   *
    * @deprecated
    */
   offsetInline?: Property.InsetInline<TLength> | undefined;
@@ -8001,16 +8222,6 @@ export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string
    * @deprecated
    */
   MozBackgroundSize?: Property.BackgroundSize<TLength> | undefined;
-  /**
-   * The **`-moz-binding`** CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element.
-   *
-   * **Syntax**: `<url> | none`
-   *
-   * **Initial value**: `none`
-   *
-   * @deprecated
-   */
-  MozBinding?: Property.MozBinding | undefined;
   /**
    * The **`border-radius`** CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
    *
@@ -8160,7 +8371,7 @@ export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string
    */
   MozOpacity?: Property.Opacity | undefined;
   /**
-   * The **`outline`** CSS shorthand property set all the outline properties in a single declaration.
+   * The **`outline`** CSS shorthand property sets most of the outline properties in a single declaration.
    *
    * **Syntax**: `[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]`
    *
@@ -8364,7 +8575,7 @@ export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string
    */
   OAnimationIterationCount?: Property.AnimationIterationCount | undefined;
   /**
-   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules describing the animation or animations to apply to the element.
+   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules that describe the animation to apply to an element. Multiple `@keyframe` at-rules are specified as a comma-separated list of names. If the specified name does not match any `@keyframe` at-rule, no properties are animated.
    *
    * **Syntax**: `[ none | <keyframes-name> ]#`
    *
@@ -8771,9 +8982,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `replace`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **112** |   n/a   | **16** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/animation-composition
    */
@@ -8854,7 +9065,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "animation-iteration-count"?: Property.AnimationIterationCount | undefined;
   /**
-   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules describing the animation or animations to apply to the element.
+   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules that describe the animation to apply to an element. Multiple `@keyframe` at-rules are specified as a comma-separated list of names. If the specified name does not match any `@keyframe` at-rule, no properties are animated.
    *
    * **Syntax**: `[ none | <keyframes-name> ]#`
    *
@@ -8884,7 +9095,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "animation-play-state"?: Property.AnimationPlayState | undefined;
   /**
-   * The **`animation-timeline`** CSS property specifies the names of one or more `@scroll-timeline` at-rules describing the scroll animations to apply to the element.
+   * The **`animation-timeline`** CSS property specifies the timeline that is used to control the progress of an animation.
    *
    * **Syntax**: `<single-animation-timeline>#`
    *
@@ -8913,7 +9124,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "animation-timing-function"?: Property.AnimationTimingFunction | undefined;
   /**
-   * The **`appearance`** CSS property is used to display an element using platform-native styling, based on the operating system's theme. The **`-moz-appearance`** and **`-webkit-appearance`** properties are non-standard versions of this property, used (respectively) by Gecko (Firefox) and by WebKit-based (e.g., Safari) and Blink-based (e.g., Chrome, Opera) browsers to achieve the same thing. Note that Firefox and Edge also support **`-webkit-appearance`**, for compatibility reasons.
+   * The **`appearance`** CSS property is used to control native appearance of UI controls, that are based on operating system's theme.
    *
    * **Syntax**: `none | auto | textfield | menulist-button | <compat-auto>`
    *
@@ -9387,7 +9598,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "border-image-outset"?: Property.BorderImageOutset<TLength> | undefined;
   /**
-   * The **`border-image-repeat`** CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image.
+   * The **`border-image-repeat`** CSS property defines how the edge regions and middle region of a source image are adjusted to fit the dimensions of an element's border image. The middle region can be displayed by using the keyword "fill" in the border-image-slice property.
    *
    * **Syntax**: `[ stretch | repeat | round | space ]{1,2}`
    *
@@ -9658,7 +9869,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "border-right-width"?: Property.BorderRightWidth<TLength> | undefined;
   /**
-   * The **`border-spacing`** CSS property sets the distance between the borders of adjacent `<table>` cells. This property applies only when `border-collapse` is `separate`.
+   * The **`border-spacing`** CSS property sets the distance between the borders of adjacent cells in a `<table>`. This property applies only when `border-collapse` is `separate`.
    *
    * **Syntax**: `<length> <length>?`
    *
@@ -9899,6 +10110,12 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/caret-color
    */
   "caret-color"?: Property.CaretColor | undefined;
+  /**
+   * **Syntax**: `auto | bar | block | underscore`
+   *
+   * **Initial value**: `auto`
+   */
+  "caret-shape"?: Property.CaretShape | undefined;
   /**
    * The **`clear`** CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The `clear` property applies to floating and non-floating elements.
    *
@@ -9929,7 +10146,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "clip-path"?: Property.ClipPath | undefined;
   /**
-   * The **`color`** CSS property sets the foreground color value of an element's text and text decorations, and sets the `<currentcolor>` value. `currentcolor` may be used as an indirect value on _other_ properties and is the default for other color properties, such as `border-color`.
+   * The **`color`** CSS property sets the foreground color value of an element's text and text decorations, and sets the `currentcolor` value. `currentcolor` may be used as an indirect value on _other_ properties and is the default for other color properties, such as `border-color`.
    *
    * **Syntax**: `<color>`
    *
@@ -10091,7 +10308,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "column-width"?: Property.ColumnWidth<TLength> | undefined;
   /**
-   * The **`contain`** CSS property allows an author to indicate that an element and its contents are, as much as possible, _independent_ of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page, leading to obvious performance benefits.
+   * The **`contain`** CSS property indicates that an element and its contents are, as much as possible, independent from the rest of the document tree. Containment enables isolating a subsection of the DOM, providing performance benefits by limiting calculations of layout, style, paint, size, or any combination to a DOM subtree rather than the entire page. Containment can also be used to scope CSS counters and quotes.
    *
    * **Syntax**: `none | strict | content | [ [ size || inline-size ] || layout || style || paint ]`
    *
@@ -10104,6 +10321,90 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/contain
    */
   contain?: Property.Contain | undefined;
+  /**
+   * The **`contain-intrinsic-block-size`** CSS logical property defines the block size of an element that a browser can use for layout when the element is subject to size containment.
+   *
+   * **Syntax**: `none | <length> | auto <length>`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **95** | **107** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-block-size
+   */
+  "contain-intrinsic-block-size"?: Property.ContainIntrinsicBlockSize<TLength> | undefined;
+  /**
+   * The **`contain-intrinsic-length`** CSS property sets the height of an element that a browser can use for layout when the element is subject to size containment.
+   *
+   * **Syntax**: `none | <length> | auto <length>`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **83** | **107** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-height
+   */
+  "contain-intrinsic-height"?: Property.ContainIntrinsicHeight<TLength> | undefined;
+  /**
+   * The **`contain-intrinsic-inline-size`** CSS logical property defines the inline-size of an element that a browser can use for layout when the element is subject to size containment.
+   *
+   * **Syntax**: `none | <length> | auto <length>`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **95** | **107** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-inline-size
+   */
+  "contain-intrinsic-inline-size"?: Property.ContainIntrinsicInlineSize<TLength> | undefined;
+  /**
+   * The **`contain-intrinsic-width`** CSS property sets the width of an element that a browser will use for layout when the element is subject to size containment.
+   *
+   * **Syntax**: `none | <length> | auto <length>`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **83** | **107** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-width
+   */
+  "contain-intrinsic-width"?: Property.ContainIntrinsicWidth<TLength> | undefined;
+  /**
+   * The **container-name** CSS property specifies a list of query container names used by the @container at-rule in a container query. A container query will apply styles to elements based on the size of the nearest ancestor with a containment context. When a containment context is given a name, it can be specifically targeted using the `@container` at-rule instead of the nearest ancestor with containment.
+   *
+   * **Syntax**: `none | <custom-ident>+`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **105** | **110** | **16** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/container-name
+   */
+  "container-name"?: Property.ContainerName | undefined;
+  /**
+   * The **container-type** CSS property is used to define the type of containment used in a container query.
+   *
+   * **Syntax**: `normal | size | inline-size`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **105** | **110** | **16** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/container-type
+   */
+  "container-type"?: Property.ContainerType | undefined;
   /**
    * The **`content`** CSS property replaces an element with a generated value. Objects inserted using the `content` property are **anonymous replaced elements**.
    *
@@ -10119,7 +10420,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   content?: Property.Content | undefined;
   /**
-   * The **`content-visibility`** CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. Basically it enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.
+   * The **`content-visibility`** CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. It enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.
    *
    * **Syntax**: `visible | auto | hidden`
    *
@@ -10127,7 +10428,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **85** |   No    |   No   | n/a  | No  |
+   * | **85** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/content-visibility
    */
@@ -10407,6 +10708,18 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing
    */
   "font-optical-sizing"?: Property.FontOpticalSizing | undefined;
+  /**
+   * **Syntax**: `normal | light | dark | <palette-identifier>`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox |  Safari  | Edge | IE  |
+   * | :-----: | :-----: | :------: | :--: | :-: |
+   * | **101** | **107** | **15.4** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-palette
+   */
+  "font-palette"?: Property.FontPalette | undefined;
   /**
    * The **`font-size`** CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative `<length>` units, such as `em`, `ex`, and so forth.
    *
@@ -10428,9 +10741,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `none`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |  **3**  |   No   | n/a  | No  |
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * |   No   |  **3**  | **16.4** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-size-adjust
    */
@@ -10547,6 +10860,18 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-east-asian
    */
   "font-variant-east-asian"?: Property.FontVariantEastAsian | undefined;
+  /**
+   * **Syntax**: `normal | text | emoji | unicode`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * |   No   | **108** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-emoji
+   */
+  "font-variant-emoji"?: Property.FontVariantEmoji | undefined;
   /**
    * The **`font-variant-ligatures`** CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.
    *
@@ -10808,13 +11133,26 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * |   Chrome    | Firefox |    Safari     | Edge | IE  |
-   * | :---------: | :-----: | :-----------: | :--: | :-: |
-   * | **6** _-x-_ | **98**  | **5.1** _-x-_ | n/a  | No  |
+   * | Chrome  | Firefox |    Safari     | Edge | IE  |
+   * | :-----: | :-----: | :-----------: | :--: | :-: |
+   * | **106** | **98**  | **5.1** _-x-_ | n/a  | No  |
+   * | 6 _-x-_ |         |               |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/hyphenate-character
    */
   "hyphenate-character"?: Property.HyphenateCharacter | undefined;
+  /**
+   * The **`hyphenate-limit-chars`** CSS property specifies the minimum word length to allow hyphenation of words as well as the the minimum number of characters before and after the hyphen.
+   *
+   * **Syntax**: `[ auto | <integer> ]{1,3}`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **109** |   No    |   No   | n/a  | No  |
+   */
+  "hyphenate-limit-chars"?: Property.HyphenateLimitChars | undefined;
   /**
    * The **`hyphens`** CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
    *
@@ -10871,9 +11209,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `normal`
    *
-   * | Chrome | Firefox |   Safari    | Edge | IE  |
-   * | :----: | :-----: | :---------: | :--: | :-: |
-   * |   No   |   No    | **9** _-x-_ | n/a  | No  |
+   * | Chrome  | Firefox |   Safari    | Edge | IE  |
+   * | :-----: | :-----: | :---------: | :--: | :-: |
+   * | **110** |   No    | **9** _-x-_ | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/initial-letter
    */
@@ -10898,34 +11236,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * **Initial value**: `auto`
    */
   "input-security"?: Property.InputSecurity | undefined;
-  /**
-   * The **`inset`** CSS property is a shorthand that corresponds to the `top`, `right`, `bottom`, and/or `left` properties. It has the same multi-value syntax of the `margin` shorthand.
-   *
-   * **Syntax**: `<'top'>{1,4}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **66**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/inset
-   */
-  inset?: Property.Inset<TLength> | undefined;
-  /**
-   * The **`inset-block`** CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
-   *
-   * **Syntax**: `<'top'>{1,2}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **63**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/inset-block
-   */
-  "inset-block"?: Property.InsetBlock<TLength> | undefined;
   /**
    * The **`inset-block-end`** CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -10954,20 +11264,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/inset-block-start
    */
   "inset-block-start"?: Property.InsetBlockStart<TLength> | undefined;
-  /**
-   * The **`inset-inline`** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
-   *
-   * **Syntax**: `<'top'>{1,2}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **63**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline
-   */
-  "inset-inline"?: Property.InsetInline<TLength> | undefined;
   /**
    * The **`inset-inline-end`** CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -11171,29 +11467,15 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Syntax**: `<counter-style> | <string> | none`
    *
-   * **Initial value**: `disc`
-   *
-   * | Chrome | Firefox | Safari |  Edge  |  IE   |
-   * | :----: | :-----: | :----: | :----: | :---: |
-   * | **1**  |  **1**  | **1**  | **12** | **4** |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/list-style-type
-   */
-  "list-style-type"?: Property.ListStyleType | undefined;
-  /**
-   * The **`margin-block`** CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
-   *
-   * **Syntax**: `<'margin-left'>{1,2}`
-   *
-   * **Initial value**: `0`
+   * **Initial value**: `disc`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **66**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari |  Edge  |  IE   |
+   * | :----: | :-----: | :----: | :----: | :---: |
+   * | **1**  |  **1**  | **1**  | **12** | **4** |
    *
-   * @see https://developer.mozilla.org/docs/Web/CSS/margin-block
+   * @see https://developer.mozilla.org/docs/Web/CSS/list-style-type
    */
-  "margin-block"?: Property.MarginBlock<TLength> | undefined;
+  "list-style-type"?: Property.ListStyleType | undefined;
   /**
    * The **`margin-block-end`** CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
    *
@@ -11236,20 +11518,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
   "margin-bottom"?: Property.MarginBottom<TLength> | undefined;
-  /**
-   * The **`margin-inline`** CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
-   *
-   * **Syntax**: `<'margin-left'>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **66**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline
-   */
-  "margin-inline"?: Property.MarginInline<TLength> | undefined;
   /**
    * The **`margin-inline-end`** CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the `margin-top`, `margin-right`, `margin-bottom` or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -11322,6 +11590,20 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    */
   "margin-top"?: Property.MarginTop<TLength> | undefined;
+  /**
+   * The `margin-trim` property allows the container to trim the margins of its children where they adjoin the container's edges.
+   *
+   * **Syntax**: `none | in-flow | all`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * |   No   |   No    | **16.4** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/margin-trim
+   */
+  "margin-trim"?: Property.MarginTrim | undefined;
   /**
    * The **`mask-border-mode`** CSS property specifies the blending mode used in a mask border.
    *
@@ -11493,7 +11775,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Syntax**: `<repeat-style>#`
    *
-   * **Initial value**: `no-repeat`
+   * **Initial value**: `repeat`
    *
    * |   Chrome    | Firefox |  Safari   | Edge  | IE  |
    * | :---------: | :-----: | :-------: | :---: | :-: |
@@ -11539,9 +11821,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |  n/a   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **109** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/math-depth
    */
@@ -11553,9 +11835,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `normal`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |  n/a   |   No    |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **109** |   No    |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/math-shift
    */
@@ -11567,9 +11849,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `normal`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * |  n/a   |   n/a   | **14.1** | n/a  | No  |
+   * | Chrome  | Firefox |  Safari  | Edge | IE  |
+   * | :-----: | :-----: | :------: | :--: | :-: |
+   * | **109** |   n/a   | **14.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/math-style
    */
@@ -11714,10 +11996,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * |         Chrome         | Firefox | Safari | Edge | IE  |
-   * | :--------------------: | :-----: | :----: | :--: | :-: |
-   * |         **55**         | **72**  |   No   | n/a  | No  |
-   * | 46 _(motion-distance)_ |         |        |      |     |
+   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
+   * | :--------------------: | :-----: | :---------: | :--: | :-: |
+   * |         **55**         | **72**  | **preview** | n/a  | No  |
+   * | 46 _(motion-distance)_ |         |             |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance
    */
@@ -11744,10 +12026,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox | Safari | Edge | IE  |
-   * | :--------------------: | :-----: | :----: | :--: | :-: |
-   * |         **56**         | **72**  |   No   | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |        |      |     |
+   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
+   * | :--------------------: | :-----: | :---------: | :--: | :-: |
+   * |         **56**         | **72**  | **preview** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |             |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -11785,9 +12067,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   | **72**  |   No   | n/a  | No  |
+   * | Chrome | Firefox |   Safari    | Edge | IE  |
+   * | :----: | :-----: | :---------: | :--: | :-: |
+   * |   No   | **72**  | **preview** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-anchor
    */
@@ -11799,10 +12081,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * |         Chrome         | Firefox | Safari | Edge | IE  |
-   * | :--------------------: | :-----: | :----: | :--: | :-: |
-   * |         **55**         | **72**  |   No   | n/a  | No  |
-   * | 46 _(motion-distance)_ |         |        |      |     |
+   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
+   * | :--------------------: | :-----: | :---------: | :--: | :-: |
+   * |         **55**         | **72**  | **preview** | n/a  | No  |
+   * | 46 _(motion-distance)_ |         |             |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance
    */
@@ -11822,6 +12104,18 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-path
    */
   "offset-path"?: Property.OffsetPath | undefined;
+  /**
+   * **Syntax**: `auto | <position>`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome | Firefox |   Safari    | Edge | IE  |
+   * | :----: | :-----: | :---------: | :--: | :-: |
+   * |   No   |   No    | **preview** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/offset-position
+   */
+  "offset-position"?: Property.OffsetPosition<TLength> | undefined;
   /**
    * The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.
    *
@@ -11829,10 +12123,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox | Safari | Edge | IE  |
-   * | :--------------------: | :-----: | :----: | :--: | :-: |
-   * |         **56**         | **72**  |   No   | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |        |      |     |
+   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
+   * | :--------------------: | :-----: | :---------: | :--: | :-: |
+   * |         **56**         | **72**  | **preview** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |             |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -11844,10 +12138,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox | Safari | Edge | IE  |
-   * | :--------------------: | :-----: | :----: | :--: | :-: |
-   * |         **56**         | **72**  |   No   | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |        |      |     |
+   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
+   * | :--------------------: | :-----: | :---------: | :--: | :-: |
+   * |         **56**         | **72**  | **preview** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |             |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -11996,7 +12290,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **90** |   No    |   No   | n/a  | No  |
+   * | **90** | **102** |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/overflow-clip-margin
    */
@@ -12112,20 +12406,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y
    */
   "overscroll-behavior-y"?: Property.OverscrollBehaviorY | undefined;
-  /**
-   * The **`padding-block`** CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
-   *
-   * **Syntax**: `<'padding-left'>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **66**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/padding-block
-   */
-  "padding-block"?: Property.PaddingBlock<TLength> | undefined;
   /**
    * The **`padding-block-end`** CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
    *
@@ -12168,20 +12448,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
   "padding-bottom"?: Property.PaddingBottom<TLength> | undefined;
-  /**
-   * The **`padding-inline`** CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
-   *
-   * **Syntax**: `<'padding-left'>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **66**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline
-   */
-  "padding-inline"?: Property.PaddingInline<TLength> | undefined;
   /**
    * The **`padding-inline-end`** CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
    *
@@ -12254,6 +12520,20 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    */
   "padding-top"?: Property.PaddingTop<TLength> | undefined;
+  /**
+   * The **`page`** CSS property is used to specify the named page, a specific type of page defined by the `@page` at-rule.
+   *
+   * **Syntax**: `auto | <custom-ident>`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome | Firefox |   Safari    | Edge | IE  |
+   * | :----: | :-----: | :---------: | :--: | :-: |
+   * | **85** | **110** | **preview** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/page
+   */
+  page?: Property.Page | undefined;
   /**
    * The **`page-break-after`** CSS property adjusts page breaks _after_ the current element.
    *
@@ -12340,20 +12620,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/perspective-origin
    */
   "perspective-origin"?: Property.PerspectiveOrigin<TLength> | undefined;
-  /**
-   * The **`place-content`** CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the `align-content` and `justify-content` properties) in a relevant layout system such as Grid or Flexbox.
-   *
-   * **Syntax**: `<'align-content'> <'justify-content'>?`
-   *
-   * **Initial value**: `normal`
-   *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **59** | **45**  | **9**  | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/place-content
-   */
-  "place-content"?: Property.PlaceContent | undefined;
   /**
    * The **`pointer-events`** CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
    *
@@ -12454,7 +12720,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   rotate?: Property.Rotate | undefined;
   /**
-   * The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows.
+   * The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's rows.
    *
    * **Syntax**: `normal | <length-percentage>`
    *
@@ -12530,35 +12796,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-behavior
    */
   "scroll-behavior"?: Property.ScrollBehavior | undefined;
-  /**
-   * The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.
-   *
-   * **Syntax**: `<length>{1,4}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |          Safari           | Edge | IE  |
-   * | :----: | :-----: | :-----------------------: | :--: | :-: |
-   * | **69** | **90**  |         **14.1**          | n/a  | No  |
-   * |        |         | 11 _(scroll-snap-margin)_ |      |     |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin
-   */
-  "scroll-margin"?: Property.ScrollMargin<TLength> | undefined;
-  /**
-   * The `scroll-margin-block` shorthand property sets the scroll margins of an element in the block dimension.
-   *
-   * **Syntax**: `<length>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block
-   */
-  "scroll-margin-block"?: Property.ScrollMarginBlock<TLength> | undefined;
   /**
    * The `scroll-margin-block-end` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.
    *
@@ -12602,20 +12839,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom
    */
   "scroll-margin-bottom"?: Property.ScrollMarginBottom<TLength> | undefined;
-  /**
-   * The `scroll-margin-inline` shorthand property sets the scroll margins of an element in the inline dimension.
-   *
-   * **Syntax**: `<length>{1,2}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline
-   */
-  "scroll-margin-inline"?: Property.ScrollMarginInline<TLength> | undefined;
   /**
    * The `scroll-margin-inline-end` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.
    *
@@ -12689,34 +12912,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top
    */
   "scroll-margin-top"?: Property.ScrollMarginTop<TLength> | undefined;
-  /**
-   * The **`scroll-padding`** shorthand property sets scroll padding on all sides of an element at once, much like the `padding` property does for padding on an element.
-   *
-   * **Syntax**: `[ auto | <length-percentage> ]{1,4}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding
-   */
-  "scroll-padding"?: Property.ScrollPadding<TLength> | undefined;
-  /**
-   * The `scroll-padding-block` shorthand property sets the scroll padding of an element in the block dimension.
-   *
-   * **Syntax**: `[ auto | <length-percentage> ]{1,2}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **69** | **68**  | **15** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block
-   */
-  "scroll-padding-block"?: Property.ScrollPaddingBlock<TLength> | undefined;
   /**
    * The `scroll-padding-block-end` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.
    *
@@ -12759,20 +12954,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom
    */
   "scroll-padding-bottom"?: Property.ScrollPaddingBottom<TLength> | undefined;
-  /**
-   * The `scroll-padding-inline` shorthand property sets the scroll padding of an element in the inline dimension.
-   *
-   * **Syntax**: `[ auto | <length-percentage> ]{1,2}`
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **69** | **68**  | **15** | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline
-   */
-  "scroll-padding-inline"?: Property.ScrollPaddingInline<TLength> | undefined;
   /**
    * The `scroll-padding-inline-end` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.
    *
@@ -12857,21 +13038,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align
    */
   "scroll-snap-align"?: Property.ScrollSnapAlign | undefined;
-  /**
-   * The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.
-   *
-   * **Syntax**: `<length>{1,4}`
-   *
-   * **Initial value**: `0`
-   *
-   * | Chrome | Firefox |          Safari           | Edge | IE  |
-   * | :----: | :-----: | :-----------------------: | :--: | :-: |
-   * | **69** |  68-90  |         **14.1**          | n/a  | No  |
-   * |        |         | 11 _(scroll-snap-margin)_ |      |     |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin
-   */
-  "scroll-snap-margin"?: Property.ScrollMargin<TLength> | undefined;
   /**
    * The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.
    *
@@ -12933,7 +13099,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "scroll-snap-margin-top"?: Property.ScrollMarginTop<TLength> | undefined;
   /**
-   * The **`scroll-snap-stop`** CSS property defines whether the scroll container is allowed to "pass over" possible snap positions.
+   * The **`scroll-snap-stop`** CSS property defines whether or not the scroll container is allowed to "pass over" possible snap positions.
    *
    * **Syntax**: `normal | always`
    *
@@ -12961,6 +13127,34 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type
    */
   "scroll-snap-type"?: Property.ScrollSnapType | undefined;
+  /**
+   * The **`scroll-timeline-axis`** CSS property can be used to specify the scrollbar that will be used to provide the timeline for a scroll-timeline animation.
+   *
+   * **Syntax**: `[ block | inline | vertical | horizontal ]#`
+   *
+   * **Initial value**: `block`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * |   No   |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-axis
+   */
+  "scroll-timeline-axis"?: Property.ScrollTimelineAxis | undefined;
+  /**
+   * The **`scroll-timeline-name`** CSS property defines a name that can be used to identify an element as the source of a scroll timeline for an animation.
+   *
+   * **Syntax**: `none | <custom-ident>#`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * |   No   |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-name
+   */
+  "scroll-timeline-name"?: Property.ScrollTimelineName | undefined;
   /**
    * The **`scrollbar-color`** CSS property sets the color of the scrollbar track and thumb.
    *
@@ -13075,7 +13269,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "table-layout"?: Property.TableLayout | undefined;
   /**
-   * The **`text-align`** CSS property sets the horizontal alignment of the content inside a block element or table-cell box. This means it works like `vertical-align` but in the horizontal direction.
+   * The **`text-align`** CSS property sets the horizontal alignment of the inline-level content inside a block element or table-cell box. This means it works like `vertical-align` but in the horizontal direction.
    *
    * **Syntax**: `start | end | left | right | center | justify | match-parent`
    *
@@ -13109,10 +13303,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `none`
    *
-   * |           Chrome           | Firefox |              Safari              | Edge  |                   IE                   |
-   * | :------------------------: | :-----: | :------------------------------: | :---: | :------------------------------------: |
-   * |           **48**           | **48**  | **5.1** _(-webkit-text-combine)_ | 15-79 | **11** _(-ms-text-combine-horizontal)_ |
-   * | 9 _(-webkit-text-combine)_ |         |                                  |       |                                        |
+   * |           Chrome           | Firefox |            Safari            | Edge  |                   IE                   |
+   * | :------------------------: | :-----: | :--------------------------: | :---: | :------------------------------------: |
+   * |           **48**           | **48**  |         **preview**          | 15-79 | **11** _(-ms-text-combine-horizontal)_ |
+   * | 9 _(-webkit-text-combine)_ |         | 5.1 _(-webkit-text-combine)_ |       |                                        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/text-combine-upright
    */
@@ -13437,7 +13631,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   transform?: Property.Transform | undefined;
   /**
-   * The **`transform-box`** CSS property defines the layout box to which the `transform` and `transform-origin` properties relate.
+   * The **`transform-box`** CSS property defines the layout box to which the `transform`, individual transform properties `translate`,`scale`, and `rotate`, and `transform-origin` properties relate.
    *
    * **Syntax**: `content-box | border-box | fill-box | stroke-box | view-box`
    *
@@ -13597,6 +13791,20 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/vertical-align
    */
   "vertical-align"?: Property.VerticalAlign<TLength> | undefined;
+  /**
+   * The **`view-transition-name`** CSS property provides the selected element with a distinct identifying name (a `<custom-ident>`) and causes it to participate in a separate view transition from the root view transition — or no view transition if the `none` value is specified.
+   *
+   * **Syntax**: `none | <custom-ident>`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **111** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/view-transition-name
+   */
+  "view-transition-name"?: Property.ViewTransitionName | undefined;
   /**
    * The **`visibility`** CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a `<table>`.
    *
@@ -13733,7 +13941,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "z-index"?: Property.ZIndex | undefined;
   /**
-   * The non-standard **_`zoom`_** CSS property can be used to control the magnification level of an element. `transform: scale()` should be used instead of this property, if possible. However, unlike CSS Transforms, `zoom` affects the layout size of the element.
+   * The non-standard **`zoom`** CSS property can be used to control the magnification level of an element. `transform: scale()` should be used instead of this property, if possible. However, unlike CSS Transforms, `zoom` affects the layout size of the element.
    *
    * **Syntax**: `normal | reset | <number> | <percentage>`
    *
@@ -13750,7 +13958,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
 
 export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0, TTime = string & {}> {
   /**
-   * The **`all`** shorthand CSS property resets all of an element's properties except `unicode-bidi`, `direction`, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.
+   * The **`all`** shorthand CSS property resets all of an element's properties except `unicode-bidi`, `direction`, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another cascade layer or stylesheet origin.
    *
    * **Syntax**: `initial | inherit | unset | revert | revert-layer`
    *
@@ -13996,6 +14204,8 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    * @see https://developer.mozilla.org/docs/Web/CSS/border-width
    */
   "border-width"?: Property.BorderWidth<TLength> | undefined;
+  /** **Syntax**: `<'caret-color'> || <'caret-shape'>` */
+  caret?: Property.Caret | undefined;
   /**
    * The **`column-rule`** shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.
    *
@@ -14006,22 +14216,46 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    * | **50**  | **52**  |  **9**  | **12** | **10** |
    * | 1 _-x-_ |         | 3 _-x-_ |        |        |
    *
-   * @see https://developer.mozilla.org/docs/Web/CSS/column-rule
+   * @see https://developer.mozilla.org/docs/Web/CSS/column-rule
+   */
+  "column-rule"?: Property.ColumnRule<TLength> | undefined;
+  /**
+   * The **`columns`** CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.
+   *
+   * **Syntax**: `<'column-width'> || <'column-count'>`
+   *
+   * | Chrome | Firefox | Safari  |  Edge  |   IE   |
+   * | :----: | :-----: | :-----: | :----: | :----: |
+   * | **50** | **52**  |  **9**  | **12** | **10** |
+   * |        |         | 3 _-x-_ |        |        |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/columns
+   */
+  columns?: Property.Columns<TLength> | undefined;
+  /**
+   * The **`contain-intrinsic-size`** CSS shorthand property sets the size of an element that a browser will use for layout when the element is subject to size containment.
+   *
+   * **Syntax**: `[ none | <length> | auto <length> ]{1,2}`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **83** | **107** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size
    */
-  "column-rule"?: Property.ColumnRule<TLength> | undefined;
+  "contain-intrinsic-size"?: Property.ContainIntrinsicSize<TLength> | undefined;
   /**
-   * The **`columns`** CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.
+   * The **container** shorthand CSS property establishes the element as a query container and specifies the name or name for the containment context used in a container query.
    *
-   * **Syntax**: `<'column-width'> || <'column-count'>`
+   * **Syntax**: `<'container-name'> [ / <'container-type'> ]?`
    *
-   * | Chrome | Firefox | Safari  |  Edge  |   IE   |
-   * | :----: | :-----: | :-----: | :----: | :----: |
-   * | **50** | **52**  |  **9**  | **12** | **10** |
-   * |        |         | 3 _-x-_ |        |        |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **105** | **110** | **16** | n/a  | No  |
    *
-   * @see https://developer.mozilla.org/docs/Web/CSS/columns
+   * @see https://developer.mozilla.org/docs/Web/CSS/container
    */
-  columns?: Property.Columns<TLength> | undefined;
+  container?: Property.Container | undefined;
   /**
    * The **`flex`** CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.
    *
@@ -14109,7 +14343,7 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    */
   "grid-column"?: Property.GridColumn | undefined;
   /**
-   * The **`grid-row`** CSS shorthand property specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
+   * The **`grid-row`** CSS shorthand property specifies a grid item's size and location within a grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
    *
    * **Syntax**: `<grid-line> [ / <grid-line> ]?`
    *
@@ -14121,7 +14355,7 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    */
   "grid-row"?: Property.GridRow | undefined;
   /**
-   * The **`grid-template`** CSS property is a shorthand property for defining grid columns, rows, and areas.
+   * The **`grid-template`** CSS property is a shorthand property for defining grid columns, grid rows, and grid areas.
    *
    * **Syntax**: `none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?`
    *
@@ -14132,6 +14366,42 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    * @see https://developer.mozilla.org/docs/Web/CSS/grid-template
    */
   "grid-template"?: Property.GridTemplate | undefined;
+  /**
+   * The **`inset`** CSS property is a shorthand that corresponds to the `top`, `right`, `bottom`, and/or `left` properties. It has the same multi-value syntax of the `margin` shorthand.
+   *
+   * **Syntax**: `<'top'>{1,4}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **66**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/inset
+   */
+  inset?: Property.Inset<TLength> | undefined;
+  /**
+   * The **`inset-block`** CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
+   *
+   * **Syntax**: `<'top'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **63**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/inset-block
+   */
+  "inset-block"?: Property.InsetBlock<TLength> | undefined;
+  /**
+   * The **`inset-inline`** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
+   *
+   * **Syntax**: `<'top'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **63**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline
+   */
+  "inset-inline"?: Property.InsetInline<TLength> | undefined;
   /**
    * **Syntax**: `none | <integer>`
    *
@@ -14162,6 +14432,30 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    * @see https://developer.mozilla.org/docs/Web/CSS/margin
    */
   margin?: Property.Margin<TLength> | undefined;
+  /**
+   * The **`margin-block`** CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
+   *
+   * **Syntax**: `<'margin-left'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **66**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/margin-block
+   */
+  "margin-block"?: Property.MarginBlock<TLength> | undefined;
+  /**
+   * The **`margin-inline`** CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
+   *
+   * **Syntax**: `<'margin-left'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **66**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline
+   */
+  "margin-inline"?: Property.MarginInline<TLength> | undefined;
   /**
    * The **`mask`** CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points.
    *
@@ -14213,13 +14507,13 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    */
   offset?: Property.Offset<TLength> | undefined;
   /**
-   * The **`outline`** CSS shorthand property set all the outline properties in a single declaration.
+   * The **`outline`** CSS shorthand property sets most of the outline properties in a single declaration.
    *
    * **Syntax**: `[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]`
    *
    * | Chrome | Firefox | Safari  |  Edge  |  IE   |
    * | :----: | :-----: | :-----: | :----: | :---: |
-   * | **1**  | **1.5** | **1.2** | **12** | **8** |
+   * | **94** | **88**  | **1.2** | **94** | **8** |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/outline
    */
@@ -14264,6 +14558,42 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    * @see https://developer.mozilla.org/docs/Web/CSS/padding
    */
   padding?: Property.Padding<TLength> | undefined;
+  /**
+   * The **`padding-block`** CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
+   *
+   * **Syntax**: `<'padding-left'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **66**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/padding-block
+   */
+  "padding-block"?: Property.PaddingBlock<TLength> | undefined;
+  /**
+   * The **`padding-inline`** CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
+   *
+   * **Syntax**: `<'padding-left'>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **87** | **66**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline
+   */
+  "padding-inline"?: Property.PaddingInline<TLength> | undefined;
+  /**
+   * The **`place-content`** CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the `align-content` and `justify-content` properties) in a relevant layout system such as Grid or Flexbox.
+   *
+   * **Syntax**: `<'align-content'> <'justify-content'>?`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **59** | **45**  | **9**  | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/place-content
+   */
+  "place-content"?: Property.PlaceContent | undefined;
   /**
    * The CSS **`place-items`** shorthand property allows you to align items along both the block and inline directions at once (i.e. the `align-items` and `justify-items` properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it.
    *
@@ -14288,6 +14618,104 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    * @see https://developer.mozilla.org/docs/Web/CSS/place-self
    */
   "place-self"?: Property.PlaceSelf | undefined;
+  /**
+   * The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.
+   *
+   * **Syntax**: `<length>{1,4}`
+   *
+   * | Chrome | Firefox |          Safari           | Edge | IE  |
+   * | :----: | :-----: | :-----------------------: | :--: | :-: |
+   * | **69** | **90**  |         **14.1**          | n/a  | No  |
+   * |        |         | 11 _(scroll-snap-margin)_ |      |     |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin
+   */
+  "scroll-margin"?: Property.ScrollMargin<TLength> | undefined;
+  /**
+   * The `scroll-margin-block` shorthand property sets the scroll margins of an element in the block dimension.
+   *
+   * **Syntax**: `<length>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **69** | **68**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block
+   */
+  "scroll-margin-block"?: Property.ScrollMarginBlock<TLength> | undefined;
+  /**
+   * The `scroll-margin-inline` shorthand property sets the scroll margins of an element in the inline dimension.
+   *
+   * **Syntax**: `<length>{1,2}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **69** | **68**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline
+   */
+  "scroll-margin-inline"?: Property.ScrollMarginInline<TLength> | undefined;
+  /**
+   * The **`scroll-padding`** shorthand property sets scroll padding on all sides of an element at once, much like the `padding` property does for padding on an element.
+   *
+   * **Syntax**: `[ auto | <length-percentage> ]{1,4}`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **69** | **68**  | **14.1** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding
+   */
+  "scroll-padding"?: Property.ScrollPadding<TLength> | undefined;
+  /**
+   * The `scroll-padding-block` shorthand property sets the scroll padding of an element in the block dimension.
+   *
+   * **Syntax**: `[ auto | <length-percentage> ]{1,2}`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block
+   */
+  "scroll-padding-block"?: Property.ScrollPaddingBlock<TLength> | undefined;
+  /**
+   * The `scroll-padding-inline` shorthand property sets the scroll padding of an element in the inline dimension.
+   *
+   * **Syntax**: `[ auto | <length-percentage> ]{1,2}`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline
+   */
+  "scroll-padding-inline"?: Property.ScrollPaddingInline<TLength> | undefined;
+  /**
+   * The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.
+   *
+   * **Syntax**: `<length>{1,4}`
+   *
+   * | Chrome | Firefox |          Safari           | Edge | IE  |
+   * | :----: | :-----: | :-----------------------: | :--: | :-: |
+   * | **69** |  68-90  |         **14.1**          | n/a  | No  |
+   * |        |         | 11 _(scroll-snap-margin)_ |      |     |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin
+   */
+  "scroll-snap-margin"?: Property.ScrollMargin<TLength> | undefined;
+  /**
+   * The **`scroll-timeline`** CSS shorthand property defines a name that can be used to identify the source element of a scroll timeline, along with the scrollbar axis that should provide the timeline.
+   *
+   * **Syntax**: `[<'scroll-timeline-name'> <'scroll-timeline-axis'>?]#`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * |   No   |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline
+   */
+  "scroll-timeline"?: Property.ScrollTimeline | undefined;
   /**
    * The **`text-decoration`** shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for `text-decoration-line`, `text-decoration-color`, `text-decoration-style`, and the newer `text-decoration-thickness` property.
    *
@@ -14374,7 +14802,7 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    */
   "-moz-animation-iteration-count"?: Property.AnimationIterationCount | undefined;
   /**
-   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules describing the animation or animations to apply to the element.
+   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules that describe the animation to apply to an element. Multiple `@keyframe` at-rules are specified as a comma-separated list of names. If the specified name does not match any `@keyframe` at-rule, no properties are animated.
    *
    * **Syntax**: `[ none | <keyframes-name> ]#`
    *
@@ -14398,7 +14826,7 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    */
   "-moz-animation-timing-function"?: Property.AnimationTimingFunction | undefined;
   /**
-   * The **`appearance`** CSS property is used to display an element using platform-native styling, based on the operating system's theme. The **`-moz-appearance`** and **`-webkit-appearance`** properties are non-standard versions of this property, used (respectively) by Gecko (Firefox) and by WebKit-based (e.g., Safari) and Blink-based (e.g., Chrome, Opera) browsers to achieve the same thing. Note that Firefox and Edge also support **`-webkit-appearance`**, for compatibility reasons.
+   * The **`appearance`** CSS property is used to control native appearance of UI controls, that are based on operating system's theme.
    *
    * **Syntax**: `none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized`
    *
@@ -14413,6 +14841,14 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    * **Initial value**: `visible`
    */
   "-moz-backface-visibility"?: Property.BackfaceVisibility | undefined;
+  /**
+   * The **`-moz-binding`** CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element.
+   *
+   * **Syntax**: `<url> | none`
+   *
+   * **Initial value**: `none`
+   */
+  "-moz-binding"?: Property.MozBinding | undefined;
   /**
    * In Mozilla applications like Firefox, the **`-moz-border-bottom-colors`** CSS property sets a list of colors for the bottom border.
    *
@@ -15206,7 +15642,7 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    */
   "-ms-transition-timing-function"?: Property.TransitionTimingFunction | undefined;
   /**
-   * The `**user-select**` CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.
+   * The **`user-select`** CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes.
    *
    * **Syntax**: `none | element | text`
    *
@@ -15318,7 +15754,7 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    */
   "-webkit-animation-iteration-count"?: Property.AnimationIterationCount | undefined;
   /**
-   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules describing the animation or animations to apply to the element.
+   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules that describe the animation to apply to an element. Multiple `@keyframe` at-rules are specified as a comma-separated list of names. If the specified name does not match any `@keyframe` at-rule, no properties are animated.
    *
    * **Syntax**: `[ none | <keyframes-name> ]#`
    *
@@ -15342,7 +15778,7 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    */
   "-webkit-animation-timing-function"?: Property.AnimationTimingFunction | undefined;
   /**
-   * The **`appearance`** CSS property is used to display an element using platform-native styling, based on the operating system's theme. The **`-moz-appearance`** and **`-webkit-appearance`** properties are non-standard versions of this property, used (respectively) by Gecko (Firefox) and by WebKit-based (e.g., Safari) and Blink-based (e.g., Chrome, Opera) browsers to achieve the same thing. Note that Firefox and Edge also support **`-webkit-appearance`**, for compatibility reasons.
+   * The **`appearance`** CSS property is used to control native appearance of UI controls, that are based on operating system's theme.
    *
    * **Syntax**: `none | button | button-bevel | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield | -apple-pay-button`
    *
@@ -15664,7 +16100,7 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    */
   "-webkit-line-break"?: Property.LineBreak | undefined;
   /**
-   * The **`-webkit-line-clamp`** CSS property allows limiting of the contents of a block container to the specified number of lines.
+   * The **`-webkit-line-clamp`** CSS property allows limiting of the contents of a block to the specified number of lines.
    *
    * **Syntax**: `none | <integer>`
    *
@@ -15688,7 +16124,7 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    */
   "-webkit-margin-start"?: Property.MarginInlineStart<TLength> | undefined;
   /**
-   * If a `-webkit-mask-image` is specified, `-webkit-mask-attachment` determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block.
+   * If a `mask-image` is specified, `-webkit-mask-attachment` determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block.
    *
    * **Syntax**: `<attachment>#`
    *
@@ -16396,7 +16832,7 @@ export interface ObsoletePropertiesHyphen<TLength = (string & {}) | 0, TTime = s
    */
   "grid-gap"?: Property.GridGap<TLength> | undefined;
   /**
-   * The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows.
+   * The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's rows.
    *
    * **Syntax**: `<length-percentage>`
    *
@@ -16420,8 +16856,6 @@ export interface ObsoletePropertiesHyphen<TLength = (string & {}) | 0, TTime = s
    *
    * **Syntax**: `<'top'>{1,2}`
    *
-   * **Initial value**: `auto`
-   *
    * @deprecated
    */
   "offset-block"?: Property.InsetBlock<TLength> | undefined;
@@ -16450,8 +16884,6 @@ export interface ObsoletePropertiesHyphen<TLength = (string & {}) | 0, TTime = s
    *
    * **Syntax**: `<'top'>{1,2}`
    *
-   * **Initial value**: `auto`
-   *
    * @deprecated
    */
   "offset-inline"?: Property.InsetInline<TLength> | undefined;
@@ -16685,16 +17117,6 @@ export interface ObsoletePropertiesHyphen<TLength = (string & {}) | 0, TTime = s
    * @deprecated
    */
   "-moz-background-size"?: Property.BackgroundSize<TLength> | undefined;
-  /**
-   * The **`-moz-binding`** CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element.
-   *
-   * **Syntax**: `<url> | none`
-   *
-   * **Initial value**: `none`
-   *
-   * @deprecated
-   */
-  "-moz-binding"?: Property.MozBinding | undefined;
   /**
    * The **`border-radius`** CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
    *
@@ -16844,7 +17266,7 @@ export interface ObsoletePropertiesHyphen<TLength = (string & {}) | 0, TTime = s
    */
   "-moz-opacity"?: Property.Opacity | undefined;
   /**
-   * The **`outline`** CSS shorthand property set all the outline properties in a single declaration.
+   * The **`outline`** CSS shorthand property sets most of the outline properties in a single declaration.
    *
    * **Syntax**: `[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]`
    *
@@ -17048,7 +17470,7 @@ export interface ObsoletePropertiesHyphen<TLength = (string & {}) | 0, TTime = s
    */
   "-o-animation-iteration-count"?: Property.AnimationIterationCount | undefined;
   /**
-   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules describing the animation or animations to apply to the element.
+   * The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules that describe the animation to apply to an element. Multiple `@keyframe` at-rules are specified as a comma-separated list of names. If the specified name does not match any `@keyframe` at-rule, no properties are animated.
    *
    * **Syntax**: `[ none | <keyframes-name> ]#`
    *
@@ -17432,6 +17854,7 @@ export type AtRules =
   | "@document"
   | "@font-face"
   | "@font-feature-values"
+  | "@font-palette-values"
   | "@import"
   | "@keyframes"
   | "@layer"
@@ -17451,6 +17874,10 @@ export type AdvancedPseudos =
   | "::cue-region"
   | "::part"
   | "::slotted"
+  | "::view-transition-group"
+  | "::view-transition-image-pair"
+  | "::view-transition-new"
+  | "::view-transition-old"
   | ":dir"
   | ":has"
   | ":host"
@@ -17521,6 +17948,7 @@ export type SimplePseudos =
   | "::selection"
   | "::spelling-error"
   | "::target-text"
+  | "::view-transition"
   | ":active"
   | ":after"
   | ":any-link"
@@ -17620,13 +18048,13 @@ export type HtmlAttributes =
   | "[color]"
   | "[cols]"
   | "[colspan]"
-  | "[command]"
   | "[compact]"
   | "[content]"
   | "[contenteditable]"
   | "[contextmenu]"
   | "[controls]"
   | "[coords]"
+  | "[credentialless]"
   | "[crossorigin]"
   | "[data]"
   | "[datafld]"
@@ -17664,7 +18092,6 @@ export type HtmlAttributes =
   | "[hreflang]"
   | "[hspace]"
   | "[http-equiv]"
-  | "[icon]"
   | "[id]"
   | "[imagesizes]"
   | "[imagesrcset]"
@@ -17725,7 +18152,6 @@ export type HtmlAttributes =
   | "[prefetch]"
   | "[preload]"
   | "[profile]"
-  | "[radiogroup]"
   | "[readonly]"
   | "[referrerpolicy]"
   | "[rel]"
@@ -17751,6 +18177,7 @@ export type HtmlAttributes =
   | "[scrolling]"
   | "[selected]"
   | "[shadowroot]"
+  | "[shadowrootmode]"
   | "[shape]"
   | "[size]"
   | "[sizes]"
@@ -17779,6 +18206,7 @@ export type HtmlAttributes =
   | "[value]"
   | "[valuetype]"
   | "[version]"
+  | "[virtualkeyboardpolicy]"
   | "[vlink]"
   | "[vspace]"
   | "[webkitallowfullscreen]"
@@ -18043,7 +18471,7 @@ export namespace Property {
 
   export type Animation<TTime = string & {}> = Globals | DataType.SingleAnimation<TTime> | (string & {});
 
-  export type AnimationComposition = Globals | (string & {});
+  export type AnimationComposition = Globals | DataType.SingleAnimationComposition | (string & {});
 
   export type AnimationDelay<TTime = string & {}> = Globals | TTime | (string & {});
 
@@ -18310,8 +18738,12 @@ export namespace Property {
 
   export type CaptionSide = Globals | "block-end" | "block-start" | "bottom" | "inline-end" | "inline-start" | "top";
 
+  export type Caret = Globals | DataType.Color | "auto" | "bar" | "block" | "underscore" | (string & {});
+
   export type CaretColor = Globals | DataType.Color | "auto";
 
+  export type CaretShape = Globals | "auto" | "bar" | "block" | "underscore";
+
   export type Clear = Globals | "both" | "inline-end" | "inline-start" | "left" | "none" | "right";
 
   export type Clip = Globals | "auto" | (string & {});
@@ -18346,6 +18778,22 @@ export namespace Property {
 
   export type Contain = Globals | "content" | "inline-size" | "layout" | "none" | "paint" | "size" | "strict" | "style" | (string & {});
 
+  export type ContainIntrinsicBlockSize<TLength = (string & {}) | 0> = Globals | TLength | "none" | (string & {});
+
+  export type ContainIntrinsicHeight<TLength = (string & {}) | 0> = Globals | TLength | "none" | (string & {});
+
+  export type ContainIntrinsicInlineSize<TLength = (string & {}) | 0> = Globals | TLength | "none" | (string & {});
+
+  export type ContainIntrinsicSize<TLength = (string & {}) | 0> = Globals | TLength | "none" | (string & {});
+
+  export type ContainIntrinsicWidth<TLength = (string & {}) | 0> = Globals | TLength | "none" | (string & {});
+
+  export type Container = Globals | "none" | (string & {});
+
+  export type ContainerName = Globals | "none" | (string & {});
+
+  export type ContainerType = Globals | "inline-size" | "normal" | "size";
+
   export type Content = Globals | DataType.ContentList | "none" | "normal" | (string & {});
 
   export type ContentVisibility = Globals | "auto" | "hidden" | "visible";
@@ -18455,6 +18903,8 @@ export namespace Property {
 
   export type FontOpticalSizing = Globals | "auto" | "none";
 
+  export type FontPalette = Globals | "dark" | "light" | "normal" | (string & {});
+
   export type FontSize<TLength = (string & {}) | 0> = Globals | DataType.AbsoluteSize | TLength | "larger" | "smaller" | (string & {});
 
   export type FontSizeAdjust = Globals | "from-font" | "none" | (string & {}) | (number & {});
@@ -18506,6 +18956,8 @@ export namespace Property {
 
   export type FontVariantEastAsian = Globals | DataType.EastAsianVariantValues | "full-width" | "normal" | "proportional-width" | "ruby" | (string & {});
 
+  export type FontVariantEmoji = Globals | "emoji" | "normal" | "text" | "unicode";
+
   export type FontVariantLigatures =
     | Globals
     | "common-ligatures"
@@ -18595,6 +19047,8 @@ export namespace Property {
 
   export type HyphenateCharacter = Globals | "auto" | (string & {});
 
+  export type HyphenateLimitChars = Globals | "auto" | (string & {}) | (number & {});
+
   export type Hyphens = Globals | "auto" | "manual" | "none";
 
   export type ImageOrientation = Globals | "flip" | "from-image" | (string & {});
@@ -18688,6 +19142,8 @@ export namespace Property {
 
   export type MarginTop<TLength = (string & {}) | 0> = Globals | TLength | "auto" | (string & {});
 
+  export type MarginTrim = Globals | "all" | "in-flow" | "none";
+
   export type Mask<TLength = (string & {}) | 0> = Globals | DataType.MaskLayer<TLength> | (string & {});
 
   export type MaskBorder = Globals | "alpha" | "luminance" | "none" | "repeat" | "round" | "space" | "stretch" | (string & {}) | (number & {});
@@ -18862,6 +19318,8 @@ export namespace Property {
 
   export type OffsetAnchor<TLength = (string & {}) | 0> = Globals | DataType.Position<TLength> | "auto";
 
+  export type OffsetPosition<TLength = (string & {}) | 0> = Globals | DataType.Position<TLength> | "auto";
+
   export type Opacity = Globals | (string & {}) | (number & {});
 
   export type Order = Globals | (number & {}) | (string & {});
@@ -18928,6 +19386,8 @@ export namespace Property {
 
   export type PaddingTop<TLength = (string & {}) | 0> = Globals | TLength | (string & {});
 
+  export type Page = Globals | "auto" | (string & {});
+
   export type PageBreakAfter = Globals | "always" | "auto" | "avoid" | "left" | "recto" | "right" | "verso";
 
   export type PageBreakBefore = Globals | "always" | "auto" | "avoid" | "left" | "recto" | "right" | "verso";
@@ -19032,6 +19492,12 @@ export namespace Property {
 
   export type ScrollSnapTypeY = Globals | "mandatory" | "none" | "proximity";
 
+  export type ScrollTimeline = Globals | "none" | (string & {});
+
+  export type ScrollTimelineAxis = Globals | "block" | "horizontal" | "inline" | "vertical" | (string & {});
+
+  export type ScrollTimelineName = Globals | "none" | (string & {});
+
   export type ScrollbarColor = Globals | "auto" | (string & {});
 
   export type ScrollbarGutter = Globals | "auto" | "stable" | (string & {});
@@ -19183,6 +19649,8 @@ export namespace Property {
     | "top"
     | (string & {});
 
+  export type ViewTransitionName = Globals | "none" | (string & {});
+
   export type Visibility = Globals | "collapse" | "hidden" | "visible";
 
   export type WhiteSpace = Globals | "-moz-pre-wrap" | "break-spaces" | "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
@@ -19746,15 +20214,33 @@ export namespace AtRule {
 
   export type FontFaceHyphenFallback<TLength = (string & {}) | 0, TTime = string & {}> = Fallback<FontFaceHyphen<TLength, TTime>>;
 
+  export interface FontPaletteValues<TLength = (string & {}) | 0, TTime = string & {}> {
+    basePalette?: BasePalette | undefined;
+    fontFamily?: string | undefined;
+    overrideColors?: string | undefined;
+  }
+
+  export interface FontPaletteValuesHyphen<TLength = (string & {}) | 0, TTime = string & {}> {
+    "base-palette"?: BasePalette | undefined;
+    "font-family"?: string | undefined;
+    "override-colors"?: string | undefined;
+  }
+
+  export type FontPaletteValuesFallback<TLength = (string & {}) | 0, TTime = string & {}> = Fallback<FontPaletteValues<TLength, TTime>>;
+
+  export type FontPaletteValuesHyphenFallback<TLength = (string & {}) | 0, TTime = string & {}> = Fallback<FontPaletteValuesHyphen<TLength, TTime>>;
+
   export interface Page<TLength = (string & {}) | 0, TTime = string & {}> {
     bleed?: Bleed<TLength> | undefined;
     marks?: Marks | undefined;
+    pageOrientation?: PageOrientation | undefined;
     size?: Size<TLength> | undefined;
   }
 
   export interface PageHyphen<TLength = (string & {}) | 0, TTime = string & {}> {
     bleed?: Bleed<TLength> | undefined;
     marks?: Marks | undefined;
+    "page-orientation"?: PageOrientation | undefined;
     size?: Size<TLength> | undefined;
   }
 
@@ -19868,10 +20354,14 @@ export namespace AtRule {
 
   type LineGapOverride = "normal" | (string & {});
 
+  type BasePalette = "dark" | "light" | (number & {}) | (string & {});
+
   type Bleed<TLength> = TLength | "auto";
 
   type Marks = "crop" | "cross" | "none" | (string & {});
 
+  type PageOrientation = "rotate-left" | "rotate-right" | "upright";
+
   type Size<TLength> = DataType.PageSize | TLength | "auto" | "landscape" | "portrait" | (string & {});
 
   type Inherits = "false" | "true";
@@ -20238,6 +20728,8 @@ export namespace DataType {
     | (string & {})
     | (number & {});
 
+  type SingleAnimationComposition = "accumulate" | "add" | "replace";
+
   type SingleAnimationDirection = "alternate" | "alternate-reverse" | "normal" | "reverse";
 
   type SingleAnimationFillMode = "backwards" | "both" | "forwards" | "none";