@mekari/pixel3-styled-system 0.0.0 → 0.0.1

package/types/csstype.d.ts

@@ -7,7 +7,7 @@ export type PropertyValue<TValue> = TValue extends Array<infer AValue>
   ? TUnpacked
   : TValue;
 
-export type Fallback<T> = { [P in keyof T]: T[P] | NonNullable<T[P]>[] };
+export type Fallback<T> = { [P in keyof T]: T[P] | readonly NonNullable<T[P]>[] };
 
 export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
   /**
@@ -92,7 +92,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome  | Firefox | Safari | Edge | IE  |
    * | :-----: | :-----: | :----: | :--: | :-: |
-   * | **112** |   n/a   | **16** | n/a  | No  |
+   * | **112** | **115** | **16** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/animation-composition
    */
@@ -202,6 +202,34 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/animation-play-state
    */
   animationPlayState?: Property.AnimationPlayState | undefined;
+  /**
+   * The **`animation-range-end`** CSS property is used to set the end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will end.
+   *
+   * **Syntax**: `[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/animation-range-end
+   */
+  animationRangeEnd?: Property.AnimationRangeEnd<TLength> | undefined;
+  /**
+   * The **`animation-range-start`** CSS property is used to set the start of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start.
+   *
+   * **Syntax**: `[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/animation-range-start
+   */
+  animationRangeStart?: Property.AnimationRangeStart<TLength> | undefined;
   /**
    * The **`animation-timeline`** CSS property specifies the timeline that is used to control the progress of an animation.
    *
@@ -209,9 +237,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/animation-timeline
    */
@@ -281,10 +309,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `visible`
    *
-   * |  Chrome  | Firefox  |  Safari   |  Edge  |   IE   |
-   * | :------: | :------: | :-------: | :----: | :----: |
-   * |  **36**  |  **16**  | **15.4**  | **12** | **10** |
-   * | 12 _-x-_ | 10 _-x-_ | 5.1 _-x-_ |        |        |
+   * |  Chrome  | Firefox |  Safari   |  Edge  |   IE   |
+   * | :------: | :-----: | :-------: | :----: | :----: |
+   * |  **36**  | **16**  | **15.4**  | **12** | **10** |
+   * | 12 _-x-_ |         | 5.1 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/backface-visibility
    */
@@ -326,7 +354,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome | Firefox | Safari  |  Edge  |  IE   |
    * | :----: | :-----: | :-----: | :----: | :---: |
-   * | **1**  |  **4**  | **14**  | **12** | **9** |
+   * | **1**  |  **4**  |  **5**  | **12** | **9** |
    * |        |         | 3 _-x-_ |        |       |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/background-clip
@@ -1432,13 +1460,13 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
   /**
    * 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>`
+   * **Syntax**: `auto? [ none | <length> ]`
    *
    * **Initial value**: `none`
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **95** | **107** |   No   | n/a  | No  |
+   * | **95** | **107** | **17** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-block-size
    */
@@ -1446,13 +1474,13 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
   /**
    * 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>`
+   * **Syntax**: `auto? [ none | <length> ]`
    *
    * **Initial value**: `none`
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **83** | **107** |   No   | n/a  | No  |
+   * | **95** | **107** | **17** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-height
    */
@@ -1460,13 +1488,13 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
   /**
    * 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>`
+   * **Syntax**: `auto? [ none | <length> ]`
    *
    * **Initial value**: `none`
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **95** | **107** |   No   | n/a  | No  |
+   * | **95** | **107** | **17** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-inline-size
    */
@@ -1474,13 +1502,13 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
   /**
    * 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>`
+   * **Syntax**: `auto? [ none | <length> ]`
    *
    * **Initial value**: `none`
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **83** | **107** |   No   | n/a  | No  |
+   * | **95** | **107** | **17** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-width
    */
@@ -1534,9 +1562,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `visible`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **85** |   n/a   |   No   | n/a  | No  |
+   * | Chrome |   Firefox   | Safari | Edge | IE  |
+   * | :----: | :---------: | :----: | :--: | :-: |
+   * | **85** | **preview** |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/content-visibility
    */
@@ -1576,9 +1604,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `none`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **85** | **68**  |   No   | n/a  | No  |
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **85** | **68**  | **17.2** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/counter-set
    */
@@ -1901,9 +1929,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
   /**
    * The **`font-synthesis`** CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.
    *
-   * **Syntax**: `none | [ weight || style || small-caps ]`
+   * **Syntax**: `none | [ weight || style || small-caps || position]`
    *
-   * **Initial value**: `weight style`
+   * **Initial value**: `weight style small-caps position `
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
@@ -1912,6 +1940,62 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis
    */
   fontSynthesis?: Property.FontSynthesis | undefined;
+  /**
+   * The **`font-synthesis-position`** CSS property lets you specify whether or not a browser may synthesize the subscript and superscript "position" typefaces when they are missing in a font family, while using `font-variant-position` to set the positions.
+   *
+   * **Syntax**: `auto | none`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * |   No   | **118** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-position
+   */
+  fontSynthesisPosition?: Property.FontSynthesisPosition | undefined;
+  /**
+   * The **`font-synthesis-small-caps`** CSS property lets you specify whether or not the browser may synthesize small-caps typeface when it is missing in a font family. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters.
+   *
+   * **Syntax**: `auto | none`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **97** | **111** | **16.4** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-small-caps
+   */
+  fontSynthesisSmallCaps?: Property.FontSynthesisSmallCaps | undefined;
+  /**
+   * The **`font-synthesis-style`** CSS property lets you specify whether or not the browser may synthesize the oblique typeface when it is missing in a font family.
+   *
+   * **Syntax**: `auto | none`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **97** | **111** | **16.4** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-style
+   */
+  fontSynthesisStyle?: Property.FontSynthesisStyle | undefined;
+  /**
+   * The **`font-synthesis-weight`** CSS property lets you specify whether or not the browser may synthesize the bold typeface when it is missing in a font family.
+   *
+   * **Syntax**: `auto | none`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **97** | **111** | **16.4** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-weight
+   */
+  fontSynthesisWeight?: Property.FontSynthesisWeight | undefined;
   /**
    * The **`font-variant`** CSS shorthand property allows you to set all the font variants for a font.
    *
@@ -1933,9 +2017,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `normal`
    *
-   * | Chrome | Firefox | Safari  | Edge | IE  |
-   * | :----: | :-----: | :-----: | :--: | :-: |
-   * |   No   | **34**  | **9.1** | n/a  | No  |
+   * | Chrome  | Firefox | Safari  | Edge | IE  |
+   * | :-----: | :-----: | :-----: | :--: | :-: |
+   * | **111** | **34**  | **9.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates
    */
@@ -1975,7 +2059,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   | **108** |   No   | n/a  | No  |
+   * |   No   |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-emoji
    */
@@ -2016,9 +2100,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `normal`
    *
-   * | Chrome | Firefox | Safari  | Edge | IE  |
-   * | :----: | :-----: | :-----: | :--: | :-: |
-   * |   No   | **34**  | **9.1** | n/a  | No  |
+   * | Chrome  | Firefox | Safari  | Edge | IE  |
+   * | :-----: | :-----: | :-----: | :--: | :-: |
+   * | **117** | **34**  | **9.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-position
    */
@@ -2060,7 +2144,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome | Firefox | Safari |              Edge               |                 IE                  |
    * | :----: | :-----: | :----: | :-----------------------------: | :---------------------------------: |
-   * | **89** |   No    |   No   |             **79**              | **10** _(-ms-high-contrast-adjust)_ |
+   * | **89** | **113** |   No   |             **79**              | **10** _(-ms-high-contrast-adjust)_ |
    * |        |         |        | 12 _(-ms-high-contrast-adjust)_ |                                     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/forced-color-adjust
@@ -2241,10 +2325,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * | Chrome  | Firefox |    Safari     | Edge | IE  |
-   * | :-----: | :-----: | :-----------: | :--: | :-: |
-   * | **106** | **98**  | **5.1** _-x-_ | n/a  | No  |
-   * | 6 _-x-_ |         |               |      |     |
+   * | Chrome  | Firefox |  Safari   | Edge | IE  |
+   * | :-----: | :-----: | :-------: | :--: | :-: |
+   * | **106** | **98**  |  **17**   | n/a  | No  |
+   * | 6 _-x-_ |         | 5.1 _-x-_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/hyphenate-character
    */
@@ -2268,10 +2352,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `manual`
    *
-   * |  Chrome  | Firefox |    Safari     |  Edge  |      IE      |
-   * | :------: | :-----: | :-----------: | :----: | :----------: |
-   * |  **55**  | **43**  | **5.1** _-x-_ | **79** | **10** _-x-_ |
-   * | 13 _-x-_ | 6 _-x-_ |               |        |              |
+   * |  Chrome  | Firefox |  Safari   |  Edge  |      IE      |
+   * | :------: | :-----: | :-------: | :----: | :----------: |
+   * |  **55**  | **43**  |  **17**   | **79** | **10** _-x-_ |
+   * | 13 _-x-_ | 6 _-x-_ | 5.1 _-x-_ |        |              |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/hyphens
    */
@@ -2593,7 +2677,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome | Firefox |  Safari  | Edge | IE  |
    * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **41**  | **12.1** | n/a  | No  |
+   * | **69** | **41**  | **12.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-block-end
    */
@@ -2607,7 +2691,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome | Firefox |  Safari  | Edge | IE  |
    * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **41**  | **12.1** | n/a  | No  |
+   * | **69** | **41**  | **12.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-block-start
    */
@@ -2635,7 +2719,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * |          Chrome          |        Firefox        |          Safari          | Edge | IE  |
    * | :----------------------: | :-------------------: | :----------------------: | :--: | :-: |
-   * |          **87**          |        **41**         |         **12.1**         | n/a  | No  |
+   * |          **69**          |        **41**         |         **12.1**         | n/a  | No  |
    * | 2 _(-webkit-margin-end)_ | 3 _(-moz-margin-end)_ | 3 _(-webkit-margin-end)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-end
@@ -2650,7 +2734,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * |           Chrome           |         Firefox         |           Safari           | Edge | IE  |
    * | :------------------------: | :---------------------: | :------------------------: | :--: | :-: |
-   * |           **87**           |         **41**          |          **12.1**          | n/a  | No  |
+   * |           **69**           |         **41**          |          **12.1**          | n/a  | No  |
    * | 2 _(-webkit-margin-start)_ | 3 _(-moz-margin-start)_ | 3 _(-webkit-margin-start)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-start
@@ -2727,9 +2811,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * |                 Chrome                  | Firefox |                  Safari                   | Edge | IE  |
-   * | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image-outset)_ |   No    | **3.1** _(-webkit-mask-box-image-outset)_ | n/a  | No  |
+   * |                 Chrome                  | Firefox |                Safari                 | Edge | IE  |
+   * | :-------------------------------------: | :-----: | :-----------------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image-outset)_ |   No    |               **17.2**                | n/a  | No  |
+   * |                                         |         | 3.1 _(-webkit-mask-box-image-outset)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-outset
    */
@@ -2741,9 +2826,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `stretch`
    *
-   * |                 Chrome                  | Firefox |                  Safari                   | Edge | IE  |
-   * | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image-repeat)_ |   No    | **3.1** _(-webkit-mask-box-image-repeat)_ | n/a  | No  |
+   * |                 Chrome                  | Firefox |                Safari                 | Edge | IE  |
+   * | :-------------------------------------: | :-----: | :-----------------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image-repeat)_ |   No    |               **17.2**                | n/a  | No  |
+   * |                                         |         | 3.1 _(-webkit-mask-box-image-repeat)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-repeat
    */
@@ -2755,9 +2841,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * |                 Chrome                 | Firefox |                  Safari                  | Edge | IE  |
-   * | :------------------------------------: | :-----: | :--------------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image-slice)_ |   No    | **3.1** _(-webkit-mask-box-image-slice)_ | n/a  | No  |
+   * |                 Chrome                 | Firefox |                Safari                | Edge | IE  |
+   * | :------------------------------------: | :-----: | :----------------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image-slice)_ |   No    |               **17.2**               | n/a  | No  |
+   * |                                        |         | 3.1 _(-webkit-mask-box-image-slice)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-slice
    */
@@ -2769,9 +2856,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `none`
    *
-   * |                 Chrome                  | Firefox |                  Safari                   | Edge | IE  |
-   * | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image-source)_ |   No    | **3.1** _(-webkit-mask-box-image-source)_ | n/a  | No  |
+   * |                 Chrome                  | Firefox |                Safari                 | Edge | IE  |
+   * | :-------------------------------------: | :-----: | :-----------------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image-source)_ |   No    |               **17.2**                | n/a  | No  |
+   * |                                         |         | 3.1 _(-webkit-mask-box-image-source)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-source
    */
@@ -2783,9 +2871,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * |                 Chrome                 | Firefox |                  Safari                  | Edge | IE  |
-   * | :------------------------------------: | :-----: | :--------------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image-width)_ |   No    | **3.1** _(-webkit-mask-box-image-width)_ | n/a  | No  |
+   * |                 Chrome                 | Firefox |                Safari                | Edge | IE  |
+   * | :------------------------------------: | :-----: | :----------------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image-width)_ |   No    |               **17.2**               | n/a  | No  |
+   * |                                        |         | 3.1 _(-webkit-mask-box-image-width)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-width
    */
@@ -2797,10 +2886,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `border-box`
    *
-   * |   Chrome    | Firefox |  Safari  | Edge | IE  |
-   * | :---------: | :-----: | :------: | :--: | :-: |
-   * | **1** _-x-_ | **53**  | **15.4** | n/a  | No  |
-   * |             |         | 4 _-x-_  |      |     |
+   * | Chrome  | Firefox |  Safari  | Edge | IE  |
+   * | :-----: | :-----: | :------: | :--: | :-: |
+   * | **120** | **53**  | **15.4** | n/a  | No  |
+   * | 1 _-x-_ |         | 4 _-x-_  |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-clip
    */
@@ -2812,9 +2901,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `add`
    *
-   * | Chrome | Firefox |  Safari  | Edge  | IE  |
-   * | :----: | :-----: | :------: | :---: | :-: |
-   * |   No   | **53**  | **15.4** | 18-79 | No  |
+   * | Chrome  | Firefox |  Safari  | Edge  | IE  |
+   * | :-----: | :-----: | :------: | :---: | :-: |
+   * | **120** | **53**  | **15.4** | 18-79 | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-composite
    */
@@ -2826,10 +2915,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `none`
    *
-   * |   Chrome    | Firefox |  Safari  | Edge  | IE  |
-   * | :---------: | :-----: | :------: | :---: | :-: |
-   * | **1** _-x-_ | **53**  | **15.4** | 16-79 | No  |
-   * |             |         | 4 _-x-_  |       |     |
+   * | Chrome  | Firefox |  Safari  | Edge  | IE  |
+   * | :-----: | :-----: | :------: | :---: | :-: |
+   * | **120** | **53**  | **15.4** | 16-79 | No  |
+   * | 1 _-x-_ |         | 4 _-x-_  |       |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-image
    */
@@ -2841,9 +2930,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `match-source`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * |   No   | **53**  | **15.4** | n/a  | No  |
+   * | Chrome  | Firefox |  Safari  | Edge | IE  |
+   * | :-----: | :-----: | :------: | :--: | :-: |
+   * | **120** | **53**  | **15.4** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-mode
    */
@@ -2855,10 +2944,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `border-box`
    *
