@yamada-ui/react 1.7.7 → 2.0.0-dev-20250626070331

package/dist/cjs/core/css/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","names":["transforms"],"sources":["../../../../src/core/css/styles.ts"],"sourcesContent":["import type * as CSS from \"csstype\"\nimport type { AnyString } from \"../../utils\"\nimport type { ColorScheme, ThemeTokens } from \"../system\"\nimport type { StyleConfigs } from \"./config\"\nimport type { CSSObject, StyleValueWithCondition } from \"./index.types\"\nimport { transforms } from \"./config\"\nimport { pipe } from \"./utils\"\n\nexport type StandardStyleProperty = keyof typeof standardStyles\n\nexport const standardStyles = {\n  accentColor: {\n    properties: [\"accentColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  alignContent: true,\n  alignItems: true,\n  alignmentBaseline: true,\n  alignSelf: true,\n  all: true,\n  anchorName: true,\n  anchorScope: true,\n  animation: {\n    properties: [\"animation\"],\n    token: \"animations\",\n    transform: pipe(transforms.token(\"animations\"), transforms.animation),\n  },\n  animationComposition: true,\n  animationDelay: true,\n  animationDirection: true,\n  animationDuration: {\n    properties: [\"animationDuration\"],\n    token: \"durations\",\n    transform: transforms.token(\"durations\"),\n  },\n  animationFillMode: true,\n  animationIterationCount: true,\n  animationName: {\n    properties: [\"animationName\"],\n    token: \"keyframes\",\n    transform: transforms.token(\"keyframes\"),\n  },\n  animationPlayState: true,\n  animationRange: true,\n  animationRangeEnd: true,\n  animationRangeStart: true,\n  animationTimeline: true,\n  animationTimingFunction: {\n    properties: [\"animationTimingFunction\"],\n    token: \"easings\",\n    transform: transforms.token(\"easings\"),\n  },\n  appearance: true,\n  aspectRatio: {\n    properties: [\"aspectRatio\"],\n    token: \"aspectRatios\",\n    transform: transforms.token(\"aspectRatios\"),\n  },\n  backdropBlur: {\n    properties: [\"--backdrop-blur\"],\n    token: \"blurs\",\n    transform: pipe(\n      transforms.token(\"blurs\"),\n      transforms.function(\"blur\"),\n      transforms.filter(\"backdropFilter\"),\n    ),\n  },\n  backdropBrightness: {\n    properties: [\"--backdrop-brightness\"],\n    transform: pipe(\n      transforms.function(\"brightness\"),\n      transforms.filter(\"backdropFilter\"),\n    ),\n  },\n  backdropContrast: {\n    properties: [\"--backdrop-contrast\"],\n    transform: pipe(\n      transforms.function(\"contrast\"),\n      transforms.filter(\"backdropFilter\"),\n    ),\n  },\n  backdropDropShadow: {\n    properties: [\"--backdrop-drop-shadow\"],\n    token: \"shadows\",\n    transform: pipe(\n      transforms.token(\"shadows\"),\n      transforms.function(\"drop-shadow\"),\n      transforms.filter(\"backdropFilter\"),\n    ),\n  },\n  backdropFilter: true,\n  backdropGrayscale: {\n    properties: [\"--backdrop-grayscale\"],\n    transform: pipe(\n      transforms.function(\"grayscale\"),\n      transforms.filter(\"backdropFilter\"),\n    ),\n  },\n  backdropHueRotate: {\n    properties: [\"--backdrop-hue-rotate\"],\n    transform: pipe(\n      transforms.deg,\n      transforms.function(\"hue-rotate\"),\n      transforms.filter(\"backdropFilter\"),\n    ),\n  },\n  backdropInvert: {\n    properties: [\"--backdrop-invert\"],\n    transform: pipe(\n      transforms.function(\"invert\"),\n      transforms.filter(\"backdropFilter\"),\n    ),\n  },\n  backdropSaturate: {\n    properties: [\"--backdrop-saturate\"],\n    transform: pipe(\n      transforms.function(\"saturate\"),\n      transforms.filter(\"backdropFilter\"),\n    ),\n  },\n  backdropSepia: {\n    properties: [\"--backdrop-sepia\"],\n    transform: pipe(\n      transforms.function(\"sepia\"),\n      transforms.filter(\"backdropFilter\"),\n    ),\n  },\n  backfaceVisibility: {\n    properties: [\"backfaceVisibility\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  background: {\n    properties: [\"background\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  backgroundAttachment: true,\n  backgroundBlendMode: true,\n  backgroundClip: {\n    properties: [\"backgroundClip\"],\n    transform: transforms.bgClip,\n  },\n  backgroundColor: {\n    properties: [\"backgroundColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  backgroundImage: {\n    properties: [\"backgroundImage\"],\n    token: \"gradients\",\n    transform: pipe(transforms.token(\"gradients\"), transforms.gradient),\n  },\n  backgroundOrigin: true,\n  backgroundPosition: true,\n  backgroundPositionX: true,\n  backgroundPositionY: true,\n  backgroundRepeat: true,\n  backgroundSize: true,\n  baselineShift: true,\n  baselineSource: true,\n  blockSize: {\n    properties: [\"blockSize\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  blur: {\n    properties: [\"--blur\"],\n    token: \"blurs\",\n    transform: pipe(\n      transforms.token(\"blurs\"),\n      transforms.function(\"blur\"),\n      transforms.filter(),\n    ),\n  },\n  border: {\n    properties: [\"border\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderBlock: {\n    properties: [\"borderBlock\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderBlockColor: {\n    properties: [\"borderBlockColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderBlockEnd: {\n    properties: [\"borderBlockEnd\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderBlockEndColor: {\n    properties: [\"borderBlockEndColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderBlockEndStyle: true,\n  borderBlockEndWidth: {\n    properties: [\"borderBlockEndWidth\"],\n    transform: transforms.px,\n  },\n  borderBlockStart: {\n    properties: [\"borderBlockStart\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderBlockStartColor: {\n    properties: [\"borderBlockStartColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderBlockStartStyle: true,\n  borderBlockStartWidth: {\n    properties: [\"borderBlockStartWidth\"],\n    transform: transforms.px,\n  },\n  borderBlockStyle: true,\n  borderBlockWidth: {\n    properties: [\"borderBlockWidth\"],\n    transform: transforms.px,\n  },\n  borderBottom: {\n    properties: [\"borderBottom\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderBottomColor: {\n    properties: [\"borderBottomColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderBottomLeftRadius: {\n    properties: [\"borderBottomLeftRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderBottomRadius: {\n    properties: [\"borderBottomLeftRadius\", \"borderBottomRightRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderBottomRightRadius: {\n    properties: [\"borderBottomRightRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderBottomStyle: true,\n  borderBottomWidth: {\n    properties: [\"borderBottomWidth\"],\n    transform: transforms.px,\n  },\n  borderCollapse: true,\n  borderColor: {\n    properties: [\"borderColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderEndEndRadius: {\n    properties: [\"borderEndEndRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderEndStartRadius: {\n    properties: [\"borderEndStartRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderImage: {\n    properties: [\"borderImage\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderImageOutset: true,\n  borderImageRepeat: true,\n  borderImageSlice: true,\n  borderImageSource: {\n    properties: [\"borderImageSource\"],\n    token: \"gradients\",\n    transform: pipe(transforms.token(\"gradients\"), transforms.gradient),\n  },\n  borderImageWidth: {\n    properties: [\"borderImageWidth\"],\n    transform: transforms.px,\n  },\n  borderInline: {\n    properties: [\"borderInline\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderInlineColor: {\n    properties: [\"borderInlineColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderInlineEnd: {\n    properties: [\"borderInlineEnd\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderInlineEndColor: {\n    properties: [\"borderInlineEndColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderInlineEndRadius: {\n    properties: [\"borderEndStartRadius\", \"borderEndEndRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderInlineEndStyle: true,\n  borderInlineEndWidth: {\n    properties: [\"borderInlineEndWidth\"],\n    transform: transforms.px,\n  },\n  borderInlineStart: {\n    properties: [\"borderInlineStart\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderInlineStartColor: {\n    properties: [\"borderInlineStartColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderInlineStartRadius: {\n    properties: [\"borderStartStartRadius\", \"borderStartEndRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderInlineStartStyle: true,\n  borderInlineStartWidth: {\n    properties: [\"borderInlineStartWidth\"],\n    transform: transforms.px,\n  },\n  borderInlineStyle: true,\n  borderInlineWidth: {\n    properties: [\"borderInlineWidth\"],\n    transform: transforms.px,\n  },\n  borderLeft: {\n    properties: [\"borderLeft\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderLeftColor: {\n    properties: [\"borderLeftColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderLeftRadius: {\n    properties: [\"borderTopLeftRadius\", \"borderBottomLeftRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderLeftStyle: true,\n  borderLeftWidth: {\n    properties: [\"borderLeftWidth\"],\n    transform: transforms.px,\n  },\n  borderRadius: {\n    properties: [\"borderRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderRight: {\n    properties: [\"borderRight\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderRightColor: {\n    properties: [\"borderRightColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderRightRadius: {\n    properties: [\"borderTopRightRadius\", \"borderBottomRightRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderRightStyle: true,\n  borderRightWidth: {\n    properties: [\"borderRightWidth\"],\n    transform: transforms.px,\n  },\n  borderSpacing: true,\n  borderStartEndRadius: {\n    properties: [\"borderStartEndRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderStartStartRadius: {\n    properties: [\"borderStartStartRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderStyle: true,\n  borderTop: {\n    properties: [\"borderTop\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderTopColor: {\n    properties: [\"borderTopColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  borderTopLeftRadius: {\n    properties: [\"borderTopLeftRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderTopRadius: {\n    properties: [\"borderTopLeftRadius\", \"borderTopRightRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderTopRightRadius: {\n    properties: [\"borderTopRightRadius\"],\n    token: \"radii\",\n    transform: pipe(\n      transforms.token(\"radii\"),\n      transforms.px,\n      transforms.calc(\"radii\"),\n    ),\n  },\n  borderTopStyle: true,\n  borderTopWidth: { properties: [\"borderTopWidth\"], transform: transforms.px },\n  borderWidth: { properties: [\"borderWidth\"], transform: transforms.px },\n  borderX: {\n    properties: [\"borderLeft\", \"borderRight\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  borderY: {\n    properties: [\"borderTop\", \"borderBottom\"],\n    token: \"borders\",\n    transform: pipe(transforms.token(\"borders\"), transforms.px),\n  },\n  bottom: {\n    properties: [\"bottom\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  boxAlign: true,\n  boxDecorationBreak: true,\n  boxDirection: true,\n  boxFlex: true,\n  boxFlexGroup: true,\n  boxLines: true,\n  boxOrdinalGroup: true,\n  boxOrient: true,\n  boxPack: true,\n  boxShadow: {\n    properties: [\"boxShadow\"],\n    token: \"shadows\",\n    transform: transforms.token(\"shadows\"),\n  },\n  boxSize: {\n    properties: [\"width\", \"height\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  boxSizing: true,\n  breakAfter: true,\n  breakBefore: true,\n  breakInside: true,\n  brightness: {\n    properties: [\"--brightness\"],\n    transform: pipe(transforms.function(\"brightness\"), transforms.filter()),\n  },\n  captionSide: true,\n  caretColor: {\n    properties: [\"caretColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  clear: true,\n  clip: true,\n  clipPath: true,\n  clipRule: true,\n  color: {\n    properties: [\"color\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  colorAdjust: true,\n  colorInterpolation: true,\n  colorInterpolationFilters: true,\n  colorMode: { properties: [\"colorScheme\"] },\n  columnCount: true,\n  columnFill: true,\n  columnGap: {\n    properties: [\"columnGap\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  columnRule: { properties: [\"columnRule\"], transform: transforms.px },\n  columnRuleColor: {\n    properties: [\"columnRuleColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  columnRuleStyle: true,\n  columnRuleWidth: {\n    properties: [\"columnRuleWidth\"],\n    transform: transforms.px,\n  },\n  columns: true,\n  columnSpan: true,\n  columnWidth: {\n    properties: [\"columnWidth\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  contain: true,\n  container: true,\n  containerName: true,\n  containerType: true,\n  containIntrinsicBlockSize: true,\n  containIntrinsicHeight: true,\n  containIntrinsicInlineSize: true,\n  containIntrinsicSize: true,\n  containIntrinsicWidth: {\n    properties: [\"containIntrinsicWidth\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  content: true,\n  contentVisibility: true,\n  contrast: {\n    properties: [\"--contrast\"],\n    transform: pipe(transforms.function(\"contrast\"), transforms.filter()),\n  },\n  counterIncrement: true,\n  counterReset: true,\n  counterSet: true,\n  cursor: true,\n  cx: true,\n  cy: true,\n  d: true,\n  direction: true,\n  display: true,\n  dominantBaseline: true,\n  dropShadow: {\n    properties: [\"--drop-shadow\"],\n    token: \"shadows\",\n    transform: pipe(\n      transforms.token(\"shadows\"),\n      transforms.function(\"drop-shadow\"),\n      transforms.filter(),\n    ),\n  },\n  dynamicRangeLimit: true,\n  emptyCells: true,\n  fieldSizing: true,\n  fill: {\n    properties: [\"fill\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  fillOpacity: true,\n  fillRule: true,\n  filter: true,\n  flex: true,\n  flexBasis: {\n    properties: [\"flexBasis\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  flexDirection: true,\n  flexFlow: true,\n  flexGrow: true,\n  flexShrink: true,\n  flexWrap: true,\n  float: true,\n  floodColor: {\n    properties: [\"floodColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  floodOpacity: true,\n  focusRing: { transform: transforms.focusRing(\"&:is(:focus, [data-focus])\") },\n  focusRingColor: {\n    properties: [\"--focus-ring-color\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  focusRingOffset: {\n    properties: [\"--focus-ring-offset\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  focusRingStyle: { properties: [\"--focus-ring-style\"] },\n  focusRingWidth: { properties: [\"--focus-ring-width\"] },\n  focusVisibleRing: {\n    transform: transforms.focusRing(\n      \"&:is(:focus-visible, [data-focus-visible])\",\n    ),\n  },\n  font: true,\n  fontFamily: {\n    properties: [\"fontFamily\"],\n    token: \"fonts\",\n    transform: transforms.token(\"fonts\"),\n  },\n  fontFeatureSettings: true,\n  fontKerning: true,\n  fontLanguageOverride: true,\n  fontOpticalSizing: true,\n  fontPalette: true,\n  fontSize: {\n    properties: [\"fontSize\"],\n    token: \"fontSizes\",\n    transform: pipe(\n      transforms.token(\"fontSizes\"),\n      transforms.px,\n      transforms.calc(\"fontSizes\"),\n    ),\n  },\n  fontSizeAdjust: true,\n  fontSmooth: true,\n  fontStretch: true,\n  fontStyle: true,\n  fontSynthesis: true,\n  fontSynthesisPosition: true,\n  fontSynthesisSmallCaps: true,\n  fontSynthesisStyle: true,\n  fontSynthesisWeight: true,\n  fontVariant: true,\n  fontVariantAlternates: true,\n  fontVariantCaps: true,\n  fontVariantEastAsian: true,\n  fontVariantEmoji: true,\n  fontVariantLigatures: true,\n  fontVariantNumeric: true,\n  fontVariantPosition: true,\n  fontVariationSettings: true,\n  fontWeight: {\n    properties: [\"fontWeight\"],\n    token: \"fontWeights\",\n    transform: transforms.token(\"fontWeights\"),\n  },\n  fontWidth: true,\n  forcedColorAdjust: true,\n  gap: {\n    properties: [\"gap\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  glyphOrientationHorizontal: true,\n  glyphOrientationVertical: true,\n  grayscale: {\n    properties: [\"--grayscale\"],\n    transform: pipe(transforms.function(\"grayscale\"), transforms.filter()),\n  },\n  grid: true,\n  gridArea: true,\n  gridAutoColumns: {\n    properties: [\"gridAutoColumns\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.grid,\n    ),\n  },\n  gridAutoFlow: true,\n  gridAutoRows: {\n    properties: [\"gridAutoRows\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.grid,\n    ),\n  },\n  gridColumn: true,\n  gridColumnEnd: true,\n  gridColumnStart: true,\n  gridRow: true,\n  gridRowEnd: true,\n  gridRowStart: true,\n  gridTemplate: true,\n  gridTemplateAreas: true,\n  gridTemplateColumns: {\n    properties: [\"gridTemplateColumns\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.grid,\n    ),\n  },\n  gridTemplateRows: {\n    properties: [\"gridTemplateRows\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.grid,\n    ),\n  },\n  hangingPunctuation: true,\n  height: {\n    properties: [\"height\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  hueRotate: {\n    properties: [\"--hue-rotate\"],\n    transform: pipe(\n      transforms.deg,\n      transforms.function(\"hue-rotate\"),\n      transforms.filter(),\n    ),\n  },\n  hyphenateCharacter: true,\n  hyphenateLimitChars: true,\n  hyphens: true,\n  imageOrientation: true,\n  imageRendering: true,\n  imeMode: true,\n  initialLetter: true,\n  inlineSize: {\n    properties: [\"inlineSize\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  inset: {\n    properties: [\"inset\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  insetBlock: {\n    properties: [\"insetBlock\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  insetBlockEnd: {\n    properties: [\"insetBlockEnd\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  insetBlockStart: {\n    properties: [\"insetBlockStart\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  insetInline: {\n    properties: [\"insetInline\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  insetInlineEnd: {\n    properties: [\"insetInlineEnd\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  insetInlineStart: {\n    properties: [\"insetInlineStart\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  insetX: {\n    properties: [\"left\", \"right\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  insetY: {\n    properties: [\"top\", \"bottom\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  interactivity: true,\n  interpolateSize: true,\n  invert: {\n    properties: [\"--invert\"],\n    transform: pipe(transforms.function(\"invert\"), transforms.filter()),\n  },\n  isolation: true,\n  justifyContent: true,\n  justifyItems: true,\n  justifySelf: true,\n  left: {\n    properties: [\"left\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  letterSpacing: {\n    properties: [\"letterSpacing\"],\n    token: \"letterSpacings\",\n    transform: transforms.token(\"letterSpacings\"),\n  },\n  lightingColor: {\n    properties: [\"lightingColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  lineBreak: true,\n  lineHeight: {\n    properties: [\"lineHeight\"],\n    token: \"lineHeights\",\n    transform: transforms.token(\"lineHeights\"),\n  },\n  listStyle: true,\n  listStyleImage: {\n    properties: [\"listStyleImage\"],\n    token: \"gradients\",\n    transform: pipe(transforms.token(\"gradients\"), transforms.gradient),\n  },\n  listStylePosition: true,\n  listStyleType: true,\n  margin: {\n    properties: [\"margin\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginBlock: {\n    properties: [\"marginBlock\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginBlockEnd: {\n    properties: [\"marginBlockEnd\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginBlockStart: {\n    properties: [\"marginBlockStart\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginBottom: {\n    properties: [\"marginBottom\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginInline: {\n    properties: [\"marginInline\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginInlineEnd: {\n    properties: [\"marginInlineEnd\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginInlineStart: {\n    properties: [\"marginInlineStart\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginLeft: {\n    properties: [\"marginLeft\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginRight: {\n    properties: [\"marginRight\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginTop: {\n    properties: [\"marginTop\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginTrim: true,\n  marginX: {\n    properties: [\"marginInlineStart\", \"marginInlineEnd\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marginY: {\n    properties: [\"marginTop\", \"marginBottom\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  marker: true,\n  markerEnd: true,\n  markerMid: true,\n  markerStart: true,\n  mask: true,\n  maskBorder: true,\n  maskBorderOutset: true,\n  maskBorderRepeat: true,\n  maskBorderSlice: true,\n  maskBorderSource: true,\n  maskBorderWidth: {\n    properties: [\"maskBorderWidth\"],\n    transform: transforms.px,\n  },\n  maskClip: true,\n  maskComposite: true,\n  maskImage: {\n    properties: [\"maskImage\"],\n    token: \"gradients\",\n    transform: pipe(transforms.token(\"gradients\"), transforms.gradient),\n  },\n  maskMode: true,\n  maskOrigin: true,\n  maskPosition: true,\n  maskRepeat: true,\n  maskSize: true,\n  maskType: true,\n  mathDepth: true,\n  mathShift: true,\n  mathStyle: true,\n  maxBlockSize: {\n    properties: [\"maxBlockSize\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  maxBoxSize: {\n    properties: [\"maxWidth\", \"maxHeight\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  maxHeight: {\n    properties: [\"maxHeight\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  maxInlineSize: {\n    properties: [\"maxInlineSize\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  maxWidth: {\n    properties: [\"maxWidth\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  minBlockSize: {\n    properties: [\"minBlockSize\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  minBoxSize: {\n    properties: [\"minWidth\", \"minHeight\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  minHeight: {\n    properties: [\"minHeight\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  minInlineSize: {\n    properties: [\"minInlineSize\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  minWidth: {\n    properties: [\"minWidth\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  mixBlendMode: true,\n  objectFit: true,\n  objectPosition: true,\n  objectViewBox: true,\n  offset: true,\n  offsetAnchor: true,\n  offsetDistance: true,\n  offsetPath: true,\n  offsetPosition: true,\n  offsetRotate: true,\n  opacity: true,\n  order: true,\n  orphans: true,\n  outline: {},\n  outlineColor: {\n    properties: [\"outlineColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  outlineOffset: true,\n  outlineStyle: true,\n  outlineWidth: { properties: [\"outlineWidth\"], transform: transforms.px },\n  overflow: true,\n  overflowAnchor: true,\n  overflowBlock: true,\n  overflowClipMargin: true,\n  overflowInline: true,\n  overflowWrap: true,\n  overflowX: true,\n  overflowY: true,\n  overlay: true,\n  overscrollBehavior: true,\n  overscrollBehaviorBlock: true,\n  overscrollBehaviorInline: true,\n  overscrollBehaviorX: true,\n  overscrollBehaviorY: true,\n  padding: {\n    properties: [\"padding\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingBlock: {\n    properties: [\"paddingBlock\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingBlockEnd: {\n    properties: [\"paddingBlockEnd\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingBlockStart: {\n    properties: [\"paddingBlockStart\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingBottom: {\n    properties: [\"paddingBottom\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingInline: {\n    properties: [\"paddingInline\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingInlineEnd: {\n    properties: [\"paddingInlineEnd\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingInlineStart: {\n    properties: [\"paddingInlineStart\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingLeft: {\n    properties: [\"paddingLeft\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingRight: {\n    properties: [\"paddingRight\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingTop: {\n    properties: [\"paddingTop\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingX: {\n    properties: [\"paddingInlineStart\", \"paddingInlineEnd\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  paddingY: {\n    properties: [\"paddingTop\", \"paddingBottom\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  page: true,\n  pageBreakAfter: true,\n  pageBreakBefore: true,\n  pageBreakInside: true,\n  paintOrder: true,\n  perspective: true,\n  perspectiveOrigin: true,\n  placeContent: true,\n  placeItems: true,\n  placeSelf: true,\n  pointerEvents: true,\n  position: true,\n  positionAnchor: true,\n  positionArea: true,\n  positionTry: true,\n  positionTryFallbacks: true,\n  positionTryOrder: true,\n  positionVisibility: true,\n  printColorAdjust: true,\n  quotes: true,\n  r: true,\n  readingFlow: true,\n  readingOrder: true,\n  resize: true,\n  right: {\n    properties: [\"right\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  rotate: { properties: [\"rotate\"], transform: transforms.deg },\n  rotateX: {\n    properties: [\"--rotate-x\"],\n    transform: pipe(\n      transforms.deg,\n      transforms.function(\"rotateX\"),\n      transforms.transform,\n    ),\n  },\n  rotateY: {\n    properties: [\"--rotate-y\"],\n    transform: pipe(\n      transforms.deg,\n      transforms.function(\"rotateY\"),\n      transforms.transform,\n    ),\n  },\n  rotateZ: {\n    properties: [\"--rotate-z\"],\n    transform: pipe(\n      transforms.deg,\n      transforms.function(\"rotateZ\"),\n      transforms.transform,\n    ),\n  },\n  rowGap: {\n    properties: [\"rowGap\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  rubyAlign: true,\n  rubyOverhang: true,\n  rubyPosition: true,\n  rx: true,\n  ry: true,\n  saturate: {\n    properties: [\"--saturate\"],\n    transform: pipe(transforms.function(\"saturate\"), transforms.filter()),\n  },\n  scale: true,\n  scaleX: {\n    properties: [\"--scale-x\"],\n    transform: pipe(transforms.function(\"scaleX\"), transforms.transform),\n  },\n  scaleY: {\n    properties: [\"--scale-y\"],\n    transform: pipe(transforms.function(\"scaleY\"), transforms.transform),\n  },\n  scaleZ: {\n    properties: [\"--scale-z\"],\n    transform: pipe(transforms.function(\"scaleZ\"), transforms.transform),\n  },\n  scrollbarColor: {\n    properties: [\"scrollbarColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  scrollbarGutter: true,\n  scrollbarWidth: { properties: [\"scrollbarWidth\"], transform: transforms.px },\n  scrollBehavior: true,\n  scrollInitialTarget: true,\n  scrollMargin: {\n    properties: [\"scrollMargin\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollMarginBlock: true,\n  scrollMarginBlockEnd: true,\n  scrollMarginBlockStart: true,\n  scrollMarginBottom: {\n    properties: [\"scrollMarginBottom\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollMarginInline: true,\n  scrollMarginInlineEnd: true,\n  scrollMarginInlineStart: true,\n  scrollMarginLeft: {\n    properties: [\"scrollMarginLeft\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollMarginRight: {\n    properties: [\"scrollMarginRight\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollMarginTop: {\n    properties: [\"scrollMarginTop\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollMarginX: {\n    properties: [\"scrollMarginLeft\", \"scrollMarginRight\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollMarginY: {\n    properties: [\"scrollMarginTop\", \"scrollMarginBottom\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollMarkerGroup: true,\n  scrollPadding: {\n    properties: [\"scrollPadding\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollPaddingBlock: true,\n  scrollPaddingBlockEnd: true,\n  scrollPaddingBlockStart: true,\n  scrollPaddingBottom: {\n    properties: [\"scrollPaddingBottom\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollPaddingInline: true,\n  scrollPaddingInlineEnd: true,\n  scrollPaddingInlineStart: true,\n  scrollPaddingLeft: {\n    properties: [\"scrollPaddingLeft\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollPaddingRight: {\n    properties: [\"scrollPaddingRight\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollPaddingTop: {\n    properties: [\"scrollPaddingTop\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollPaddingX: {\n    properties: [\"scrollPaddingLeft\", \"scrollPaddingRight\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollPaddingY: {\n    properties: [\"scrollPaddingTop\", \"scrollPaddingBottom\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  scrollSnapAlign: true,\n  scrollSnapStop: true,\n  scrollSnapType: true,\n  scrollTimeline: true,\n  scrollTimelineAxis: true,\n  scrollTimelineName: true,\n  sepia: {\n    properties: [\"--sepia\"],\n    transform: pipe(transforms.function(\"sepia\"), transforms.filter()),\n  },\n  shapeImageThreshold: true,\n  shapeMargin: true,\n  shapeOutside: true,\n  shapeRendering: true,\n  skewX: {\n    properties: [\"--skew-x\"],\n    transform: pipe(\n      transforms.deg,\n      transforms.function(\"skewX\"),\n      transforms.transform,\n    ),\n  },\n  skewY: {\n    properties: [\"--skew-y\"],\n    transform: pipe(\n      transforms.deg,\n      transforms.function(\"skewY\"),\n      transforms.transform,\n    ),\n  },\n  speak: true,\n  speakAs: true,\n  stopColor: true,\n  stopOpacity: true,\n  stroke: {\n    properties: [\"stroke\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  strokeColor: true,\n  strokeDasharray: true,\n  strokeDashoffset: true,\n  strokeLinecap: true,\n  strokeLinejoin: true,\n  strokeMiterlimit: true,\n  strokeOpacity: true,\n  strokeWidth: { properties: [\"strokeWidth\"], transform: transforms.px },\n  tableLayout: true,\n  tabSize: true,\n  textAlign: true,\n  textAlignLast: true,\n  textAnchor: true,\n  textAutospace: true,\n  textBox: true,\n  textBoxEdge: true,\n  textBoxTrim: true,\n  textCombineUpright: true,\n  textDecoration: true,\n  textDecorationColor: {\n    properties: [\"textDecorationColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  textDecorationLine: true,\n  textDecorationSkip: true,\n  textDecorationSkipInk: true,\n  textDecorationStyle: true,\n  textDecorationThickness: true,\n  textEmphasis: true,\n  textEmphasisColor: {\n    properties: [\"textEmphasisColor\"],\n    token: \"colors\",\n    transform: pipe(transforms.token(\"colors\"), transforms.colorMix),\n  },\n  textEmphasisPosition: true,\n  textEmphasisStyle: true,\n  textIndent: true,\n  textJustify: true,\n  textOrientation: true,\n  textOverflow: true,\n  textRendering: true,\n  textShadow: {\n    properties: [\"textShadow\"],\n    token: \"shadows\",\n    transform: transforms.token(\"shadows\"),\n  },\n  textSizeAdjust: true,\n  textSpacingTrim: true,\n  textTransform: true,\n  textUnderlineOffset: true,\n  textUnderlinePosition: true,\n  textWrap: true,\n  textWrapMode: true,\n  textWrapStyle: true,\n  timelineScope: true,\n  top: {\n    properties: [\"top\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.calc(\"spaces\"),\n    ),\n  },\n  touchAction: true,\n  transform: true,\n  transformBox: true,\n  transformOrigin: true,\n  transformStyle: true,\n  transition: { transform: transforms.transition() },\n  transitionBehavior: true,\n  transitionDelay: true,\n  transitionDuration: {\n    properties: [\"transitionDuration\"],\n    token: \"durations\",\n    transform: transforms.token(\"durations\"),\n  },\n  transitionProperty: { transform: transforms.transition(\"property\") },\n  transitionTimingFunction: {\n    properties: [\"transitionTimingFunction\"],\n    token: \"easings\",\n    transform: transforms.token(\"easings\"),\n  },\n  translateX: {\n    properties: [\"--translate-x\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.function(\"translateX\"),\n      transforms.calc(\"spaces\"),\n      transforms.transform,\n    ),\n  },\n  translateY: {\n    properties: [\"--translate-y\"],\n    token: \"spaces\",\n    transform: pipe(\n      transforms.token(\"spaces\"),\n      transforms.px,\n      transforms.function(\"translateY\"),\n      transforms.calc(\"spaces\"),\n      transforms.transform,\n    ),\n  },\n  translateZ: {\n    properties: [\"--translate-z\"],\n    transform: pipe(transforms.function(\"translateZ\"), transforms.transform),\n  },\n  unicodeBidi: true,\n  userModify: true,\n  userSelect: true,\n  vectorEffect: true,\n  verticalAlign: true,\n  viewTimeline: true,\n  viewTimelineAxis: true,\n  viewTimelineInset: true,\n  viewTimelineName: true,\n  viewTransitionClass: true,\n  viewTransitionName: true,\n  visibility: true,\n  whiteSpace: true,\n  whiteSpaceCollapse: true,\n  widows: true,\n  width: {\n    properties: [\"width\"],\n    token: \"sizes\",\n    transform: pipe(\n      transforms.token(\"sizes\"),\n      transforms.fraction,\n      transforms.px,\n      transforms.calc(\"sizes\"),\n    ),\n  },\n  willChange: true,\n  wordBreak: true,\n  wordSpacing: true,\n  writingMode: true,\n  x: true,\n  y: true,\n  zIndex: {\n    properties: [\"zIndex\"],\n    token: \"zIndices\",\n    transform: transforms.token(\"zIndices\"),\n  },\n  zoom: true,\n} as const satisfies StyleConfigs\n\nexport type ShorthandStyleProperty = keyof typeof shorthandStyles\n\nexport const shorthandStyles = {\n  accent: standardStyles.accentColor,\n  bg: standardStyles.background,\n  bgAttachment: { properties: [\"backgroundAttachment\"] },\n  bgBlendMode: { properties: [\"backgroundBlendMode\"] },\n  bgClip: standardStyles.backgroundClip,\n  bgColor: standardStyles.backgroundColor,\n  bgGradient: standardStyles.backgroundImage,\n  bgImage: standardStyles.backgroundImage,\n  bgImg: standardStyles.backgroundImage,\n  bgOrigin: { properties: [\"backgroundOrigin\"] },\n  bgPosition: { properties: [\"backgroundPosition\"] },\n  bgPositionX: { properties: [\"backgroundPositionX\"] },\n  bgPositionY: { properties: [\"backgroundPositionY\"] },\n  bgPosX: { properties: [\"backgroundPositionX\"] },\n  bgPosY: { properties: [\"backgroundPositionY\"] },\n  bgRepeat: { properties: [\"backgroundRepeat\"] },\n  bgSize: { properties: [\"backgroundSize\"] },\n  blendMode: { properties: [\"mixBlendMode\"] },\n  borderBottomEndRadius: standardStyles.borderEndEndRadius,\n  borderBottomStartRadius: standardStyles.borderEndStartRadius,\n  borderEnd: standardStyles.borderInlineEnd,\n  borderEndColor: standardStyles.borderInlineEndColor,\n  borderEndRadius: standardStyles.borderInlineEndRadius,\n  borderEndStyle: { properties: [\"borderInlineEndStyle\"] },\n  borderEndWidth: standardStyles.borderInlineEndWidth,\n  borderStart: standardStyles.borderInlineStart,\n  borderStartColor: standardStyles.borderInlineStartColor,\n  borderStartRadius: standardStyles.borderInlineStartRadius,\n  borderStartStyle: { properties: [\"borderInlineStartStyle\"] },\n  borderStartWidth: standardStyles.borderInlineStartWidth,\n  borderTopEndRadius: standardStyles.borderStartEndRadius,\n  borderTopStartRadius: standardStyles.borderStartStartRadius,\n  caret: standardStyles.caretColor,\n  flexDir: { properties: [\"flexDirection\"] },\n  g: standardStyles.gap,\n  gapX: standardStyles.columnGap,\n  gapY: standardStyles.rowGap,\n  gx: standardStyles.columnGap,\n  gy: standardStyles.rowGap,\n  h: standardStyles.height,\n  insetEnd: standardStyles.insetInlineEnd,\n  insetStart: standardStyles.insetInlineStart,\n  leading: standardStyles.lineHeight,\n  listStyleImg: standardStyles.listStyleImage,\n  listStylePos: { properties: [\"listStylePosition\"] },\n  m: standardStyles.margin,\n  marginEnd: standardStyles.marginInlineEnd,\n  marginStart: standardStyles.marginInlineStart,\n  maxH: standardStyles.maxHeight,\n  maxW: standardStyles.maxWidth,\n  mb: standardStyles.marginBottom,\n  me: standardStyles.marginInlineEnd,\n  minH: standardStyles.minHeight,\n  minW: standardStyles.minWidth,\n  ml: standardStyles.marginLeft,\n  mr: standardStyles.marginRight,\n  ms: standardStyles.marginInlineStart,\n  mt: standardStyles.marginTop,\n  mx: standardStyles.marginX,\n  my: standardStyles.marginY,\n  overscroll: { properties: [\"overscrollBehavior\"] },\n  overscrollX: { properties: [\"overscrollBehaviorX\"] },\n  overscrollY: { properties: [\"overscrollBehaviorY\"] },\n  p: standardStyles.padding,\n  paddingEnd: standardStyles.paddingInlineEnd,\n  paddingStart: standardStyles.paddingInlineStart,\n  pb: standardStyles.paddingBottom,\n  pe: standardStyles.paddingInlineEnd,\n  pl: standardStyles.paddingLeft,\n  pos: { properties: [\"position\"] },\n  pr: standardStyles.paddingRight,\n  ps: standardStyles.paddingInlineStart,\n  pt: standardStyles.paddingTop,\n  px: standardStyles.paddingX,\n  py: standardStyles.paddingY,\n  rounded: standardStyles.borderRadius,\n  roundedBottom: standardStyles.borderBottomRadius,\n  roundedBottomEnd: standardStyles.borderEndEndRadius,\n  roundedBottomLeft: standardStyles.borderBottomLeftRadius,\n  roundedBottomRight: standardStyles.borderBottomRightRadius,\n  roundedBottomStart: standardStyles.borderEndStartRadius,\n  roundedEnd: standardStyles.borderInlineEndRadius,\n  roundedLeft: standardStyles.borderLeftRadius,\n  roundedRight: standardStyles.borderRightRadius,\n  roundedStart: standardStyles.borderInlineStartRadius,\n  roundedTop: standardStyles.borderTopRadius,\n  roundedTopEnd: standardStyles.borderStartEndRadius,\n  roundedTopLeft: standardStyles.borderTopLeftRadius,\n  roundedTopRight: standardStyles.borderTopRightRadius,\n  roundedTopStart: standardStyles.borderStartStartRadius,\n  shadow: standardStyles.boxShadow,\n  text: standardStyles.fontSize,\n  textColor: standardStyles.color,\n  textDecor: { properties: [\"textDecoration\"] },\n  tracking: standardStyles.letterSpacing,\n  w: standardStyles.width,\n  z: standardStyles.zIndex,\n} as const satisfies StyleConfigs\n\nexport type PseudoStyleProperty = keyof typeof pseudoStyles\n\nexport const pseudoStyles = {\n  \"&::after\": { properties: [\"&::after\"], transform: transforms.content },\n  \"&::before\": { properties: [\"&::before\"], transform: transforms.content },\n} as const satisfies StyleConfigs\n\nexport type StyledStyleProperty = keyof typeof styledStyles\n\nexport const styledStyles = {\n  apply: { transform: transforms.style() },\n  layerStyle: { transform: transforms.style(\"layerStyles\") },\n  textStyle: { transform: transforms.style(\"textStyles\") },\n  colorScheme: { transform: transforms.colorScheme },\n  lineClamp: {\n    properties: [\"--line-clamp\"],\n    static: {\n      display: \"-webkit-box\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n      WebkitBoxOrient: \"vertical\",\n      WebkitLineClamp: \"var(--line-clamp)\",\n    },\n  },\n  truncated: { transform: transforms.truncated },\n} as const satisfies StyleConfigs\n\nexport type AtRuleStyleProperty = keyof typeof atRuleStyles\n\nexport const atRuleStyles = {\n  keyframes: {\n    properties: [\"animationName\"],\n    token: \"keyframes\",\n    transform: pipe(transforms.token(\"keyframes\"), transforms.keyframes),\n  },\n  _container: { transform: transforms.container },\n  _landscape: { properties: [\"@media (orientation: landscape)\"] },\n  _media: { transform: transforms.media },\n  _mediaDark: { properties: [\"@media (prefers-color-scheme: dark)\"] },\n  _mediaLight: { properties: [\"@media (prefers-color-scheme: light)\"] },\n  _mediaReduceMotion: {\n    properties: [\"@media (prefers-reduced-motion: reduce)\"],\n  },\n  _portrait: { properties: [\"@media (orientation: portrait)\"] },\n  _print: { properties: [\"@media print\"] },\n  _supports: { transform: transforms.supports },\n} as const satisfies StyleConfigs\n\nexport type Styles = typeof styles\n\nexport const styles = {\n  ...standardStyles,\n  ...shorthandStyles,\n  ...pseudoStyles,\n  ...styledStyles,\n  ...atRuleStyles,\n} as const satisfies StyleConfigs\n\nexport type StyleProperty = keyof typeof styles\n\nexport const styleProperties = Object.keys(styles) as StyleProperty[]\n\nexport type VariableLengthProperty = (typeof variableLengthProperties)[number]\n\nexport const variableLengthProperties = [\n  \"_container\",\n  \"_media\",\n  \"_supports\",\n] as const\n\nexport type SizeProperty = (typeof sizeProperties)[number]\n\nexport const sizeProperties = [\n  \"backfaceVisibility\",\n  \"blockSize\",\n  \"columnWidth\",\n  \"containIntrinsicWidth\",\n  \"flexBasis\",\n  \"gridAutoColumns\",\n  \"gridAutoRows\",\n  \"gridTemplateColumns\",\n  \"gridTemplateRows\",\n  \"height\",\n  \"h\",\n  \"inlineSize\",\n  \"maxBlockSize\",\n  \"maxHeight\",\n  \"maxH\",\n  \"maxInlineSize\",\n  \"maxWidth\",\n  \"maxW\",\n  \"minBlockSize\",\n  \"minHeight\",\n  \"minH\",\n  \"minInlineSize\",\n  \"minWidth\",\n  \"minW\",\n  \"width\",\n  \"w\",\n  \"boxSize\",\n  \"maxBoxSize\",\n  \"minBoxSize\",\n] as const\n\nexport type AnimationProperty = (typeof animationProperties)[number]\n\nexport const animationProperties = [\"animation\"] as const\n\nexport type AspectRatioProperty = (typeof aspectRatioProperties)[number]\n\nexport const aspectRatioProperties = [\"aspectRatio\"] as const\n\nexport type BlurProperty = (typeof blurProperties)[number]\n\nexport const blurProperties = [\"blur\", \"backdropBlur\"] as const\n\nexport type BorderProperty = (typeof borderProperties)[number]\n\nexport const borderProperties = [\n  \"border\",\n  \"borderBlock\",\n  \"borderBlockEnd\",\n  \"borderBlockStart\",\n  \"borderBottom\",\n  \"borderImage\",\n  \"borderInline\",\n  \"borderInlineEnd\",\n  \"borderEnd\",\n  \"borderInlineStart\",\n  \"borderStart\",\n  \"borderLeft\",\n  \"borderRight\",\n  \"borderTop\",\n  \"borderX\",\n  \"borderY\",\n] as const\n\nexport type ColorProperty = (typeof colorProperties)[number]\n\nexport const colorProperties = [\n  \"color\",\n  \"textColor\",\n  \"floodColor\",\n  \"lightingColor\",\n  \"stroke\",\n  \"accentColor\",\n  \"accent\",\n  \"background\",\n  \"bg\",\n  \"backgroundColor\",\n  \"bgColor\",\n  \"borderBlockColor\",\n  \"borderBlockEndColor\",\n  \"borderBlockStartColor\",\n  \"borderBottomColor\",\n  \"borderColor\",\n  \"borderInlineColor\",\n  \"borderInlineEndColor\",\n  \"borderEndColor\",\n  \"borderInlineStartColor\",\n  \"borderStartColor\",\n  \"borderLeftColor\",\n  \"borderRightColor\",\n  \"borderTopColor\",\n  \"caretColor\",\n  \"caret\",\n  \"columnRuleColor\",\n  \"fill\",\n  \"outlineColor\",\n  \"scrollbarColor\",\n  \"textDecorationColor\",\n  \"textEmphasisColor\",\n  \"focusRingColor\",\n] as const\n\nexport type DurationProperty = (typeof durationProperties)[number]\n\nexport const durationProperties = [\n  \"animationDuration\",\n  \"transitionDuration\",\n] as const\n\nexport type EasingProperty = (typeof easingProperties)[number]\n\nexport const easingProperties = [\n  \"animationTimingFunction\",\n  \"transitionTimingFunction\",\n] as const\n\nexport type FontProperty = (typeof fontProperties)[number]\n\nexport const fontProperties = [\n  \"fontFamily\",\n  \"fontSize\",\n  \"text\",\n  \"fontWeight\",\n  \"lineHeight\",\n  \"leading\",\n  \"letterSpacing\",\n  \"tracking\",\n] as const\n\nexport type GradientProperty = (typeof gradientProperties)[number]\n\nexport const gradientProperties = [\n  \"backgroundImage\",\n  \"bgImage\",\n  \"bgImg\",\n  \"bgGradient\",\n  \"borderImageSource\",\n  \"listStyleImage\",\n  \"listStyleImg\",\n  \"maskImage\",\n] as const\n\nexport type KeyframeProperty = (typeof keyframeProperties)[number]\n\nexport const keyframeProperties = [\"animationName\", \"keyframes\"] as const\n\nexport type RadiusProperty = (typeof radiusProperties)[number]\n\nexport const radiusProperties = [\n  \"borderBottomLeftRadius\",\n  \"roundedBottomLeft\",\n  \"borderBottomRightRadius\",\n  \"roundedBottomRight\",\n  \"borderEndEndRadius\",\n  \"borderBottomEndRadius\",\n  \"roundedBottomEnd\",\n  \"borderEndStartRadius\",\n  \"borderBottomStartRadius\",\n  \"roundedBottomStart\",\n  \"borderRadius\",\n  \"rounded\",\n  \"borderStartEndRadius\",\n  \"borderTopEndRadius\",\n  \"roundedTopEnd\",\n  \"borderStartStartRadius\",\n  \"borderTopStartRadius\",\n  \"roundedTopStart\",\n  \"borderTopLeftRadius\",\n  \"roundedTopLeft\",\n  \"borderTopRightRadius\",\n  \"roundedTopRight\",\n  \"borderBottomRadius\",\n  \"roundedBottom\",\n  \"borderInlineEndRadius\",\n  \"borderEndRadius\",\n  \"roundedEnd\",\n  \"borderInlineStartRadius\",\n  \"borderStartRadius\",\n  \"roundedStart\",\n  \"borderLeftRadius\",\n  \"roundedLeft\",\n  \"borderRightRadius\",\n  \"roundedRight\",\n  \"borderTopRadius\",\n  \"roundedTop\",\n] as const\n\nexport type ShadowProperty = (typeof shadowProperties)[number]\n\nexport const shadowProperties = [\n  \"boxShadow\",\n  \"shadow\",\n  \"textShadow\",\n  \"dropShadow\",\n  \"backdropDropShadow\",\n] as const\n\nexport type SpaceProperty = (typeof spaceProperties)[number]\n\nexport const spaceProperties = [\n  \"bottom\",\n  \"columnGap\",\n  \"gx\",\n  \"gapX\",\n  \"gap\",\n  \"g\",\n  \"inset\",\n  \"insetBlock\",\n  \"insetBlockEnd\",\n  \"insetBlockStart\",\n  \"insetInline\",\n  \"insetInlineEnd\",\n  \"insetEnd\",\n  \"insetInlineStart\",\n  \"insetStart\",\n  \"left\",\n  \"margin\",\n  \"m\",\n  \"marginBlock\",\n  \"marginBlockEnd\",\n  \"marginBlockStart\",\n  \"marginBottom\",\n  \"mb\",\n  \"marginInline\",\n  \"marginInlineEnd\",\n  \"me\",\n  \"marginEnd\",\n  \"marginInlineStart\",\n  \"ms\",\n  \"marginStart\",\n  \"marginLeft\",\n  \"ml\",\n  \"marginRight\",\n  \"mr\",\n  \"marginTop\",\n  \"mt\",\n  \"padding\",\n  \"p\",\n  \"paddingBlock\",\n  \"paddingBlockEnd\",\n  \"paddingBlockStart\",\n  \"paddingBottom\",\n  \"pb\",\n  \"paddingInline\",\n  \"paddingInlineEnd\",\n  \"pe\",\n  \"paddingEnd\",\n  \"paddingInlineStart\",\n  \"ps\",\n  \"paddingStart\",\n  \"paddingLeft\",\n  \"pl\",\n  \"paddingRight\",\n  \"pr\",\n  \"paddingTop\",\n  \"pt\",\n  \"right\",\n  \"rowGap\",\n  \"gy\",\n  \"gapY\",\n  \"scrollMargin\",\n  \"scrollMarginBottom\",\n  \"scrollMarginLeft\",\n  \"scrollMarginRight\",\n  \"scrollMarginTop\",\n  \"scrollPadding\",\n  \"scrollPaddingBottom\",\n  \"scrollPaddingLeft\",\n  \"scrollPaddingRight\",\n  \"scrollPaddingTop\",\n  \"top\",\n  \"insetX\",\n  \"insetY\",\n  \"marginX\",\n  \"mx\",\n  \"marginY\",\n  \"my\",\n  \"paddingX\",\n  \"px\",\n  \"paddingY\",\n  \"py\",\n  \"scrollMarginX\",\n  \"scrollMarginY\",\n  \"scrollPaddingX\",\n  \"scrollPaddingY\",\n  \"focusRingOffset\",\n  \"translateX\",\n  \"translateY\",\n] as const\n\nexport type ZIndexProperty = (typeof zIndexProperties)[number]\n\nexport const zIndexProperties = [\"zIndex\", \"z\"] as const\n\nexport interface StyleProps {\n  /**\n   * Apply other styles defined in `theme.styles`.\n   *\n   * @example\n   * ```jsx\n   * <Box apply='mdx.h1'>Box</Box>\n   * ```\n   *\n   * This will apply styles defined in `theme.styles.mdx.h1`\n   */\n  apply?: StyleValueWithCondition<AnyString, \"apply\">\n  /**\n   * Apply layer styles defined in `theme.layerStyles`.\n   */\n  layerStyle?: StyleValueWithCondition<AnyString, \"layerStyles\">\n  /**\n   * Apply text styles defined in `theme.textStyles`.\n   */\n  textStyle?: StyleValueWithCondition<AnyString, \"textStyles\">\n  /**\n   * Set color scheme variables.\n   */\n  colorScheme?: StyleValueWithCondition<ColorScheme>\n  /**\n   * ### accent-color\n   *\n   * The <code>accent-color</code> CSS property sets a color for checkboxes, radio buttons, and other form controls.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/accent-color\n   */\n  accent?: StyleValueWithCondition<CSS.Property.AccentColor, \"colors\">\n  /**\n   * ### accent-color\n   *\n   * The <code>accent-color</code> CSS property sets a color for checkboxes, radio buttons, and other form controls.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/accent-color\n   */\n  accentColor?: StyleValueWithCondition<CSS.Property.AccentColor, \"colors\">\n  /**\n   * ### align-content\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/align-content\n   */\n  alignContent?: StyleValueWithCondition<CSS.Property.AlignContent>\n  /**\n   * ### align-items\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/align-items\n   */\n  alignItems?: StyleValueWithCondition<CSS.Property.AlignItems>\n  /**\n   * ### alignment-baseline\n   *\n   * The <code>alignment-baseline</code> CSS property sets which baseline of an element is aligned with the corresponding baseline of its parent.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/alignment-baseline\n   */\n  alignmentBaseline?: StyleValueWithCondition<CSS.Property.AlignmentBaseline>\n  /**\n   * ### align-self\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/align-self\n   */\n  alignSelf?: StyleValueWithCondition<CSS.Property.AlignSelf>\n  /**\n   * ### all\n   *\n   * The <code>all</code> CSS property is a shorthand for all CSS properties, except for <code>direction</code> and <code>unicode-bidi</code>. It accepts only the keywords for explicit defaulting (such as <code>initial</code> and <code>inherit</code>), since they are the only values supported on all CSS properties.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/all\n   */\n  all?: StyleValueWithCondition<CSS.Globals>\n  /**\n   * ### anchor-name\n   *\n   * Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/anchor-name\n   */\n  anchorName?: StyleValueWithCondition<AnyString>\n  /**\n   * ### anchor-scope\n   *\n   * Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://drafts.csswg.org/css-anchor-position-1/#propdef-anchor-scope\n   */\n  anchorScope?: StyleValueWithCondition<AnyString>\n  /**\n   * ### animation\n   *\n   * The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation\n   */\n  animation?: StyleValueWithCondition<CSS.Property.Animation, \"animations\">\n  /**\n   * ### animation-composition\n   *\n   * The <code>animation-composition</code> CSS property chooses how to combine animations that affect the same property.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-07-04\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-composition\n   */\n  animationComposition?: StyleValueWithCondition<CSS.Property.AnimationComposition>\n  /**\n   * ### animation-delay\n   *\n   * The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-delay\n   */\n  animationDelay?: StyleValueWithCondition<CSS.Property.AnimationDelay>\n  /**\n   * ### animation-direction\n   *\n   * The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-direction\n   */\n  animationDirection?: StyleValueWithCondition<CSS.Property.AnimationDirection>\n  /**\n   * ### animation-duration\n   *\n   * The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-duration\n   */\n  animationDuration?: StyleValueWithCondition<\n    CSS.Property.AnimationDuration,\n    \"durations\"\n  >\n  /**\n   * ### animation-fill-mode\n   *\n   * The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-fill-mode\n   */\n  animationFillMode?: StyleValueWithCondition<CSS.Property.AnimationFillMode>\n  /**\n   * ### animation-iteration-count\n   *\n   * The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-iteration-count\n   */\n  animationIterationCount?: StyleValueWithCondition<CSS.Property.AnimationIterationCount>\n  /**\n   * ### animation-name\n   *\n   * The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-name\n   */\n  animationName?: StyleValueWithCondition<\n    CSS.Property.AnimationName,\n    \"keyframes\"\n  >\n  /**\n   * ### animation-play-state\n   *\n   * The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-play-state\n   */\n  animationPlayState?: StyleValueWithCondition<CSS.Property.AnimationPlayState>\n  /**\n   * ### animation-range\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-range\n   */\n  animationRange?: StyleValueWithCondition<CSS.Property.AnimationRange>\n  /**\n   * ### animation-range-end\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-range-end\n   */\n  animationRangeEnd?: StyleValueWithCondition<CSS.Property.AnimationRangeEnd>\n  /**\n   * ### animation-range-start\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-range-start\n   */\n  animationRangeStart?: StyleValueWithCondition<CSS.Property.AnimationRangeStart>\n  /**\n   * ### animation-timeline\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-timeline\n   */\n  animationTimeline?: StyleValueWithCondition<CSS.Property.AnimationTimeline>\n  /**\n   * ### animation-timing-function\n   *\n   * The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/animation-timing-function\n   */\n  animationTimingFunction?: StyleValueWithCondition<\n    CSS.Property.AnimationTimingFunction,\n    \"easings\"\n  >\n  /**\n   * ### appearance\n   *\n   * The <code>appearance</code> CSS property controls the appearance of form controls. Using <code>appearance: none</code> disables any default native appearance and allows the elements to be styled with CSS.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-14\n   * @newly_available_date 2022-03-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/appearance\n   */\n  appearance?: StyleValueWithCondition<CSS.Property.Appearance>\n  /**\n   * ### aspect-ratio\n   *\n   * The <code>aspect-ratio</code> CSS property controls the width-to-height ratio of elements. For <code>&#x3C;img></code> and <code>&#x3C;video></code> elements, the <code>width</code> and <code>height</code> attributes used together with <code>height: auto</code> control the aspect ratio while the image/video is loading.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/aspect-ratio\n   */\n  aspectRatio?: StyleValueWithCondition<\n    CSS.Property.AspectRatio,\n    \"aspectRatios\"\n  >\n  /**\n   * Sets the value of `--backdrop-blur`.\n   */\n  backdropBlur?: StyleValueWithCondition<AnyString, \"blurs\">\n  /**\n   * Sets the value of `--backdrop-brightness`.\n   */\n  backdropBrightness?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--backdrop-contrast`.\n   */\n  backdropContrast?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--backdrop-drop-shadow`.\n   */\n  backdropDropShadow?: StyleValueWithCondition<AnyString, \"shadows\">\n  /**\n   * ### backdrop-filter\n   *\n   * The <code>backdrop-filter</code> CSS property applies graphical effects such as blurring or color shifting to the area behind an element.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-09-16\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/backdrop-filter\n   */\n  backdropFilter?: StyleValueWithCondition<CSS.Property.BackdropFilter>\n  /**\n   * Sets the value of `--backdrop-grayscale`.\n   */\n  backdropGrayscale?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--backdrop-hue-rotate`.\n   */\n  backdropHueRotate?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--backdrop-invert`.\n   */\n  backdropInvert?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--backdrop-saturate`.\n   */\n  backdropSaturate?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--backdrop-sepia`.\n   */\n  backdropSepia?: StyleValueWithCondition<AnyString>\n  /**\n   * ### backface-visibility\n   *\n   * The <code>transform</code> CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-14\n   * @newly_available_date 2022-03-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/backface-visibility\n   */\n  backfaceVisibility?: StyleValueWithCondition<\n    CSS.Property.BackfaceVisibility | number,\n    \"sizes\"\n  >\n  /**\n   * ### background\n   *\n   * The <code>background</code> CSS property is a shorthand that sets several background properties at once.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background\n   */\n  background?: StyleValueWithCondition<CSS.Property.Background, \"colors\">\n  /**\n   * ### background-attachment\n   *\n   * The <code>background-attachment</code> CSS property sets whether an element's background image or gradient moves as the element scrolls.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-14\n   * @newly_available_date 2022-03-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-attachment\n   */\n  backgroundAttachment?: StyleValueWithCondition<CSS.Property.BackgroundAttachment>\n  /**\n   * ### background-blend-mode\n   *\n   * The <code>background-blend-mode</code> CSS property blends an element's background image and background color using blend modes like <code>multiply</code>, <code>difference</code>, or <code>color</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-blend-mode\n   */\n  backgroundBlendMode?: StyleValueWithCondition<CSS.Property.BackgroundBlendMode>\n  /**\n   * ### background-clip\n   *\n   * The <code>background-clip</code> CSS property sets the extent of the background: the padding box, the content box, or the default border box.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-clip\n   */\n  backgroundClip?: StyleValueWithCondition<CSS.Property.BackgroundClip>\n  /**\n   * ### background-color\n   *\n   * The <code>background-color</code> CSS property sets the fill color of an element, behind any content and background images or gradients.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-color\n   */\n  backgroundColor?: StyleValueWithCondition<\n    CSS.Property.BackgroundColor,\n    \"colors\"\n  >\n  /**\n   * ### background-image\n   *\n   * The <code>background-image</code> CSS property sets the graphics to display behind the content of an element and in front of the background color. Graphics may be any combination of images or gradients.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-image\n   */\n  backgroundImage?: StyleValueWithCondition<\n    CSS.Property.BackgroundImage,\n    \"gradients\"\n  >\n  /**\n   * ### background-origin\n   *\n   * The <code>background-origin</code> CSS property sets the background starting position relative to the border and padding of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-origin\n   */\n  backgroundOrigin?: StyleValueWithCondition<CSS.Property.BackgroundOrigin>\n  /**\n   * ### background-position\n   *\n   * The <code>background-position</code> CSS property offsets the initial position of background images relative to the background origin.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-position\n   */\n  backgroundPosition?: StyleValueWithCondition<CSS.Property.BackgroundPosition>\n  /**\n   * ### background-position-x\n   *\n   * The <code>background-position</code> CSS property offsets the initial position of background images relative to the background origin.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-position-x\n   */\n  backgroundPositionX?: StyleValueWithCondition<CSS.Property.BackgroundPositionX>\n  /**\n   * ### background-position-y\n   *\n   * The <code>background-position</code> CSS property offsets the initial position of background images relative to the background origin.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-position-y\n   */\n  backgroundPositionY?: StyleValueWithCondition<CSS.Property.BackgroundPositionY>\n  /**\n   * ### background-repeat\n   *\n   * The <code>background-repeat</code> CSS property sets how a background image is tiled.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-03-20\n   * @newly_available_date 2016-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-repeat\n   */\n  backgroundRepeat?: StyleValueWithCondition<CSS.Property.BackgroundRepeat>\n  /**\n   * ### background-size\n   *\n   * The <code>background-size</code> CSS property scales or stretches a background based on the size of the element (with the <code>contain</code> and <code>cover</code> keywords), a length, or percentage.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-size\n   */\n  backgroundSize?: StyleValueWithCondition<CSS.Property.BackgroundSize>\n  /**\n   * ### baseline-shift\n   *\n   * The <code>baseline-shift</code> CSS property sets the position of an element relative to its dominant baseline.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://drafts.csswg.org/css-inline/#baseline-shift-property\n   */\n  baselineShift?: StyleValueWithCondition<CSS.Property.BaselineShift>\n  /**\n   * ### baseline-source\n   *\n   * The <code>baseline-source</code> CSS property controls how inline-level boxes with multiple lines of text are aligned with the surrounding text. By default, which typographic baseline is used depends on the <code>display</code> property value.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://drafts.csswg.org/css-inline/#baseline-source\n   */\n  baselineSource?: StyleValueWithCondition<AnyString>\n  /**\n   * ### background\n   *\n   * The <code>background</code> CSS property is a shorthand that sets several background properties at once.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background\n   */\n  bg?: StyleValueWithCondition<CSS.Property.Background, \"colors\">\n  /**\n   * ### background-attachment\n   *\n   * The <code>background-attachment</code> CSS property sets whether an element's background image or gradient moves as the element scrolls.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-14\n   * @newly_available_date 2022-03-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-attachment\n   */\n  bgAttachment?: StyleValueWithCondition<CSS.Property.BackgroundAttachment>\n  /**\n   * ### background-blend-mode\n   *\n   * The <code>background-blend-mode</code> CSS property blends an element's background image and background color using blend modes like <code>multiply</code>, <code>difference</code>, or <code>color</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-blend-mode\n   */\n  bgBlendMode?: StyleValueWithCondition<CSS.Property.BackgroundBlendMode>\n  /**\n   * ### background-clip\n   *\n   * The <code>background-clip</code> CSS property sets the extent of the background: the padding box, the content box, or the default border box.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-clip\n   */\n  bgClip?: StyleValueWithCondition<CSS.Property.BackgroundClip>\n  /**\n   * ### background-color\n   *\n   * The <code>background-color</code> CSS property sets the fill color of an element, behind any content and background images or gradients.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-color\n   */\n  bgColor?: StyleValueWithCondition<CSS.Property.BackgroundColor, \"colors\">\n  /**\n   * ### background-image\n   *\n   * The <code>background-image</code> CSS property sets the graphics to display behind the content of an element and in front of the background color. Graphics may be any combination of images or gradients.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-image\n   */\n  bgGradient?: StyleValueWithCondition<\n    CSS.Property.BackgroundImage,\n    \"gradients\"\n  >\n  /**\n   * ### background-image\n   *\n   * The <code>background-image</code> CSS property sets the graphics to display behind the content of an element and in front of the background color. Graphics may be any combination of images or gradients.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-image\n   */\n  bgImage?: StyleValueWithCondition<CSS.Property.BackgroundImage, \"gradients\">\n  /**\n   * ### background-image\n   *\n   * The <code>background-image</code> CSS property sets the graphics to display behind the content of an element and in front of the background color. Graphics may be any combination of images or gradients.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-image\n   */\n  bgImg?: StyleValueWithCondition<CSS.Property.BackgroundImage, \"gradients\">\n  /**\n   * ### background-origin\n   *\n   * The <code>background-origin</code> CSS property sets the background starting position relative to the border and padding of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-origin\n   */\n  bgOrigin?: StyleValueWithCondition<CSS.Property.BackgroundOrigin>\n  /**\n   * ### background-position\n   *\n   * The <code>background-position</code> CSS property offsets the initial position of background images relative to the background origin.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-position\n   */\n  bgPosition?: StyleValueWithCondition<CSS.Property.BackgroundPosition>\n  /**\n   * ### background-position-x\n   *\n   * The <code>background-position</code> CSS property offsets the initial position of background images relative to the background origin.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-position-x\n   */\n  bgPositionX?: StyleValueWithCondition<CSS.Property.BackgroundPositionX>\n  /**\n   * ### background-position-y\n   *\n   * The <code>background-position</code> CSS property offsets the initial position of background images relative to the background origin.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-position-y\n   */\n  bgPositionY?: StyleValueWithCondition<CSS.Property.BackgroundPositionY>\n  /**\n   * ### background-position-x\n   *\n   * The <code>background-position</code> CSS property offsets the initial position of background images relative to the background origin.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-position-x\n   */\n  bgPosX?: StyleValueWithCondition<CSS.Property.BackgroundPositionX>\n  /**\n   * ### background-position-y\n   *\n   * The <code>background-position</code> CSS property offsets the initial position of background images relative to the background origin.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-position-y\n   */\n  bgPosY?: StyleValueWithCondition<CSS.Property.BackgroundPositionY>\n  /**\n   * ### background-repeat\n   *\n   * The <code>background-repeat</code> CSS property sets how a background image is tiled.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-03-20\n   * @newly_available_date 2016-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-repeat\n   */\n  bgRepeat?: StyleValueWithCondition<CSS.Property.BackgroundRepeat>\n  /**\n   * ### background-size\n   *\n   * The <code>background-size</code> CSS property scales or stretches a background based on the size of the element (with the <code>contain</code> and <code>cover</code> keywords), a length, or percentage.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/background-size\n   */\n  bgSize?: StyleValueWithCondition<CSS.Property.BackgroundSize>\n  /**\n   * ### mix-blend-mode\n   *\n   * The <code>mix-blend-mode</code> CSS property blends an element's content with its background or parent elements using blend modes like <code>multiply</code>, <code>difference</code>, or <code>color</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mix-blend-mode\n   */\n  blendMode?: StyleValueWithCondition<CSS.Property.MixBlendMode>\n  /**\n   * ### block-size\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/block-size\n   */\n  blockSize?: StyleValueWithCondition<CSS.Property.BlockSize | number, \"sizes\">\n  /**\n   * Sets the value of `--blur`.\n   */\n  blur?: StyleValueWithCondition<AnyString, \"blurs\">\n  /**\n   * ### border\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border\n   */\n  border?: StyleValueWithCondition<CSS.Property.Border | number, \"borders\">\n  /**\n   * ### border-block\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block\n   */\n  borderBlock?: StyleValueWithCondition<\n    CSS.Property.BorderBlock | number,\n    \"borders\"\n  >\n  /**\n   * ### border-block-color\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-color\n   */\n  borderBlockColor?: StyleValueWithCondition<\n    CSS.Property.BorderBlockColor,\n    \"colors\"\n  >\n  /**\n   * ### border-block-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-end\n   */\n  borderBlockEnd?: StyleValueWithCondition<\n    CSS.Property.BorderBlockEnd | number,\n    \"borders\"\n  >\n  /**\n   * ### border-block-end-color\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-end-color\n   */\n  borderBlockEndColor?: StyleValueWithCondition<\n    CSS.Property.BorderBlockEndColor,\n    \"colors\"\n  >\n  /**\n   * ### border-block-end-style\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-end-style\n   */\n  borderBlockEndStyle?: StyleValueWithCondition<CSS.Property.BorderBlockEndStyle>\n  /**\n   * ### border-block-end-width\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-end-width\n   */\n  borderBlockEndWidth?: StyleValueWithCondition<\n    CSS.Property.BorderBlockEndWidth | number\n  >\n  /**\n   * ### border-block-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-start\n   */\n  borderBlockStart?: StyleValueWithCondition<\n    CSS.Property.BorderBlockStart | number,\n    \"borders\"\n  >\n  /**\n   * ### border-block-start-color\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-start-color\n   */\n  borderBlockStartColor?: StyleValueWithCondition<\n    CSS.Property.BorderBlockStartColor,\n    \"colors\"\n  >\n  /**\n   * ### border-block-start-style\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-start-style\n   */\n  borderBlockStartStyle?: StyleValueWithCondition<CSS.Property.BorderBlockStartStyle>\n  /**\n   * ### border-block-start-width\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-start-width\n   */\n  borderBlockStartWidth?: StyleValueWithCondition<\n    CSS.Property.BorderBlockStartWidth | number\n  >\n  /**\n   * ### border-block-style\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-style\n   */\n  borderBlockStyle?: StyleValueWithCondition<CSS.Property.BorderBlockStyle>\n  /**\n   * ### border-block-width\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width\n   */\n  borderBlockWidth?: StyleValueWithCondition<\n    CSS.Property.BorderBlockWidth | number\n  >\n  /**\n   * ### border-bottom\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom\n   */\n  borderBottom?: StyleValueWithCondition<\n    CSS.Property.BorderBottom | number,\n    \"borders\"\n  >\n  /**\n   * ### border-bottom-color\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-color\n   */\n  borderBottomColor?: StyleValueWithCondition<\n    CSS.Property.BorderBottomColor,\n    \"colors\"\n  >\n  /**\n   * ### border-end-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius\n   */\n  borderBottomEndRadius?: StyleValueWithCondition<\n    CSS.Property.BorderEndEndRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-bottom-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius\n   */\n  borderBottomLeftRadius?: StyleValueWithCondition<\n    CSS.Property.BorderBottomLeftRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-bottom-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-bottom-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius\n   */\n  borderBottomRadius?: StyleValueWithCondition<\n    | CSS.Property.BorderBottomLeftRadius\n    | CSS.Property.BorderBottomRightRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-bottom-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius\n   */\n  borderBottomRightRadius?: StyleValueWithCondition<\n    CSS.Property.BorderBottomRightRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-end-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius\n   */\n  borderBottomStartRadius?: StyleValueWithCondition<\n    CSS.Property.BorderEndStartRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-bottom-style\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-style\n   */\n  borderBottomStyle?: StyleValueWithCondition<CSS.Property.BorderBottomStyle>\n  /**\n   * ### border-bottom-width\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-width\n   */\n  borderBottomWidth?: StyleValueWithCondition<\n    CSS.Property.BorderBottomWidth | number\n  >\n  /**\n   * ### border-collapse\n   *\n   * The <code>&#x3C;table></code> HTML element, with several related elements, represents tabular data in rows and columns of cells.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-collapse\n   */\n  borderCollapse?: StyleValueWithCondition<CSS.Property.BorderCollapse>\n  /**\n   * ### border-color\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-color\n   */\n  borderColor?: StyleValueWithCondition<CSS.Property.BorderColor, \"colors\">\n  /**\n   * ### border-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end\n   */\n  borderEnd?: StyleValueWithCondition<\n    CSS.Property.BorderInlineEnd | number,\n    \"borders\"\n  >\n  /**\n   * ### border-inline-end-color\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end-color\n   */\n  borderEndColor?: StyleValueWithCondition<\n    CSS.Property.BorderInlineEndColor,\n    \"colors\"\n  >\n  /**\n   * ### border-end-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius\n   */\n  borderEndEndRadius?: StyleValueWithCondition<\n    CSS.Property.BorderEndEndRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-end-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-end-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius\n   */\n  borderEndRadius?: StyleValueWithCondition<\n    | CSS.Property.BorderEndEndRadius\n    | CSS.Property.BorderEndStartRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-end-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius\n   */\n  borderEndStartRadius?: StyleValueWithCondition<\n    CSS.Property.BorderEndStartRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-inline-end-style\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end-style\n   */\n  borderEndStyle?: StyleValueWithCondition<CSS.Property.BorderInlineEndStyle>\n  /**\n   * ### border-inline-end-width\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width\n   */\n  borderEndWidth?: StyleValueWithCondition<\n    CSS.Property.BorderInlineEndWidth | number\n  >\n  /**\n   * ### border-image\n   *\n   * The <code>border-image</code> CSS property draws an image around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-08-01\n   * @newly_available_date 2017-02-01\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-image\n   */\n  borderImage?: StyleValueWithCondition<\n    CSS.Property.BorderImage | number,\n    \"borders\"\n  >\n  /**\n   * ### border-image-outset\n   *\n   * The <code>border-image</code> CSS property draws an image around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-08-01\n   * @newly_available_date 2017-02-01\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-image-outset\n   */\n  borderImageOutset?: StyleValueWithCondition<CSS.Property.BorderImageOutset>\n  /**\n   * ### border-image-repeat\n   *\n   * The <code>border-image</code> CSS property draws an image around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-08-01\n   * @newly_available_date 2017-02-01\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-image-repeat\n   */\n  borderImageRepeat?: StyleValueWithCondition<CSS.Property.BorderImageRepeat>\n  /**\n   * ### border-image-slice\n   *\n   * The <code>border-image</code> CSS property draws an image around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-08-01\n   * @newly_available_date 2017-02-01\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-image-slice\n   */\n  borderImageSlice?: StyleValueWithCondition<CSS.Property.BorderImageSlice>\n  /**\n   * ### border-image-source\n   *\n   * The <code>border-image</code> CSS property draws an image around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-08-01\n   * @newly_available_date 2017-02-01\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-image-source\n   */\n  borderImageSource?: StyleValueWithCondition<\n    CSS.Property.BorderImageSource,\n    \"gradients\"\n  >\n  /**\n   * ### border-image-width\n   *\n   * The <code>border-image</code> CSS property draws an image around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-08-01\n   * @newly_available_date 2017-02-01\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-image-width\n   */\n  borderImageWidth?: StyleValueWithCondition<\n    CSS.Property.BorderImageWidth | number\n  >\n  /**\n   * ### border-inline\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline\n   */\n  borderInline?: StyleValueWithCondition<\n    CSS.Property.BorderInline | number,\n    \"borders\"\n  >\n  /**\n   * ### border-inline-color\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-color\n   */\n  borderInlineColor?: StyleValueWithCondition<\n    CSS.Property.BorderInlineColor,\n    \"colors\"\n  >\n  /**\n   * ### border-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end\n   */\n  borderInlineEnd?: StyleValueWithCondition<\n    CSS.Property.BorderInlineEnd | number,\n    \"borders\"\n  >\n  /**\n   * ### border-inline-end-color\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end-color\n   */\n  borderInlineEndColor?: StyleValueWithCondition<\n    CSS.Property.BorderInlineEndColor,\n    \"colors\"\n  >\n  /**\n   * ### border-end-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-end-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius\n   */\n  borderInlineEndRadius?: StyleValueWithCondition<\n    | CSS.Property.BorderEndEndRadius\n    | CSS.Property.BorderEndStartRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-inline-end-style\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end-style\n   */\n  borderInlineEndStyle?: StyleValueWithCondition<CSS.Property.BorderInlineEndStyle>\n  /**\n   * ### border-inline-end-width\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width\n   */\n  borderInlineEndWidth?: StyleValueWithCondition<\n    CSS.Property.BorderInlineEndWidth | number\n  >\n  /**\n   * ### border-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start\n   */\n  borderInlineStart?: StyleValueWithCondition<\n    CSS.Property.BorderInlineStart | number,\n    \"borders\"\n  >\n  /**\n   * ### border-inline-start-color\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-color\n   */\n  borderInlineStartColor?: StyleValueWithCondition<\n    CSS.Property.BorderInlineStartColor,\n    \"colors\"\n  >\n  /**\n   * ### border-start-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-start-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius\n   */\n  borderInlineStartRadius?: StyleValueWithCondition<\n    | CSS.Property.BorderStartEndRadius\n    | CSS.Property.BorderStartStartRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-inline-start-style\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-style\n   */\n  borderInlineStartStyle?: StyleValueWithCondition<CSS.Property.BorderInlineStartStyle>\n  /**\n   * ### border-inline-start-width\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width\n   */\n  borderInlineStartWidth?: StyleValueWithCondition<\n    CSS.Property.BorderInlineStartWidth | number\n  >\n  /**\n   * ### border-inline-style\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-style\n   */\n  borderInlineStyle?: StyleValueWithCondition<CSS.Property.BorderInlineStyle>\n  /**\n   * ### border-inline-width\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width\n   */\n  borderInlineWidth?: StyleValueWithCondition<\n    CSS.Property.BorderInlineWidth | number\n  >\n  /**\n   * ### border-left\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-left\n   */\n  borderLeft?: StyleValueWithCondition<\n    CSS.Property.BorderLeft | number,\n    \"borders\"\n  >\n  /**\n   * ### border-left-color\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-left-color\n   */\n  borderLeftColor?: StyleValueWithCondition<\n    CSS.Property.BorderLeftColor,\n    \"colors\"\n  >\n  /**\n   * ### border-bottom-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-top-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius\n   */\n  borderLeftRadius?: StyleValueWithCondition<\n    | CSS.Property.BorderBottomLeftRadius\n    | CSS.Property.BorderTopLeftRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-left-style\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-left-style\n   */\n  borderLeftStyle?: StyleValueWithCondition<CSS.Property.BorderLeftStyle>\n  /**\n   * ### border-left-width\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-left-width\n   */\n  borderLeftWidth?: StyleValueWithCondition<\n    CSS.Property.BorderLeftWidth | number\n  >\n  /**\n   * ### border-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-radius\n   */\n  borderRadius?: StyleValueWithCondition<\n    CSS.Property.BorderRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-right\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-right\n   */\n  borderRight?: StyleValueWithCondition<\n    CSS.Property.BorderRight | number,\n    \"borders\"\n  >\n  /**\n   * ### border-right-color\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-right-color\n   */\n  borderRightColor?: StyleValueWithCondition<\n    CSS.Property.BorderRightColor,\n    \"colors\"\n  >\n  /**\n   * ### border-bottom-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-top-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius\n   */\n  borderRightRadius?: StyleValueWithCondition<\n    | CSS.Property.BorderBottomRightRadius\n    | CSS.Property.BorderTopRightRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-right-style\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-right-style\n   */\n  borderRightStyle?: StyleValueWithCondition<CSS.Property.BorderRightStyle>\n  /**\n   * ### border-right-width\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-right-width\n   */\n  borderRightWidth?: StyleValueWithCondition<\n    CSS.Property.BorderRightWidth | number\n  >\n  /**\n   * ### border-spacing\n   *\n   * The <code>&#x3C;table></code> HTML element, with several related elements, represents tabular data in rows and columns of cells.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-spacing\n   */\n  borderSpacing?: StyleValueWithCondition<CSS.Property.BorderSpacing>\n  /**\n   * ### border-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start\n   */\n  borderStart?: StyleValueWithCondition<\n    CSS.Property.BorderInlineStart | number,\n    \"borders\"\n  >\n  /**\n   * ### border-inline-start-color\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-color\n   */\n  borderStartColor?: StyleValueWithCondition<\n    CSS.Property.BorderInlineStartColor,\n    \"colors\"\n  >\n  /**\n   * ### border-start-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius\n   */\n  borderStartEndRadius?: StyleValueWithCondition<\n    CSS.Property.BorderStartEndRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-start-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-start-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius\n   */\n  borderStartRadius?: StyleValueWithCondition<\n    | CSS.Property.BorderStartEndRadius\n    | CSS.Property.BorderStartStartRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-start-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius\n   */\n  borderStartStartRadius?: StyleValueWithCondition<\n    CSS.Property.BorderStartStartRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-inline-start-style\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-style\n   */\n  borderStartStyle?: StyleValueWithCondition<CSS.Property.BorderInlineStartStyle>\n  /**\n   * ### border-inline-start-width\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width\n   */\n  borderStartWidth?: StyleValueWithCondition<\n    CSS.Property.BorderInlineStartWidth | number\n  >\n  /**\n   * ### border-style\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-style\n   */\n  borderStyle?: StyleValueWithCondition<CSS.Property.BorderStyle>\n  /**\n   * ### border-top\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top\n   */\n  borderTop?: StyleValueWithCondition<\n    CSS.Property.BorderTop | number,\n    \"borders\"\n  >\n  /**\n   * ### border-top-color\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-color\n   */\n  borderTopColor?: StyleValueWithCondition<\n    CSS.Property.BorderTopColor,\n    \"colors\"\n  >\n  /**\n   * ### border-start-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius\n   */\n  borderTopEndRadius?: StyleValueWithCondition<\n    CSS.Property.BorderStartEndRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-top-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius\n   */\n  borderTopLeftRadius?: StyleValueWithCondition<\n    CSS.Property.BorderTopLeftRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-top-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-top-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius\n   */\n  borderTopRadius?: StyleValueWithCondition<\n    | CSS.Property.BorderTopLeftRadius\n    | CSS.Property.BorderTopRightRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-top-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius\n   */\n  borderTopRightRadius?: StyleValueWithCondition<\n    CSS.Property.BorderTopRightRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-start-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius\n   */\n  borderTopStartRadius?: StyleValueWithCondition<\n    CSS.Property.BorderStartStartRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-top-style\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-style\n   */\n  borderTopStyle?: StyleValueWithCondition<CSS.Property.BorderTopStyle>\n  /**\n   * ### border-top-width\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-width\n   */\n  borderTopWidth?: StyleValueWithCondition<CSS.Property.BorderTopWidth | number>\n  /**\n   * ### border-width\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-width\n   */\n  borderWidth?: StyleValueWithCondition<CSS.Property.BorderWidth | number>\n  /**\n   * ### border-left\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-left\n   *\n   * ------------------------------------\n   *\n   * ### border-right\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-right\n   */\n  borderX?: StyleValueWithCondition<\n    CSS.Property.BorderLeft | CSS.Property.BorderRight | number,\n    \"borders\"\n  >\n  /**\n   * ### border-bottom\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom\n   *\n   * ------------------------------------\n   *\n   * ### border-top\n   *\n   * The <code>border</code> CSS property sets the color, style, and width of the line around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top\n   */\n  borderY?: StyleValueWithCondition<\n    CSS.Property.BorderBottom | CSS.Property.BorderTop | number,\n    \"borders\"\n  >\n  /**\n   * ### bottom\n   *\n   * The physical CSS properties, <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code>, set the inset position of an element relative to the corresponding side of a container determined by the element's <code>position</code> property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/bottom\n   */\n  bottom?: StyleValueWithCondition<CSS.Property.Bottom | number, \"spaces\">\n  /**\n   * ### box-align\n   *\n   * The CSS `box-align` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-align\n   *\n   * @deprecated\n   */\n  boxAlign?: StyleValueWithCondition<CSS.Property.BoxAlign>\n  /**\n   * ### box-decoration-break\n   *\n   * The <code>box-decoration-break</code> CSS property sets whether box decorations, such as borders or backgrounds, of an element divided across a page, column, or region wraps each fragment or splits across the break.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-decoration-break\n   */\n  boxDecorationBreak?: StyleValueWithCondition<CSS.Property.BoxDecorationBreak>\n  /**\n   * ### box-direction\n   *\n   * The CSS `box-direction` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-direction\n   *\n   * @deprecated\n   */\n  boxDirection?: StyleValueWithCondition<CSS.Property.BoxDirection>\n  /**\n   * ### box-flex\n   *\n   * The CSS `box-flex` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-flex\n   *\n   * @deprecated\n   */\n  boxFlex?: StyleValueWithCondition<CSS.Property.BoxFlex>\n  /**\n   * ### box-flex-group\n   *\n   * The CSS `box-flex-group` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-flex-group\n   *\n   * @deprecated\n   */\n  boxFlexGroup?: StyleValueWithCondition<CSS.Property.BoxFlexGroup>\n  /**\n   * ### box-lines\n   *\n   * The CSS `box-lines` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-lines\n   *\n   * @deprecated\n   */\n  boxLines?: StyleValueWithCondition<CSS.Property.BoxLines>\n  /**\n   * ### box-ordinal-group\n   *\n   * The CSS `box-ordinal-group` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-ordinal-group\n   *\n   * @deprecated\n   */\n  boxOrdinalGroup?: StyleValueWithCondition<CSS.Property.BoxOrdinalGroup>\n  /**\n   * ### box-orient\n   *\n   * The CSS `box-orient` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-orient\n   *\n   * @deprecated\n   */\n  boxOrient?: StyleValueWithCondition<CSS.Property.BoxOrient>\n  /**\n   * ### box-pack\n   *\n   * The CSS `box-pack` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-pack\n   *\n   * @deprecated\n   */\n  boxPack?: StyleValueWithCondition<CSS.Property.BoxPack>\n  /**\n   * ### box-shadow\n   *\n   * The <code>box-shadow</code> CSS property applies shadow effects around an element's frame. This can create drop shadow and inner shadow effects.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-shadow\n   */\n  boxShadow?: StyleValueWithCondition<CSS.Property.BoxShadow, \"shadows\">\n  /**\n   * ### height\n   *\n   * The <code>width</code> and <code>height</code> CSS properties set the preferred physical size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/height\n   *\n   * ------------------------------------\n   *\n   * ### width\n   *\n   * The <code>width</code> and <code>height</code> CSS properties set the preferred physical size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/width\n   */\n  boxSize?: StyleValueWithCondition<\n    CSS.Property.Height | CSS.Property.Width | number,\n    \"sizes\"\n  >\n  /**\n   * ### box-sizing\n   *\n   * The <code>box-sizing</code> CSS property sets whether an element's width and height are calculated based on the <code>content-box</code>, which does not count the size of borders or padding, or <code>border-box</code>, which does count them.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-sizing\n   */\n  boxSizing?: StyleValueWithCondition<CSS.Property.BoxSizing>\n  /**\n   * ### break-after\n   *\n   * In printed page layouts, the <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> CSS properties control where printed pages start and end. Also known as pagination or page breaking.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2021-07-29\n   * @newly_available_date 2019-01-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/break-after\n   */\n  breakAfter?: StyleValueWithCondition<CSS.Property.BreakAfter>\n  /**\n   * ### break-before\n   *\n   * In printed page layouts, the <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> CSS properties control where printed pages start and end. Also known as pagination or page breaking.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2021-07-29\n   * @newly_available_date 2019-01-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/break-before\n   */\n  breakBefore?: StyleValueWithCondition<CSS.Property.BreakBefore>\n  /**\n   * ### break-inside\n   *\n   * In printed page layouts, the <code>break-after</code>, <code>break-before</code>, <code>break-inside</code> CSS properties control where printed pages start and end. Also known as pagination or page breaking.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2021-07-29\n   * @newly_available_date 2019-01-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/break-inside\n   */\n  breakInside?: StyleValueWithCondition<CSS.Property.BreakInside>\n  /**\n   * Sets the value of `--brightness`.\n   */\n  brightness?: StyleValueWithCondition<AnyString>\n  /**\n   * ### caption-side\n   *\n   * The <code>&#x3C;table></code> HTML element, with several related elements, represents tabular data in rows and columns of cells.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/caption-side\n   */\n  captionSide?: StyleValueWithCondition<CSS.Property.CaptionSide>\n  /**\n   * ### caret-color\n   *\n   * The <code>caret-color</code> CSS property sets the color of the text insertion pointer in a text input.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/caret-color\n   */\n  caret?: StyleValueWithCondition<CSS.Property.CaretColor, \"colors\">\n  /**\n   * ### caret-color\n   *\n   * The <code>caret-color</code> CSS property sets the color of the text insertion pointer in a text input.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/caret-color\n   */\n  caretColor?: StyleValueWithCondition<CSS.Property.CaretColor, \"colors\">\n  /**\n   * ### clear\n   *\n   * The <code>float</code> CSS property aligns an element to either side of its container, allowing text and inline elements to flow around it. The <code>clear</code> CSS property sets whether an element is moved below floating elements that proceed it.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/clear\n   */\n  clear?: StyleValueWithCondition<CSS.Property.Clear>\n  /**\n   * ### clip\n   *\n   * The <code>clip</code> CSS property sets the visible area of an absolutely positioned element.\n   *\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/clip\n   *\n   * @deprecated\n   */\n  clip?: StyleValueWithCondition<CSS.Property.Clip>\n  /**\n   * ### clip-path\n   *\n   * The <code>clip-path</code> CSS property and SVG attribute set the visible area of an element. Everything outside the area will be hidden.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2023-07-21\n   * @newly_available_date 2021-01-21\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/clip-path\n   */\n  clipPath?: StyleValueWithCondition<CSS.Property.ClipPath>\n  /**\n   * ### clip-rule\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/clip-rule\n   */\n  clipRule?: StyleValueWithCondition<CSS.Property.ClipRule>\n  /**\n   * ### color\n   *\n   * The <code>color</code> CSS property sets the primary foreground color of an element, which is used for text, the default border color, and text decorations.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/color\n   */\n  color?: StyleValueWithCondition<CSS.Property.Color, \"colors\">\n  /**\n   * ### color-adjust\n   *\n   * The <code>color-adjust</code> shorthand CSS property allows multiple performance related color adjustments to be set at once. Setting the <code>print-color-adjust</code> CSS property directly is preferred, as it is the only such adjustment so far defined.\n   *\n   *\n   * @see https://drafts.csswg.org/css-color-adjust-1/#color-adjust\n   *\n   * @deprecated\n   */\n  colorAdjust?: StyleValueWithCondition<CSS.Property.PrintColorAdjust>\n  /**\n   * ### color-interpolation\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/color-interpolation\n   */\n  colorInterpolation?: StyleValueWithCondition<CSS.Property.ColorInterpolation>\n  /**\n   * ### color-interpolation-filters\n   *\n   * The <code>&#x3C;filter></code> SVG element applies custom effects such as color manipulation, blurring, or morphing to SVG elements.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/color-interpolation-filters\n   */\n  colorInterpolationFilters?: StyleValueWithCondition<AnyString>\n  /**\n   * ### column-count\n   *\n   * Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-count\n   */\n  columnCount?: StyleValueWithCondition<CSS.Property.ColumnCount>\n  /**\n   * ### column-fill\n   *\n   * The <code>column-fill</code> CSS property sets the distribution of content across columns in a multi-column layout.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-fill\n   */\n  columnFill?: StyleValueWithCondition<CSS.Property.ColumnFill>\n  /**\n   * ### column-gap\n   *\n   * Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-gap\n   */\n  columnGap?: StyleValueWithCondition<CSS.Property.ColumnGap | number, \"spaces\">\n  /**\n   * ### column-rule\n   *\n   * Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-rule\n   */\n  columnRule?: StyleValueWithCondition<CSS.Property.ColumnRule | number>\n  /**\n   * ### column-rule-color\n   *\n   * Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-rule-color\n   */\n  columnRuleColor?: StyleValueWithCondition<\n    CSS.Property.ColumnRuleColor,\n    \"colors\"\n  >\n  /**\n   * ### column-rule-style\n   *\n   * Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-rule-style\n   */\n  columnRuleStyle?: StyleValueWithCondition<CSS.Property.ColumnRuleStyle>\n  /**\n   * ### column-rule-width\n   *\n   * Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-rule-width\n   */\n  columnRuleWidth?: StyleValueWithCondition<\n    CSS.Property.ColumnRuleWidth | number\n  >\n  /**\n   * ### columns\n   *\n   * Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/columns\n   */\n  columns?: StyleValueWithCondition<CSS.Property.Columns>\n  /**\n   * ### column-span\n   *\n   * The <code>column-span</code> CSS property controls whether a child element extends across all columns of a multi-column parent.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2023-01-28\n   * @newly_available_date 2020-07-28\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-span\n   */\n  columnSpan?: StyleValueWithCondition<CSS.Property.ColumnSpan>\n  /**\n   * ### column-width\n   *\n   * Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-width\n   */\n  columnWidth?: StyleValueWithCondition<\n    CSS.Property.ColumnWidth | number,\n    \"sizes\"\n  >\n  /**\n   * ### contain\n   *\n   * The <code>contain</code> CSS property sets limits to the scope of styles, layout, and paint rendering for speed and efficiency. The <code>none</code> keyword value disables containment, <code>strict</code> is equivalent to <code>contain: size layout style paint</code>, and <code>content</code> is equivalent to <code>contain: layout style paint</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-14\n   * @newly_available_date 2022-03-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/contain\n   */\n  contain?: StyleValueWithCondition<CSS.Property.Contain>\n  /**\n   * ### container\n   *\n   * Container size queries with the <code>@container</code> at-rule apply styles to an element based on the dimensions of its container.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-02-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/container\n   */\n  container?: StyleValueWithCondition<CSS.Property.Container>\n  /**\n   * ### container-name\n   *\n   * Container size queries with the <code>@container</code> at-rule apply styles to an element based on the dimensions of its container.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-02-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/container-name\n   */\n  containerName?: StyleValueWithCondition<CSS.Property.ContainerName>\n  /**\n   * ### container-type\n   *\n   * Container size queries with the <code>@container</code> at-rule apply styles to an element based on the dimensions of its container.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-02-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/container-type\n   */\n  containerType?: StyleValueWithCondition<CSS.Property.ContainerType>\n  /**\n   * ### contain-intrinsic-block-size\n   *\n   * The <code>contain-intrinsic-size</code> CSS property sets the intrinsic size of an element. When using size containment, the browser will lay out the element as if it had a single child of this size.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-09-18\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-block-size\n   */\n  containIntrinsicBlockSize?: StyleValueWithCondition<CSS.Property.ContainIntrinsicBlockSize>\n  /**\n   * ### contain-intrinsic-height\n   *\n   * The <code>contain-intrinsic-size</code> CSS property sets the intrinsic size of an element. When using size containment, the browser will lay out the element as if it had a single child of this size.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-09-18\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-height\n   */\n  containIntrinsicHeight?: StyleValueWithCondition<CSS.Property.ContainIntrinsicHeight>\n  /**\n   * ### contain-intrinsic-inline-size\n   *\n   * The <code>contain-intrinsic-size</code> CSS property sets the intrinsic size of an element. When using size containment, the browser will lay out the element as if it had a single child of this size.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-09-18\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-inline-size\n   */\n  containIntrinsicInlineSize?: StyleValueWithCondition<CSS.Property.ContainIntrinsicInlineSize>\n  /**\n   * ### contain-intrinsic-size\n   *\n   * The <code>contain-intrinsic-size</code> CSS property sets the intrinsic size of an element. When using size containment, the browser will lay out the element as if it had a single child of this size.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-09-18\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size\n   */\n  containIntrinsicSize?: StyleValueWithCondition<CSS.Property.ContainIntrinsicSize>\n  /**\n   * ### contain-intrinsic-width\n   *\n   * The <code>contain-intrinsic-size</code> CSS property sets the intrinsic size of an element. When using size containment, the browser will lay out the element as if it had a single child of this size.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-09-18\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-width\n   */\n  containIntrinsicWidth?: StyleValueWithCondition<\n    CSS.Property.ContainIntrinsicWidth | number,\n    \"sizes\"\n  >\n  /**\n   * ### content\n   *\n   * The <code>content</code> CSS property sets the content inside of an element or pseudo-element, replacing the current value. It's often used with the <code>::before</code> and <code>::after</code> pseudo-elements to generate cosmetic content.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/content\n   */\n  content?: StyleValueWithCondition<CSS.Property.Content>\n  /**\n   * ### content-visibility\n   *\n   * The <code>content-visibility</code> CSS property delays rendering an element, including layout and painting, until it is needed.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/content-visibility\n   */\n  contentVisibility?: StyleValueWithCondition<CSS.Property.ContentVisibility>\n  /**\n   * ### counter-increment\n   *\n   * The <code>counter-reset</code> and <code>counter-increment</code> CSS properties and the <code>counter()</code> and <code>counters()</code> functions automatically number headings or ordered list items.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/counter-increment\n   */\n  counterIncrement?: StyleValueWithCondition<CSS.Property.CounterIncrement>\n  /**\n   * ### counter-reset\n   *\n   * The <code>counter-reset</code> and <code>counter-increment</code> CSS properties and the <code>counter()</code> and <code>counters()</code> functions automatically number headings or ordered list items.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/counter-reset\n   */\n  counterReset?: StyleValueWithCondition<CSS.Property.CounterReset>\n  /**\n   * ### counter-set\n   *\n   * The <code>counter-set</code> CSS property creates (and optionally sets a value for) a counter, the numbers for a series of headings or ordered list items.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-12-11\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/counter-set\n   */\n  counterSet?: StyleValueWithCondition<CSS.Property.CounterSet>\n  /**\n   * ### cursor\n   *\n   * The <code>cursor</code> CSS property styles the pointer, allowing you to provide hints to the user on how to interact with the hovered element.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/cursor\n   */\n  cursor?: StyleValueWithCondition<CSS.Property.Cursor>\n  /**\n   * ### cx\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/cx\n   */\n  cx?: StyleValueWithCondition<AnyString>\n  /**\n   * ### cy\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/cy\n   */\n  cy?: StyleValueWithCondition<AnyString>\n  /**\n   * ### d\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/d\n   */\n  d?: StyleValueWithCondition<AnyString>\n  /**\n   * ### direction\n   *\n   * The <code>unicode-bidi</code> and <code>direction</code> CSS properties override the Unicode layout algorithm. They are intended for Document Type Definition (DTD) designers. For HTML documents, you should use the <code>dir</code> global HTML attribute and <code>&#x3C;bdo></code> HTML element instead.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/direction\n   */\n  direction?: StyleValueWithCondition<CSS.Property.Direction>\n  /**\n   * ### display\n   *\n   * The <code>display</code> CSS property sets the display behavior of an element's box within its layout and sets the layout behavior for its child elements.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/display\n   */\n  display?: StyleValueWithCondition<CSS.Property.Display>\n  /**\n   * ### dominant-baseline\n   *\n   * The <code>dominant-baseline</code> CSS property sets the specific baseline used to align an elements's text and inline-level contents.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/dominant-baseline\n   */\n  dominantBaseline?: StyleValueWithCondition<CSS.Property.DominantBaseline>\n  /**\n   * ### dynamic-range-limit\n   *\n   * The CSS `dynamic-range-limit` property.\n   *\n   * @see https://drafts.csswg.org/css-color-hdr/#the-dynamic-range-limit-property\n   */\n  dynamicRangeLimit?: StyleValueWithCondition<AnyString>\n  /**\n   * ### empty-cells\n   *\n   * The <code>&#x3C;table></code> HTML element, with several related elements, represents tabular data in rows and columns of cells.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/empty-cells\n   */\n  emptyCells?: StyleValueWithCondition<CSS.Property.EmptyCells>\n  /**\n   * ### field-sizing\n   *\n   * The <code>field-sizing</code> CSS property allows form controls such as <code>&#x3C;textarea></code> to be sized based on their content.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/field-sizing\n   *\n   * @experimental\n   */\n  fieldSizing?: StyleValueWithCondition<AnyString>\n  /**\n   * ### fill\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/fill\n   */\n  fill?: StyleValueWithCondition<CSS.Property.Fill, \"colors\">\n  /**\n   * ### fill-opacity\n   *\n   * The <code>fill-opacity</code>, and <code>stroke-opacity</code> SVG attributes and CSS properties control the transparency of a stroke or fill of an SVG element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date ≤2022-09-24\n   * @newly_available_date ≤2020-03-24\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/fill-opacity\n   */\n  fillOpacity?: StyleValueWithCondition<CSS.Property.FillOpacity>\n  /**\n   * ### fill-rule\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/fill-rule\n   */\n  fillRule?: StyleValueWithCondition<CSS.Property.FillRule>\n  /**\n   * ### filter\n   *\n   * The <code>filter</code> CSS property applies one or more graphic effects to an element. You can use filter functions, such as <code>blur()</code> and <code>drop-shadow()</code>, alone or combined to produce different effects.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-03-07\n   * @newly_available_date 2016-09-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/filter\n   */\n  filter?: StyleValueWithCondition<CSS.Property.Filter>\n  /**\n   * ### flex\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/flex\n   */\n  flex?: StyleValueWithCondition<CSS.Property.Flex>\n  /**\n   * ### flex-basis\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/flex-basis\n   */\n  flexBasis?: StyleValueWithCondition<CSS.Property.FlexBasis | number, \"sizes\">\n  /**\n   * ### flex-direction\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/flex-direction\n   */\n  flexDir?: StyleValueWithCondition<CSS.Property.FlexDirection>\n  /**\n   * ### flex-direction\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/flex-direction\n   */\n  flexDirection?: StyleValueWithCondition<CSS.Property.FlexDirection>\n  /**\n   * ### flex-flow\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/flex-flow\n   */\n  flexFlow?: StyleValueWithCondition<CSS.Property.FlexFlow>\n  /**\n   * ### flex-grow\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/flex-grow\n   */\n  flexGrow?: StyleValueWithCondition<CSS.Property.FlexGrow>\n  /**\n   * ### flex-shrink\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/flex-shrink\n   */\n  flexShrink?: StyleValueWithCondition<CSS.Property.FlexShrink>\n  /**\n   * ### flex-wrap\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/flex-wrap\n   */\n  flexWrap?: StyleValueWithCondition<CSS.Property.FlexWrap>\n  /**\n   * ### float\n   *\n   * The <code>float</code> CSS property aligns an element to either side of its container, allowing text and inline elements to flow around it. The <code>clear</code> CSS property sets whether an element is moved below floating elements that proceed it.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/float\n   */\n  float?: StyleValueWithCondition<CSS.Property.Float>\n  /**\n   * ### flood-color\n   *\n   * The <code>&#x3C;filter></code> SVG element applies custom effects such as color manipulation, blurring, or morphing to SVG elements.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/flood-color\n   */\n  floodColor?: StyleValueWithCondition<CSS.Property.FloodColor, \"colors\">\n  /**\n   * ### flood-opacity\n   *\n   * The <code>&#x3C;filter></code> SVG element applies custom effects such as color manipulation, blurring, or morphing to SVG elements.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/flood-opacity\n   */\n  floodOpacity?: StyleValueWithCondition<CSS.Property.FloodOpacity>\n  /**\n   * ### font\n   *\n   * The <code>font</code> CSS property shorthand sets multiple font properties, including style, weight, size, and font family.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font\n   */\n  font?: StyleValueWithCondition<CSS.Property.Font>\n  /**\n   * ### font-family\n   *\n   * The <code>font-family</code> CSS property sets the desired font face for text, along with optional fallback font faces.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-family\n   */\n  fontFamily?: StyleValueWithCondition<CSS.Property.FontFamily, \"fonts\">\n  /**\n   * ### font-feature-settings\n   *\n   * The <code>font-feature-settings</code> CSS property sets low-level OpenType feature tags for a font. When possible, use <code>font-variant</code> instead.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-10-05\n   * @newly_available_date 2017-04-05\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-feature-settings\n   */\n  fontFeatureSettings?: StyleValueWithCondition<CSS.Property.FontFeatureSettings>\n  /**\n   * ### font-kerning\n   *\n   * The <code>font-kerning</code> CSS property sets whether kerning data from a font is used to adjust the space between letters.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-kerning\n   */\n  fontKerning?: StyleValueWithCondition<CSS.Property.FontKerning>\n  /**\n   * ### font-language-override\n   *\n   * The <code>font-language-override</code> CSS property sets which language-specific glyphs are displayed.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-language-override\n   */\n  fontLanguageOverride?: StyleValueWithCondition<CSS.Property.FontLanguageOverride>\n  /**\n   * ### font-optical-sizing\n   *\n   * The <code>font-optical-sizing</code> CSS property sets whether text rendering is optimized for viewing at different sizes.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-09-24\n   * @newly_available_date 2020-03-24\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing\n   */\n  fontOpticalSizing?: StyleValueWithCondition<CSS.Property.FontOpticalSizing>\n  /**\n   * ### font-palette\n   *\n   * The <code>font-palette</code> CSS property selects a color palette from the font, optionally overriding individual colors in the <code>@font-palette-values</code> at-rule.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-05-15\n   * @newly_available_date 2022-11-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-palette\n   */\n  fontPalette?: StyleValueWithCondition<CSS.Property.FontPalette>\n  /**\n   * ### font-size\n   *\n   * The <code>font-size</code> CSS property sets the text height.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-size\n   */\n  fontSize?: StyleValueWithCondition<\n    CSS.Property.FontSize | number,\n    \"fontSizes\"\n  >\n  /**\n   * ### font-size-adjust\n   *\n   * The <code>font-size-adjust</code> CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-07-25\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-size-adjust\n   */\n  fontSizeAdjust?: StyleValueWithCondition<CSS.Property.FontSizeAdjust>\n  /**\n   * ### font-smooth\n   *\n   * The CSS `font-smooth` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-smooth\n   */\n  fontSmooth?: StyleValueWithCondition<CSS.Property.FontSmooth>\n  /**\n   * ### font-stretch\n   *\n   * The <code>font-stretch</code> CSS property selects a font face from a font family based on width, either by a keyword such as <code>condensed</code> or a percentage.\n   *\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-stretch\n   *\n   * @deprecated\n   */\n  fontStretch?: StyleValueWithCondition<CSS.Property.FontStretch>\n  /**\n   * ### font-style\n   *\n   * The <code>font-style</code> CSS property sets the text style, with <code>normal</code>, <code>italic</code>, and <code>oblique</code> options.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-style\n   */\n  fontStyle?: StyleValueWithCondition<CSS.Property.FontStyle>\n  /**\n   * ### font-synthesis\n   *\n   * The <code>font-synthesis</code> CSS shorthand property disables all font synthesis except the given kinds. To disable a specific kind of font synthesis, instead use the longhand properties such as <code>font-synthesis-style</code> and <code>font-synthesis-weight</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-07-06\n   * @newly_available_date 2022-01-06\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis\n   */\n  fontSynthesis?: StyleValueWithCondition<CSS.Property.FontSynthesis>\n  /**\n   * ### font-synthesis-position\n   *\n   * The <code>font-synthesis-position</code> CSS property sets whether or not the browser should synthesize subscript and superscript typefaces when they're missing from the font.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-position\n   *\n   * @experimental\n   */\n  fontSynthesisPosition?: StyleValueWithCondition<CSS.Property.FontSynthesisPosition>\n  /**\n   * ### font-synthesis-small-caps\n   *\n   * The <code>font-synthesis-small-caps</code> CSS property sets whether or not the browser should synthesize small caps typefaces when they're missing from the font.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-03-27\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-small-caps\n   */\n  fontSynthesisSmallCaps?: StyleValueWithCondition<CSS.Property.FontSynthesisSmallCaps>\n  /**\n   * ### font-synthesis-style\n   *\n   * The <code>font-synthesis-style</code> CSS property sets whether or not the browser should synthesize italic and oblique typefaces when they're missing from the font.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-03-27\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-style\n   */\n  fontSynthesisStyle?: StyleValueWithCondition<CSS.Property.FontSynthesisStyle>\n  /**\n   * ### font-synthesis-weight\n   *\n   * The <code>font-synthesis-weight</code> CSS property sets whether or not the browser should synthesize bold typefaces when they're missing from the font.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-03-27\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-synthesis-weight\n   */\n  fontSynthesisWeight?: StyleValueWithCondition<CSS.Property.FontSynthesisWeight>\n  /**\n   * ### font-variant\n   *\n   * The <code>font-variant</code> CSS property is a shorthand for <code>font-variant-alternates</code>, <code>font-variant-caps</code>, <code>font-variant-east-asian</code>, <code>font-variant-emoji</code>, <code>font-variant-ligatures</code>, <code>font-variant-numeric</code>, and <code>font-variant-position</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-variant\n   */\n  fontVariant?: StyleValueWithCondition<CSS.Property.FontVariant>\n  /**\n   * ### font-variant-alternates\n   *\n   * The <code>font-variant-alternates</code> CSS property, along with the <code>@font-feature-values</code> at-rule, chooses when to use a font's alternate glyphs.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-03-13\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates\n   */\n  fontVariantAlternates?: StyleValueWithCondition<CSS.Property.FontVariantAlternates>\n  /**\n   * ### font-variant-caps\n   *\n   * The <code>font-variant-caps</code> CSS property sets whether text should be displayed in small caps, petite caps, or with capital letters designed for titles.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-caps\n   */\n  fontVariantCaps?: StyleValueWithCondition<CSS.Property.FontVariantCaps>\n  /**\n   * ### font-variant-east-asian\n   *\n   * The <code>font-variant-east-asian</code> CSS property controls glyph substitution and sizing in East Asian text.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-east-asian\n   */\n  fontVariantEastAsian?: StyleValueWithCondition<CSS.Property.FontVariantEastAsian>\n  /**\n   * ### font-variant-emoji\n   *\n   * The <code>font-variant-emoji</code> CSS property sets the default presentation for emoji characters.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-emoji\n   */\n  fontVariantEmoji?: StyleValueWithCondition<CSS.Property.FontVariantEmoji>\n  /**\n   * ### font-variant-ligatures\n   *\n   * The <code>font-variant-ligatures</code> CSS property sets how characters can be visually combined for readability or stylistic reasons.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-ligatures\n   */\n  fontVariantLigatures?: StyleValueWithCondition<CSS.Property.FontVariantLigatures>\n  /**\n   * ### font-variant-numeric\n   *\n   * The <code>font-variant-numeric</code> CSS property sets how numeric characters are displayed. For example, you can align columns of numbers or use zeroes that have a slash.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-numeric\n   */\n  fontVariantNumeric?: StyleValueWithCondition<CSS.Property.FontVariantNumeric>\n  /**\n   * ### font-variant-position\n   *\n   * The <code>font-variant-position</code> CSS property sets whether to use alternate glyphs for subscript and superscript text.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-variant-position\n   */\n  fontVariantPosition?: StyleValueWithCondition<CSS.Property.FontVariantPosition>\n  /**\n   * ### font-variation-settings\n   *\n   * The <code>font-variation-settings</code> CSS property sets an \"axis of variability\" on a variable font, such as weight, optical size, or a custom axis defined by the typeface designer. When possible, use other CSS font properties, such as <code>font-weight: bold</code>. Also known as variable fonts.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2021-03-05\n   * @newly_available_date 2018-09-05\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-variation-settings\n   */\n  fontVariationSettings?: StyleValueWithCondition<CSS.Property.FontVariationSettings>\n  /**\n   * ### font-weight\n   *\n   * The <code>font-weight</code> CSS property controls the thickness of a font. It is set explicitly with the keyword <code>bold</code> or a number, or relative to the inherited thickness with the keywords <code>bolder</code> or <code>lighter</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-weight\n   */\n  fontWeight?: StyleValueWithCondition<CSS.Property.FontWeight, \"fontWeights\">\n  /**\n   * ### font-width\n   *\n   * The <code>font-width</code> CSS property selects a font face from a font family based on width, either by a keyword such as <code>condensed</code> or a percentage.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://drafts.csswg.org/css-fonts/#propdef-font-width\n   *\n   * @experimental\n   */\n  fontWidth?: StyleValueWithCondition<AnyString>\n  /**\n   * ### forced-color-adjust\n   *\n   * The <code>forced-colors</code> CSS @media rule detects when a user has chosen to use a forced colors mode, also known as high-contrast mode, and the <code>forced-color-adjust</code> CSS property sets whether forced colors apply to an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/forced-color-adjust\n   */\n  forcedColorAdjust?: StyleValueWithCondition<CSS.Property.ForcedColorAdjust>\n  /**\n   * ### gap\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/gap\n   */\n  g?: StyleValueWithCondition<CSS.Property.Gap | number, \"spaces\">\n  /**\n   * ### gap\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/gap\n   */\n  gap?: StyleValueWithCondition<CSS.Property.Gap | number, \"spaces\">\n  /**\n   * ### column-gap\n   *\n   * Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-gap\n   */\n  gapX?: StyleValueWithCondition<CSS.Property.ColumnGap | number, \"spaces\">\n  /**\n   * ### row-gap\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/row-gap\n   */\n  gapY?: StyleValueWithCondition<CSS.Property.RowGap | number, \"spaces\">\n  /**\n   * ### glyph-orientation-horizontal\n   *\n   * The SVG 1.1 image format has several components that were excluded from SVG 2, such as fonts, alternate glyphs, and the <code>xlink</code> namespace.\n   *\n   *\n   * @see https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/glyph-orientation-horizontal\n   *\n   * @deprecated\n   */\n  glyphOrientationHorizontal?: StyleValueWithCondition<AnyString>\n  /**\n   * ### glyph-orientation-vertical\n   *\n   * The <code>glyph-orientation-vertical</code> CSS property sets the orientation of glyphs in text rendered in a vertical writing mode.\n   *\n   *\n   * @see https://drafts.csswg.org/css-writing-modes-4/#glyph-orientation\n   *\n   * @deprecated\n   */\n  glyphOrientationVertical?: StyleValueWithCondition<CSS.Property.GlyphOrientationVertical>\n  /**\n   * ### grid\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid\n   */\n  grid?: StyleValueWithCondition<CSS.Property.Grid>\n  /**\n   * ### grid-area\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-area\n   */\n  gridArea?: StyleValueWithCondition<CSS.Property.GridArea>\n  /**\n   * ### grid-auto-columns\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-auto-columns\n   */\n  gridAutoColumns?: StyleValueWithCondition<\n    CSS.Property.GridAutoColumns | number,\n    \"sizes\"\n  >\n  /**\n   * ### grid-auto-flow\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-auto-flow\n   */\n  gridAutoFlow?: StyleValueWithCondition<CSS.Property.GridAutoFlow>\n  /**\n   * ### grid-auto-rows\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-auto-rows\n   */\n  gridAutoRows?: StyleValueWithCondition<\n    CSS.Property.GridAutoRows | number,\n    \"sizes\"\n  >\n  /**\n   * ### grid-column\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-column\n   */\n  gridColumn?: StyleValueWithCondition<CSS.Property.GridColumn>\n  /**\n   * ### grid-column-end\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-column-end\n   */\n  gridColumnEnd?: StyleValueWithCondition<CSS.Property.GridColumnEnd>\n  /**\n   * ### grid-column-start\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-column-start\n   */\n  gridColumnStart?: StyleValueWithCondition<CSS.Property.GridColumnStart>\n  /**\n   * ### grid-row\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-row\n   */\n  gridRow?: StyleValueWithCondition<CSS.Property.GridRow>\n  /**\n   * ### grid-row-end\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-row-end\n   */\n  gridRowEnd?: StyleValueWithCondition<CSS.Property.GridRowEnd>\n  /**\n   * ### grid-row-start\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-row-start\n   */\n  gridRowStart?: StyleValueWithCondition<CSS.Property.GridRowStart>\n  /**\n   * ### grid-template\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-template\n   */\n  gridTemplate?: StyleValueWithCondition<CSS.Property.GridTemplate>\n  /**\n   * ### grid-template-areas\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-template-areas\n   */\n  gridTemplateAreas?: StyleValueWithCondition<CSS.Property.GridTemplateAreas>\n  /**\n   * ### grid-template-columns\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-template-columns\n   */\n  gridTemplateColumns?: StyleValueWithCondition<\n    CSS.Property.GridTemplateColumns | number,\n    \"sizes\"\n  >\n  /**\n   * ### grid-template-rows\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/grid-template-rows\n   */\n  gridTemplateRows?: StyleValueWithCondition<\n    CSS.Property.GridTemplateRows | number,\n    \"sizes\"\n  >\n  /**\n   * ### column-gap\n   *\n   * Multi-column layout flows an element's content across one or more columns in a single row, without affecting the <code>display</code> property of its children.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-07\n   * @newly_available_date 2017-03-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/column-gap\n   */\n  gx?: StyleValueWithCondition<CSS.Property.ColumnGap | number, \"spaces\">\n  /**\n   * ### row-gap\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/row-gap\n   */\n  gy?: StyleValueWithCondition<CSS.Property.RowGap | number, \"spaces\">\n  /**\n   * ### height\n   *\n   * The <code>width</code> and <code>height</code> CSS properties set the preferred physical size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/height\n   */\n  h?: StyleValueWithCondition<CSS.Property.Height | number, \"sizes\">\n  /**\n   * ### hanging-punctuation\n   *\n   * The <code>hanging-punctuation</code> CSS property puts punctuation characters outside of the box to align the text with the rest of the document.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/hanging-punctuation\n   */\n  hangingPunctuation?: StyleValueWithCondition<CSS.Property.HangingPunctuation>\n  /**\n   * ### height\n   *\n   * The <code>width</code> and <code>height</code> CSS properties set the preferred physical size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/height\n   */\n  height?: StyleValueWithCondition<CSS.Property.Height | number, \"sizes\">\n  /**\n   * ### hyphenate-character\n   *\n   * The <code>hyphenate-character</code> CSS property sets the character or string to use at the end of a line before a line break.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-09-18\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/hyphenate-character\n   */\n  hyphenateCharacter?: StyleValueWithCondition<CSS.Property.HyphenateCharacter>\n  /**\n   * ### hyphenate-limit-chars\n   *\n   * The <code>hyphenate-limit-chars</code> CSS property sets the number of characters in a word before it is hyphenated and the minimum number of characters on either side of the hyphen.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/hyphenate-limit-chars\n   */\n  hyphenateLimitChars?: StyleValueWithCondition<CSS.Property.HyphenateLimitChars>\n  /**\n   * ### hyphens\n   *\n   * The <code>hyphens</code> CSS property controls when long words are broken by line wrapping. Although called <code>hyphens</code>, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters. Support for non-English languages varies significantly.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-09-18\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/hyphens\n   */\n  hyphens?: StyleValueWithCondition<CSS.Property.Hyphens>\n  /**\n   * ### image-orientation\n   *\n   * The <code>image-orientation</code> CSS property corrects the rotation of an image using the image's metadata, such as EXIF.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-10-13\n   * @newly_available_date 2020-04-13\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/image-orientation\n   */\n  imageOrientation?: StyleValueWithCondition<CSS.Property.ImageOrientation>\n  /**\n   * ### image-rendering\n   *\n   * The <code>image-rendering</code> CSS property sets how images are scaled, retaining smoothness for photos, or hard edges for pixel art and QR codes.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-04-05\n   * @newly_available_date 2021-10-05\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/image-rendering\n   */\n  imageRendering?: StyleValueWithCondition<CSS.Property.ImageRendering>\n  /**\n   * ### ime-mode\n   *\n   * The <code>ime-mode</code> CSS property sets the state of the input method editor for text fields.\n   *\n   *\n   * @see https://drafts.csswg.org/css-ui/#input-method-editor\n   *\n   * @deprecated\n   */\n  imeMode?: StyleValueWithCondition<CSS.Property.ImeMode>\n  /**\n   * ### initial-letter\n   *\n   * The <code>initial-letter</code> CSS property sets the number of lines the first letter of an element occupies. You can use the property to make a raised capital or drop cap.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/initial-letter\n   */\n  initialLetter?: StyleValueWithCondition<CSS.Property.InitialLetter>\n  /**\n   * ### inline-size\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/inline-size\n   */\n  inlineSize?: StyleValueWithCondition<\n    CSS.Property.InlineSize | number,\n    \"sizes\"\n  >\n  /**\n   * ### inset\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/inset\n   */\n  inset?: StyleValueWithCondition<CSS.Property.Inset | number, \"spaces\">\n  /**\n   * ### inset-block\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/inset-block\n   */\n  insetBlock?: StyleValueWithCondition<\n    CSS.Property.InsetBlock | number,\n    \"spaces\"\n  >\n  /**\n   * ### inset-block-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/inset-block-end\n   */\n  insetBlockEnd?: StyleValueWithCondition<\n    CSS.Property.InsetBlockEnd | number,\n    \"spaces\"\n  >\n  /**\n   * ### inset-block-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/inset-block-start\n   */\n  insetBlockStart?: StyleValueWithCondition<\n    CSS.Property.InsetBlockStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### inset-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline-end\n   */\n  insetEnd?: StyleValueWithCondition<\n    CSS.Property.InsetInlineEnd | number,\n    \"spaces\"\n  >\n  /**\n   * ### inset-inline\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline\n   */\n  insetInline?: StyleValueWithCondition<\n    CSS.Property.InsetInline | number,\n    \"spaces\"\n  >\n  /**\n   * ### inset-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline-end\n   */\n  insetInlineEnd?: StyleValueWithCondition<\n    CSS.Property.InsetInlineEnd | number,\n    \"spaces\"\n  >\n  /**\n   * ### inset-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline-start\n   */\n  insetInlineStart?: StyleValueWithCondition<\n    CSS.Property.InsetInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### inset-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/inset-inline-start\n   */\n  insetStart?: StyleValueWithCondition<\n    CSS.Property.InsetInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### interactivity\n   *\n   * The CSS `interactivity` property.\n   *\n   * @see https://drafts.csswg.org/css-ui-4/#propdef-interactivity\n   *\n   * @experimental\n   */\n  interactivity?: StyleValueWithCondition<AnyString>\n  /**\n   * ### interpolate-size\n   *\n   * The <code>interpolate-size</code> CSS property sets whether animations and transitions interpolate between a numeric value and a keyword value, such as from a fixed length to <code>auto</code> or <code>fit-content</code>.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/interpolate-size\n   *\n   * @experimental\n   */\n  interpolateSize?: StyleValueWithCondition<AnyString>\n  /**\n   * ### isolation\n   *\n   * The <code>isolation</code> CSS property creates a new stacking context, which impacts <code>z-index</code> ordering and blend modes.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/isolation\n   */\n  isolation?: StyleValueWithCondition<CSS.Property.Isolation>\n  /**\n   * ### justify-content\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/justify-content\n   */\n  justifyContent?: StyleValueWithCondition<CSS.Property.JustifyContent>\n  /**\n   * ### justify-items\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/justify-items\n   */\n  justifyItems?: StyleValueWithCondition<CSS.Property.JustifyItems>\n  /**\n   * ### justify-self\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/justify-self\n   */\n  justifySelf?: StyleValueWithCondition<CSS.Property.JustifySelf>\n  /**\n   * ### line-height\n   *\n   * The <code>line-height</code> CSS property sets the spacing between text baselines, oriented to the horizontal or vertical writing mode.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/line-height\n   */\n  leading?: StyleValueWithCondition<CSS.Property.LineHeight, \"lineHeights\">\n  /**\n   * ### left\n   *\n   * The physical CSS properties, <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code>, set the inset position of an element relative to the corresponding side of a container determined by the element's <code>position</code> property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/left\n   */\n  left?: StyleValueWithCondition<CSS.Property.Left | number, \"spaces\">\n  /**\n   * ### letter-spacing\n   *\n   * The <code>letter-spacing</code> CSS property controls the amount of space between each letter in an element or block of text.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/letter-spacing\n   */\n  letterSpacing?: StyleValueWithCondition<\n    CSS.Property.LetterSpacing,\n    \"letterSpacings\"\n  >\n  /**\n   * ### lighting-color\n   *\n   * The <code>&#x3C;filter></code> SVG element applies custom effects such as color manipulation, blurring, or morphing to SVG elements.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/lighting-color\n   */\n  lightingColor?: StyleValueWithCondition<CSS.Property.LightingColor, \"colors\">\n  /**\n   * ### line-break\n   *\n   * The <code>line-break</code> CSS property sets how strictly to apply rules for wrapping text to new lines, especially for symbols and punctuation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2023-01-28\n   * @newly_available_date 2020-07-28\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/line-break\n   */\n  lineBreak?: StyleValueWithCondition<CSS.Property.LineBreak>\n  /**\n   * ### line-height\n   *\n   * The <code>line-height</code> CSS property sets the spacing between text baselines, oriented to the horizontal or vertical writing mode.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/line-height\n   */\n  lineHeight?: StyleValueWithCondition<CSS.Property.LineHeight, \"lineHeights\">\n  /**\n   * ### list-style\n   *\n   * The <code>list-style</code> shorthand CSS property and the <code>list-style-image</code>, <code>list-style-position</code>, and <code>list-style-type</code> longhand properties set the position and appearance of a list item's marker.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/list-style\n   */\n  listStyle?: StyleValueWithCondition<CSS.Property.ListStyle>\n  /**\n   * ### list-style-image\n   *\n   * The <code>list-style</code> shorthand CSS property and the <code>list-style-image</code>, <code>list-style-position</code>, and <code>list-style-type</code> longhand properties set the position and appearance of a list item's marker.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/list-style-image\n   */\n  listStyleImage?: StyleValueWithCondition<\n    CSS.Property.ListStyleImage,\n    \"gradients\"\n  >\n  /**\n   * ### list-style-image\n   *\n   * The <code>list-style</code> shorthand CSS property and the <code>list-style-image</code>, <code>list-style-position</code>, and <code>list-style-type</code> longhand properties set the position and appearance of a list item's marker.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/list-style-image\n   */\n  listStyleImg?: StyleValueWithCondition<\n    CSS.Property.ListStyleImage,\n    \"gradients\"\n  >\n  /**\n   * ### list-style-position\n   *\n   * The <code>list-style</code> shorthand CSS property and the <code>list-style-image</code>, <code>list-style-position</code>, and <code>list-style-type</code> longhand properties set the position and appearance of a list item's marker.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/list-style-position\n   */\n  listStylePos?: StyleValueWithCondition<CSS.Property.ListStylePosition>\n  /**\n   * ### list-style-position\n   *\n   * The <code>list-style</code> shorthand CSS property and the <code>list-style-image</code>, <code>list-style-position</code>, and <code>list-style-type</code> longhand properties set the position and appearance of a list item's marker.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/list-style-position\n   */\n  listStylePosition?: StyleValueWithCondition<CSS.Property.ListStylePosition>\n  /**\n   * ### list-style-type\n   *\n   * The <code>list-style</code> shorthand CSS property and the <code>list-style-image</code>, <code>list-style-position</code>, and <code>list-style-type</code> longhand properties set the position and appearance of a list item's marker.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/list-style-type\n   */\n  listStyleType?: StyleValueWithCondition<CSS.Property.ListStyleType>\n  /**\n   * ### margin\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin\n   */\n  m?: StyleValueWithCondition<CSS.Property.Margin | number, \"spaces\">\n  /**\n   * ### margin\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin\n   */\n  margin?: StyleValueWithCondition<CSS.Property.Margin | number, \"spaces\">\n  /**\n   * ### margin-block\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-block\n   */\n  marginBlock?: StyleValueWithCondition<\n    CSS.Property.MarginBlock | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-block-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-block-end\n   */\n  marginBlockEnd?: StyleValueWithCondition<\n    CSS.Property.MarginBlockEnd | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-block-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-block-start\n   */\n  marginBlockStart?: StyleValueWithCondition<\n    CSS.Property.MarginBlockStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-bottom\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom\n   */\n  marginBottom?: StyleValueWithCondition<\n    CSS.Property.MarginBottom | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-end\n   */\n  marginEnd?: StyleValueWithCondition<\n    CSS.Property.MarginInlineEnd | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-inline\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline\n   */\n  marginInline?: StyleValueWithCondition<\n    CSS.Property.MarginInline | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-end\n   */\n  marginInlineEnd?: StyleValueWithCondition<\n    CSS.Property.MarginInlineEnd | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-start\n   */\n  marginInlineStart?: StyleValueWithCondition<\n    CSS.Property.MarginInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-left\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-left\n   */\n  marginLeft?: StyleValueWithCondition<\n    CSS.Property.MarginLeft | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-right\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-right\n   */\n  marginRight?: StyleValueWithCondition<\n    CSS.Property.MarginRight | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-start\n   */\n  marginStart?: StyleValueWithCondition<\n    CSS.Property.MarginInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-top\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-top\n   */\n  marginTop?: StyleValueWithCondition<CSS.Property.MarginTop | number, \"spaces\">\n  /**\n   * ### margin-trim\n   *\n   * The <code>margin-trim</code> CSS property removes the margins of child elements when they meet the edges of the container.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-trim\n   *\n   * @experimental\n   */\n  marginTrim?: StyleValueWithCondition<CSS.Property.MarginTrim>\n  /**\n   * ### marker\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/marker\n   */\n  marker?: StyleValueWithCondition<CSS.Property.Marker>\n  /**\n   * ### marker-end\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/marker-end\n   */\n  markerEnd?: StyleValueWithCondition<CSS.Property.MarkerEnd>\n  /**\n   * ### marker-mid\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/marker-mid\n   */\n  markerMid?: StyleValueWithCondition<CSS.Property.MarkerMid>\n  /**\n   * ### marker-start\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/marker-start\n   */\n  markerStart?: StyleValueWithCondition<CSS.Property.MarkerStart>\n  /**\n   * ### mask\n   *\n   * The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-12-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask\n   */\n  mask?: StyleValueWithCondition<CSS.Property.Mask>\n  /**\n   * ### mask-border\n   *\n   * The <code>mask-border</code> CSS property sets how the edges of an element are masked. It is a shorthand for <code>mask-border-outset</code>, <code>mask-border-repeat</code>, <code>mask-border-slice</code>, <code>mask-border-source</code>, and <code>mask-border-width</code>.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-border\n   */\n  maskBorder?: StyleValueWithCondition<CSS.Property.MaskBorder>\n  /**\n   * ### mask-border-outset\n   *\n   * The <code>mask-border</code> CSS property sets how the edges of an element are masked. It is a shorthand for <code>mask-border-outset</code>, <code>mask-border-repeat</code>, <code>mask-border-slice</code>, <code>mask-border-source</code>, and <code>mask-border-width</code>.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-outset\n   */\n  maskBorderOutset?: StyleValueWithCondition<CSS.Property.MaskBorderOutset>\n  /**\n   * ### mask-border-repeat\n   *\n   * The <code>mask-border</code> CSS property sets how the edges of an element are masked. It is a shorthand for <code>mask-border-outset</code>, <code>mask-border-repeat</code>, <code>mask-border-slice</code>, <code>mask-border-source</code>, and <code>mask-border-width</code>.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-repeat\n   */\n  maskBorderRepeat?: StyleValueWithCondition<CSS.Property.MaskBorderRepeat>\n  /**\n   * ### mask-border-slice\n   *\n   * The <code>mask-border</code> CSS property sets how the edges of an element are masked. It is a shorthand for <code>mask-border-outset</code>, <code>mask-border-repeat</code>, <code>mask-border-slice</code>, <code>mask-border-source</code>, and <code>mask-border-width</code>.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-slice\n   */\n  maskBorderSlice?: StyleValueWithCondition<CSS.Property.MaskBorderSlice>\n  /**\n   * ### mask-border-source\n   *\n   * The <code>mask-border</code> CSS property sets how the edges of an element are masked. It is a shorthand for <code>mask-border-outset</code>, <code>mask-border-repeat</code>, <code>mask-border-slice</code>, <code>mask-border-source</code>, and <code>mask-border-width</code>.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-source\n   */\n  maskBorderSource?: StyleValueWithCondition<CSS.Property.MaskBorderSource>\n  /**\n   * ### mask-border-width\n   *\n   * The <code>mask-border</code> CSS property sets how the edges of an element are masked. It is a shorthand for <code>mask-border-outset</code>, <code>mask-border-repeat</code>, <code>mask-border-slice</code>, <code>mask-border-source</code>, and <code>mask-border-width</code>.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-border-width\n   */\n  maskBorderWidth?: StyleValueWithCondition<\n    CSS.Property.MaskBorderWidth | number\n  >\n  /**\n   * ### mask-clip\n   *\n   * The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-12-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-clip\n   */\n  maskClip?: StyleValueWithCondition<CSS.Property.MaskClip>\n  /**\n   * ### mask-composite\n   *\n   * The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-12-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-composite\n   */\n  maskComposite?: StyleValueWithCondition<CSS.Property.MaskComposite>\n  /**\n   * ### mask-image\n   *\n   * The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-12-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-image\n   */\n  maskImage?: StyleValueWithCondition<CSS.Property.MaskImage, \"gradients\">\n  /**\n   * ### mask-mode\n   *\n   * The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-12-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-mode\n   */\n  maskMode?: StyleValueWithCondition<CSS.Property.MaskMode>\n  /**\n   * ### mask-origin\n   *\n   * The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-12-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-origin\n   */\n  maskOrigin?: StyleValueWithCondition<CSS.Property.MaskOrigin>\n  /**\n   * ### mask-position\n   *\n   * The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-12-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-position\n   */\n  maskPosition?: StyleValueWithCondition<CSS.Property.MaskPosition>\n  /**\n   * ### mask-repeat\n   *\n   * The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-12-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-repeat\n   */\n  maskRepeat?: StyleValueWithCondition<CSS.Property.MaskRepeat>\n  /**\n   * ### mask-size\n   *\n   * The <code>mask</code> CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-12-07\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-size\n   */\n  maskSize?: StyleValueWithCondition<CSS.Property.MaskSize>\n  /**\n   * ### mask-type\n   *\n   * The <code>mask-type</code> CSS property on an SVG <code>&#x3C;mask></code> element sets whether the mask is a <code>luminance</code> or <code>alpha</code> mask.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mask-type\n   */\n  maskType?: StyleValueWithCondition<CSS.Property.MaskType>\n  /**\n   * ### math-depth\n   *\n   * MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-01-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/math-depth\n   */\n  mathDepth?: StyleValueWithCondition<CSS.Property.MathDepth>\n  /**\n   * ### math-shift\n   *\n   * MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-01-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/math-shift\n   *\n   * @experimental\n   */\n  mathShift?: StyleValueWithCondition<CSS.Property.MathShift>\n  /**\n   * ### math-style\n   *\n   * MathML, or the Mathematical Markup Language, describes mathematical notation, such as expressions and formulas. Also known as MathML Core.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-01-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/math-style\n   */\n  mathStyle?: StyleValueWithCondition<CSS.Property.MathStyle>\n  /**\n   * ### max-block-size\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/max-block-size\n   */\n  maxBlockSize?: StyleValueWithCondition<\n    CSS.Property.MaxBlockSize | number,\n    \"sizes\"\n  >\n  /**\n   * ### max-height\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/max-height\n   */\n  maxH?: StyleValueWithCondition<CSS.Property.MaxHeight | number, \"sizes\">\n  /**\n   * ### max-height\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/max-height\n   */\n  maxHeight?: StyleValueWithCondition<CSS.Property.MaxHeight | number, \"sizes\">\n  /**\n   * ### max-inline-size\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/max-inline-size\n   */\n  maxInlineSize?: StyleValueWithCondition<\n    CSS.Property.MaxInlineSize | number,\n    \"sizes\"\n  >\n  /**\n   * ### max-width\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/max-width\n   */\n  maxW?: StyleValueWithCondition<CSS.Property.MaxWidth | number, \"sizes\">\n  /**\n   * ### max-width\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/max-width\n   */\n  maxWidth?: StyleValueWithCondition<CSS.Property.MaxWidth | number, \"sizes\">\n  /**\n   * ### margin-bottom\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom\n   */\n  mb?: StyleValueWithCondition<CSS.Property.MarginBottom | number, \"spaces\">\n  /**\n   * ### margin-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-end\n   */\n  me?: StyleValueWithCondition<CSS.Property.MarginInlineEnd | number, \"spaces\">\n  /**\n   * ### min-block-size\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/min-block-size\n   */\n  minBlockSize?: StyleValueWithCondition<\n    CSS.Property.MinBlockSize | number,\n    \"sizes\"\n  >\n  /**\n   * ### min-height\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/min-height\n   */\n  minH?: StyleValueWithCondition<CSS.Property.MinHeight | number, \"sizes\">\n  /**\n   * ### min-height\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/min-height\n   */\n  minHeight?: StyleValueWithCondition<CSS.Property.MinHeight | number, \"sizes\">\n  /**\n   * ### min-inline-size\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/min-inline-size\n   */\n  minInlineSize?: StyleValueWithCondition<\n    CSS.Property.MinInlineSize | number,\n    \"sizes\"\n  >\n  /**\n   * ### min-width\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/min-width\n   */\n  minW?: StyleValueWithCondition<CSS.Property.MinWidth | number, \"sizes\">\n  /**\n   * ### min-width\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/min-width\n   */\n  minWidth?: StyleValueWithCondition<CSS.Property.MinWidth | number, \"sizes\">\n  /**\n   * ### mix-blend-mode\n   *\n   * The <code>mix-blend-mode</code> CSS property blends an element's content with its background or parent elements using blend modes like <code>multiply</code>, <code>difference</code>, or <code>color</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/mix-blend-mode\n   */\n  mixBlendMode?: StyleValueWithCondition<CSS.Property.MixBlendMode>\n  /**\n   * ### margin-left\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-left\n   */\n  ml?: StyleValueWithCondition<CSS.Property.MarginLeft | number, \"spaces\">\n  /**\n   * ### margin-right\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-right\n   */\n  mr?: StyleValueWithCondition<CSS.Property.MarginRight | number, \"spaces\">\n  /**\n   * ### margin-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-start\n   */\n  ms?: StyleValueWithCondition<\n    CSS.Property.MarginInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-top\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-top\n   */\n  mt?: StyleValueWithCondition<CSS.Property.MarginTop | number, \"spaces\">\n  /**\n   * ### object-fit\n   *\n   * The <code>object-fit</code> CSS property sets how images, videos, and other replaced elements are scaled within their container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/object-fit\n   */\n  objectFit?: StyleValueWithCondition<CSS.Property.ObjectFit>\n  /**\n   * ### object-position\n   *\n   * The <code>object-position</code> CSS property places images, videos, and other replaced elements within their boxes.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/object-position\n   */\n  objectPosition?: StyleValueWithCondition<CSS.Property.ObjectPosition>\n  /**\n   * ### object-view-box\n   *\n   * The <code>object-view-box</code> CSS property crops and zooms to an inset area of an image.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://drafts.csswg.org/css-images-5/#propdef-object-view-box\n   *\n   * @experimental\n   */\n  objectViewBox?: StyleValueWithCondition<AnyString>\n  /**\n   * ### offset\n   *\n   * The <code>offset</code> CSS property animates an element along a defined motion path.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/offset\n   */\n  offset?: StyleValueWithCondition<CSS.Property.Offset>\n  /**\n   * ### offset-anchor\n   *\n   * The <code>offset</code> CSS property animates an element along a defined motion path.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/offset-anchor\n   */\n  offsetAnchor?: StyleValueWithCondition<CSS.Property.OffsetAnchor>\n  /**\n   * ### offset-distance\n   *\n   * The <code>offset</code> CSS property animates an element along a defined motion path.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/offset-distance\n   */\n  offsetDistance?: StyleValueWithCondition<CSS.Property.OffsetDistance>\n  /**\n   * ### offset-path\n   *\n   * The <code>offset</code> CSS property animates an element along a defined motion path.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/offset-path\n   */\n  offsetPath?: StyleValueWithCondition<CSS.Property.OffsetPath>\n  /**\n   * ### offset-position\n   *\n   * The <code>offset</code> CSS property animates an element along a defined motion path.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/offset-position\n   */\n  offsetPosition?: StyleValueWithCondition<CSS.Property.OffsetPosition>\n  /**\n   * ### offset-rotate\n   *\n   * The <code>offset</code> CSS property animates an element along a defined motion path.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/offset-rotate\n   */\n  offsetRotate?: StyleValueWithCondition<CSS.Property.OffsetRotate>\n  /**\n   * ### opacity\n   *\n   * The <code>opacity</code> CSS property sets the transparency of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/opacity\n   */\n  opacity?: StyleValueWithCondition<CSS.Property.Opacity>\n  /**\n   * ### order\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/order\n   */\n  order?: StyleValueWithCondition<CSS.Property.Order>\n  /**\n   * ### orphans\n   *\n   * The <code>widows</code> and <code>orphans</code> CSS properties set the minimum lines included in a text fragment created by page, column, or region breaks.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/orphans\n   */\n  orphans?: StyleValueWithCondition<CSS.Property.Orphans>\n  /**\n   * ### outline-color\n   *\n   * The <code>outline-color</code>, <code>outline-style</code>, and <code>outline-width</code> and <code>outline-offset</code> CSS properties style a line around an element, outside of the border.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-10-05\n   * @newly_available_date 2017-04-05\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/outline-color\n   */\n  outlineColor?: StyleValueWithCondition<CSS.Property.OutlineColor, \"colors\">\n  /**\n   * ### outline-offset\n   *\n   * The <code>outline-color</code>, <code>outline-style</code>, and <code>outline-width</code> and <code>outline-offset</code> CSS properties style a line around an element, outside of the border.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-10-05\n   * @newly_available_date 2017-04-05\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/outline-offset\n   */\n  outlineOffset?: StyleValueWithCondition<CSS.Property.OutlineOffset>\n  /**\n   * ### outline-style\n   *\n   * The <code>outline-color</code>, <code>outline-style</code>, and <code>outline-width</code> and <code>outline-offset</code> CSS properties style a line around an element, outside of the border.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-10-05\n   * @newly_available_date 2017-04-05\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/outline-style\n   */\n  outlineStyle?: StyleValueWithCondition<CSS.Property.OutlineStyle>\n  /**\n   * ### outline-width\n   *\n   * The <code>outline-color</code>, <code>outline-style</code>, and <code>outline-width</code> and <code>outline-offset</code> CSS properties style a line around an element, outside of the border.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-10-05\n   * @newly_available_date 2017-04-05\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/outline-width\n   */\n  outlineWidth?: StyleValueWithCondition<CSS.Property.OutlineWidth | number>\n  /**\n   * ### overflow\n   *\n   * The <code>overflow</code> CSS property sets the behavior for when content doesn't fit in an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-09-24\n   * @newly_available_date 2020-03-24\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overflow\n   */\n  overflow?: StyleValueWithCondition<CSS.Property.Overflow>\n  /**\n   * ### overflow-anchor\n   *\n   * The <code>overflow-anchor</code> CSS property sets an element as a possible scroll anchor, reducing unintended scrolling when document changes occur above the current scrollport. This is enabled by default where supported.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overflow-anchor\n   */\n  overflowAnchor?: StyleValueWithCondition<CSS.Property.OverflowAnchor>\n  /**\n   * ### overflow-block\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overflow-block\n   */\n  overflowBlock?: StyleValueWithCondition<CSS.Property.OverflowBlock>\n  /**\n   * ### overflow-clip-margin\n   *\n   * The <code>overflow-clip-margin</code> CSS property sets how far overflow content may appear outside the bounds of an element before it's clipped by effects such as <code>overflow: clip</code>.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overflow-clip-margin\n   */\n  overflowClipMargin?: StyleValueWithCondition<CSS.Property.OverflowClipMargin>\n  /**\n   * ### overflow-inline\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overflow-inline\n   */\n  overflowInline?: StyleValueWithCondition<CSS.Property.OverflowInline>\n  /**\n   * ### overflow-wrap\n   *\n   * The <code>overflow-wrap</code> CSS property breaks a line of text onto multiple lines inside the targeted element in an otherwise unbreakable place to prevent overflow. The legacy property is <code>word-wrap</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2021-04-02\n   * @newly_available_date 2018-10-02\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overflow-wrap\n   */\n  overflowWrap?: StyleValueWithCondition<CSS.Property.OverflowWrap>\n  /**\n   * ### overflow-x\n   *\n   * The <code>overflow</code> CSS property sets the behavior for when content doesn't fit in an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-09-24\n   * @newly_available_date 2020-03-24\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overflow-x\n   */\n  overflowX?: StyleValueWithCondition<CSS.Property.OverflowX>\n  /**\n   * ### overflow-y\n   *\n   * The <code>overflow</code> CSS property sets the behavior for when content doesn't fit in an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-09-24\n   * @newly_available_date 2020-03-24\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overflow-y\n   */\n  overflowY?: StyleValueWithCondition<CSS.Property.OverflowY>\n  /**\n   * ### overlay\n   *\n   * The <code>overlay</code> CSS property, used as an <code>allow-discrete</code> CSS transition, prevents a top layer element, such as a popover or a <code>&#x3C;dialog></code>, from being removed from the top layer before it has finished animating. You can't set the value of the <code>overlay</code> property; only use it as transition property.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overlay\n   *\n   * @experimental\n   */\n  overlay?: StyleValueWithCondition<CSS.Property.Overlay>\n  /**\n   * ### overscroll-behavior\n   *\n   * The <code>overscroll-behavior</code> CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior\n   */\n  overscroll?: StyleValueWithCondition<CSS.Property.OverscrollBehavior>\n  /**\n   * ### overscroll-behavior\n   *\n   * The <code>overscroll-behavior</code> CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior\n   */\n  overscrollBehavior?: StyleValueWithCondition<CSS.Property.OverscrollBehavior>\n  /**\n   * ### overscroll-behavior-block\n   *\n   * The <code>overscroll-behavior</code> CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-block\n   */\n  overscrollBehaviorBlock?: StyleValueWithCondition<CSS.Property.OverscrollBehaviorBlock>\n  /**\n   * ### overscroll-behavior-inline\n   *\n   * The <code>overscroll-behavior</code> CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-inline\n   */\n  overscrollBehaviorInline?: StyleValueWithCondition<CSS.Property.OverscrollBehaviorInline>\n  /**\n   * ### overscroll-behavior-x\n   *\n   * The <code>overscroll-behavior</code> CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-x\n   */\n  overscrollBehaviorX?: StyleValueWithCondition<CSS.Property.OverscrollBehaviorX>\n  /**\n   * ### overscroll-behavior-y\n   *\n   * The <code>overscroll-behavior</code> CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y\n   */\n  overscrollBehaviorY?: StyleValueWithCondition<CSS.Property.OverscrollBehaviorY>\n  /**\n   * ### overscroll-behavior-x\n   *\n   * The <code>overscroll-behavior</code> CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-x\n   */\n  overscrollX?: StyleValueWithCondition<CSS.Property.OverscrollBehaviorX>\n  /**\n   * ### overscroll-behavior-y\n   *\n   * The <code>overscroll-behavior</code> CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y\n   */\n  overscrollY?: StyleValueWithCondition<CSS.Property.OverscrollBehaviorY>\n  /**\n   * ### padding\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding\n   */\n  p?: StyleValueWithCondition<CSS.Property.Padding | number, \"spaces\">\n  /**\n   * ### padding\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding\n   */\n  padding?: StyleValueWithCondition<CSS.Property.Padding | number, \"spaces\">\n  /**\n   * ### padding-block\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-block\n   */\n  paddingBlock?: StyleValueWithCondition<\n    CSS.Property.PaddingBlock | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-block-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-block-end\n   */\n  paddingBlockEnd?: StyleValueWithCondition<\n    CSS.Property.PaddingBlockEnd | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-block-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-block-start\n   */\n  paddingBlockStart?: StyleValueWithCondition<\n    CSS.Property.PaddingBlockStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-bottom\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom\n   */\n  paddingBottom?: StyleValueWithCondition<\n    CSS.Property.PaddingBottom | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-end\n   */\n  paddingEnd?: StyleValueWithCondition<\n    CSS.Property.PaddingInlineEnd | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-inline\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline\n   */\n  paddingInline?: StyleValueWithCondition<\n    CSS.Property.PaddingInline | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-end\n   */\n  paddingInlineEnd?: StyleValueWithCondition<\n    CSS.Property.PaddingInlineEnd | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-start\n   */\n  paddingInlineStart?: StyleValueWithCondition<\n    CSS.Property.PaddingInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-left\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-left\n   */\n  paddingLeft?: StyleValueWithCondition<\n    CSS.Property.PaddingLeft | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-right\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-right\n   */\n  paddingRight?: StyleValueWithCondition<\n    CSS.Property.PaddingRight | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-start\n   */\n  paddingStart?: StyleValueWithCondition<\n    CSS.Property.PaddingInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-top\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-top\n   */\n  paddingTop?: StyleValueWithCondition<\n    CSS.Property.PaddingTop | number,\n    \"spaces\"\n  >\n  /**\n   * ### page\n   *\n   * The <code>:first</code>, <code>:left</code>, and <code>:right</code> pseudo-classes select pages based on their position in sequence after pagination. They're often used with the <code>page</code> CSS property, to choose a print layout defined by the <code>@page</code> rule.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/page\n   */\n  page?: StyleValueWithCondition<CSS.Property.Page>\n  /**\n   * ### page-break-after\n   *\n   * The <code>page-break-before</code>, <code>page-break-inside</code>, and <code>page-break-after</code> CSS properties are aliases to the <code>break-before</code>, <code>break-inside</code>, and <code>break-after</code> properties.\n   *\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/page-break-after\n   *\n   * @deprecated\n   */\n  pageBreakAfter?: StyleValueWithCondition<CSS.Property.PageBreakAfter>\n  /**\n   * ### page-break-before\n   *\n   * The <code>page-break-before</code>, <code>page-break-inside</code>, and <code>page-break-after</code> CSS properties are aliases to the <code>break-before</code>, <code>break-inside</code>, and <code>break-after</code> properties.\n   *\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/page-break-before\n   *\n   * @deprecated\n   */\n  pageBreakBefore?: StyleValueWithCondition<CSS.Property.PageBreakBefore>\n  /**\n   * ### page-break-inside\n   *\n   * The <code>page-break-before</code>, <code>page-break-inside</code>, and <code>page-break-after</code> CSS properties are aliases to the <code>break-before</code>, <code>break-inside</code>, and <code>break-after</code> properties.\n   *\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/page-break-inside\n   *\n   * @deprecated\n   */\n  pageBreakInside?: StyleValueWithCondition<CSS.Property.PageBreakInside>\n  /**\n   * ### paint-order\n   *\n   * The <code>paint-order</code> CSS property sets the z-order of strokes, fills, and (in SVG content) markers. For example, <code>paint-order: markers stroke fill;</code> draws the markers, then stroke on top of markers, then fill on top of both markers and stroke.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/paint-order\n   */\n  paintOrder?: StyleValueWithCondition<CSS.Property.PaintOrder>\n  /**\n   * ### padding-bottom\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom\n   */\n  pb?: StyleValueWithCondition<CSS.Property.PaddingBottom | number, \"spaces\">\n  /**\n   * ### padding-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-end\n   */\n  pe?: StyleValueWithCondition<CSS.Property.PaddingInlineEnd | number, \"spaces\">\n  /**\n   * ### perspective\n   *\n   * The <code>transform</code> CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-14\n   * @newly_available_date 2022-03-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/perspective\n   */\n  perspective?: StyleValueWithCondition<CSS.Property.Perspective>\n  /**\n   * ### perspective-origin\n   *\n   * The <code>transform</code> CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-14\n   * @newly_available_date 2022-03-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/perspective-origin\n   */\n  perspectiveOrigin?: StyleValueWithCondition<CSS.Property.PerspectiveOrigin>\n  /**\n   * ### padding-left\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-left\n   */\n  pl?: StyleValueWithCondition<CSS.Property.PaddingLeft | number, \"spaces\">\n  /**\n   * ### place-content\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/place-content\n   */\n  placeContent?: StyleValueWithCondition<CSS.Property.PlaceContent>\n  /**\n   * ### place-items\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/place-items\n   */\n  placeItems?: StyleValueWithCondition<CSS.Property.PlaceItems>\n  /**\n   * ### place-self\n   *\n   * Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/place-self\n   */\n  placeSelf?: StyleValueWithCondition<CSS.Property.PlaceSelf>\n  /**\n   * ### pointer-events\n   *\n   * The <code>pointer-events</code> CSS property sets whether a user can interact with an element using a mouse, touch, or other pointing input device.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/pointer-events\n   */\n  pointerEvents?: StyleValueWithCondition<CSS.Property.PointerEvents>\n  /**\n   * ### position\n   *\n   * The <code>position</code> CSS property sets the origin position of an element to an element, the element's scrollport, or the viewport.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/position\n   */\n  pos?: StyleValueWithCondition<CSS.Property.Position>\n  /**\n   * ### position\n   *\n   * The <code>position</code> CSS property sets the origin position of an element to an element, the element's scrollport, or the viewport.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/position\n   */\n  position?: StyleValueWithCondition<CSS.Property.Position>\n  /**\n   * ### position-anchor\n   *\n   * Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/position-anchor\n   */\n  positionAnchor?: StyleValueWithCondition<AnyString>\n  /**\n   * ### position-area\n   *\n   * Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/position-area\n   */\n  positionArea?: StyleValueWithCondition<AnyString>\n  /**\n   * ### position-try\n   *\n   * Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/position-try\n   */\n  positionTry?: StyleValueWithCondition<AnyString>\n  /**\n   * ### position-try-fallbacks\n   *\n   * Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/position-try-fallbacks\n   */\n  positionTryFallbacks?: StyleValueWithCondition<AnyString>\n  /**\n   * ### position-try-order\n   *\n   * Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/position-try-order\n   */\n  positionTryOrder?: StyleValueWithCondition<AnyString>\n  /**\n   * ### position-visibility\n   *\n   * Anchor positioning places an element based on the position of another element. For example, you can place a tooltip next to the content it references.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/position-visibility\n   *\n   * @experimental\n   */\n  positionVisibility?: StyleValueWithCondition<AnyString>\n  /**\n   * ### padding-right\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-right\n   */\n  pr?: StyleValueWithCondition<CSS.Property.PaddingRight | number, \"spaces\">\n  /**\n   * ### print-color-adjust\n   *\n   * The <code>print-color-adjust</code> CSS property sets whether styles of printed pages should be adjusted to use less ink, in cases such as light text on a dark background.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2025-05-01\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/print-color-adjust\n   */\n  printColorAdjust?: StyleValueWithCondition<CSS.Property.PrintColorAdjust>\n  /**\n   * ### padding-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-start\n   */\n  ps?: StyleValueWithCondition<\n    CSS.Property.PaddingInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-top\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-top\n   */\n  pt?: StyleValueWithCondition<CSS.Property.PaddingTop | number, \"spaces\">\n  /**\n   * ### quotes\n   *\n   * The <code>quotes</code> CSS property sets the quotation marks inserted via the <code>content</code> CSS property or <code>&#x3C;q></code> element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2023-10-26\n   * @newly_available_date 2021-04-26\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/quotes\n   */\n  quotes?: StyleValueWithCondition<CSS.Property.Quotes>\n  /**\n   * ### r\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/r\n   */\n  r?: StyleValueWithCondition<AnyString>\n  /**\n   * ### reading-flow\n   *\n   * The <code>reading-flow</code> CSS property sets the order in which flex or grid elements are rendered to speech or reached via focus navigation.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/reading-flow\n   *\n   * @experimental\n   */\n  readingFlow?: StyleValueWithCondition<AnyString>\n  /**\n   * ### reading-order\n   *\n   * The CSS `reading-order` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/reading-order\n   *\n   * @experimental\n   */\n  readingOrder?: StyleValueWithCondition<AnyString>\n  /**\n   * ### resize\n   *\n   * The <code>resize</code> CSS property sets whether an element can be resized by the user, and on which axes.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/resize\n   */\n  resize?: StyleValueWithCondition<CSS.Property.Resize>\n  /**\n   * ### right\n   *\n   * The physical CSS properties, <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code>, set the inset position of an element relative to the corresponding side of a container determined by the element's <code>position</code> property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/right\n   */\n  right?: StyleValueWithCondition<CSS.Property.Right | number, \"spaces\">\n  /**\n   * ### rotate\n   *\n   * The <code>translate</code>, <code>rotate</code>, and <code>scale</code> CSS properties apply single transformations independently, as opposed to applying multiple transformations with the <code>transform</code> CSS property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-02-05\n   * @newly_available_date 2022-08-05\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/rotate\n   */\n  rotate?: StyleValueWithCondition<CSS.Property.Rotate>\n  /**\n   * ### border-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-radius\n   */\n  rounded?: StyleValueWithCondition<CSS.Property.BorderRadius | number, \"radii\">\n  /**\n   * ### border-bottom-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-bottom-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius\n   */\n  roundedBottom?: StyleValueWithCondition<\n    | CSS.Property.BorderBottomLeftRadius\n    | CSS.Property.BorderBottomRightRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-end-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius\n   */\n  roundedBottomEnd?: StyleValueWithCondition<\n    CSS.Property.BorderEndEndRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-bottom-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius\n   */\n  roundedBottomLeft?: StyleValueWithCondition<\n    CSS.Property.BorderBottomLeftRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-bottom-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius\n   */\n  roundedBottomRight?: StyleValueWithCondition<\n    CSS.Property.BorderBottomRightRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-end-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius\n   */\n  roundedBottomStart?: StyleValueWithCondition<\n    CSS.Property.BorderEndStartRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-end-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-end-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius\n   */\n  roundedEnd?: StyleValueWithCondition<\n    | CSS.Property.BorderEndEndRadius\n    | CSS.Property.BorderEndStartRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-bottom-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-top-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius\n   */\n  roundedLeft?: StyleValueWithCondition<\n    | CSS.Property.BorderBottomLeftRadius\n    | CSS.Property.BorderTopLeftRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-bottom-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-top-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius\n   */\n  roundedRight?: StyleValueWithCondition<\n    | CSS.Property.BorderBottomRightRadius\n    | CSS.Property.BorderTopRightRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-start-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-start-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius\n   */\n  roundedStart?: StyleValueWithCondition<\n    | CSS.Property.BorderStartEndRadius\n    | CSS.Property.BorderStartStartRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-top-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius\n   *\n   * ------------------------------------\n   *\n   * ### border-top-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius\n   */\n  roundedTop?: StyleValueWithCondition<\n    | CSS.Property.BorderTopLeftRadius\n    | CSS.Property.BorderTopRightRadius\n    | number,\n    \"radii\"\n  >\n  /**\n   * ### border-start-end-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius\n   */\n  roundedTopEnd?: StyleValueWithCondition<\n    CSS.Property.BorderStartEndRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-top-left-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius\n   */\n  roundedTopLeft?: StyleValueWithCondition<\n    CSS.Property.BorderTopLeftRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-top-right-radius\n   *\n   * The <code>border-radius</code> CSS property rounds the corners of the border drawn around an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius\n   */\n  roundedTopRight?: StyleValueWithCondition<\n    CSS.Property.BorderTopRightRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### border-start-start-radius\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius\n   */\n  roundedTopStart?: StyleValueWithCondition<\n    CSS.Property.BorderStartStartRadius | number,\n    \"radii\"\n  >\n  /**\n   * ### row-gap\n   *\n   * CSS grid is a two-dimensional layout system, which lays content out in rows and columns.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2020-04-17\n   * @newly_available_date 2017-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/row-gap\n   */\n  rowGap?: StyleValueWithCondition<CSS.Property.RowGap | number, \"spaces\">\n  /**\n   * ### ruby-align\n   *\n   * The <code>ruby-align</code> CSS property sets the spacing and alignment of ruby annotation text when it does not fill its available space.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-12-11\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/ruby-align\n   */\n  rubyAlign?: StyleValueWithCondition<CSS.Property.RubyAlign>\n  /**\n   * ### ruby-overhang\n   *\n   * The <code>ruby-overhang</code> CSS property sets whether ruby annotations may overlap adjacent text.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://drafts.csswg.org/css-ruby/#propdef-ruby-overhang\n   */\n  rubyOverhang?: StyleValueWithCondition<AnyString>\n  /**\n   * ### ruby-position\n   *\n   * The <code>ruby-position</code> CSS property sets the position of a ruby annotation in relation to its base text. Annotations can display over, under, or interleaved with the base text.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-12-11\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/ruby-position\n   */\n  rubyPosition?: StyleValueWithCondition<CSS.Property.RubyPosition>\n  /**\n   * ### rx\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/rx\n   */\n  rx?: StyleValueWithCondition<AnyString>\n  /**\n   * ### ry\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/ry\n   */\n  ry?: StyleValueWithCondition<AnyString>\n  /**\n   * ### scale\n   *\n   * The <code>translate</code>, <code>rotate</code>, and <code>scale</code> CSS properties apply single transformations independently, as opposed to applying multiple transformations with the <code>transform</code> CSS property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-02-05\n   * @newly_available_date 2022-08-05\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scale\n   */\n  scale?: StyleValueWithCondition<CSS.Property.Scale>\n  /**\n   * ### scrollbar-color\n   *\n   * The <code>scrollbar-color</code> CSS property sets the color of the scrollbar track and thumb.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color\n   */\n  scrollbarColor?: StyleValueWithCondition<\n    CSS.Property.ScrollbarColor,\n    \"colors\"\n  >\n  /**\n   * ### scrollbar-gutter\n   *\n   * The <code>scrollbar-gutter</code> CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-12-11\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter\n   */\n  scrollbarGutter?: StyleValueWithCondition<CSS.Property.ScrollbarGutter>\n  /**\n   * ### scrollbar-width\n   *\n   * The <code>scrollbar-width</code> CSS property sets the width of the scrollbar.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-12-11\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width\n   */\n  scrollbarWidth?: StyleValueWithCondition<CSS.Property.ScrollbarWidth | number>\n  /**\n   * ### scroll-behavior\n   *\n   * The <code>scroll-behavior</code> CSS property controls whether scrolling is smooth or snaps, for scroll actions not performed by the user such as those triggered by navigation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-14\n   * @newly_available_date 2022-03-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-behavior\n   */\n  scrollBehavior?: StyleValueWithCondition<CSS.Property.ScrollBehavior>\n  /**\n   * ### scroll-initial-target\n   *\n   * The <code>scroll-initial-target: nearest</code> CSS declaration sets the initial scroll position of its scroll container to the top of the element, much like scrolling to a URL fragment.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://drafts.csswg.org/css-scroll-snap-2/#propdef-scroll-initial-target\n   *\n   * @experimental\n   */\n  scrollInitialTarget?: StyleValueWithCondition<AnyString>\n  /**\n   * ### scroll-margin\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin\n   */\n  scrollMargin?: StyleValueWithCondition<\n    CSS.Property.ScrollMargin | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-margin-block\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block\n   */\n  scrollMarginBlock?: StyleValueWithCondition<CSS.Property.ScrollMarginBlock>\n  /**\n   * ### scroll-margin-block-end\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end\n   */\n  scrollMarginBlockEnd?: StyleValueWithCondition<CSS.Property.ScrollMarginBlockEnd>\n  /**\n   * ### scroll-margin-block-start\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start\n   */\n  scrollMarginBlockStart?: StyleValueWithCondition<CSS.Property.ScrollMarginBlockStart>\n  /**\n   * ### scroll-margin-bottom\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom\n   */\n  scrollMarginBottom?: StyleValueWithCondition<\n    CSS.Property.ScrollMarginBottom | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-margin-inline\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline\n   */\n  scrollMarginInline?: StyleValueWithCondition<CSS.Property.ScrollMarginInline>\n  /**\n   * ### scroll-margin-inline-end\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end\n   */\n  scrollMarginInlineEnd?: StyleValueWithCondition<CSS.Property.ScrollMarginInlineEnd>\n  /**\n   * ### scroll-margin-inline-start\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start\n   */\n  scrollMarginInlineStart?: StyleValueWithCondition<CSS.Property.ScrollMarginInlineStart>\n  /**\n   * ### scroll-margin-left\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left\n   */\n  scrollMarginLeft?: StyleValueWithCondition<\n    CSS.Property.ScrollMarginLeft | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-margin-right\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right\n   */\n  scrollMarginRight?: StyleValueWithCondition<\n    CSS.Property.ScrollMarginRight | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-margin-top\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top\n   */\n  scrollMarginTop?: StyleValueWithCondition<\n    CSS.Property.ScrollMarginTop | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-marker-group\n   *\n   * A scroll container can be navigated by activating <code>::scroll-marker</code> pseudo-elements which appear in a generated <code>::scroll-marker-group</code> pseudo-element, either before or after the scroll container.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-marker-group\n   *\n   * @experimental\n   */\n  scrollMarkerGroup?: StyleValueWithCondition<AnyString>\n  /**\n   * ### scroll-padding\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding\n   */\n  scrollPadding?: StyleValueWithCondition<\n    CSS.Property.ScrollPadding | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-padding-block\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block\n   */\n  scrollPaddingBlock?: StyleValueWithCondition<CSS.Property.ScrollPaddingBlock>\n  /**\n   * ### scroll-padding-block-end\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end\n   */\n  scrollPaddingBlockEnd?: StyleValueWithCondition<CSS.Property.ScrollPaddingBlockEnd>\n  /**\n   * ### scroll-padding-block-start\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start\n   */\n  scrollPaddingBlockStart?: StyleValueWithCondition<CSS.Property.ScrollPaddingBlockStart>\n  /**\n   * ### scroll-padding-bottom\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom\n   */\n  scrollPaddingBottom?: StyleValueWithCondition<\n    CSS.Property.ScrollPaddingBottom | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-padding-inline\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline\n   */\n  scrollPaddingInline?: StyleValueWithCondition<CSS.Property.ScrollPaddingInline>\n  /**\n   * ### scroll-padding-inline-end\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end\n   */\n  scrollPaddingInlineEnd?: StyleValueWithCondition<CSS.Property.ScrollPaddingInlineEnd>\n  /**\n   * ### scroll-padding-inline-start\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start\n   */\n  scrollPaddingInlineStart?: StyleValueWithCondition<CSS.Property.ScrollPaddingInlineStart>\n  /**\n   * ### scroll-padding-left\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left\n   */\n  scrollPaddingLeft?: StyleValueWithCondition<\n    CSS.Property.ScrollPaddingLeft | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-padding-right\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right\n   */\n  scrollPaddingRight?: StyleValueWithCondition<\n    CSS.Property.ScrollPaddingRight | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-padding-top\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top\n   */\n  scrollPaddingTop?: StyleValueWithCondition<\n    CSS.Property.ScrollPaddingTop | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-snap-align\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align\n   */\n  scrollSnapAlign?: StyleValueWithCondition<CSS.Property.ScrollSnapAlign>\n  /**\n   * ### scroll-snap-stop\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop\n   */\n  scrollSnapStop?: StyleValueWithCondition<CSS.Property.ScrollSnapStop>\n  /**\n   * ### scroll-snap-type\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type\n   */\n  scrollSnapType?: StyleValueWithCondition<CSS.Property.ScrollSnapType>\n  /**\n   * ### scroll-timeline\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline\n   */\n  scrollTimeline?: StyleValueWithCondition<CSS.Property.ScrollTimeline>\n  /**\n   * ### scroll-timeline-axis\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-axis\n   */\n  scrollTimelineAxis?: StyleValueWithCondition<CSS.Property.ScrollTimelineAxis>\n  /**\n   * ### scroll-timeline-name\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-timeline-name\n   */\n  scrollTimelineName?: StyleValueWithCondition<CSS.Property.ScrollTimelineName>\n  /**\n   * ### box-shadow\n   *\n   * The <code>box-shadow</code> CSS property applies shadow effects around an element's frame. This can create drop shadow and inner shadow effects.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/box-shadow\n   */\n  shadow?: StyleValueWithCondition<CSS.Property.BoxShadow, \"shadows\">\n  /**\n   * ### shape-image-threshold\n   *\n   * The <code>shape-outside</code> CSS property, along with <code>shape-margin</code> and <code>shape-image-threshold</code>, sets the shape around which adjacent content will wrap.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/shape-image-threshold\n   */\n  shapeImageThreshold?: StyleValueWithCondition<CSS.Property.ShapeImageThreshold>\n  /**\n   * ### shape-margin\n   *\n   * The <code>shape-outside</code> CSS property, along with <code>shape-margin</code> and <code>shape-image-threshold</code>, sets the shape around which adjacent content will wrap.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/shape-margin\n   */\n  shapeMargin?: StyleValueWithCondition<CSS.Property.ShapeMargin>\n  /**\n   * ### shape-outside\n   *\n   * The <code>shape-outside</code> CSS property, along with <code>shape-margin</code> and <code>shape-image-threshold</code>, sets the shape around which adjacent content will wrap.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/shape-outside\n   */\n  shapeOutside?: StyleValueWithCondition<CSS.Property.ShapeOutside>\n  /**\n   * ### shape-rendering\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/shape-rendering\n   */\n  shapeRendering?: StyleValueWithCondition<CSS.Property.ShapeRendering>\n  /**\n   * ### speak\n   *\n   * The <code>speak</code> CSS property sets whether or not text should be spoken.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://drafts.csswg.org/css-speech-1/#speaking-props-speak\n   */\n  speak?: StyleValueWithCondition<AnyString>\n  /**\n   * ### speak-as\n   *\n   * The <code>speak-as</code> CSS property sets how any element's content is spoken. Not to be confused with the <code>speak-as</code> descriptor of <code>@counter-style</code> at-rules.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/speak-as\n   *\n   * @experimental\n   */\n  speakAs?: StyleValueWithCondition<AnyString>\n  /**\n   * ### stop-color\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/stop-color\n   */\n  stopColor?: StyleValueWithCondition<CSS.Property.StopColor>\n  /**\n   * ### stop-opacity\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/stop-opacity\n   */\n  stopOpacity?: StyleValueWithCondition<CSS.Property.StopOpacity>\n  /**\n   * ### stroke\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/stroke\n   */\n  stroke?: StyleValueWithCondition<CSS.Property.Stroke, \"colors\">\n  /**\n   * ### stroke-color\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://drafts.fxtf.org/fill-stroke-3/#stroke-color\n   *\n   * @experimental\n   */\n  strokeColor?: StyleValueWithCondition<AnyString>\n  /**\n   * ### stroke-dasharray\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/stroke-dasharray\n   */\n  strokeDasharray?: StyleValueWithCondition<CSS.Property.StrokeDasharray>\n  /**\n   * ### stroke-dashoffset\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/stroke-dashoffset\n   */\n  strokeDashoffset?: StyleValueWithCondition<\n    CSS.Property.StrokeDashoffset | number\n  >\n  /**\n   * ### stroke-linecap\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/stroke-linecap\n   */\n  strokeLinecap?: StyleValueWithCondition<CSS.Property.StrokeLinecap>\n  /**\n   * ### stroke-linejoin\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/stroke-linejoin\n   */\n  strokeLinejoin?: StyleValueWithCondition<CSS.Property.StrokeLinejoin>\n  /**\n   * ### stroke-miterlimit\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/stroke-miterlimit\n   */\n  strokeMiterlimit?: StyleValueWithCondition<CSS.Property.StrokeMiterlimit>\n  /**\n   * ### stroke-opacity\n   *\n   * The <code>fill-opacity</code>, and <code>stroke-opacity</code> SVG attributes and CSS properties control the transparency of a stroke or fill of an SVG element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date ≤2022-09-24\n   * @newly_available_date ≤2020-03-24\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/stroke-opacity\n   */\n  strokeOpacity?: StyleValueWithCondition<CSS.Property.StrokeOpacity>\n  /**\n   * ### stroke-width\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/stroke-width\n   */\n  strokeWidth?: StyleValueWithCondition<CSS.Property.StrokeWidth | number>\n  /**\n   * ### table-layout\n   *\n   * The <code>&#x3C;table></code> HTML element, with several related elements, represents tabular data in rows and columns of cells.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/table-layout\n   */\n  tableLayout?: StyleValueWithCondition<CSS.Property.TableLayout>\n  /**\n   * ### tab-size\n   *\n   * The <code>tab-size</code> CSS property sets the width of the tab character.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-02-10\n   * @newly_available_date 2021-08-10\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/tab-size\n   */\n  tabSize?: StyleValueWithCondition<CSS.Property.TabSize>\n  /**\n   * ### font-size\n   *\n   * The <code>font-size</code> CSS property sets the text height.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/font-size\n   */\n  text?: StyleValueWithCondition<CSS.Property.FontSize | number, \"fontSizes\">\n  /**\n   * ### text-align\n   *\n   * The <code>text-align</code> CSS property sets the horizontal placement of the inner content of a block element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-align\n   */\n  textAlign?: StyleValueWithCondition<CSS.Property.TextAlign>\n  /**\n   * ### text-align-last\n   *\n   * The <code>text-align-last</code> CSS property sets the alignment of the last line of text before a forced line break.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2025-03-12\n   * @newly_available_date 2022-09-12\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-align-last\n   */\n  textAlignLast?: StyleValueWithCondition<CSS.Property.TextAlignLast>\n  /**\n   * ### text-anchor\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-anchor\n   */\n  textAnchor?: StyleValueWithCondition<CSS.Property.TextAnchor>\n  /**\n   * ### text-autospace\n   *\n   * The <code>text-autospace</code> CSS property sets whether and how to insert spaces in inter-script text (such as when mixing Latin and Chinese characters) and around punctuation.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://drafts.csswg.org/css-text-4/#propdef-text-autospace\n   *\n   * @experimental\n   */\n  textAutospace?: StyleValueWithCondition<AnyString>\n  /**\n   * ### text-box\n   *\n   * The <code>text-box</code> CSS property sets the spacing above and below text based on a font's typographic features. For example, <code>text-box: trim-both ex alphabetic</code> trims the top to the top of the letter x and the bottom to the bottom of most letters, without descenders.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-box\n   */\n  textBox?: StyleValueWithCondition<AnyString>\n  /**\n   * ### text-box-edge\n   *\n   * The <code>text-box</code> CSS property sets the spacing above and below text based on a font's typographic features. For example, <code>text-box: trim-both ex alphabetic</code> trims the top to the top of the letter x and the bottom to the bottom of most letters, without descenders.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-box-edge\n   */\n  textBoxEdge?: StyleValueWithCondition<AnyString>\n  /**\n   * ### text-box-trim\n   *\n   * The <code>text-box</code> CSS property sets the spacing above and below text based on a font's typographic features. For example, <code>text-box: trim-both ex alphabetic</code> trims the top to the top of the letter x and the bottom to the bottom of most letters, without descenders.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-box-trim\n   */\n  textBoxTrim?: StyleValueWithCondition<AnyString>\n  /**\n   * ### color\n   *\n   * The <code>color</code> CSS property sets the primary foreground color of an element, which is used for text, the default border color, and text decorations.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/color\n   */\n  textColor?: StyleValueWithCondition<CSS.Property.Color, \"colors\">\n  /**\n   * ### text-combine-upright\n   *\n   * The <code>text-combine-upright</code> CSS property displays multiple characters in the space of a single character in vertical text. This is used in East Asian documents to display Latin-based strings such as components of a date or letters of an initialism.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-14\n   * @newly_available_date 2022-03-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-combine-upright\n   */\n  textCombineUpright?: StyleValueWithCondition<CSS.Property.TextCombineUpright>\n  /**\n   * ### text-decoration\n   *\n   * The <code>text-decoration</code> CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-decoration\n   */\n  textDecor?: StyleValueWithCondition<CSS.Property.TextDecoration>\n  /**\n   * ### text-decoration\n   *\n   * The <code>text-decoration</code> CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-decoration\n   */\n  textDecoration?: StyleValueWithCondition<CSS.Property.TextDecoration>\n  /**\n   * ### text-decoration-color\n   *\n   * The <code>text-decoration</code> CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-decoration-color\n   */\n  textDecorationColor?: StyleValueWithCondition<\n    CSS.Property.TextDecorationColor,\n    \"colors\"\n  >\n  /**\n   * ### text-decoration-line\n   *\n   * The <code>text-decoration</code> CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-decoration-line\n   */\n  textDecorationLine?: StyleValueWithCondition<CSS.Property.TextDecorationLine>\n  /**\n   * ### text-decoration-skip\n   *\n   * The <code>text-decoration</code> CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip\n   *\n   * @experimental\n   */\n  textDecorationSkip?: StyleValueWithCondition<CSS.Property.TextDecorationSkip>\n  /**\n   * ### text-decoration-skip-ink\n   *\n   * The <code>text-decoration</code> CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip-ink\n   */\n  textDecorationSkipInk?: StyleValueWithCondition<CSS.Property.TextDecorationSkipInk>\n  /**\n   * ### text-decoration-style\n   *\n   * The <code>text-decoration</code> CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-decoration-style\n   */\n  textDecorationStyle?: StyleValueWithCondition<CSS.Property.TextDecorationStyle>\n  /**\n   * ### text-decoration-thickness\n   *\n   * The <code>text-decoration</code> CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness\n   */\n  textDecorationThickness?: StyleValueWithCondition<CSS.Property.TextDecorationThickness>\n  /**\n   * ### text-emphasis\n   *\n   * The <code>text-emphasis</code> CSS property sets position and style for text emphasis marks, especially for East Asian languages.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-03\n   * @newly_available_date 2022-03-03\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-emphasis\n   */\n  textEmphasis?: StyleValueWithCondition<CSS.Property.TextEmphasis>\n  /**\n   * ### text-emphasis-color\n   *\n   * The <code>text-emphasis</code> CSS property sets position and style for text emphasis marks, especially for East Asian languages.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-03\n   * @newly_available_date 2022-03-03\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-emphasis-color\n   */\n  textEmphasisColor?: StyleValueWithCondition<\n    CSS.Property.TextEmphasisColor,\n    \"colors\"\n  >\n  /**\n   * ### text-emphasis-position\n   *\n   * The <code>text-emphasis</code> CSS property sets position and style for text emphasis marks, especially for East Asian languages.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-03\n   * @newly_available_date 2022-03-03\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-emphasis-position\n   */\n  textEmphasisPosition?: StyleValueWithCondition<CSS.Property.TextEmphasisPosition>\n  /**\n   * ### text-emphasis-style\n   *\n   * The <code>text-emphasis</code> CSS property sets position and style for text emphasis marks, especially for East Asian languages.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-03\n   * @newly_available_date 2022-03-03\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-emphasis-style\n   */\n  textEmphasisStyle?: StyleValueWithCondition<CSS.Property.TextEmphasisStyle>\n  /**\n   * ### text-indent\n   *\n   * The <code>text-indent</code> CSS property sets the size of the empty space (indentation) at the beginning of lines in a text.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-indent\n   */\n  textIndent?: StyleValueWithCondition<CSS.Property.TextIndent>\n  /**\n   * ### text-justify\n   *\n   * The <code>text-justify</code> CSS property sets the justification method of text when <code>text-align: justify</code> is set.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-justify\n   */\n  textJustify?: StyleValueWithCondition<CSS.Property.TextJustify>\n  /**\n   * ### text-orientation\n   *\n   * The <code>text-orientation</code> CSS property sets the how text is typeset within a line when the writing mode is vertical.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2023-03-16\n   * @newly_available_date 2020-09-16\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-orientation\n   */\n  textOrientation?: StyleValueWithCondition<CSS.Property.TextOrientation>\n  /**\n   * ### text-overflow\n   *\n   * The <code>text-overflow</code> CSS property sets how hidden overflow content appears to users. The property can clip content, truncate content with an ellipsis (…), or truncate with a custom string.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-overflow\n   */\n  textOverflow?: StyleValueWithCondition<CSS.Property.TextOverflow>\n  /**\n   * ### text-rendering\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-rendering\n   */\n  textRendering?: StyleValueWithCondition<CSS.Property.TextRendering>\n  /**\n   * ### text-shadow\n   *\n   * The <code>text-shadow</code> CSS property sets the position and styles of shadow on text.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-shadow\n   */\n  textShadow?: StyleValueWithCondition<CSS.Property.TextShadow, \"shadows\">\n  /**\n   * ### text-size-adjust\n   *\n   * The <code>text-size-adjust</code> CSS property disables or modifies the browser's default text size adjustment for small screen sizes.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-size-adjust\n   *\n   * @experimental\n   */\n  textSizeAdjust?: StyleValueWithCondition<CSS.Property.TextSizeAdjust>\n  /**\n   * ### text-spacing-trim\n   *\n   * The <code>text-spacing-trim</code> CSS property controls spacing around CJK characters, avoiding excessive whitespace when using full-width punctuation characters.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-spacing-trim\n   *\n   * @experimental\n   */\n  textSpacingTrim?: StyleValueWithCondition<AnyString>\n  /**\n   * ### text-transform\n   *\n   * The <code>text-transform</code> CSS property sets text case and capitalization.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-transform\n   */\n  textTransform?: StyleValueWithCondition<CSS.Property.TextTransform>\n  /**\n   * ### text-underline-offset\n   *\n   * The <code>text-underline-offset</code> CSS property shifts underlines on text from the initial position by a given distance. The initial position is affected by the <code>text-underline-position</code> property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2023-05-19\n   * @newly_available_date 2020-11-19\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-underline-offset\n   */\n  textUnderlineOffset?: StyleValueWithCondition<CSS.Property.TextUnderlineOffset>\n  /**\n   * ### text-underline-position\n   *\n   * The <code>text-underline-position</code> CSS property sets the position of underlines on text. For example, <code>text-underline-position: under</code> places the underline below the text, avoiding crossing descenders. The underline may be further adjusted by the <code>text-underline-offset</code> property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2023-01-28\n   * @newly_available_date 2020-07-28\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-underline-position\n   */\n  textUnderlinePosition?: StyleValueWithCondition<CSS.Property.TextUnderlinePosition>\n  /**\n   * ### text-wrap\n   *\n   * The <code>text-wrap</code> CSS property sets how lines break in text that overflows the container. It is a shorthand for <code>text-wrap-style</code> and <code>text-wrap-mode</code>.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-03-19\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-wrap\n   */\n  textWrap?: StyleValueWithCondition<CSS.Property.TextWrap>\n  /**\n   * ### text-wrap-mode\n   *\n   * The <code>text-wrap-mode</code> CSS property sets whether lines may wrap with the values <code>wrap</code> and <code>nowrap</code>. It is a longhand property for both <code>white-space</code> and <code>text-wrap</code>.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-10-17\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-wrap-mode\n   */\n  textWrapMode?: StyleValueWithCondition<AnyString>\n  /**\n   * ### text-wrap-style\n   *\n   * The <code>text-wrap-style</code> CSS property sets how lines break in text that overflows the container. It can also be set with the <code>text-wrap</code> shorthand.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/text-wrap-style\n   */\n  textWrapStyle?: StyleValueWithCondition<AnyString>\n  /**\n   * ### timeline-scope\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/timeline-scope\n   */\n  timelineScope?: StyleValueWithCondition<CSS.Property.TimelineScope>\n  /**\n   * ### top\n   *\n   * The physical CSS properties, <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code>, set the inset position of an element relative to the corresponding side of a container determined by the element's <code>position</code> property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/top\n   */\n  top?: StyleValueWithCondition<CSS.Property.Top | number, \"spaces\">\n  /**\n   * ### touch-action\n   *\n   * The <code>touch-action</code> CSS property sets whether an element on a touch screen can be panned or pinched to zoom.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-03-19\n   * @newly_available_date 2019-09-19\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/touch-action\n   */\n  touchAction?: StyleValueWithCondition<CSS.Property.TouchAction>\n  /**\n   * ### letter-spacing\n   *\n   * The <code>letter-spacing</code> CSS property controls the amount of space between each letter in an element or block of text.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/letter-spacing\n   */\n  tracking?: StyleValueWithCondition<\n    CSS.Property.LetterSpacing,\n    \"letterSpacings\"\n  >\n  /**\n   * ### transform\n   *\n   * The <code>transform</code> CSS property and its 2D transform functions allow rotating, scaling, skewing, and translating an element. Arbitrary 2D transforms are also possible using a transformation matrix.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/transform\n   */\n  transform?: StyleValueWithCondition<CSS.Property.Transform>\n  /**\n   * ### transform-box\n   *\n   * The <code>transform-box</code> CSS property sets the position and dimensions of the reference box relative to which an element's transformations are calculated.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-04-16\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/transform-box\n   */\n  transformBox?: StyleValueWithCondition<CSS.Property.TransformBox>\n  /**\n   * ### transform-origin\n   *\n   * The <code>transform</code> CSS property and its 2D transform functions allow rotating, scaling, skewing, and translating an element. Arbitrary 2D transforms are also possible using a transformation matrix.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/transform-origin\n   */\n  transformOrigin?: StyleValueWithCondition<CSS.Property.TransformOrigin>\n  /**\n   * ### transform-style\n   *\n   * The <code>transform</code> CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-09-14\n   * @newly_available_date 2022-03-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/transform-style\n   */\n  transformStyle?: StyleValueWithCondition<CSS.Property.TransformStyle>\n  /**\n   * ### transition-behavior\n   *\n   * The <code>transition-behavior: allow-discrete</code> CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-08-06\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/transition-behavior\n   */\n  transitionBehavior?: StyleValueWithCondition<CSS.Property.TransitionBehavior>\n  /**\n   * ### transition-delay\n   *\n   * The <code>transition</code> shorthand CSS property sets how changes to an element's styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/transition-delay\n   */\n  transitionDelay?: StyleValueWithCondition<CSS.Property.TransitionDelay>\n  /**\n   * ### transition-duration\n   *\n   * The <code>transition</code> shorthand CSS property sets how changes to an element's styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/transition-duration\n   */\n  transitionDuration?: StyleValueWithCondition<\n    CSS.Property.TransitionDuration,\n    \"durations\"\n  >\n  /**\n   * ### transition-timing-function\n   *\n   * The <code>transition</code> shorthand CSS property sets how changes to an element's styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/transition-timing-function\n   */\n  transitionTimingFunction?: StyleValueWithCondition<\n    CSS.Property.TransitionTimingFunction,\n    \"easings\"\n  >\n  /**\n   * ### unicode-bidi\n   *\n   * The <code>unicode-bidi</code> and <code>direction</code> CSS properties override the Unicode layout algorithm. They are intended for Document Type Definition (DTD) designers. For HTML documents, you should use the <code>dir</code> global HTML attribute and <code>&#x3C;bdo></code> HTML element instead.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/unicode-bidi\n   */\n  unicodeBidi?: StyleValueWithCondition<CSS.Property.UnicodeBidi>\n  /**\n   * ### user-modify\n   *\n   * The CSS `user-modify` property.\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/user-modify\n   *\n   * @deprecated\n   */\n  userModify?: StyleValueWithCondition<AnyString>\n  /**\n   * ### user-select\n   *\n   * The <code>user-select</code> CSS property controls which elements can be selected by the user.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/user-select\n   */\n  userSelect?: StyleValueWithCondition<CSS.Property.UserSelect>\n  /**\n   * ### vector-effect\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/vector-effect\n   */\n  vectorEffect?: StyleValueWithCondition<CSS.Property.VectorEffect>\n  /**\n   * ### vertical-align\n   *\n   * The <code>vertical-align</code> CSS property sets the vertical alignment of inline, inline-block, and table cell elements. It has no effect on block-level elements.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/vertical-align\n   */\n  verticalAlign?: StyleValueWithCondition<CSS.Property.VerticalAlign>\n  /**\n   * ### view-timeline\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline\n   */\n  viewTimeline?: StyleValueWithCondition<CSS.Property.ViewTimeline>\n  /**\n   * ### view-timeline-axis\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-axis\n   */\n  viewTimelineAxis?: StyleValueWithCondition<CSS.Property.ViewTimelineAxis>\n  /**\n   * ### view-timeline-inset\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-inset\n   */\n  viewTimelineInset?: StyleValueWithCondition<CSS.Property.ViewTimelineInset>\n  /**\n   * ### view-timeline-name\n   *\n   * The <code>animation-timeline</code>, <code>scroll-timeline</code>, and <code>view-timeline</code> CSS properties advance animations based on the user's scroll position.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/view-timeline-name\n   */\n  viewTimelineName?: StyleValueWithCondition<CSS.Property.ViewTimelineName>\n  /**\n   * ### view-transition-class\n   *\n   * The <code>view-transition-class</code> CSS property sets a name that can be used to apply styles to multiple named view transition pseudo-elements.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/view-transition-class\n   */\n  viewTransitionClass?: StyleValueWithCondition<AnyString>\n  /**\n   * ### view-transition-name\n   *\n   * View transitions allow you to create animated visual transitions between different states of a document.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/view-transition-name\n   */\n  viewTransitionName?: StyleValueWithCondition<CSS.Property.ViewTransitionName>\n  /**\n   * ### visibility\n   *\n   * The <code>visibility</code> CSS property sets whether an element is shown. Invisible elements still affect the document layout.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/visibility\n   */\n  visibility?: StyleValueWithCondition<CSS.Property.Visibility>\n  /**\n   * ### width\n   *\n   * The <code>width</code> and <code>height</code> CSS properties set the preferred physical size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/width\n   */\n  w?: StyleValueWithCondition<CSS.Property.Width | number, \"sizes\">\n  /**\n   * ### white-space\n   *\n   * The <code>white-space</code> CSS property sets how white space is collapsed and how lines wrap. It is a shorthand for <code>white-space-collapse</code> and <code>text-wrap-mode</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/white-space\n   */\n  whiteSpace?: StyleValueWithCondition<CSS.Property.WhiteSpace>\n  /**\n   * ### white-space-collapse\n   *\n   * The <code>white-space-collapse</code> CSS property sets whether new line characters are shown as line breaks, and whether multiple consecutive spaces are all displayed or combined.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-03-19\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/white-space-collapse\n   */\n  whiteSpaceCollapse?: StyleValueWithCondition<CSS.Property.WhiteSpaceCollapse>\n  /**\n   * ### widows\n   *\n   * The <code>widows</code> and <code>orphans</code> CSS properties set the minimum lines included in a text fragment created by page, column, or region breaks.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/widows\n   */\n  widows?: StyleValueWithCondition<CSS.Property.Widows>\n  /**\n   * ### width\n   *\n   * The <code>width</code> and <code>height</code> CSS properties set the preferred physical size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/width\n   */\n  width?: StyleValueWithCondition<CSS.Property.Width | number, \"sizes\">\n  /**\n   * ### will-change\n   *\n   * The <code>will-change</code> CSS property gives hints to the browser about expected changes to an element's scroll position, contents, or style. These hints allow browsers to optimize for upcoming style changes.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/will-change\n   */\n  willChange?: StyleValueWithCondition<CSS.Property.WillChange>\n  /**\n   * ### word-break\n   *\n   * The <code>word-break</code> CSS property sets how lines break within words.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/word-break\n   */\n  wordBreak?: StyleValueWithCondition<CSS.Property.WordBreak>\n  /**\n   * ### word-spacing\n   *\n   * The <code>word-spacing</code> CSS property sets the amount of white space between words.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/word-spacing\n   */\n  wordSpacing?: StyleValueWithCondition<CSS.Property.WordSpacing>\n  /**\n   * ### writing-mode\n   *\n   * The <code>writing-mode</code> CSS property sets whether text is laid out horizontally or vertically, and left to right, or right to left.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2019-09-27\n   * @newly_available_date 2017-03-27\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/writing-mode\n   */\n  writingMode?: StyleValueWithCondition<CSS.Property.WritingMode>\n  /**\n   * ### x\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/x\n   */\n  x?: StyleValueWithCondition<AnyString>\n  /**\n   * ### y\n   *\n   * The SVG image format, represented by the <code>&#x3C;svg></code> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/y\n   */\n  y?: StyleValueWithCondition<AnyString>\n  /**\n   * ### z-index\n   *\n   * The <code>z-index</code> CSS property orders overlapping elements, with higher values appearing in front of or on top of lower values.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/z-index\n   */\n  z?: StyleValueWithCondition<CSS.Property.ZIndex, \"zIndices\">\n  /**\n   * ### z-index\n   *\n   * The <code>z-index</code> CSS property orders overlapping elements, with higher values appearing in front of or on top of lower values.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/z-index\n   */\n  zIndex?: StyleValueWithCondition<CSS.Property.ZIndex, \"zIndices\">\n  /**\n   * ### zoom\n   *\n   * The <code>zoom</code> CSS property scales the size of an element. Unlike the <code>transform</code> property, a zoomed element affects page layout.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2024-05-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/zoom\n   */\n  zoom?: StyleValueWithCondition<CSS.Property.Zoom>\n  /**\n\n*/\n  colorMode?: StyleValueWithCondition<CSS.Property.ColorScheme>\n  /**\n   * Sets the value of `--contrast`.\n   */\n  contrast?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--drop-shadow`.\n   */\n  dropShadow?: StyleValueWithCondition<AnyString, \"shadows\">\n  /**\n   * The focus ring is used to identify the currently focused element.\n   */\n  focusRing?: StyleValueWithCondition<\n    \"inline\" | \"inside\" | \"mixed\" | \"none\" | \"outline\" | \"outside\"\n  >\n  /**\n   * Sets the value of `--focus-ring-color`.\n   */\n  focusRingColor?: StyleValueWithCondition<AnyString, \"colors\">\n  /**\n   * Sets the value of `--focus-ring-offset`.\n   */\n  focusRingOffset?: StyleValueWithCondition<AnyString | number, \"spaces\">\n  /**\n   * Sets the value of `--focus-ring-style`.\n   */\n  focusRingStyle?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--focus-ring-width`.\n   */\n  focusRingWidth?: StyleValueWithCondition<AnyString>\n  /**\n   * The focus ring is used to identify the currently focused element.\n   */\n  focusVisibleRing?: StyleValueWithCondition<\n    \"inline\" | \"inside\" | \"mixed\" | \"none\" | \"outline\" | \"outside\"\n  >\n  /**\n   * Sets the value of `--grayscale`.\n   */\n  grayscale?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--hue-rotate`.\n   */\n  hueRotate?: StyleValueWithCondition<AnyString>\n  /**\n   * ### left\n   *\n   * The physical CSS properties, <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code>, set the inset position of an element relative to the corresponding side of a container determined by the element's <code>position</code> property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/left\n   *\n   * ------------------------------------\n   *\n   * ### right\n   *\n   * The physical CSS properties, <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code>, set the inset position of an element relative to the corresponding side of a container determined by the element's <code>position</code> property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/right\n   */\n  insetX?: StyleValueWithCondition<\n    CSS.Property.Left | CSS.Property.Right | number,\n    \"spaces\"\n  >\n  /**\n   * ### bottom\n   *\n   * The physical CSS properties, <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code>, set the inset position of an element relative to the corresponding side of a container determined by the element's <code>position</code> property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/bottom\n   *\n   * ------------------------------------\n   *\n   * ### top\n   *\n   * The physical CSS properties, <code>top</code>, <code>right</code>, <code>bottom</code>, and <code>left</code>, set the inset position of an element relative to the corresponding side of a container determined by the element's <code>position</code> property.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/top\n   */\n  insetY?: StyleValueWithCondition<\n    CSS.Property.Bottom | CSS.Property.Top | number,\n    \"spaces\"\n  >\n  /**\n   * Sets the value of `--invert`.\n   */\n  invert?: StyleValueWithCondition<AnyString>\n  /**\n   * ### keyframes\n   *\n   * The <code>animation</code> CSS property animates an element's style over time, using keyframes described in <code>@keyframes</code> rules.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/@keyframes\n   */\n  keyframes?: StyleValueWithCondition<\n    AnyString | { [key: string]: CSSObject },\n    \"keyframes\"\n  >\n  /**\n   * Used to visually truncate a text after a number of lines.\n   * ### line-clamp\n   *\n   * The <code>line-clamp</code> CSS property limits the text in a block container to a certain number of lines. The prefixed <code>-webkit-line-clamp</code> is widely supported but only works with <code>-webkit-box-orient: vertical</code> in combination with <code>display: -webkit-box</code> or <code>display: -webkit-inline-box</code>.\n   *\n   * @baseline `Limited available`\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/line-clamp\n   */\n  lineClamp?: StyleValueWithCondition<number>\n  /**\n   * ### margin-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-end\n   *\n   * ------------------------------------\n   *\n   * ### margin-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-start\n   */\n  marginX?: StyleValueWithCondition<\n    CSS.Property.MarginInlineEnd | CSS.Property.MarginInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-bottom\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom\n   *\n   * ------------------------------------\n   *\n   * ### margin-top\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-top\n   */\n  marginY?: StyleValueWithCondition<\n    CSS.Property.MarginBottom | CSS.Property.MarginTop | number,\n    \"spaces\"\n  >\n  /**\n   * ### max-height\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/max-height\n   *\n   * ------------------------------------\n   *\n   * ### max-width\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/max-width\n   */\n  maxBoxSize?: StyleValueWithCondition<\n    CSS.Property.MaxHeight | CSS.Property.MaxWidth | number,\n    \"sizes\"\n  >\n  /**\n   * ### min-height\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/min-height\n   *\n   * ------------------------------------\n   *\n   * ### min-width\n   *\n   * The <code>min-width</code>, <code>min-height</code>, <code>max-width</code>, and <code>max-height</code> CSS properties set the minimum and maximum size of an element.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/min-width\n   */\n  minBoxSize?: StyleValueWithCondition<\n    CSS.Property.MinHeight | CSS.Property.MinWidth | number,\n    \"sizes\"\n  >\n  /**\n   * ### margin-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-end\n   *\n   * ------------------------------------\n   *\n   * ### margin-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-inline-start\n   */\n  mx?: StyleValueWithCondition<\n    CSS.Property.MarginInlineEnd | CSS.Property.MarginInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### margin-bottom\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom\n   *\n   * ------------------------------------\n   *\n   * ### margin-top\n   *\n   * The <code>margin</code> CSS property sets space around an element. It is a shorthand for <code>margin-top</code>, <code>margin-right</code>, <code>margin-bottom</code>, and <code>margin-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/margin-top\n   */\n  my?: StyleValueWithCondition<\n    CSS.Property.MarginBottom | CSS.Property.MarginTop | number,\n    \"spaces\"\n  >\n  /**\n   * ### outline\n   *\n   * The <code>outline</code> CSS shorthand sets the color, style, and width of a line around an element, outside of the border.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-03-27\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/outline\n   */\n  outline?: StyleValueWithCondition<\n    \"inside\" | \"mixed\" | \"outside\" | CSS.Property.Outline\n  >\n  /**\n   * ### padding-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-end\n   *\n   * ------------------------------------\n   *\n   * ### padding-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-start\n   */\n  paddingX?: StyleValueWithCondition<\n    CSS.Property.PaddingInlineEnd | CSS.Property.PaddingInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-bottom\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom\n   *\n   * ------------------------------------\n   *\n   * ### padding-top\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-top\n   */\n  paddingY?: StyleValueWithCondition<\n    CSS.Property.PaddingBottom | CSS.Property.PaddingTop | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-inline-end\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-end\n   *\n   * ------------------------------------\n   *\n   * ### padding-inline-start\n   *\n   * CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, <code>block-end</code> refers to the bottom. Also known as flow relative.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2024-03-20\n   * @newly_available_date 2021-09-20\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-inline-start\n   */\n  px?: StyleValueWithCondition<\n    CSS.Property.PaddingInlineEnd | CSS.Property.PaddingInlineStart | number,\n    \"spaces\"\n  >\n  /**\n   * ### padding-bottom\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom\n   *\n   * ------------------------------------\n   *\n   * ### padding-top\n   *\n   * The <code>padding</code> CSS property sets space between an element's edge and its contents. It is a shorthand for <code>padding-top</code>, <code>padding-right</code>, <code>padding-bottom</code>, and <code>padding-left</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/padding-top\n   */\n  py?: StyleValueWithCondition<\n    CSS.Property.PaddingBottom | CSS.Property.PaddingTop | number,\n    \"spaces\"\n  >\n  /**\n   * Sets the value of `--rotate-x`.\n   */\n  rotateX?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--rotate-y`.\n   */\n  rotateY?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--rotate-z`.\n   */\n  rotateZ?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--saturate`.\n   */\n  saturate?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--scale-x`.\n   */\n  scaleX?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--scale-y`.\n   */\n  scaleY?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--scale-z`.\n   */\n  scaleZ?: StyleValueWithCondition<AnyString>\n  /**\n   * ### scroll-margin-left\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left\n   *\n   * ------------------------------------\n   *\n   * ### scroll-margin-right\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right\n   */\n  scrollMarginX?: StyleValueWithCondition<\n    CSS.Property.ScrollMarginLeft | CSS.Property.ScrollMarginRight | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-margin-bottom\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom\n   *\n   * ------------------------------------\n   *\n   * ### scroll-margin-top\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top\n   */\n  scrollMarginY?: StyleValueWithCondition<\n    CSS.Property.ScrollMarginBottom | CSS.Property.ScrollMarginTop | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-padding-left\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left\n   *\n   * ------------------------------------\n   *\n   * ### scroll-padding-right\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right\n   */\n  scrollPaddingX?: StyleValueWithCondition<\n    CSS.Property.ScrollPaddingLeft | CSS.Property.ScrollPaddingRight | number,\n    \"spaces\"\n  >\n  /**\n   * ### scroll-padding-bottom\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom\n   *\n   * ------------------------------------\n   *\n   * ### scroll-padding-top\n   *\n   * CSS scroll snap controls the panning and scrolling behavior within a scroll container.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2022-07-15\n   * @newly_available_date 2020-01-15\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top\n   */\n  scrollPaddingY?: StyleValueWithCondition<\n    CSS.Property.ScrollPaddingBottom | CSS.Property.ScrollPaddingTop | number,\n    \"spaces\"\n  >\n  /**\n   * Sets the value of `--sepia`.\n   */\n  sepia?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--skew-x`.\n   */\n  skewX?: StyleValueWithCondition<AnyString>\n  /**\n   * Sets the value of `--skew-y`.\n   */\n  skewY?: StyleValueWithCondition<AnyString>\n  /**\n   * ### transition\n   *\n   * The <code>transition</code> shorthand CSS property sets how changes to an element's styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/transition\n   */\n  transition?: StyleValueWithCondition<\n    | \"all\"\n    | \"backgrounds\"\n    | \"colors\"\n    | \"common\"\n    | \"opacity\"\n    | \"position\"\n    | \"shadow\"\n    | \"size\"\n    | CSS.Property.Transition\n  >\n  /**\n   * ### transition-property\n   *\n   * The <code>transition</code> shorthand CSS property sets how changes to an element's styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/transition-property\n   */\n  transitionProperty?: StyleValueWithCondition<\n    | \"all\"\n    | \"backgrounds\"\n    | \"colors\"\n    | \"common\"\n    | \"opacity\"\n    | \"position\"\n    | \"shadow\"\n    | \"size\"\n    | CSS.Property.TransitionProperty\n  >\n  /**\n   * Sets the value of `--translate-x`.\n   */\n  translateX?: StyleValueWithCondition<AnyString | number, \"spaces\">\n  /**\n   * Sets the value of `--translate-y`.\n   */\n  translateY?: StyleValueWithCondition<AnyString | number, \"spaces\">\n  /**\n   * Sets the value of `--translate-z`.\n   */\n  translateZ?: StyleValueWithCondition<AnyString | number>\n  /**\n   * If `true`, it clamps truncate a text after one line.\n   */\n  truncated?: StyleValueWithCondition<boolean>\n  /**\n   * ### container\n   *\n   * Container size queries with the <code>@container</code> at-rule apply styles to an element based on the dimensions of its container.\n   *\n   * @baseline `Newly available`\n   * @newly_available_date 2023-02-14\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/@container\n   */\n  _container?: {\n    [key: string]: any\n    name?: AnyString\n    css?: CSSObject\n    aspectRatio?: CSS.Property.AspectRatio\n    blockSize?: CSS.Property.BlockSize | number | ThemeTokens[\"sizes\"]\n    h?: CSS.Property.Height | number | ThemeTokens[\"sizes\"]\n    height?: CSS.Property.Height | number | ThemeTokens[\"sizes\"]\n    inlineSize?: CSS.Property.InlineSize | number | ThemeTokens[\"sizes\"]\n    maxAspectRatio?: CSS.Property.AspectRatio\n    maxBlockSize?: CSS.Property.MaxBlockSize | number | ThemeTokens[\"sizes\"]\n    maxH?: CSS.Property.MaxHeight | number | ThemeTokens[\"sizes\"]\n    maxHeight?: CSS.Property.MaxHeight | number | ThemeTokens[\"sizes\"]\n    maxInlineSize?: CSS.Property.MaxInlineSize | number | ThemeTokens[\"sizes\"]\n    maxW?: CSS.Property.MaxWidth | number | ThemeTokens[\"sizes\"]\n    maxWidth?: CSS.Property.MaxWidth | number | ThemeTokens[\"sizes\"]\n    minAspectRatio?: CSS.Property.AspectRatio\n    minBlockSize?: CSS.Property.MinBlockSize | number | ThemeTokens[\"sizes\"]\n    minH?: CSS.Property.MinHeight | number | ThemeTokens[\"sizes\"]\n    minHeight?: CSS.Property.MinHeight | number | ThemeTokens[\"sizes\"]\n    minInlineSize?: CSS.Property.MinInlineSize | number | ThemeTokens[\"sizes\"]\n    minW?: CSS.Property.MinWidth | number | ThemeTokens[\"sizes\"]\n    minWidth?: CSS.Property.MinWidth | number | ThemeTokens[\"sizes\"]\n    orientation?: \"landscape\" | \"portrait\" | AnyString\n    query?: AnyString\n    w?: CSS.Property.Width | number | ThemeTokens[\"sizes\"]\n    width?: CSS.Property.Width | number | ThemeTokens[\"sizes\"]\n  }[]\n  /**\n   * ### media\n   *\n   * The <code>@media</code> CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as <code>screen</code> or <code>print</code>, and one or more mandatory media features, such as <code>prefers-reduced-animations</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/@media\n   */\n  _landscape?: StyleValueWithCondition<CSSObject>\n  /**\n   * ### media\n   *\n   * The <code>@media</code> CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as <code>screen</code> or <code>print</code>, and one or more mandatory media features, such as <code>prefers-reduced-animations</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/@media\n   */\n  _media?: {\n    [key: string]: any\n    type?: \"all\" | \"print\" | \"screen\" | \"speech\" | AnyString\n    css?: CSSObject\n    anyHover?: \"hover\" | \"none\" | AnyString\n    anyPointer?: \"coarse\" | \"fine\" | \"none\" | AnyString\n    aspectRatio?: CSS.Property.AspectRatio\n    color?: AnyString | number\n    colorGamut?: \"p3\" | \"rec2020\" | \"srgb\" | AnyString\n    colorIndex?: AnyString | number\n    deviceAspectRatio?: CSS.Property.AspectRatio\n    deviceHeight?: CSS.Property.Height | number | ThemeTokens[\"sizes\"]\n    deviceWidth?: CSS.Property.Width | number | ThemeTokens[\"sizes\"]\n    displayMode?:\n      | \"browser\"\n      | \"fullscreen\"\n      | \"minimal-ui\"\n      | \"picture-in-picture\"\n      | \"standalone\"\n      | \"window-controls-overlay\"\n      | AnyString\n    dynamicRange?: \"high\" | \"standard\" | AnyString\n    forcedColors?: \"active\" | \"none\" | AnyString\n    grid?: 0 | 1 | \"AnyString\"\n    h?: CSS.Property.Height | number | ThemeTokens[\"sizes\"]\n    height?: CSS.Property.Height | number | ThemeTokens[\"sizes\"]\n    hover?: \"hover\" | \"none\" | AnyString\n    invertedColors?: \"inverted\" | \"none\" | AnyString\n    maxColor?: AnyString | number\n    maxColorIndex?: AnyString | number\n    maxDeviceAspectRatio?: CSS.Property.AspectRatio\n    maxDeviceHeight?: CSS.Property.MaxHeight | number | ThemeTokens[\"sizes\"]\n    maxH?: CSS.Property.MaxHeight | number | ThemeTokens[\"sizes\"]\n    maxHeight?: CSS.Property.MaxHeight | number | ThemeTokens[\"sizes\"]\n    maxMonochrome?: AnyString | number\n    maxResolution?: AnyString\n    maxW?: CSS.Property.MaxWidth | number | ThemeTokens[\"sizes\"]\n    maxWidth?: CSS.Property.MaxWidth | number | ThemeTokens[\"sizes\"]\n    mazDeviceWidth?: CSS.Property.Width | number | ThemeTokens[\"sizes\"]\n    minColor?: AnyString | number\n    minColorIndex?: AnyString | number\n    minDeviceAspectRatio?: CSS.Property.AspectRatio\n    minDeviceHeight?: CSS.Property.MinHeight | number | ThemeTokens[\"sizes\"]\n    minDeviceWidth?: CSS.Property.Width | number | ThemeTokens[\"sizes\"]\n    minH?: CSS.Property.MinHeight | number | ThemeTokens[\"sizes\"]\n    minHeight?: CSS.Property.MinHeight | number | ThemeTokens[\"sizes\"]\n    minMonochrome?: AnyString | number\n    minResolution?: AnyString\n    minW?: CSS.Property.MinWidth | number | ThemeTokens[\"sizes\"]\n    minWidth?: CSS.Property.MinWidth | number | ThemeTokens[\"sizes\"]\n    monochrome?: AnyString | number\n    orientation?: \"landscape\" | \"portrait\" | AnyString\n    overflowBlock?: \"none\" | \"optional-paged\" | \"paged\" | \"scroll\" | AnyString\n    overflowInline?: \"none\" | \"scroll\" | AnyString\n    pointer?: \"coarse\" | \"fine\" | \"none\" | AnyString\n    prefersColorScheme?: \"dark\" | \"light\" | AnyString\n    prefersContrast?: \"custom\" | \"high\" | \"low\" | \"no-preference\" | AnyString\n    prefersReducedMotion?: \"no-preference\" | \"reduce\" | AnyString\n    query?: AnyString\n    resolution?: AnyString\n    scan?: \"interlace\" | \"progressive\" | AnyString\n    scripting?: \"enabled\" | \"initial-only\" | \"none\" | AnyString\n    update?: \"fast\" | \"none\" | \"slow\" | AnyString\n    videoDynamicRange?: \"high\" | \"standard\" | AnyString\n    w?: CSS.Property.Width | number | ThemeTokens[\"sizes\"]\n    width?: CSS.Property.Width | number | ThemeTokens[\"sizes\"]\n  }[]\n  /**\n   * ### media\n   *\n   * The <code>@media</code> CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as <code>screen</code> or <code>print</code>, and one or more mandatory media features, such as <code>prefers-reduced-animations</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/@media\n   */\n  _mediaDark?: StyleValueWithCondition<CSSObject>\n  /**\n   * ### media\n   *\n   * The <code>@media</code> CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as <code>screen</code> or <code>print</code>, and one or more mandatory media features, such as <code>prefers-reduced-animations</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/@media\n   */\n  _mediaLight?: StyleValueWithCondition<CSSObject>\n  /**\n   * ### media\n   *\n   * The <code>@media</code> CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as <code>screen</code> or <code>print</code>, and one or more mandatory media features, such as <code>prefers-reduced-animations</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/@media\n   */\n  _mediaReduceMotion?: StyleValueWithCondition<CSSObject>\n  /**\n   * ### media\n   *\n   * The <code>@media</code> CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as <code>screen</code> or <code>print</code>, and one or more mandatory media features, such as <code>prefers-reduced-animations</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/@media\n   */\n  _portrait?: StyleValueWithCondition<CSSObject>\n  /**\n   * ### media\n   *\n   * The <code>@media</code> CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as <code>screen</code> or <code>print</code>, and one or more mandatory media features, such as <code>prefers-reduced-animations</code>.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-01-29\n   * @newly_available_date 2015-07-29\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/@media\n   */\n  _print?: StyleValueWithCondition<CSSObject>\n  /**\n   * ### supports\n   *\n   * The <code>@supports</code> at-rule applies styles based on a browser's support for CSS features, such as a CSS property and value. Also known as feature queries.\n   *\n   * @baseline `Widely available`\n   * @widely_available_date 2018-03-30\n   * @newly_available_date 2015-09-30\n   *\n   * @see https://developer.mozilla.org/docs/Web/CSS/@supports\n   */\n  _supports?: { css?: CSSObject; query?: AnyString }[]\n}\n"],"mappings":"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ACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;AAID,MAAa,sBAAsB,CAAC,WAAY;AAIhD,MAAa,wBAAwB,CAAC,aAAc;AAIpD,MAAa,iBAAiB,CAAC,QAAQ,cAAe;AAItD,MAAa,mBAAmB;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;AAID,MAAa,kBAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;AAID,MAAa,qBAAqB,CAChC,qBACA,oBACD;AAID,MAAa,mBAAmB,CAC9B,2BACA,0BACD;AAID,MAAa,iBAAiB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;AAID,MAAa,qBAAqB;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;AAID,MAAa,qBAAqB,CAAC,iBAAiB,WAAY;AAIhE,MAAa,mBAAmB;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;AAID,MAAa,mBAAmB;CAC9B;CACA;CACA;CACA;CACA;AACD;AAID,MAAa,kBAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;AAID,MAAa,mBAAmB,CAAC,UAAU,GAAI"}