-   * |   Chrome    | Firefox |  Safari  | Edge | IE  |
-   * | :---------: | :-----: | :------: | :--: | :-: |
-   * | **1** _-x-_ | **53**  | **15.4** | n/a  | No  |
-   * |             |         | 4 _-x-_  |      |     |
+   * | Chrome  | Firefox |  Safari  | Edge | IE  |
+   * | :-----: | :-----: | :------: | :--: | :-: |
+   * | **120** | **53**  | **15.4** | n/a  | No  |
+   * | 1 _-x-_ |         | 4 _-x-_  |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-origin
    */
@@ -2870,10 +2959,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `center`
    *
-   * |   Chrome    | Firefox |  Safari   | Edge  | IE  |
-   * | :---------: | :-----: | :-------: | :---: | :-: |
-   * | **1** _-x-_ | **53**  | **15.4**  | 18-79 | No  |
-   * |             |         | 3.1 _-x-_ |       |     |
+   * | Chrome  | Firefox |  Safari   | Edge  | IE  |
+   * | :-----: | :-----: | :-------: | :---: | :-: |
+   * | **120** | **53**  | **15.4**  | 18-79 | No  |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |       |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-position
    */
@@ -2885,10 +2974,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `repeat`
    *
-   * |   Chrome    | Firefox |  Safari   | Edge  | IE  |
-   * | :---------: | :-----: | :-------: | :---: | :-: |
-   * | **1** _-x-_ | **53**  | **15.4**  | 18-79 | No  |
-   * |             |         | 3.1 _-x-_ |       |     |
+   * | Chrome  | Firefox |  Safari   | Edge  | IE  |
+   * | :-----: | :-----: | :-------: | :---: | :-: |
+   * | **120** | **53**  | **15.4**  | 18-79 | No  |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |       |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-repeat
    */
@@ -2900,10 +2989,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * |   Chrome    | Firefox |  Safari  | Edge  | IE  |
-   * | :---------: | :-----: | :------: | :---: | :-: |
-   * | **4** _-x-_ | **53**  | **15.4** | 18-79 | No  |
-   * |             |         | 4 _-x-_  |       |     |
+   * | Chrome  | Firefox |  Safari  | Edge  | IE  |
+   * | :-----: | :-----: | :------: | :---: | :-: |
+   * | **120** | **53**  | **15.4** | 18-79 | No  |
+   * | 4 _-x-_ |         | 4 _-x-_  |       |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-size
    */
@@ -2922,6 +3011,20 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-type
    */
   maskType?: Property.MaskType | undefined;
+  /**
+   * This feature is not Baseline because it does not work in some of the most widely-used browsers.
+   *
+   * **Syntax**: `[ pack | next ] || [ definite-first | ordered ]`
+   *
+   * **Initial value**: `pack`
+   *
+   * | Chrome | Firefox |   Safari    | Edge | IE  |
+   * | :----: | :-----: | :---------: | :--: | :-: |
+   * |   No   |   No    | **preview** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/masonry-auto-flow
+   */
+  masonryAutoFlow?: Property.MasonryAutoFlow | undefined;
   /**
    * The **`math-depth`** property describes a notion of _depth_ for each element of a mathematical formula, with respect to the top-level container of that formula. Concretely, this is used to determine the computed value of the font-size property when its specified value is `math`.
    *
@@ -2931,7 +3034,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome  | Firefox | Safari | Edge | IE  |
    * | :-----: | :-----: | :----: | :--: | :-: |
-   * | **109** |   n/a   |   No   | n/a  | No  |
+   * | **109** | **117** |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/math-depth
    */
@@ -2959,7 +3062,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome  | Firefox |  Safari  | Edge | IE  |
    * | :-----: | :-----: | :------: | :--: | :-: |
-   * | **109** |   n/a   | **14.1** | n/a  | No  |
+   * | **109** | **117** | **14.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/math-style
    */
@@ -3104,10 +3207,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
-   * | :--------------------: | :-----: | :---------: | :--: | :-: |
-   * |         **55**         | **72**  | **preview** | n/a  | No  |
-   * | 46 _(motion-distance)_ |         |             |      |     |
+   * |         Chrome         | Firefox | Safari | Edge | IE  |
+   * | :--------------------: | :-----: | :----: | :--: | :-: |
+   * |         **55**         | **72**  | **16** | n/a  | No  |
+   * | 46 _(motion-distance)_ |         |        |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance
    */
@@ -3115,7 +3218,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
   /**
    * The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.
    *
-   * **Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`
+   * **Syntax**: `none | <offset-path> || <coord-box>`
    *
    * **Initial value**: `none`
    *
@@ -3134,10 +3237,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
-   * | :--------------------: | :-----: | :---------: | :--: | :-: |
-   * |         **56**         | **72**  | **preview** | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |             |      |     |
+   * |         Chrome         | Firefox | Safari | Edge | IE  |
+   * | :--------------------: | :-----: | :----: | :--: | :-: |
+   * |         **56**         | **72**  | **16** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |        |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -3175,9 +3278,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox |   Safari    | Edge | IE  |
-   * | :----: | :-----: | :---------: | :--: | :-: |
-   * |   No   | **72**  | **preview** | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **116** | **72**  | **16** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-anchor
    */
@@ -3189,10 +3292,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
-   * | :--------------------: | :-----: | :---------: | :--: | :-: |
-   * |         **55**         | **72**  | **preview** | n/a  | No  |
-   * | 46 _(motion-distance)_ |         |             |      |     |
+   * |         Chrome         | Firefox | Safari | Edge | IE  |
+   * | :--------------------: | :-----: | :----: | :--: | :-: |
+   * |         **55**         | **72**  | **16** | n/a  | No  |
+   * | 46 _(motion-distance)_ |         |        |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance
    */
@@ -3200,7 +3303,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
   /**
    * The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.
    *
-   * **Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`
+   * **Syntax**: `none | <offset-path> || <coord-box>`
    *
    * **Initial value**: `none`
    *
@@ -3213,13 +3316,13 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    */
   offsetPath?: Property.OffsetPath | undefined;
   /**
-   * **Syntax**: `auto | <position>`
+   * **Syntax**: `normal | auto | <position>`
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox |   Safari    | Edge | IE  |
-   * | :----: | :-----: | :---------: | :--: | :-: |
-   * |   No   |   No    | **preview** | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **116** |   n/a   | **16** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-position
    */
@@ -3231,10 +3334,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
-   * | :--------------------: | :-----: | :---------: | :--: | :-: |
-   * |         **56**         | **72**  | **preview** | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |             |      |     |
+   * |         Chrome         | Firefox | Safari | Edge | IE  |
+   * | :--------------------: | :-----: | :----: | :--: | :-: |
+   * |         **56**         | **72**  | **16** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |        |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -3246,10 +3349,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
-   * | :--------------------: | :-----: | :---------: | :--: | :-: |
-   * |         **56**         | **72**  | **preview** | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |             |      |     |
+   * |         Chrome         | Firefox | Safari | Edge | IE  |
+   * | :--------------------: | :-----: | :----: | :--: | :-: |
+   * |         **56**         | **72**  | **16** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |        |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -3383,12 +3486,6 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * **Syntax**: `padding-box | content-box`
    *
    * **Initial value**: `padding-box`
-   *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   | **29**  |   No   | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Mozilla/Gecko/Chrome/CSS/overflow-clip-box
    */
   overflowClipBox?: Property.OverflowClipBox | undefined;
   /**
@@ -3458,6 +3555,20 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/overflow-y
    */
   overflowY?: Property.OverflowY | undefined;
+  /**
+   * The **`overlay`** CSS property specifies whether an element appearing in the top layer (for example, a shown popover or modal `<dialog>` element) is actually rendered in the top layer. This property is only relevant within a list of `transition-property` values, and only if `allow-discrete` is set as the `transition-behavior`.
+   *
+   * **Syntax**: `none | auto`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **117** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/overlay
+   */
+  overlay?: Property.Overlay | undefined;
   /**
    * The **`overscroll-behavior-block`** CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached.
    *
@@ -3523,7 +3634,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome | Firefox |  Safari  | Edge | IE  |
    * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **41**  | **12.1** | n/a  | No  |
+   * | **69** | **41**  | **12.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-block-end
    */
@@ -3537,7 +3648,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome | Firefox |  Safari  | Edge | IE  |
    * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **41**  | **12.1** | n/a  | No  |
+   * | **69** | **41**  | **12.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-block-start
    */
@@ -3565,7 +3676,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * |          Chrome           |        Firefox         |          Safari           | Edge | IE  |
    * | :-----------------------: | :--------------------: | :-----------------------: | :--: | :-: |
-   * |          **87**           |         **41**         |         **12.1**          | n/a  | No  |
+   * |          **69**           |         **41**         |         **12.1**          | n/a  | No  |
    * | 2 _(-webkit-padding-end)_ | 3 _(-moz-padding-end)_ | 3 _(-webkit-padding-end)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-end
@@ -3580,7 +3691,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * |           Chrome            |         Firefox          |           Safari            | Edge | IE  |
    * | :-------------------------: | :----------------------: | :-------------------------: | :--: | :-: |
-   * |           **87**            |          **41**          |          **12.1**           | n/a  | No  |
+   * |           **69**            |          **41**          |          **12.1**           | n/a  | No  |
    * | 2 _(-webkit-padding-start)_ | 3 _(-moz-padding-start)_ | 3 _(-webkit-padding-start)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-start
@@ -3635,9 +3746,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox |   Safari    | Edge | IE  |
-   * | :----: | :-----: | :---------: | :--: | :-: |
-   * | **85** | **110** | **preview** | n/a  | No  |
+   * | Chrome | Firefox |  Safari   | Edge | IE  |
+   * | :----: | :-----: | :-------: | :--: | :-: |
+   * | **85** | **110** | **≤13.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/page
    */
@@ -3705,10 +3816,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `none`
    *
-   * |  Chrome  | Firefox  | Safari  |  Edge  |   IE   |
-   * | :------: | :------: | :-----: | :----: | :----: |
-   * |  **36**  |  **16**  |  **9**  | **12** | **10** |
-   * | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ |        |        |
+   * |  Chrome  | Firefox | Safari  |  Edge  |   IE   |
+   * | :------: | :-----: | :-----: | :----: | :----: |
+   * |  **36**  | **16**  |  **9**  | **12** | **10** |
+   * | 12 _-x-_ |         | 4 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/perspective
    */
@@ -3720,10 +3831,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `50% 50%`
    *
-   * |  Chrome  | Firefox  | Safari  |  Edge  |   IE   |
-   * | :------: | :------: | :-----: | :----: | :----: |
-   * |  **36**  |  **16**  |  **9**  | **12** | **10** |
-   * | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ |        |        |
+   * |  Chrome  | Firefox | Safari  |  Edge  |   IE   |
+   * | :------: | :-----: | :-----: | :----: | :----: |
+   * |  **36**  | **16**  |  **9**  | **12** | **10** |
+   * | 12 _-x-_ |         | 4 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/perspective-origin
    */
@@ -3911,9 +4022,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end
    */
@@ -3925,9 +4036,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start
    */
@@ -3954,9 +4065,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end
    */
@@ -3968,9 +4079,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start
    */
@@ -4238,13 +4349,13 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
   /**
    * 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 ]#`
+   * **Syntax**: `[ block | inline | x | y ]#`
    *
    * **Initial value**: `block`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-axis
    */
@@ -4252,13 +4363,13 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
   /**
    * 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>#`
+   * **Syntax**: `none | <dashed-ident>#`
    *
    * **Initial value**: `none`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-name
    */
@@ -4270,9 +4381,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   | **64**  |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **121** | **64**  |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color
    */
@@ -4298,9 +4409,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   | **64**  |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **121** | **64**  |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width
    */
@@ -4411,10 +4522,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `none`
    *
-   * |           Chrome           | Firefox |            Safari            | Edge  |                   IE                   |
-   * | :------------------------: | :-----: | :--------------------------: | :---: | :------------------------------------: |
-   * |           **48**           | **48**  |         **preview**          | 15-79 | **11** _(-ms-text-combine-horizontal)_ |
-   * | 9 _(-webkit-text-combine)_ |         | 5.1 _(-webkit-text-combine)_ |       |                                        |
+   * |           Chrome           | Firefox |            Safari            |  Edge  |                   IE                   |
+   * | :------------------------: | :-----: | :--------------------------: | :----: | :------------------------------------: |
+   * |           **48**           | **48**  |           **15.4**           | **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
    */
@@ -4573,9 +4684,9 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari |  Edge  |   IE   |
-   * | :----: | :-----: | :----: | :----: | :----: |
-   * |  n/a   | **55**  |   No   | **12** | **11** |
+   * | Chrome | Firefox | Safari | Edge  |   IE   |
+   * | :----: | :-----: | :----: | :---: | :----: |
+   * |  n/a   | **55**  |   No   | 12-79 | **11** |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/text-justify
    */
@@ -4694,6 +4805,34 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/text-underline-position
    */
   textUnderlinePosition?: Property.TextUnderlinePosition | undefined;
+  /**
+   * The **`text-wrap`** CSS property controls how text inside an element is wrapped. The different values provide:
+   *
+   * **Syntax**: `wrap | nowrap | balance | stable | pretty`
+   *
+   * **Initial value**: `wrap`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **114** | **121** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/text-wrap
+   */
+  textWrap?: Property.TextWrap | undefined;
+  /**
+   * The **`timeline-scope`** CSS property modifies the scope of a named animation timeline.
+   *
+   * **Syntax**: `none | <dashed-ident>#`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **116** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/timeline-scope
+   */
+  timelineScope?: Property.TimelineScope | undefined;
   /**
    * The **`top`** CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.
    *
@@ -4759,10 +4898,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `50% 50% 0`
    *
-   * | Chrome  |  Firefox  | Safari  |  Edge  |   IE    |
-   * | :-----: | :-------: | :-----: | :----: | :-----: |
-   * | **36**  |  **16**   |  **9**  | **12** | **10**  |
-   * | 1 _-x-_ | 3.5 _-x-_ | 2 _-x-_ |        | 9 _-x-_ |
+   * | Chrome  | Firefox | Safari  |  Edge  |   IE    |
+   * | :-----: | :-----: | :-----: | :----: | :-----: |
+   * | **36**  | **16**  |  **9**  | **12** | **10**  |
+   * | 1 _-x-_ |         | 2 _-x-_ |        | 9 _-x-_ |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transform-origin
    */
@@ -4774,14 +4913,28 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * **Initial value**: `flat`
    *
-   * |  Chrome  | Firefox  | Safari  |  Edge  | IE  |
-   * | :------: | :------: | :-----: | :----: | :-: |
-   * |  **36**  |  **16**  |  **9**  | **12** | No  |
-   * | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ |        |     |
+   * |  Chrome  | Firefox | Safari  |  Edge  | IE  |
+   * | :------: | :-----: | :-----: | :----: | :-: |
+   * |  **36**  | **16**  |  **9**  | **12** | No  |
+   * | 12 _-x-_ |         | 4 _-x-_ |        |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transform-style
    */
   transformStyle?: Property.TransformStyle | undefined;
+  /**
+   * The **`transition-behavior`** CSS property specifies whether transitions will be started for properties whose animation behavior is discrete.
+   *
+   * **Syntax**: `<transition-behavior-value>#`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **117** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/transition-behavior
+   */
+  transitionBehavior?: Property.TransitionBehavior | undefined;
   /**
    * The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
    *
@@ -4792,7 +4945,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * | Chrome  | Firefox | Safari  |  Edge  |   IE   |
    * | :-----: | :-----: | :-----: | :----: | :----: |
    * | **26**  | **16**  |  **9**  | **12** | **10** |
-   * | 1 _-x-_ | 4 _-x-_ | 4 _-x-_ |        |        |
+   * | 1 _-x-_ |         | 4 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transition-delay
    */
@@ -4807,7 +4960,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * | Chrome  | Firefox |  Safari   |  Edge  |   IE   |
    * | :-----: | :-----: | :-------: | :----: | :----: |
    * | **26**  | **16**  |   **9**   | **12** | **10** |
-   * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ |        |        |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transition-duration
    */
@@ -4822,7 +4975,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * | Chrome  | Firefox |  Safari   |  Edge  |   IE   |
    * | :-----: | :-----: | :-------: | :----: | :----: |
    * | **26**  | **16**  |   **9**   | **12** | **10** |
-   * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ |        |        |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transition-property
    */
@@ -4837,7 +4990,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * | Chrome  | Firefox |  Safari   |  Edge  |   IE   |
    * | :-----: | :-----: | :-------: | :----: | :----: |
    * | **26**  | **16**  |   **9**   | **12** | **10** |
-   * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ |        |        |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transition-timing-function
    */
@@ -4899,6 +5052,48 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/vertical-align
    */
   verticalAlign?: Property.VerticalAlign<TLength> | undefined;
+  /**
+   * The **`view-timeline-axis`** CSS property is used to specify the scrollbar direction that will be used to provide the timeline for a _named view progress timeline_ animation, which is progressed through based on the change in visibility of an element (known as the _subject_) inside a scrollable element (_scroller_). `view-timeline-axis` is set on the subject. See CSS scroll-driven animations for more details.
+   *
+   * **Syntax**: `[ block | inline | x | y ]#`
+   *
+   * **Initial value**: `block`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-axis
+   */
+  viewTimelineAxis?: Property.ViewTimelineAxis | undefined;
+  /**
+   * The **`view-timeline-inset`** CSS property is used to specify one or two values representing an adjustment to the position of the scrollport (see Scroll container for more details) in which the subject element of a _named view progress timeline_ animation is deemed to be visible. Put another way, this allows you to specify start and/or end inset (or outset) values that offset the position of the timeline.
+   *
+   * **Syntax**: `[ [ auto | <length-percentage> ]{1,2} ]#`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-inset
+   */
+  viewTimelineInset?: Property.ViewTimelineInset<TLength> | undefined;
+  /**
+   * The **`view-timeline-name`** CSS property is used to define the name of a _named view progress timeline_, which is progressed through based on the change in visibility of an element (known as the _subject_) inside a scrollable element (_scroller_). `view-timeline` is set on the subject.
+   *
+   * **Syntax**: `none | <dashed-ident>#`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-name
+   */
+  viewTimelineName?: Property.ViewTimelineName | 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.
    *
@@ -4930,7 +5125,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
   /**
    * The **`white-space`** CSS property sets how white space inside an element is handled.
    *
-   * **Syntax**: `normal | pre | nowrap | pre-wrap | pre-line | break-spaces`
+   * **Syntax**: `normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]`
    *
    * **Initial value**: `normal`
    *
@@ -4941,6 +5136,26 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * @see https://developer.mozilla.org/docs/Web/CSS/white-space
    */
   whiteSpace?: Property.WhiteSpace | undefined;
+  /**
+   * The **`white-space-collapse`** CSS property controls how white space inside an element is collapsed.
+   *
+   * **Syntax**: `collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces`
+   *
+   * **Initial value**: `collapse`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **114** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/white-space-collapse
+   */
+  whiteSpaceCollapse?: Property.WhiteSpaceCollapse | undefined;
+  /**
+   * **Syntax**: `none | discard-before || discard-after || discard-inner`
+   *
+   * **Initial value**: `none`
+   */
+  whiteSpaceTrim?: Property.WhiteSpaceTrim | undefined;
   /**
    * The **`widows`** CSS property sets the minimum number of lines in a block container that must be shown at the _top_ of a page, region, or column.
    *
@@ -5017,6 +5232,10 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    * **Syntax**: `normal | break-word`
    *
    * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox |  Safari   |  Edge   | IE  |
+   * | :-----: | :-----: | :-------: | :-----: | :-: |
+   * | **≤80** | **≤72** | **≤13.1** | **≤80** | No  |
    */
   wordWrap?: Property.WordWrap | undefined;
   /**
@@ -5057,7 +5276,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
    *
    * | Chrome | Firefox | Safari  |  Edge  |   IE    |
    * | :----: | :-----: | :-----: | :----: | :-----: |
-   * | **1**  |   No    | **3.1** | **12** | **5.5** |
+   * | **1**  |   n/a   | **3.1** | **12** | **5.5** |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/zoom
    */
@@ -5092,6 +5311,18 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    * @see https://developer.mozilla.org/docs/Web/CSS/animation
    */
   animation?: Property.Animation<TTime> | undefined;
+  /**
+   * The **`animation-range`** CSS shorthand property is used to set the start and end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start and end.
+   *
+   * **Syntax**: `[ <'animation-range-start'> <'animation-range-end'>? ]#`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/animation-range
+   */
+  animationRange?: Property.AnimationRange<TLength> | undefined;
   /**
    * The **`background`** shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.
    *
@@ -5343,11 +5574,11 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
   /**
    * 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}`
+   * **Syntax**: `[ auto? [ none | <length> ] ]{1,2}`
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **83** | **107** |   No   | n/a  | No  |
+   * | **83** | **107** | **17** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size
    */
@@ -5569,9 +5800,10 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    *
    * **Syntax**: `<mask-layer>#`
    *
-   * | Chrome | Firefox | Safari  | Edge  | IE  |
-   * | :----: | :-----: | :-----: | :---: | :-: |
-   * | **1**  |  **2**  | **3.1** | 12-79 | No  |
+   * | Chrome | Firefox |  Safari   | Edge  | IE  |
+   * | :----: | :-----: | :-------: | :---: | :-: |
+   * | **1**  | **53**  | **15.4**  | 12-79 | No  |
+   * |        |         | 3.1 _-x-_ |       |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask
    */
@@ -5581,9 +5813,10 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    *
    * **Syntax**: `<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>`
    *
-   * |              Chrome              | Firefox |               Safari               | Edge | IE  |
-   * | :------------------------------: | :-----: | :--------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image)_ |   No    | **3.1** _(-webkit-mask-box-image)_ | n/a  | No  |
+   * |              Chrome              | Firefox |             Safari             | Edge | IE  |
+   * | :------------------------------: | :-----: | :----------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image)_ |   No    |            **17.2**            | n/a  | No  |
+   * |                                  |         | 3.1 _(-webkit-mask-box-image)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border
    */
@@ -5619,9 +5852,9 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    *
    * **Syntax**: `[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]`
    *
-   * | Chrome | Firefox | Safari  |  Edge  |  IE   |
-   * | :----: | :-----: | :-----: | :----: | :---: |
-   * | **94** | **88**  | **1.2** | **94** | **8** |
+   * | Chrome | Firefox |  Safari  |  Edge  |  IE   |
+   * | :----: | :-----: | :------: | :----: | :---: |
+   * | **94** | **88**  | **16.4** | **94** | **8** |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/outline
    */
@@ -5744,9 +5977,9 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    *
    * **Syntax**: `<length>{1,2}`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block
    */
@@ -5756,9 +5989,9 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    *
    * **Syntax**: `<length>{1,2}`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline
    */
@@ -5815,11 +6048,11 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
   /**
    * 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'>?]#`
+   * **Syntax**: `[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline
    */
@@ -5857,11 +6090,23 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
    * | Chrome  | Firefox |  Safari   |  Edge  |   IE   |
    * | :-----: | :-----: | :-------: | :----: | :----: |
    * | **26**  | **16**  |   **9**   | **12** | **10** |
-   * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ |        |        |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transition
    */
   transition?: Property.Transition<TTime> | undefined;
+  /**
+   * The **`view-timeline`** CSS shorthand property is used to define a _named view progress timeline_, which is progressed through based on the change in visibility of an element (known as the _subject_) inside a scrollable element (_scroller_). `view-timeline` is set on the subject.
+   *
+   * **Syntax**: `[ <'view-timeline-name'> <'view-timeline-axis'>? ]#`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline
+   */
+  viewTimeline?: Property.ViewTimeline | undefined;
 }
 
 export interface StandardProperties<TLength = (string & {}) | 0, TTime = string & {}>
@@ -5941,14 +6186,6 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    * **Initial value**: `none` (but this value is overridden in the user agent CSS)
    */
   MozAppearance?: Property.MozAppearance | undefined;
-  /**
-   * The **`backface-visibility`** CSS property sets whether the back face of an element is visible when turned towards the user.
-   *
-   * **Syntax**: `visible | hidden`
-   *
-   * **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.
    *
@@ -6158,37 +6395,53 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    */
   MozOsxFontSmoothing?: Property.FontSmooth<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.
+   * In Mozilla applications, the **`-moz-outline-radius-bottomleft`** CSS property can be used to round the bottom-left corner of an element's `outline`.
    *
-   * **Syntax**: `<'padding-left'>`
+   * **Syntax**: `<outline-radius>`
    *
    * **Initial value**: `0`
    */
-  MozPaddingEnd?: Property.PaddingInlineEnd<TLength> | undefined;
+  MozOutlineRadiusBottomleft?: Property.MozOutlineRadiusBottomleft<TLength> | undefined;
   /**
-   * The **`padding-inline-start`** CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
+   * In Mozilla applications, the **`-moz-outline-radius-bottomright`** CSS property can be used to round the bottom-right corner of an element's `outline`.
    *
-   * **Syntax**: `<'padding-left'>`
+   * **Syntax**: `<outline-radius>`
    *
    * **Initial value**: `0`
    */
-  MozPaddingStart?: Property.PaddingInlineStart<TLength> | undefined;
+  MozOutlineRadiusBottomright?: Property.MozOutlineRadiusBottomright<TLength> | undefined;
   /**
-   * The **`perspective`** CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.
+   * In Mozilla applications, the **`-moz-outline-radius-topleft`** CSS property can be used to round the top-left corner of an element's `outline`.
    *
-   * **Syntax**: `none | <length>`
+   * **Syntax**: `<outline-radius>`
    *
-   * **Initial value**: `none`
+   * **Initial value**: `0`
    */
-  MozPerspective?: Property.Perspective<TLength> | undefined;
+  MozOutlineRadiusTopleft?: Property.MozOutlineRadiusTopleft<TLength> | undefined;
   /**
-   * The **`perspective-origin`** CSS property determines the position at which the viewer is looking. It is used as the _vanishing point_ by the `perspective` property.
+   * In Mozilla applications, the **`-moz-outline-radius-topright`** CSS property can be used to round the top-right corner of an element's `outline`.
    *
-   * **Syntax**: `<position>`
+   * **Syntax**: `<outline-radius>`
    *
-   * **Initial value**: `50% 50%`
+   * **Initial value**: `0`
    */
-  MozPerspectiveOrigin?: Property.PerspectiveOrigin<TLength> | undefined;
+  MozOutlineRadiusTopright?: Property.MozOutlineRadiusTopright<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.
+   *
+   * **Syntax**: `<'padding-left'>`
+   *
+   * **Initial value**: `0`
+   */
+  MozPaddingEnd?: Property.PaddingInlineEnd<TLength> | undefined;
+  /**
+   * The **`padding-inline-start`** CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
+   *
+   * **Syntax**: `<'padding-left'>`
+   *
+   * **Initial value**: `0`
+   */
+  MozPaddingStart?: Property.PaddingInlineStart<TLength> | undefined;
   /**
    * **`-moz-stack-sizing`** is an extended CSS property. Normally, a `<xul:stack>` will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible.
    *
@@ -6221,54 +6474,6 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
    * **Initial value**: `auto` for smartphone browsers supporting inflation, `none` in other cases (and then not modifiable).
    */
   MozTextSizeAdjust?: Property.TextSizeAdjust | undefined;
-  /**
-   * The **`transform-origin`** CSS property sets the origin for an element's transformations.
-   *
-   * **Syntax**: `[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?`
-   *
-   * **Initial value**: `50% 50% 0`
-   */
-  MozTransformOrigin?: Property.TransformOrigin<TLength> | undefined;
-  /**
-   * The **`transform-style`** CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
-   *
-   * **Syntax**: `flat | preserve-3d`
-   *
-   * **Initial value**: `flat`
-   */
-  MozTransformStyle?: Property.TransformStyle | undefined;
-  /**
-   * The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
-   *
-   * **Syntax**: `<time>#`
-   *
-   * **Initial value**: `0s`
-   */
-  MozTransitionDelay?: Property.TransitionDelay<TTime> | undefined;
-  /**
-   * The **`transition-duration`** CSS property sets the length of time a transition animation should take to complete. By default, the value is `0s`, meaning that no animation will occur.
-   *
-   * **Syntax**: `<time>#`
-   *
-   * **Initial value**: `0s`
-   */
-  MozTransitionDuration?: Property.TransitionDuration<TTime> | undefined;
-  /**
-   * The **`transition-property`** CSS property sets the CSS properties to which a transition effect should be applied.
-   *
-   * **Syntax**: `none | <single-transition-property>#`
-   *
-   * **Initial value**: all
-   */
-  MozTransitionProperty?: Property.TransitionProperty | undefined;
-  /**
-   * The **`transition-timing-function`** CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
-   *
-   * **Syntax**: `<easing-function>#`
-   *
-   * **Initial value**: `ease`
-   */
-  MozTransitionTimingFunction?: Property.TransitionTimingFunction | undefined;
   /**
    * The **`-moz-user-focus`** CSS property is used to indicate whether an element can have the focus.
    *
@@ -7689,11 +7894,11 @@ export interface VendorShorthandProperties<TLength = (string & {}) | 0, TTime =
    */
   MozColumns?: Property.Columns<TLength> | undefined;
   /**
-   * The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`.
+   * In Mozilla applications like Firefox, the **`-moz-outline-radius`** CSS shorthand property can be used to give an element's `outline` rounded corners.
    *
-   * **Syntax**: `<single-transition>#`
+   * **Syntax**: `<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?`
    */
-  MozTransition?: Property.Transition<TTime> | undefined;
+  MozOutlineRadius?: Property.MozOutlineRadius<TLength> | undefined;
   /**
    * The **`-ms-content-zoom-limit`** CSS shorthand property is a Microsoft extension that specifies values for the `-ms-content-zoom-limit-min` and `-ms-content-zoom-limit-max` properties.
    *
@@ -8183,6 +8388,16 @@ export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string
    * @deprecated
    */
   KhtmlUserSelect?: Property.UserSelect | undefined;
+  /**
+   * The **`backface-visibility`** CSS property sets whether the back face of an element is visible when turned towards the user.
+   *
+   * **Syntax**: `visible | hidden`
+   *
+   * **Initial value**: `visible`
+   *
+   * @deprecated
+   */
+  MozBackfaceVisibility?: Property.BackfaceVisibility | undefined;
   /**
    * The **`background-clip`** CSS property sets whether an element's background extends underneath its border box, padding box, or content box.
    *
@@ -8390,113 +8605,163 @@ export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string
    */
   MozOutlineColor?: Property.OutlineColor | undefined;
   /**
-   * In Mozilla applications like Firefox, the **`-moz-outline-radius`** CSS shorthand property can be used to give an element's `outline` rounded corners.
+   * The **`outline-style`** CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
    *
-   * **Syntax**: `<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?`
+   * **Syntax**: `auto | <'border-style'>`
+   *
+   * **Initial value**: `none`
    *
    * @deprecated
    */
-  MozOutlineRadius?: Property.MozOutlineRadius<TLength> | undefined;
+  MozOutlineStyle?: Property.OutlineStyle | undefined;
   /**
-   * In Mozilla applications, the **`-moz-outline-radius-bottomleft`** CSS property can be used to round the bottom-left corner of an element's `outline`.
+   * The CSS **`outline-width`** property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
    *
-   * **Syntax**: `<outline-radius>`
+   * **Syntax**: `<line-width>`
    *
-   * **Initial value**: `0`
+   * **Initial value**: `medium`
    *
    * @deprecated
    */
-  MozOutlineRadiusBottomleft?: Property.MozOutlineRadiusBottomleft<TLength> | undefined;
+  MozOutlineWidth?: Property.OutlineWidth<TLength> | undefined;
   /**
-   * In Mozilla applications, the **`-moz-outline-radius-bottomright`** CSS property can be used to round the bottom-right corner of an element's `outline`.
+   * The **`perspective`** CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.
    *
-   * **Syntax**: `<outline-radius>`
+   * **Syntax**: `none | <length>`
    *
-   * **Initial value**: `0`
+   * **Initial value**: `none`
    *
    * @deprecated
    */
-  MozOutlineRadiusBottomright?: Property.MozOutlineRadiusBottomright<TLength> | undefined;
+  MozPerspective?: Property.Perspective<TLength> | undefined;
   /**
-   * In Mozilla applications, the **`-moz-outline-radius-topleft`** CSS property can be used to round the top-left corner of an element's `outline`.
+   * The **`perspective-origin`** CSS property determines the position at which the viewer is looking. It is used as the _vanishing point_ by the `perspective` property.
    *
-   * **Syntax**: `<outline-radius>`
+   * **Syntax**: `<position>`
    *
-   * **Initial value**: `0`
+   * **Initial value**: `50% 50%`
    *
    * @deprecated
    */
-  MozOutlineRadiusTopleft?: Property.MozOutlineRadiusTopleft<TLength> | undefined;
+  MozPerspectiveOrigin?: Property.PerspectiveOrigin<TLength> | undefined;
   /**
-   * In Mozilla applications, the **`-moz-outline-radius-topright`** CSS property can be used to round the top-right corner of an element's `outline`.
+   * The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.
    *
-   * **Syntax**: `<outline-radius>`
+   * **Syntax**: `auto | start | end | left | right | center | justify`
    *
-   * **Initial value**: `0`
+   * **Initial value**: `auto`
    *
    * @deprecated
    */
-  MozOutlineRadiusTopright?: Property.MozOutlineRadiusTopright<TLength> | undefined;
+  MozTextAlignLast?: Property.TextAlignLast | undefined;
   /**
-   * The **`outline-style`** CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
+   * The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`.
    *
-   * **Syntax**: `auto | <'border-style'>`
+   * **Syntax**: `<color>`
+   *
+   * **Initial value**: `currentcolor`
+   *
+   * @deprecated
+   */
+  MozTextDecorationColor?: Property.TextDecorationColor | undefined;
+  /**
+   * The **`text-decoration-line`** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.
+   *
+   * **Syntax**: `none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error`
    *
    * **Initial value**: `none`
    *
    * @deprecated
    */
-  MozOutlineStyle?: Property.OutlineStyle | undefined;
+  MozTextDecorationLine?: Property.TextDecorationLine | undefined;
   /**
-   * The CSS **`outline-width`** property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
+   * The **`text-decoration-style`** CSS property sets the style of the lines specified by `text-decoration-line`. The style applies to all lines that are set with `text-decoration-line`.
    *
-   * **Syntax**: `<line-width>`
+   * **Syntax**: `solid | double | dotted | dashed | wavy`
    *
-   * **Initial value**: `medium`
+   * **Initial value**: `solid`
    *
    * @deprecated
    */
-  MozOutlineWidth?: Property.OutlineWidth<TLength> | undefined;
+  MozTextDecorationStyle?: Property.TextDecorationStyle | undefined;
   /**
-   * The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.
+   * The **`transform`** CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
    *
-   * **Syntax**: `auto | start | end | left | right | center | justify`
+   * **Syntax**: `none | <transform-list>`
    *
-   * **Initial value**: `auto`
+   * **Initial value**: `none`
    *
    * @deprecated
    */
-  MozTextAlignLast?: Property.TextAlignLast | undefined;
+  MozTransform?: Property.Transform | undefined;
   /**
-   * The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`.
+   * The **`transform-origin`** CSS property sets the origin for an element's transformations.
    *
-   * **Syntax**: `<color>`
+   * **Syntax**: `[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?`
    *
-   * **Initial value**: `currentcolor`
+   * **Initial value**: `50% 50% 0`
    *
    * @deprecated
    */
-  MozTextDecorationColor?: Property.TextDecorationColor | undefined;
+  MozTransformOrigin?: Property.TransformOrigin<TLength> | undefined;
   /**
-   * The **`text-decoration-line`** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.
+   * The **`transform-style`** CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
    *
-   * **Syntax**: `none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error`
+   * **Syntax**: `flat | preserve-3d`
    *
-   * **Initial value**: `none`
+   * **Initial value**: `flat`
    *
    * @deprecated
    */
-  MozTextDecorationLine?: Property.TextDecorationLine | undefined;
+  MozTransformStyle?: Property.TransformStyle | undefined;
   /**
-   * The **`text-decoration-style`** CSS property sets the style of the lines specified by `text-decoration-line`. The style applies to all lines that are set with `text-decoration-line`.
+   * The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`.
    *
-   * **Syntax**: `solid | double | dotted | dashed | wavy`
+   * **Syntax**: `<single-transition>#`
    *
-   * **Initial value**: `solid`
+   * @deprecated
+   */
+  MozTransition?: Property.Transition<TTime> | undefined;
+  /**
+   * The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
+   *
+   * **Syntax**: `<time>#`
+   *
+   * **Initial value**: `0s`
    *
    * @deprecated
    */
-  MozTextDecorationStyle?: Property.TextDecorationStyle | undefined;
+  MozTransitionDelay?: Property.TransitionDelay<TTime> | undefined;
+  /**
+   * The **`transition-duration`** CSS property sets the length of time a transition animation should take to complete. By default, the value is `0s`, meaning that no animation will occur.
+   *
+   * **Syntax**: `<time>#`
+   *
+   * **Initial value**: `0s`
+   *
+   * @deprecated
+   */
+  MozTransitionDuration?: Property.TransitionDuration<TTime> | undefined;
+  /**
+   * The **`transition-property`** CSS property sets the CSS properties to which a transition effect should be applied.
+   *
+   * **Syntax**: `none | <single-transition-property>#`
+   *
+   * **Initial value**: all
+   *
+   * @deprecated
+   */
+  MozTransitionProperty?: Property.TransitionProperty | undefined;
+  /**
+   * The **`transition-timing-function`** CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
+   *
+   * **Syntax**: `<easing-function>#`
+   *
+   * **Initial value**: `ease`
+   *
+   * @deprecated
+   */
+  MozTransitionTimingFunction?: Property.TransitionTimingFunction | undefined;
   /**
    * In Mozilla applications, **`-moz-user-input`** determines if an element will accept user input.
    *
@@ -8811,26 +9076,6 @@ export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string
    * @deprecated
    */
   WebkitBoxPack?: Property.BoxPack | undefined;
-  /**
-   * The **`scroll-snap-points-x`** CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.
-   *
-   * **Syntax**: `none | repeat( <length-percentage> )`
-   *
-   * **Initial value**: `none`
-   *
-   * @deprecated
-   */
-  WebkitScrollSnapPointsX?: Property.ScrollSnapPointsX | undefined;
-  /**
-   * The **`scroll-snap-points-y`** CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.
-   *
-   * **Syntax**: `none | repeat( <length-percentage> )`
-   *
-   * **Initial value**: `none`
-   *
-   * @deprecated
-   */
-  WebkitScrollSnapPointsY?: Property.ScrollSnapPointsY | undefined;
 }
 
 export interface SvgProperties<TLength = (string & {}) | 0, TTime = string & {}> {
@@ -8985,7 +9230,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome  | Firefox | Safari | Edge | IE  |
    * | :-----: | :-----: | :----: | :--: | :-: |
-   * | **112** |   n/a   | **16** | n/a  | No  |
+   * | **112** | **115** | **16** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/animation-composition
    */
@@ -9095,6 +9340,34 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/animation-play-state
    */
   "animation-play-state"?: Property.AnimationPlayState | undefined;
+  /**
+   * The **`animation-range-end`** CSS property is used to set the end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will end.
+   *
+   * **Syntax**: `[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/animation-range-end
+   */
+  "animation-range-end"?: Property.AnimationRangeEnd<TLength> | undefined;
+  /**
+   * The **`animation-range-start`** CSS property is used to set the start of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start.
+   *
+   * **Syntax**: `[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/animation-range-start
+   */
+  "animation-range-start"?: Property.AnimationRangeStart<TLength> | undefined;
   /**
    * The **`animation-timeline`** CSS property specifies the timeline that is used to control the progress of an animation.
    *
@@ -9102,9 +9375,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/animation-timeline
    */
@@ -9174,10 +9447,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `visible`
    *
-   * |  Chrome  | Firefox  |  Safari   |  Edge  |   IE   |
-   * | :------: | :------: | :-------: | :----: | :----: |
-   * |  **36**  |  **16**  | **15.4**  | **12** | **10** |
-   * | 12 _-x-_ | 10 _-x-_ | 5.1 _-x-_ |        |        |
+   * |  Chrome  | Firefox |  Safari   |  Edge  |   IE   |
+   * | :------: | :-----: | :-------: | :----: | :----: |
+   * |  **36**  | **16**  | **15.4**  | **12** | **10** |
+   * | 12 _-x-_ |         | 5.1 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/backface-visibility
    */
@@ -9219,7 +9492,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome | Firefox | Safari  |  Edge  |  IE   |
    * | :----: | :-----: | :-----: | :----: | :---: |
-   * | **1**  |  **4**  | **14**  | **12** | **9** |
+   * | **1**  |  **4**  |  **5**  | **12** | **9** |
    * |        |         | 3 _-x-_ |        |       |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/background-clip
@@ -10325,13 +10598,13 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
   /**
    * 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>`
+   * **Syntax**: `auto? [ none | <length> ]`
    *
    * **Initial value**: `none`
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **95** | **107** |   No   | n/a  | No  |
+   * | **95** | **107** | **17** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-block-size
    */
@@ -10339,13 +10612,13 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
   /**
    * 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>`
+   * **Syntax**: `auto? [ none | <length> ]`
    *
    * **Initial value**: `none`
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **83** | **107** |   No   | n/a  | No  |
+   * | **95** | **107** | **17** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-height
    */
@@ -10353,13 +10626,13 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
   /**
    * 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>`
+   * **Syntax**: `auto? [ none | <length> ]`
    *
    * **Initial value**: `none`
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **95** | **107** |   No   | n/a  | No  |
+   * | **95** | **107** | **17** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-contain-intrinsic-inline-size
    */
@@ -10367,13 +10640,13 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
   /**
    * 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>`
+   * **Syntax**: `auto? [ none | <length> ]`
    *
    * **Initial value**: `none`
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **83** | **107** |   No   | n/a  | No  |
+   * | **95** | **107** | **17** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-width
    */
@@ -10427,9 +10700,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `visible`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **85** |   n/a   |   No   | n/a  | No  |
+   * | Chrome |   Firefox   | Safari | Edge | IE  |
+   * | :----: | :---------: | :----: | :--: | :-: |
+   * | **85** | **preview** |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/content-visibility
    */
@@ -10469,9 +10742,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `none`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **85** | **68**  |   No   | n/a  | No  |
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **85** | **68**  | **17.2** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/counter-set
    */
@@ -10794,17 +11067,73 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
   /**
    * The **`font-synthesis`** CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.
    *
-   * **Syntax**: `none | [ weight || style || small-caps ]`
+   * **Syntax**: `none | [ weight || style || small-caps || position]`
+   *
+   * **Initial value**: `weight style small-caps position `
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **97** | **34**  | **9**  | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis
+   */
+  "font-synthesis"?: Property.FontSynthesis | undefined;
+  /**
+   * The **`font-synthesis-position`** CSS property lets you specify whether or not a browser may synthesize the subscript and superscript "position" typefaces when they are missing in a font family, while using `font-variant-position` to set the positions.
+   *
+   * **Syntax**: `auto | none`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * |   No   | **118** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-position
+   */
+  "font-synthesis-position"?: Property.FontSynthesisPosition | undefined;
+  /**
+   * The **`font-synthesis-small-caps`** CSS property lets you specify whether or not the browser may synthesize small-caps typeface when it is missing in a font family. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters.
+   *
+   * **Syntax**: `auto | none`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **97** | **111** | **16.4** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-small-caps
+   */
+  "font-synthesis-small-caps"?: Property.FontSynthesisSmallCaps | undefined;
+  /**
+   * The **`font-synthesis-style`** CSS property lets you specify whether or not the browser may synthesize the oblique typeface when it is missing in a font family.
+   *
+   * **Syntax**: `auto | none`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **97** | **111** | **16.4** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-style
+   */
+  "font-synthesis-style"?: Property.FontSynthesisStyle | undefined;
+  /**
+   * The **`font-synthesis-weight`** CSS property lets you specify whether or not the browser may synthesize the bold typeface when it is missing in a font family.
+   *
+   * **Syntax**: `auto | none`
    *
-   * **Initial value**: `weight style`
+   * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * | **97** | **34**  | **9**  | n/a  | No  |
+   * | Chrome | Firefox |  Safari  | Edge | IE  |
+   * | :----: | :-----: | :------: | :--: | :-: |
+   * | **97** | **111** | **16.4** | n/a  | No  |
    *
-   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis
+   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-weight
    */
-  "font-synthesis"?: Property.FontSynthesis | undefined;
+  "font-synthesis-weight"?: Property.FontSynthesisWeight | undefined;
   /**
    * The **`font-variant`** CSS shorthand property allows you to set all the font variants for a font.
    *
@@ -10826,9 +11155,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `normal`
    *
-   * | Chrome | Firefox | Safari  | Edge | IE  |
-   * | :----: | :-----: | :-----: | :--: | :-: |
-   * |   No   | **34**  | **9.1** | n/a  | No  |
+   * | Chrome  | Firefox | Safari  | Edge | IE  |
+   * | :-----: | :-----: | :-----: | :--: | :-: |
+   * | **111** | **34**  | **9.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates
    */
@@ -10868,7 +11197,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   | **108** |   No   | n/a  | No  |
+   * |   No   |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-emoji
    */
@@ -10909,9 +11238,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `normal`
    *
-   * | Chrome | Firefox | Safari  | Edge | IE  |
-   * | :----: | :-----: | :-----: | :--: | :-: |
-   * |   No   | **34**  | **9.1** | n/a  | No  |
+   * | Chrome  | Firefox | Safari  | Edge | IE  |
+   * | :-----: | :-----: | :-----: | :--: | :-: |
+   * | **117** | **34**  | **9.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-position
    */
@@ -10953,7 +11282,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome | Firefox | Safari |              Edge               |                 IE                  |
    * | :----: | :-----: | :----: | :-----------------------------: | :---------------------------------: |
-   * | **89** |   No    |   No   |             **79**              | **10** _(-ms-high-contrast-adjust)_ |
+   * | **89** | **113** |   No   |             **79**              | **10** _(-ms-high-contrast-adjust)_ |
    * |        |         |        | 12 _(-ms-high-contrast-adjust)_ |                                     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/forced-color-adjust
@@ -11134,10 +11463,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * | Chrome  | Firefox |    Safari     | Edge | IE  |
-   * | :-----: | :-----: | :-----------: | :--: | :-: |
-   * | **106** | **98**  | **5.1** _-x-_ | n/a  | No  |
-   * | 6 _-x-_ |         |               |      |     |
+   * | Chrome  | Firefox |  Safari   | Edge | IE  |
+   * | :-----: | :-----: | :-------: | :--: | :-: |
+   * | **106** | **98**  |  **17**   | n/a  | No  |
+   * | 6 _-x-_ |         | 5.1 _-x-_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/hyphenate-character
    */
@@ -11161,10 +11490,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `manual`
    *
-   * |  Chrome  | Firefox |    Safari     |  Edge  |      IE      |
-   * | :------: | :-----: | :-----------: | :----: | :----------: |
-   * |  **55**  | **43**  | **5.1** _-x-_ | **79** | **10** _-x-_ |
-   * | 13 _-x-_ | 6 _-x-_ |               |        |              |
+   * |  Chrome  | Firefox |  Safari   |  Edge  |      IE      |
+   * | :------: | :-----: | :-------: | :----: | :----------: |
+   * |  **55**  | **43**  |  **17**   | **79** | **10** _-x-_ |
+   * | 13 _-x-_ | 6 _-x-_ | 5.1 _-x-_ |        |              |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/hyphens
    */
@@ -11486,7 +11815,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome | Firefox |  Safari  | Edge | IE  |
    * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **41**  | **12.1** | n/a  | No  |
+   * | **69** | **41**  | **12.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-block-end
    */
@@ -11500,7 +11829,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome | Firefox |  Safari  | Edge | IE  |
    * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **41**  | **12.1** | n/a  | No  |
+   * | **69** | **41**  | **12.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-block-start
    */
@@ -11528,7 +11857,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * |          Chrome          |        Firefox        |          Safari          | Edge | IE  |
    * | :----------------------: | :-------------------: | :----------------------: | :--: | :-: |
-   * |          **87**          |        **41**         |         **12.1**         | n/a  | No  |
+   * |          **69**          |        **41**         |         **12.1**         | n/a  | No  |
    * | 2 _(-webkit-margin-end)_ | 3 _(-moz-margin-end)_ | 3 _(-webkit-margin-end)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-end
@@ -11543,7 +11872,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * |           Chrome           |         Firefox         |           Safari           | Edge | IE  |
    * | :------------------------: | :---------------------: | :------------------------: | :--: | :-: |
-   * |           **87**           |         **41**          |          **12.1**          | n/a  | No  |
+   * |           **69**           |         **41**          |          **12.1**          | n/a  | No  |
    * | 2 _(-webkit-margin-start)_ | 3 _(-moz-margin-start)_ | 3 _(-webkit-margin-start)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-start
@@ -11620,9 +11949,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * |                 Chrome                  | Firefox |                  Safari                   | Edge | IE  |
-   * | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image-outset)_ |   No    | **3.1** _(-webkit-mask-box-image-outset)_ | n/a  | No  |
+   * |                 Chrome                  | Firefox |                Safari                 | Edge | IE  |
+   * | :-------------------------------------: | :-----: | :-----------------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image-outset)_ |   No    |               **17.2**                | n/a  | No  |
+   * |                                         |         | 3.1 _(-webkit-mask-box-image-outset)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-outset
    */
@@ -11634,9 +11964,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `stretch`
    *
-   * |                 Chrome                  | Firefox |                  Safari                   | Edge | IE  |
-   * | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image-repeat)_ |   No    | **3.1** _(-webkit-mask-box-image-repeat)_ | n/a  | No  |
+   * |                 Chrome                  | Firefox |                Safari                 | Edge | IE  |
+   * | :-------------------------------------: | :-----: | :-----------------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image-repeat)_ |   No    |               **17.2**                | n/a  | No  |
+   * |                                         |         | 3.1 _(-webkit-mask-box-image-repeat)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-repeat
    */
@@ -11648,9 +11979,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * |                 Chrome                 | Firefox |                  Safari                  | Edge | IE  |
-   * | :------------------------------------: | :-----: | :--------------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image-slice)_ |   No    | **3.1** _(-webkit-mask-box-image-slice)_ | n/a  | No  |
+   * |                 Chrome                 | Firefox |                Safari                | Edge | IE  |
+   * | :------------------------------------: | :-----: | :----------------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image-slice)_ |   No    |               **17.2**               | n/a  | No  |
+   * |                                        |         | 3.1 _(-webkit-mask-box-image-slice)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-slice
    */
@@ -11662,9 +11994,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `none`
    *
-   * |                 Chrome                  | Firefox |                  Safari                   | Edge | IE  |
-   * | :-------------------------------------: | :-----: | :---------------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image-source)_ |   No    | **3.1** _(-webkit-mask-box-image-source)_ | n/a  | No  |
+   * |                 Chrome                  | Firefox |                Safari                 | Edge | IE  |
+   * | :-------------------------------------: | :-----: | :-----------------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image-source)_ |   No    |               **17.2**                | n/a  | No  |
+   * |                                         |         | 3.1 _(-webkit-mask-box-image-source)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-source
    */
@@ -11676,9 +12009,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * |                 Chrome                 | Firefox |                  Safari                  | Edge | IE  |
-   * | :------------------------------------: | :-----: | :--------------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image-width)_ |   No    | **3.1** _(-webkit-mask-box-image-width)_ | n/a  | No  |
+   * |                 Chrome                 | Firefox |                Safari                | Edge | IE  |
+   * | :------------------------------------: | :-----: | :----------------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image-width)_ |   No    |               **17.2**               | n/a  | No  |
+   * |                                        |         | 3.1 _(-webkit-mask-box-image-width)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-width
    */
@@ -11690,10 +12024,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `border-box`
    *
-   * |   Chrome    | Firefox |  Safari  | Edge | IE  |
-   * | :---------: | :-----: | :------: | :--: | :-: |
-   * | **1** _-x-_ | **53**  | **15.4** | n/a  | No  |
-   * |             |         | 4 _-x-_  |      |     |
+   * | Chrome  | Firefox |  Safari  | Edge | IE  |
+   * | :-----: | :-----: | :------: | :--: | :-: |
+   * | **120** | **53**  | **15.4** | n/a  | No  |
+   * | 1 _-x-_ |         | 4 _-x-_  |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-clip
    */
@@ -11705,9 +12039,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `add`
    *
-   * | Chrome | Firefox |  Safari  | Edge  | IE  |
-   * | :----: | :-----: | :------: | :---: | :-: |
-   * |   No   | **53**  | **15.4** | 18-79 | No  |
+   * | Chrome  | Firefox |  Safari  | Edge  | IE  |
+   * | :-----: | :-----: | :------: | :---: | :-: |
+   * | **120** | **53**  | **15.4** | 18-79 | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-composite
    */
@@ -11719,10 +12053,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `none`
    *
-   * |   Chrome    | Firefox |  Safari  | Edge  | IE  |
-   * | :---------: | :-----: | :------: | :---: | :-: |
-   * | **1** _-x-_ | **53**  | **15.4** | 16-79 | No  |
-   * |             |         | 4 _-x-_  |       |     |
+   * | Chrome  | Firefox |  Safari  | Edge  | IE  |
+   * | :-----: | :-----: | :------: | :---: | :-: |
+   * | **120** | **53**  | **15.4** | 16-79 | No  |
+   * | 1 _-x-_ |         | 4 _-x-_  |       |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-image
    */
@@ -11734,9 +12068,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `match-source`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * |   No   | **53**  | **15.4** | n/a  | No  |
+   * | Chrome  | Firefox |  Safari  | Edge | IE  |
+   * | :-----: | :-----: | :------: | :--: | :-: |
+   * | **120** | **53**  | **15.4** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-mode
    */
@@ -11748,10 +12082,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `border-box`
    *
-   * |   Chrome    | Firefox |  Safari  | Edge | IE  |
-   * | :---------: | :-----: | :------: | :--: | :-: |
-   * | **1** _-x-_ | **53**  | **15.4** | n/a  | No  |
-   * |             |         | 4 _-x-_  |      |     |
+   * | Chrome  | Firefox |  Safari  | Edge | IE  |
+   * | :-----: | :-----: | :------: | :--: | :-: |
+   * | **120** | **53**  | **15.4** | n/a  | No  |
+   * | 1 _-x-_ |         | 4 _-x-_  |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-origin
    */
@@ -11763,10 +12097,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `center`
    *
-   * |   Chrome    | Firefox |  Safari   | Edge  | IE  |
-   * | :---------: | :-----: | :-------: | :---: | :-: |
-   * | **1** _-x-_ | **53**  | **15.4**  | 18-79 | No  |
-   * |             |         | 3.1 _-x-_ |       |     |
+   * | Chrome  | Firefox |  Safari   | Edge  | IE  |
+   * | :-----: | :-----: | :-------: | :---: | :-: |
+   * | **120** | **53**  | **15.4**  | 18-79 | No  |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |       |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-position
    */
@@ -11778,10 +12112,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `repeat`
    *
-   * |   Chrome    | Firefox |  Safari   | Edge  | IE  |
-   * | :---------: | :-----: | :-------: | :---: | :-: |
-   * | **1** _-x-_ | **53**  | **15.4**  | 18-79 | No  |
-   * |             |         | 3.1 _-x-_ |       |     |
+   * | Chrome  | Firefox |  Safari   | Edge  | IE  |
+   * | :-----: | :-----: | :-------: | :---: | :-: |
+   * | **120** | **53**  | **15.4**  | 18-79 | No  |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |       |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-repeat
    */
@@ -11793,10 +12127,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * |   Chrome    | Firefox |  Safari  | Edge  | IE  |
-   * | :---------: | :-----: | :------: | :---: | :-: |
-   * | **4** _-x-_ | **53**  | **15.4** | 18-79 | No  |
-   * |             |         | 4 _-x-_  |       |     |
+   * | Chrome  | Firefox |  Safari  | Edge  | IE  |
+   * | :-----: | :-----: | :------: | :---: | :-: |
+   * | **120** | **53**  | **15.4** | 18-79 | No  |
+   * | 4 _-x-_ |         | 4 _-x-_  |       |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-size
    */
@@ -11815,6 +12149,20 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-type
    */
   "mask-type"?: Property.MaskType | undefined;
+  /**
+   * This feature is not Baseline because it does not work in some of the most widely-used browsers.
+   *
+   * **Syntax**: `[ pack | next ] || [ definite-first | ordered ]`
+   *
+   * **Initial value**: `pack`
+   *
+   * | Chrome | Firefox |   Safari    | Edge | IE  |
+   * | :----: | :-----: | :---------: | :--: | :-: |
+   * |   No   |   No    | **preview** | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/masonry-auto-flow
+   */
+  "masonry-auto-flow"?: Property.MasonryAutoFlow | undefined;
   /**
    * The **`math-depth`** property describes a notion of _depth_ for each element of a mathematical formula, with respect to the top-level container of that formula. Concretely, this is used to determine the computed value of the font-size property when its specified value is `math`.
    *
@@ -11824,7 +12172,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome  | Firefox | Safari | Edge | IE  |
    * | :-----: | :-----: | :----: | :--: | :-: |
-   * | **109** |   n/a   |   No   | n/a  | No  |
+   * | **109** | **117** |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/math-depth
    */
@@ -11852,7 +12200,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome  | Firefox |  Safari  | Edge | IE  |
    * | :-----: | :-----: | :------: | :--: | :-: |
-   * | **109** |   n/a   | **14.1** | n/a  | No  |
+   * | **109** | **117** | **14.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/math-style
    */
@@ -11997,10 +12345,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
-   * | :--------------------: | :-----: | :---------: | :--: | :-: |
-   * |         **55**         | **72**  | **preview** | n/a  | No  |
-   * | 46 _(motion-distance)_ |         |             |      |     |
+   * |         Chrome         | Firefox | Safari | Edge | IE  |
+   * | :--------------------: | :-----: | :----: | :--: | :-: |
+   * |         **55**         | **72**  | **16** | n/a  | No  |
+   * | 46 _(motion-distance)_ |         |        |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance
    */
@@ -12008,7 +12356,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
   /**
    * The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.
    *
-   * **Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`
+   * **Syntax**: `none | <offset-path> || <coord-box>`
    *
    * **Initial value**: `none`
    *
@@ -12027,10 +12375,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
-   * | :--------------------: | :-----: | :---------: | :--: | :-: |
-   * |         **56**         | **72**  | **preview** | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |             |      |     |
+   * |         Chrome         | Firefox | Safari | Edge | IE  |
+   * | :--------------------: | :-----: | :----: | :--: | :-: |
+   * |         **56**         | **72**  | **16** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |        |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -12068,9 +12416,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox |   Safari    | Edge | IE  |
-   * | :----: | :-----: | :---------: | :--: | :-: |
-   * |   No   | **72**  | **preview** | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **116** | **72**  | **16** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-anchor
    */
@@ -12082,10 +12430,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
-   * | :--------------------: | :-----: | :---------: | :--: | :-: |
-   * |         **55**         | **72**  | **preview** | n/a  | No  |
-   * | 46 _(motion-distance)_ |         |             |      |     |
+   * |         Chrome         | Firefox | Safari | Edge | IE  |
+   * | :--------------------: | :-----: | :----: | :--: | :-: |
+   * |         **55**         | **72**  | **16** | n/a  | No  |
+   * | 46 _(motion-distance)_ |         |        |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance
    */
@@ -12093,7 +12441,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
   /**
    * The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.
    *
-   * **Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`
+   * **Syntax**: `none | <offset-path> || <coord-box>`
    *
    * **Initial value**: `none`
    *
@@ -12106,13 +12454,13 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    */
   "offset-path"?: Property.OffsetPath | undefined;
   /**
-   * **Syntax**: `auto | <position>`
+   * **Syntax**: `normal | auto | <position>`
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox |   Safari    | Edge | IE  |
-   * | :----: | :-----: | :---------: | :--: | :-: |
-   * |   No   |   No    | **preview** | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **116** |   n/a   | **16** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-position
    */
@@ -12124,10 +12472,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
-   * | :--------------------: | :-----: | :---------: | :--: | :-: |
-   * |         **56**         | **72**  | **preview** | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |             |      |     |
+   * |         Chrome         | Firefox | Safari | Edge | IE  |
+   * | :--------------------: | :-----: | :----: | :--: | :-: |
+   * |         **56**         | **72**  | **16** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |        |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -12139,10 +12487,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * |         Chrome         | Firefox |   Safari    | Edge | IE  |
-   * | :--------------------: | :-----: | :---------: | :--: | :-: |
-   * |         **56**         | **72**  | **preview** | n/a  | No  |
-   * | 46 _(motion-rotation)_ |         |             |      |     |
+   * |         Chrome         | Firefox | Safari | Edge | IE  |
+   * | :--------------------: | :-----: | :----: | :--: | :-: |
+   * |         **56**         | **72**  | **16** | n/a  | No  |
+   * | 46 _(motion-rotation)_ |         |        |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate
    */
@@ -12276,12 +12624,6 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * **Syntax**: `padding-box | content-box`
    *
    * **Initial value**: `padding-box`
-   *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   | **29**  |   No   | n/a  | No  |
-   *
-   * @see https://developer.mozilla.org/docs/Mozilla/Gecko/Chrome/CSS/overflow-clip-box
    */
   "overflow-clip-box"?: Property.OverflowClipBox | undefined;
   /**
@@ -12351,6 +12693,20 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/overflow-y
    */
   "overflow-y"?: Property.OverflowY | undefined;
+  /**
+   * The **`overlay`** CSS property specifies whether an element appearing in the top layer (for example, a shown popover or modal `<dialog>` element) is actually rendered in the top layer. This property is only relevant within a list of `transition-property` values, and only if `allow-discrete` is set as the `transition-behavior`.
+   *
+   * **Syntax**: `none | auto`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **117** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/overlay
+   */
+  overlay?: Property.Overlay | undefined;
   /**
    * The **`overscroll-behavior-block`** CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached.
    *
@@ -12416,7 +12772,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome | Firefox |  Safari  | Edge | IE  |
    * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **41**  | **12.1** | n/a  | No  |
+   * | **69** | **41**  | **12.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-block-end
    */
@@ -12430,7 +12786,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome | Firefox |  Safari  | Edge | IE  |
    * | :----: | :-----: | :------: | :--: | :-: |
-   * | **87** | **41**  | **12.1** | n/a  | No  |
+   * | **69** | **41**  | **12.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-block-start
    */
@@ -12458,7 +12814,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * |          Chrome           |        Firefox         |          Safari           | Edge | IE  |
    * | :-----------------------: | :--------------------: | :-----------------------: | :--: | :-: |
-   * |          **87**           |         **41**         |         **12.1**          | n/a  | No  |
+   * |          **69**           |         **41**         |         **12.1**          | n/a  | No  |
    * | 2 _(-webkit-padding-end)_ | 3 _(-moz-padding-end)_ | 3 _(-webkit-padding-end)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-end
@@ -12473,7 +12829,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * |           Chrome            |         Firefox          |           Safari            | Edge | IE  |
    * | :-------------------------: | :----------------------: | :-------------------------: | :--: | :-: |
-   * |           **87**            |          **41**          |          **12.1**           | n/a  | No  |
+   * |           **69**            |          **41**          |          **12.1**           | n/a  | No  |
    * | 2 _(-webkit-padding-start)_ | 3 _(-moz-padding-start)_ | 3 _(-webkit-padding-start)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-start
@@ -12528,9 +12884,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox |   Safari    | Edge | IE  |
-   * | :----: | :-----: | :---------: | :--: | :-: |
-   * | **85** | **110** | **preview** | n/a  | No  |
+   * | Chrome | Firefox |  Safari   | Edge | IE  |
+   * | :----: | :-----: | :-------: | :--: | :-: |
+   * | **85** | **110** | **≤13.1** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/page
    */
@@ -12598,10 +12954,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `none`
    *
-   * |  Chrome  | Firefox  | Safari  |  Edge  |   IE   |
-   * | :------: | :------: | :-----: | :----: | :----: |
-   * |  **36**  |  **16**  |  **9**  | **12** | **10** |
-   * | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ |        |        |
+   * |  Chrome  | Firefox | Safari  |  Edge  |   IE   |
+   * | :------: | :-----: | :-----: | :----: | :----: |
+   * |  **36**  | **16**  |  **9**  | **12** | **10** |
+   * | 12 _-x-_ |         | 4 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/perspective
    */
@@ -12613,10 +12969,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `50% 50%`
    *
-   * |  Chrome  | Firefox  | Safari  |  Edge  |   IE   |
-   * | :------: | :------: | :-----: | :----: | :----: |
-   * |  **36**  |  **16**  |  **9**  | **12** | **10** |
-   * | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ |        |        |
+   * |  Chrome  | Firefox | Safari  |  Edge  |   IE   |
+   * | :------: | :-----: | :-----: | :----: | :----: |
+   * |  **36**  | **16**  |  **9**  | **12** | **10** |
+   * | 12 _-x-_ |         | 4 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/perspective-origin
    */
@@ -12804,9 +13160,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end
    */
@@ -12818,9 +13174,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start
    */
@@ -12847,9 +13203,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end
    */
@@ -12861,9 +13217,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `0`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start
    */
@@ -13131,13 +13487,13 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
   /**
    * 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 ]#`
+   * **Syntax**: `[ block | inline | x | y ]#`
    *
    * **Initial value**: `block`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-axis
    */
@@ -13145,13 +13501,13 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
   /**
    * 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>#`
+   * **Syntax**: `none | <dashed-ident>#`
    *
    * **Initial value**: `none`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-name
    */
@@ -13163,9 +13519,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   | **64**  |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **121** | **64**  |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color
    */
@@ -13191,9 +13547,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   | **64**  |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **121** | **64**  |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width
    */
@@ -13304,10 +13660,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `none`
    *
-   * |           Chrome           | Firefox |            Safari            | Edge  |                   IE                   |
-   * | :------------------------: | :-----: | :--------------------------: | :---: | :------------------------------------: |
-   * |           **48**           | **48**  |         **preview**          | 15-79 | **11** _(-ms-text-combine-horizontal)_ |
-   * | 9 _(-webkit-text-combine)_ |         | 5.1 _(-webkit-text-combine)_ |       |                                        |
+   * |           Chrome           | Firefox |            Safari            |  Edge  |                   IE                   |
+   * | :------------------------: | :-----: | :--------------------------: | :----: | :------------------------------------: |
+   * |           **48**           | **48**  |           **15.4**           | **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
    */
@@ -13466,9 +13822,9 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `auto`
    *
-   * | Chrome | Firefox | Safari |  Edge  |   IE   |
-   * | :----: | :-----: | :----: | :----: | :----: |
-   * |  n/a   | **55**  |   No   | **12** | **11** |
+   * | Chrome | Firefox | Safari | Edge  |   IE   |
+   * | :----: | :-----: | :----: | :---: | :----: |
+   * |  n/a   | **55**  |   No   | 12-79 | **11** |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/text-justify
    */
@@ -13587,6 +13943,34 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/text-underline-position
    */
   "text-underline-position"?: Property.TextUnderlinePosition | undefined;
+  /**
+   * The **`text-wrap`** CSS property controls how text inside an element is wrapped. The different values provide:
+   *
+   * **Syntax**: `wrap | nowrap | balance | stable | pretty`
+   *
+   * **Initial value**: `wrap`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **114** | **121** |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/text-wrap
+   */
+  "text-wrap"?: Property.TextWrap | undefined;
+  /**
+   * The **`timeline-scope`** CSS property modifies the scope of a named animation timeline.
+   *
+   * **Syntax**: `none | <dashed-ident>#`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **116** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/timeline-scope
+   */
+  "timeline-scope"?: Property.TimelineScope | undefined;
   /**
    * The **`top`** CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.
    *
@@ -13652,10 +14036,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `50% 50% 0`
    *
-   * | Chrome  |  Firefox  | Safari  |  Edge  |   IE    |
-   * | :-----: | :-------: | :-----: | :----: | :-----: |
-   * | **36**  |  **16**   |  **9**  | **12** | **10**  |
-   * | 1 _-x-_ | 3.5 _-x-_ | 2 _-x-_ |        | 9 _-x-_ |
+   * | Chrome  | Firefox | Safari  |  Edge  |   IE    |
+   * | :-----: | :-----: | :-----: | :----: | :-----: |
+   * | **36**  | **16**  |  **9**  | **12** | **10**  |
+   * | 1 _-x-_ |         | 2 _-x-_ |        | 9 _-x-_ |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transform-origin
    */
@@ -13667,14 +14051,28 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * **Initial value**: `flat`
    *
-   * |  Chrome  | Firefox  | Safari  |  Edge  | IE  |
-   * | :------: | :------: | :-----: | :----: | :-: |
-   * |  **36**  |  **16**  |  **9**  | **12** | No  |
-   * | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ |        |     |
+   * |  Chrome  | Firefox | Safari  |  Edge  | IE  |
+   * | :------: | :-----: | :-----: | :----: | :-: |
+   * |  **36**  | **16**  |  **9**  | **12** | No  |
+   * | 12 _-x-_ |         | 4 _-x-_ |        |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transform-style
    */
   "transform-style"?: Property.TransformStyle | undefined;
+  /**
+   * The **`transition-behavior`** CSS property specifies whether transitions will be started for properties whose animation behavior is discrete.
+   *
+   * **Syntax**: `<transition-behavior-value>#`
+   *
+   * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **117** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/transition-behavior
+   */
+  "transition-behavior"?: Property.TransitionBehavior | undefined;
   /**
    * The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
    *
@@ -13685,7 +14083,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * | Chrome  | Firefox | Safari  |  Edge  |   IE   |
    * | :-----: | :-----: | :-----: | :----: | :----: |
    * | **26**  | **16**  |  **9**  | **12** | **10** |
-   * | 1 _-x-_ | 4 _-x-_ | 4 _-x-_ |        |        |
+   * | 1 _-x-_ |         | 4 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transition-delay
    */
@@ -13700,7 +14098,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * | Chrome  | Firefox |  Safari   |  Edge  |   IE   |
    * | :-----: | :-----: | :-------: | :----: | :----: |
    * | **26**  | **16**  |   **9**   | **12** | **10** |
-   * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ |        |        |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transition-duration
    */
@@ -13715,7 +14113,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * | Chrome  | Firefox |  Safari   |  Edge  |   IE   |
    * | :-----: | :-----: | :-------: | :----: | :----: |
    * | **26**  | **16**  |   **9**   | **12** | **10** |
-   * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ |        |        |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transition-property
    */
@@ -13730,7 +14128,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * | Chrome  | Firefox |  Safari   |  Edge  |   IE   |
    * | :-----: | :-----: | :-------: | :----: | :----: |
    * | **26**  | **16**  |   **9**   | **12** | **10** |
-   * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ |        |        |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transition-timing-function
    */
@@ -13792,6 +14190,48 @@ 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-timeline-axis`** CSS property is used to specify the scrollbar direction that will be used to provide the timeline for a _named view progress timeline_ animation, which is progressed through based on the change in visibility of an element (known as the _subject_) inside a scrollable element (_scroller_). `view-timeline-axis` is set on the subject. See CSS scroll-driven animations for more details.
+   *
+   * **Syntax**: `[ block | inline | x | y ]#`
+   *
+   * **Initial value**: `block`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-axis
+   */
+  "view-timeline-axis"?: Property.ViewTimelineAxis | undefined;
+  /**
+   * The **`view-timeline-inset`** CSS property is used to specify one or two values representing an adjustment to the position of the scrollport (see Scroll container for more details) in which the subject element of a _named view progress timeline_ animation is deemed to be visible. Put another way, this allows you to specify start and/or end inset (or outset) values that offset the position of the timeline.
+   *
+   * **Syntax**: `[ [ auto | <length-percentage> ]{1,2} ]#`
+   *
+   * **Initial value**: `auto`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-inset
+   */
+  "view-timeline-inset"?: Property.ViewTimelineInset<TLength> | undefined;
+  /**
+   * The **`view-timeline-name`** CSS property is used to define the name of a _named view progress timeline_, which is progressed through based on the change in visibility of an element (known as the _subject_) inside a scrollable element (_scroller_). `view-timeline` is set on the subject.
+   *
+   * **Syntax**: `none | <dashed-ident>#`
+   *
+   * **Initial value**: `none`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-name
+   */
+  "view-timeline-name"?: Property.ViewTimelineName | 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.
    *
@@ -13823,7 +14263,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
   /**
    * The **`white-space`** CSS property sets how white space inside an element is handled.
    *
-   * **Syntax**: `normal | pre | nowrap | pre-wrap | pre-line | break-spaces`
+   * **Syntax**: `normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ]`
    *
    * **Initial value**: `normal`
    *
@@ -13834,6 +14274,26 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * @see https://developer.mozilla.org/docs/Web/CSS/white-space
    */
   "white-space"?: Property.WhiteSpace | undefined;
+  /**
+   * The **`white-space-collapse`** CSS property controls how white space inside an element is collapsed.
+   *
+   * **Syntax**: `collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces`
+   *
+   * **Initial value**: `collapse`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **114** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/white-space-collapse
+   */
+  "white-space-collapse"?: Property.WhiteSpaceCollapse | undefined;
+  /**
+   * **Syntax**: `none | discard-before || discard-after || discard-inner`
+   *
+   * **Initial value**: `none`
+   */
+  "white-space-trim"?: Property.WhiteSpaceTrim | undefined;
   /**
    * The **`widows`** CSS property sets the minimum number of lines in a block container that must be shown at the _top_ of a page, region, or column.
    *
@@ -13910,6 +14370,10 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    * **Syntax**: `normal | break-word`
    *
    * **Initial value**: `normal`
+   *
+   * | Chrome  | Firefox |  Safari   |  Edge   | IE  |
+   * | :-----: | :-----: | :-------: | :-----: | :-: |
+   * | **≤80** | **≤72** | **≤13.1** | **≤80** | No  |
    */
   "word-wrap"?: Property.WordWrap | undefined;
   /**
@@ -13950,7 +14414,7 @@ export interface StandardLonghandPropertiesHyphen<TLength = (string & {}) | 0, T
    *
    * | Chrome | Firefox | Safari  |  Edge  |   IE    |
    * | :----: | :-----: | :-----: | :----: | :-----: |
-   * | **1**  |   No    | **3.1** | **12** | **5.5** |
+   * | **1**  |   n/a   | **3.1** | **12** | **5.5** |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/zoom
    */
@@ -13985,6 +14449,18 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    * @see https://developer.mozilla.org/docs/Web/CSS/animation
    */
   animation?: Property.Animation<TTime> | undefined;
+  /**
+   * The **`animation-range`** CSS shorthand property is used to set the start and end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start and end.
+   *
+   * **Syntax**: `[ <'animation-range-start'> <'animation-range-end'>? ]#`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   No    |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/animation-range
+   */
+  "animation-range"?: Property.AnimationRange<TLength> | undefined;
   /**
    * The **`background`** shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.
    *
@@ -14236,11 +14712,11 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
   /**
    * 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}`
+   * **Syntax**: `[ auto? [ none | <length> ] ]{1,2}`
    *
    * | Chrome | Firefox | Safari | Edge | IE  |
    * | :----: | :-----: | :----: | :--: | :-: |
-   * | **83** | **107** |   No   | n/a  | No  |
+   * | **83** | **107** | **17** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size
    */
@@ -14462,9 +14938,10 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    *
    * **Syntax**: `<mask-layer>#`
    *
-   * | Chrome | Firefox | Safari  | Edge  | IE  |
-   * | :----: | :-----: | :-----: | :---: | :-: |
-   * | **1**  |  **2**  | **3.1** | 12-79 | No  |
+   * | Chrome | Firefox |  Safari   | Edge  | IE  |
+   * | :----: | :-----: | :-------: | :---: | :-: |
+   * | **1**  | **53**  | **15.4**  | 12-79 | No  |
+   * |        |         | 3.1 _-x-_ |       |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask
    */
@@ -14474,9 +14951,10 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    *
    * **Syntax**: `<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>`
    *
-   * |              Chrome              | Firefox |               Safari               | Edge | IE  |
-   * | :------------------------------: | :-----: | :--------------------------------: | :--: | :-: |
-   * | **1** _(-webkit-mask-box-image)_ |   No    | **3.1** _(-webkit-mask-box-image)_ | n/a  | No  |
+   * |              Chrome              | Firefox |             Safari             | Edge | IE  |
+   * | :------------------------------: | :-----: | :----------------------------: | :--: | :-: |
+   * | **1** _(-webkit-mask-box-image)_ |   No    |            **17.2**            | n/a  | No  |
+   * |                                  |         | 3.1 _(-webkit-mask-box-image)_ |      |     |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/mask-border
    */
@@ -14512,9 +14990,9 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    *
    * **Syntax**: `[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]`
    *
-   * | Chrome | Firefox | Safari  |  Edge  |  IE   |
-   * | :----: | :-----: | :-----: | :----: | :---: |
-   * | **94** | **88**  | **1.2** | **94** | **8** |
+   * | Chrome | Firefox |  Safari  |  Edge  |  IE   |
+   * | :----: | :-----: | :------: | :----: | :---: |
+   * | **94** | **88**  | **16.4** | **94** | **8** |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/outline
    */
@@ -14637,9 +15115,9 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    *
    * **Syntax**: `<length>{1,2}`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block
    */
@@ -14649,9 +15127,9 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    *
    * **Syntax**: `<length>{1,2}`
    *
-   * | Chrome | Firefox |  Safari  | Edge | IE  |
-   * | :----: | :-----: | :------: | :--: | :-: |
-   * | **69** | **68**  | **14.1** | n/a  | No  |
+   * | Chrome | Firefox | Safari | Edge | IE  |
+   * | :----: | :-----: | :----: | :--: | :-: |
+   * | **69** | **68**  | **15** | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline
    */
@@ -14708,11 +15186,11 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
   /**
    * 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'>?]#`
+   * **Syntax**: `[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#`
    *
-   * | Chrome | Firefox | Safari | Edge | IE  |
-   * | :----: | :-----: | :----: | :--: | :-: |
-   * |   No   |   n/a   |   No   | n/a  | No  |
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline
    */
@@ -14750,11 +15228,23 @@ export interface StandardShorthandPropertiesHyphen<TLength = (string & {}) | 0,
    * | Chrome  | Firefox |  Safari   |  Edge  |   IE   |
    * | :-----: | :-----: | :-------: | :----: | :----: |
    * | **26**  | **16**  |   **9**   | **12** | **10** |
-   * | 1 _-x-_ | 4 _-x-_ | 3.1 _-x-_ |        |        |
+   * | 1 _-x-_ |         | 3.1 _-x-_ |        |        |
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/transition
    */
   transition?: Property.Transition<TTime> | undefined;
+  /**
+   * The **`view-timeline`** CSS shorthand property is used to define a _named view progress timeline_, which is progressed through based on the change in visibility of an element (known as the _subject_) inside a scrollable element (_scroller_). `view-timeline` is set on the subject.
+   *
+   * **Syntax**: `[ <'view-timeline-name'> <'view-timeline-axis'>? ]#`
+   *
+   * | Chrome  | Firefox | Safari | Edge | IE  |
+   * | :-----: | :-----: | :----: | :--: | :-: |
+   * | **115** |   n/a   |   No   | n/a  | No  |
+   *
+   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline
+   */
+  "view-timeline"?: Property.ViewTimeline | undefined;
 }
 
 export interface StandardPropertiesHyphen<TLength = (string & {}) | 0, TTime = string & {}>
@@ -14834,14 +15324,6 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    * **Initial value**: `none` (but this value is overridden in the user agent CSS)
    */
   "-moz-appearance"?: Property.MozAppearance | undefined;
-  /**
-   * The **`backface-visibility`** CSS property sets whether the back face of an element is visible when turned towards the user.
-   *
-   * **Syntax**: `visible | hidden`
-   *
-   * **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.
    *
@@ -15051,37 +15533,53 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    */
   "-moz-osx-font-smoothing"?: Property.FontSmooth<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.
+   * In Mozilla applications, the **`-moz-outline-radius-bottomleft`** CSS property can be used to round the bottom-left corner of an element's `outline`.
    *
-   * **Syntax**: `<'padding-left'>`
+   * **Syntax**: `<outline-radius>`
    *
    * **Initial value**: `0`
    */
-  "-moz-padding-end"?: Property.PaddingInlineEnd<TLength> | undefined;
+  "-moz-outline-radius-bottomleft"?: Property.MozOutlineRadiusBottomleft<TLength> | undefined;
   /**
-   * The **`padding-inline-start`** CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
+   * In Mozilla applications, the **`-moz-outline-radius-bottomright`** CSS property can be used to round the bottom-right corner of an element's `outline`.
    *
-   * **Syntax**: `<'padding-left'>`
+   * **Syntax**: `<outline-radius>`
    *
    * **Initial value**: `0`
    */
-  "-moz-padding-start"?: Property.PaddingInlineStart<TLength> | undefined;
+  "-moz-outline-radius-bottomright"?: Property.MozOutlineRadiusBottomright<TLength> | undefined;
   /**
-   * The **`perspective`** CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.
+   * In Mozilla applications, the **`-moz-outline-radius-topleft`** CSS property can be used to round the top-left corner of an element's `outline`.
    *
-   * **Syntax**: `none | <length>`
+   * **Syntax**: `<outline-radius>`
+   *
+   * **Initial value**: `0`
+   */
+  "-moz-outline-radius-topleft"?: Property.MozOutlineRadiusTopleft<TLength> | undefined;
+  /**
+   * In Mozilla applications, the **`-moz-outline-radius-topright`** CSS property can be used to round the top-right corner of an element's `outline`.
+   *
+   * **Syntax**: `<outline-radius>`
+   *
+   * **Initial value**: `0`
+   */
+  "-moz-outline-radius-topright"?: Property.MozOutlineRadiusTopright<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.
+   *
+   * **Syntax**: `<'padding-left'>`
    *
-   * **Initial value**: `none`
+   * **Initial value**: `0`
    */
-  "-moz-perspective"?: Property.Perspective<TLength> | undefined;
+  "-moz-padding-end"?: Property.PaddingInlineEnd<TLength> | undefined;
   /**
-   * The **`perspective-origin`** CSS property determines the position at which the viewer is looking. It is used as the _vanishing point_ by the `perspective` property.
+   * The **`padding-inline-start`** CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
    *
-   * **Syntax**: `<position>`
+   * **Syntax**: `<'padding-left'>`
    *
-   * **Initial value**: `50% 50%`
+   * **Initial value**: `0`
    */
-  "-moz-perspective-origin"?: Property.PerspectiveOrigin<TLength> | undefined;
+  "-moz-padding-start"?: Property.PaddingInlineStart<TLength> | undefined;
   /**
    * **`-moz-stack-sizing`** is an extended CSS property. Normally, a `<xul:stack>` will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible.
    *
@@ -15114,54 +15612,6 @@ export interface VendorLonghandPropertiesHyphen<TLength = (string & {}) | 0, TTi
    * **Initial value**: `auto` for smartphone browsers supporting inflation, `none` in other cases (and then not modifiable).
    */
   "-moz-text-size-adjust"?: Property.TextSizeAdjust | undefined;
-  /**
-   * The **`transform-origin`** CSS property sets the origin for an element's transformations.
-   *
-   * **Syntax**: `[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?`
-   *
-   * **Initial value**: `50% 50% 0`
-   */
-  "-moz-transform-origin"?: Property.TransformOrigin<TLength> | undefined;
-  /**
-   * The **`transform-style`** CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
-   *
-   * **Syntax**: `flat | preserve-3d`
-   *
-   * **Initial value**: `flat`
-   */
-  "-moz-transform-style"?: Property.TransformStyle | undefined;
-  /**
-   * The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
-   *
-   * **Syntax**: `<time>#`
-   *
-   * **Initial value**: `0s`
-   */
-  "-moz-transition-delay"?: Property.TransitionDelay<TTime> | undefined;
-  /**
-   * The **`transition-duration`** CSS property sets the length of time a transition animation should take to complete. By default, the value is `0s`, meaning that no animation will occur.
-   *
-   * **Syntax**: `<time>#`
-   *
-   * **Initial value**: `0s`
-   */
-  "-moz-transition-duration"?: Property.TransitionDuration<TTime> | undefined;
-  /**
-   * The **`transition-property`** CSS property sets the CSS properties to which a transition effect should be applied.
-   *
-   * **Syntax**: `none | <single-transition-property>#`
-   *
-   * **Initial value**: all
-   */
-  "-moz-transition-property"?: Property.TransitionProperty | undefined;
-  /**
-   * The **`transition-timing-function`** CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
-   *
-   * **Syntax**: `<easing-function>#`
-   *
-   * **Initial value**: `ease`
-   */
-  "-moz-transition-timing-function"?: Property.TransitionTimingFunction | undefined;
   /**
    * The **`-moz-user-focus`** CSS property is used to indicate whether an element can have the focus.
    *
@@ -16582,11 +17032,11 @@ export interface VendorShorthandPropertiesHyphen<TLength = (string & {}) | 0, TT
    */
   "-moz-columns"?: Property.Columns<TLength> | undefined;
   /**
-   * The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`.
+   * In Mozilla applications like Firefox, the **`-moz-outline-radius`** CSS shorthand property can be used to give an element's `outline` rounded corners.
    *
-   * **Syntax**: `<single-transition>#`
+   * **Syntax**: `<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?`
    */
-  "-moz-transition"?: Property.Transition<TTime> | undefined;
+  "-moz-outline-radius"?: Property.MozOutlineRadius<TLength> | undefined;
   /**
    * The **`-ms-content-zoom-limit`** CSS shorthand property is a Microsoft extension that specifies values for the `-ms-content-zoom-limit-min` and `-ms-content-zoom-limit-max` properties.
    *
@@ -17078,6 +17528,16 @@ export interface ObsoletePropertiesHyphen<TLength = (string & {}) | 0, TTime = s
    * @deprecated
    */
   "-khtml-user-select"?: Property.UserSelect | undefined;
+  /**
+   * The **`backface-visibility`** CSS property sets whether the back face of an element is visible when turned towards the user.
+   *
+   * **Syntax**: `visible | hidden`
+   *
+   * **Initial value**: `visible`
+   *
+   * @deprecated
+   */
+  "-moz-backface-visibility"?: Property.BackfaceVisibility | undefined;
   /**
    * The **`background-clip`** CSS property sets whether an element's background extends underneath its border box, padding box, or content box.
    *
@@ -17285,113 +17745,163 @@ export interface ObsoletePropertiesHyphen<TLength = (string & {}) | 0, TTime = s
    */
   "-moz-outline-color"?: Property.OutlineColor | undefined;
   /**
-   * In Mozilla applications like Firefox, the **`-moz-outline-radius`** CSS shorthand property can be used to give an element's `outline` rounded corners.
+   * The **`outline-style`** CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
    *
-   * **Syntax**: `<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?`
+   * **Syntax**: `auto | <'border-style'>`
+   *
+   * **Initial value**: `none`
    *
    * @deprecated
    */
-  "-moz-outline-radius"?: Property.MozOutlineRadius<TLength> | undefined;
+  "-moz-outline-style"?: Property.OutlineStyle | undefined;
   /**
-   * In Mozilla applications, the **`-moz-outline-radius-bottomleft`** CSS property can be used to round the bottom-left corner of an element's `outline`.
+   * The CSS **`outline-width`** property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
    *
-   * **Syntax**: `<outline-radius>`
+   * **Syntax**: `<line-width>`
    *
-   * **Initial value**: `0`
+   * **Initial value**: `medium`
    *
    * @deprecated
    */
-  "-moz-outline-radius-bottomleft"?: Property.MozOutlineRadiusBottomleft<TLength> | undefined;
+  "-moz-outline-width"?: Property.OutlineWidth<TLength> | undefined;
   /**
-   * In Mozilla applications, the **`-moz-outline-radius-bottomright`** CSS property can be used to round the bottom-right corner of an element's `outline`.
+   * The **`perspective`** CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.
    *
-   * **Syntax**: `<outline-radius>`
+   * **Syntax**: `none | <length>`
    *
-   * **Initial value**: `0`
+   * **Initial value**: `none`
    *
    * @deprecated
    */
-  "-moz-outline-radius-bottomright"?: Property.MozOutlineRadiusBottomright<TLength> | undefined;
+  "-moz-perspective"?: Property.Perspective<TLength> | undefined;
   /**
-   * In Mozilla applications, the **`-moz-outline-radius-topleft`** CSS property can be used to round the top-left corner of an element's `outline`.
+   * The **`perspective-origin`** CSS property determines the position at which the viewer is looking. It is used as the _vanishing point_ by the `perspective` property.
    *
-   * **Syntax**: `<outline-radius>`
+   * **Syntax**: `<position>`
    *
-   * **Initial value**: `0`
+   * **Initial value**: `50% 50%`
    *
    * @deprecated
    */
-  "-moz-outline-radius-topleft"?: Property.MozOutlineRadiusTopleft<TLength> | undefined;
+  "-moz-perspective-origin"?: Property.PerspectiveOrigin<TLength> | undefined;
   /**
-   * In Mozilla applications, the **`-moz-outline-radius-topright`** CSS property can be used to round the top-right corner of an element's `outline`.
+   * The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.
    *
-   * **Syntax**: `<outline-radius>`
+   * **Syntax**: `auto | start | end | left | right | center | justify`
    *
-   * **Initial value**: `0`
+   * **Initial value**: `auto`
    *
    * @deprecated
    */
-  "-moz-outline-radius-topright"?: Property.MozOutlineRadiusTopright<TLength> | undefined;
+  "-moz-text-align-last"?: Property.TextAlignLast | undefined;
   /**
-   * The **`outline-style`** CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
+   * The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`.
    *
-   * **Syntax**: `auto | <'border-style'>`
+   * **Syntax**: `<color>`
+   *
+   * **Initial value**: `currentcolor`
+   *
+   * @deprecated
+   */
+  "-moz-text-decoration-color"?: Property.TextDecorationColor | undefined;
+  /**
+   * The **`text-decoration-line`** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.
+   *
+   * **Syntax**: `none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error`
    *
    * **Initial value**: `none`
    *
    * @deprecated
    */
-  "-moz-outline-style"?: Property.OutlineStyle | undefined;
+  "-moz-text-decoration-line"?: Property.TextDecorationLine | undefined;
   /**
-   * The CSS **`outline-width`** property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the `border`.
+   * The **`text-decoration-style`** CSS property sets the style of the lines specified by `text-decoration-line`. The style applies to all lines that are set with `text-decoration-line`.
    *
-   * **Syntax**: `<line-width>`
+   * **Syntax**: `solid | double | dotted | dashed | wavy`
    *
-   * **Initial value**: `medium`
+   * **Initial value**: `solid`
    *
    * @deprecated
    */
-  "-moz-outline-width"?: Property.OutlineWidth<TLength> | undefined;
+  "-moz-text-decoration-style"?: Property.TextDecorationStyle | undefined;
   /**
-   * The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.
+   * The **`transform`** CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
    *
-   * **Syntax**: `auto | start | end | left | right | center | justify`
+   * **Syntax**: `none | <transform-list>`
    *
-   * **Initial value**: `auto`
+   * **Initial value**: `none`
    *
    * @deprecated
    */
-  "-moz-text-align-last"?: Property.TextAlignLast | undefined;
+  "-moz-transform"?: Property.Transform | undefined;
   /**
-   * The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`.
+   * The **`transform-origin`** CSS property sets the origin for an element's transformations.
    *
-   * **Syntax**: `<color>`
+   * **Syntax**: `[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?`
    *
-   * **Initial value**: `currentcolor`
+   * **Initial value**: `50% 50% 0`
    *
    * @deprecated
    */
-  "-moz-text-decoration-color"?: Property.TextDecorationColor | undefined;
+  "-moz-transform-origin"?: Property.TransformOrigin<TLength> | undefined;
   /**
-   * The **`text-decoration-line`** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.
+   * The **`transform-style`** CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
    *
-   * **Syntax**: `none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error`
+   * **Syntax**: `flat | preserve-3d`
    *
-   * **Initial value**: `none`
+   * **Initial value**: `flat`
    *
    * @deprecated
    */
-  "-moz-text-decoration-line"?: Property.TextDecorationLine | undefined;
+  "-moz-transform-style"?: Property.TransformStyle | undefined;
   /**
-   * The **`text-decoration-style`** CSS property sets the style of the lines specified by `text-decoration-line`. The style applies to all lines that are set with `text-decoration-line`.
+   * The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`.
    *
-   * **Syntax**: `solid | double | dotted | dashed | wavy`
+   * **Syntax**: `<single-transition>#`
    *
-   * **Initial value**: `solid`
+   * @deprecated
+   */
+  "-moz-transition"?: Property.Transition<TTime> | undefined;
+  /**
+   * The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
+   *
+   * **Syntax**: `<time>#`
+   *
+   * **Initial value**: `0s`
    *
    * @deprecated
    */
-  "-moz-text-decoration-style"?: Property.TextDecorationStyle | undefined;
+  "-moz-transition-delay"?: Property.TransitionDelay<TTime> | undefined;
+  /**
+   * The **`transition-duration`** CSS property sets the length of time a transition animation should take to complete. By default, the value is `0s`, meaning that no animation will occur.
+   *
+   * **Syntax**: `<time>#`
+   *
+   * **Initial value**: `0s`
+   *
+   * @deprecated
+   */
+  "-moz-transition-duration"?: Property.TransitionDuration<TTime> | undefined;
+  /**
+   * The **`transition-property`** CSS property sets the CSS properties to which a transition effect should be applied.
+   *
+   * **Syntax**: `none | <single-transition-property>#`
+   *
+   * **Initial value**: all
+   *
+   * @deprecated
+   */
+  "-moz-transition-property"?: Property.TransitionProperty | undefined;
+  /**
+   * The **`transition-timing-function`** CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
+   *
+   * **Syntax**: `<easing-function>#`
+   *
+   * **Initial value**: `ease`
+   *
+   * @deprecated
+   */
+  "-moz-transition-timing-function"?: Property.TransitionTimingFunction | undefined;
   /**
    * In Mozilla applications, **`-moz-user-input`** determines if an element will accept user input.
    *
@@ -17706,26 +18216,6 @@ export interface ObsoletePropertiesHyphen<TLength = (string & {}) | 0, TTime = s
    * @deprecated
    */
   "-webkit-box-pack"?: Property.BoxPack | undefined;
-  /**
-   * The **`scroll-snap-points-x`** CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.
-   *
-   * **Syntax**: `none | repeat( <length-percentage> )`
-   *
-   * **Initial value**: `none`
-   *
-   * @deprecated
-   */
-  "-webkit-scroll-snap-points-x"?: Property.ScrollSnapPointsX | undefined;
-  /**
-   * The **`scroll-snap-points-y`** CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.
-   *
-   * **Syntax**: `none | repeat( <length-percentage> )`
-   *
-   * **Initial value**: `none`
-   *
-   * @deprecated
-   */
-  "-webkit-scroll-snap-points-y"?: Property.ScrollSnapPointsY | undefined;
 }
 
 export interface SvgPropertiesHyphen<TLength = (string & {}) | 0, TTime = string & {}> {
@@ -17863,7 +18353,9 @@ export type AtRules =
   | "@namespace"
   | "@page"
   | "@property"
+  | "@scope"
   | "@scroll-timeline"
+  | "@starting-style"
   | "@supports"
   | "@viewport";
 
@@ -18021,6 +18513,7 @@ export type HtmlAttributes =
   | "[alt]"
   | "[archive]"
   | "[async]"
+  | "[attributionsrc]"
   | "[autobuffer]"
   | "[autocapitalize]"
   | "[autocomplete]"
@@ -18030,8 +18523,10 @@ export type HtmlAttributes =
   | "[background]"
   | "[behavior]"
   | "[bgcolor]"
+  | "[blocking]"
   | "[border]"
   | "[bottommargin]"
+  | "[browsingtopics]"
   | "[capture]"
   | "[cellpadding]"
   | "[cellspacing]"
@@ -18043,7 +18538,6 @@ export type HtmlAttributes =
   | "[class]"
   | "[classid]"
   | "[clear]"
-  | "[code]"
   | "[codebase]"
   | "[codetype]"
   | "[color]"
@@ -18058,8 +18552,6 @@ export type HtmlAttributes =
   | "[credentialless]"
   | "[crossorigin]"
   | "[data]"
-  | "[datafld]"
-  | "[datasrc]"
   | "[datetime]"
   | "[declare]"
   | "[decoding]"
@@ -18122,13 +18614,13 @@ export type HtmlAttributes =
   | "[marginwidth]"
   | "[max]"
   | "[maxlength]"
-  | "[mayscript]"
   | "[media]"
   | "[method]"
   | "[methods]"
   | "[min]"
   | "[minlength]"
   | "[moz-opaque]"
+  | "[mozactionhint]"
   | "[mozallowfullscreen]"
   | "[msallowfullscreen]"
   | "[multiple]"
@@ -18141,7 +18633,6 @@ export type HtmlAttributes =
   | "[noshade]"
   | "[novalidate]"
   | "[nowrap]"
-  | "[object]"
   | "[onerror]"
   | "[open]"
   | "[optimum]"
@@ -18149,8 +18640,10 @@ export type HtmlAttributes =
   | "[pattern]"
   | "[ping]"
   | "[placeholder]"
+  | "[popover]"
+  | "[popovertarget]"
+  | "[popovertargetaction]"
   | "[poster]"
-  | "[prefetch]"
   | "[preload]"
   | "[profile]"
   | "[readonly]"
@@ -18163,14 +18656,6 @@ export type HtmlAttributes =
   | "[rows]"
   | "[rowspan]"
   | "[rules]"
-  | "[sandbox-allow-downloads]"
-  | "[sandbox-allow-modals]"
-  | "[sandbox-allow-popups-to-escape-sandbox]"
-  | "[sandbox-allow-popups]"
-  | "[sandbox-allow-presentation]"
-  | "[sandbox-allow-same-origin]"
-  | "[sandbox-allow-storage-access-by-user-activation]"
-  | "[sandbox-allow-top-navigation-by-user-activation]"
   | "[sandbox]"
   | "[scope]"
   | "[scrollamount]"
@@ -18224,6 +18709,7 @@ export type SvgAttributes =
   | "[animation]"
   | "[arabic-form]"
   | "[ascent]"
+  | "[async]"
   | "[attributeName]"
   | "[attributeType]"
   | "[azimuth]"
@@ -18246,10 +18732,13 @@ export type SvgAttributes =
   | "[color]"
   | "[contentScriptType]"
   | "[contentStyleType]"
+  | "[crossorigin]"
   | "[cursor]"
   | "[cx]"
   | "[cy]"
   | "[d]"
+  | "[decoding]"
+  | "[defer]"
   | "[descent]"
   | "[diffuseConstant]"
   | "[direction]"
@@ -18488,6 +18977,12 @@ export namespace Property {
 
   export type AnimationPlayState = Globals | "paused" | "running" | (string & {});
 
+  export type AnimationRange<TLength = (string & {}) | 0> = Globals | DataType.TimelineRangeName | TLength | "normal" | (string & {});
+
+  export type AnimationRangeEnd<TLength = (string & {}) | 0> = Globals | DataType.TimelineRangeName | TLength | "normal" | (string & {});
+
+  export type AnimationRangeStart<TLength = (string & {}) | 0> = Globals | DataType.TimelineRangeName | TLength | "normal" | (string & {});
+
   export type AnimationTimeline = Globals | DataType.SingleAnimationTimeline | (string & {});
 
   export type AnimationTimingFunction = Globals | DataType.EasingFunction | (string & {});
@@ -18548,7 +19043,6 @@ export namespace Property {
     | "-moz-fit-content"
     | "-moz-max-content"
     | "-moz-min-content"
-    | "-webkit-fill-available"
     | "auto"
     | "fit-content"
     | "max-content"
@@ -18916,7 +19410,15 @@ export namespace Property {
 
   export type FontStyle = Globals | "italic" | "normal" | "oblique" | (string & {});
 
-  export type FontSynthesis = Globals | "none" | "small-caps" | "style" | "weight" | (string & {});
+  export type FontSynthesis = Globals | "none" | "position" | "small-caps" | "style" | "weight" | (string & {});
+
+  export type FontSynthesisPosition = Globals | "auto" | "none";
+
+  export type FontSynthesisSmallCaps = Globals | "auto" | "none";
+
+  export type FontSynthesisStyle = Globals | "auto" | "none";
+
+  export type FontSynthesisWeight = Globals | "auto" | "none";
 
   export type FontVariant =
     | Globals
@@ -19179,6 +19681,8 @@ export namespace Property {
 
   export type MaskType = Globals | "alpha" | "luminance";
 
+  export type MasonryAutoFlow = Globals | "definite-first" | "next" | "ordered" | "pack" | (string & {});
+
   export type MathDepth = Globals | "auto-add" | (string & {}) | (number & {});
 
   export type MathShift = Globals | "compact" | "normal";
@@ -19305,11 +19809,11 @@ export namespace Property {
 
   export type MixBlendMode = Globals | DataType.BlendMode | "plus-lighter";
 
-  export type Offset<TLength = (string & {}) | 0> = Globals | DataType.Position<TLength> | DataType.GeometryBox | "auto" | "none" | (string & {});
+  export type Offset<TLength = (string & {}) | 0> = Globals | DataType.Position<TLength> | "auto" | "none" | "normal" | (string & {});
 
   export type OffsetDistance<TLength = (string & {}) | 0> = Globals | TLength | (string & {});
 
-  export type OffsetPath = Globals | DataType.GeometryBox | "none" | (string & {});
+  export type OffsetPath = Globals | "none" | (string & {});
 
   export type OffsetRotate = Globals | "auto" | "reverse" | (string & {});
 
@@ -19319,7 +19823,7 @@ 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 OffsetPosition<TLength = (string & {}) | 0> = Globals | DataType.Position<TLength> | "auto" | "normal";
 
   export type Opacity = Globals | (string & {}) | (number & {});
 
@@ -19355,6 +19859,8 @@ export namespace Property {
 
   export type OverflowY = Globals | "-moz-hidden-unscrollable" | "auto" | "clip" | "hidden" | "scroll" | "visible";
 
+  export type Overlay = Globals | "auto" | "none";
+
   export type OverscrollBehavior = Globals | "auto" | "contain" | "none" | (string & {});
 
   export type OverscrollBehaviorBlock = Globals | "auto" | "contain" | "none";
@@ -19495,7 +20001,7 @@ export namespace Property {
 
   export type ScrollTimeline = Globals | "none" | (string & {});
 
-  export type ScrollTimelineAxis = Globals | "block" | "horizontal" | "inline" | "vertical" | (string & {});
+  export type ScrollTimelineAxis = Globals | "block" | "inline" | "x" | "y" | (string & {});
 
   export type ScrollTimelineName = Globals | "none" | (string & {});
 
@@ -19515,7 +20021,7 @@ export namespace Property {
 
   export type TableLayout = Globals | "auto" | "fixed";
 
-  export type TextAlign = Globals | "center" | "end" | "justify" | "left" | "match-parent" | "right" | "start";
+  export type TextAlign = Globals | "-webkit-match-parent" | "center" | "end" | "justify" | "left" | "match-parent" | "right" | "start";
 
   export type TextAlignLast = Globals | "auto" | "center" | "end" | "justify" | "left" | "right" | "start";
 
@@ -19581,6 +20087,10 @@ export namespace Property {
 
   export type TextUnderlinePosition = Globals | "auto" | "from-font" | "left" | "right" | "under" | (string & {});
 
+  export type TextWrap = Globals | "balance" | "nowrap" | "pretty" | "stable" | "wrap";
+
+  export type TimelineScope = Globals | "none" | (string & {});
+
   export type Top<TLength = (string & {}) | 0> = Globals | TLength | "auto" | (string & {});
 
   export type TouchAction =
@@ -19610,6 +20120,8 @@ export namespace Property {
 
   export type Transition<TTime = string & {}> = Globals | DataType.SingleTransition<TTime> | (string & {});
 
+  export type TransitionBehavior = Globals | "allow-discrete" | "normal" | (string & {});
+
   export type TransitionDelay<TTime = string & {}> = Globals | TTime | (string & {});
 
   export type TransitionDuration<TTime = string & {}> = Globals | TTime | (string & {});
@@ -19650,11 +20162,45 @@ export namespace Property {
     | "top"
     | (string & {});
 
+  export type ViewTimeline = Globals | "none" | (string & {});
+
+  export type ViewTimelineAxis = Globals | "block" | "inline" | "x" | "y" | (string & {});
+
+  export type ViewTimelineInset<TLength = (string & {}) | 0> = Globals | TLength | "auto" | (string & {});
+
+  export type ViewTimelineName = Globals | "none" | (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";
+  export type WhiteSpace =
+    | Globals
+    | "-moz-pre-wrap"
+    | "balance"
+    | "break-spaces"
+    | "collapse"
+    | "discard"
+    | "discard-after"
+    | "discard-before"
+    | "discard-inner"
+    | "none"
+    | "normal"
+    | "nowrap"
+    | "pre"
+    | "pre-line"
+    | "pre-wrap"
+    | "preserve"
+    | "preserve-breaks"
+    | "preserve-spaces"
+    | "pretty"
+    | "stable"
+    | "wrap"
+    | (string & {});
+
+  export type WhiteSpaceCollapse = Globals | "break-spaces" | "collapse" | "discard" | "preserve" | "preserve-breaks" | "preserve-spaces";
+
+  export type WhiteSpaceTrim = Globals | "discard-after" | "discard-before" | "discard-inner" | "none" | (string & {});
 
   export type Widows = Globals | (number & {}) | (string & {});
 
@@ -20721,6 +21267,7 @@ export namespace DataType {
     | EasingFunction
     | SingleAnimationDirection
     | SingleAnimationFillMode
+    | SingleAnimationTimeline
     | TTime
     | "infinite"
     | "none"
@@ -20737,10 +21284,12 @@ export namespace DataType {
 
   type SingleAnimationTimeline = "auto" | "none" | (string & {});
 
-  type SingleTransition<TTime> = EasingFunction | TTime | "all" | "none" | (string & {});
+  type SingleTransition<TTime> = EasingFunction | TTime | "all" | "allow-discrete" | "none" | "normal" | (string & {});
 
   type StepTimingFunction = "step-end" | "step-start" | (string & {});
 
+  type TimelineRangeName = "contain" | "cover" | "entry" | "entry-crossing" | "exit" | "exit-crossing";
+
   type TrackBreadth<TLength> = TLength | "auto" | "max-content" | "min-content" | (string & {});
 
   type ViewportLength<TLength> = TLength | "auto" | (string & {});