@yamada-ui/react/dist/cjs/core/css/styles.cjs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

const require_utils = require('./utils.cjs');
const require_config = require('./config.cjs');

//#region src/core/css/styles.ts
const standardStyles = {
	accentColor: {
		properties: ["accentColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	alignContent: true,
	alignItems: true,
	alignmentBaseline: true,
	alignSelf: true,
	all: true,
	anchorName: true,
	anchorScope: true,
	animation: {
		properties: ["animation"],
		token: "animations",
		transform: require_utils.pipe(require_config.transforms.token("animations"), require_config.transforms.animation)
	},
	animationComposition: true,
	animationDelay: true,
	animationDirection: true,
	animationDuration: {
		properties: ["animationDuration"],
		token: "durations",
		transform: require_config.transforms.token("durations")
	},
	animationFillMode: true,
	animationIterationCount: true,
	animationName: {
		properties: ["animationName"],
		token: "keyframes",
		transform: require_config.transforms.token("keyframes")
	},
	animationPlayState: true,
	animationRange: true,
	animationRangeEnd: true,
	animationRangeStart: true,
	animationTimeline: true,
	animationTimingFunction: {
		properties: ["animationTimingFunction"],
		token: "easings",
		transform: require_config.transforms.token("easings")
	},
	appearance: true,
	aspectRatio: {
		properties: ["aspectRatio"],
		token: "aspectRatios",
		transform: require_config.transforms.token("aspectRatios")
	},
	backdropBlur: {
		properties: ["--backdrop-blur"],
		token: "blurs",
		transform: require_utils.pipe(require_config.transforms.token("blurs"), require_config.transforms.function("blur"), require_config.transforms.filter("backdropFilter"))
	},
	backdropBrightness: {
		properties: ["--backdrop-brightness"],
		transform: require_utils.pipe(require_config.transforms.function("brightness"), require_config.transforms.filter("backdropFilter"))
	},
	backdropContrast: {
		properties: ["--backdrop-contrast"],
		transform: require_utils.pipe(require_config.transforms.function("contrast"), require_config.transforms.filter("backdropFilter"))
	},
	backdropDropShadow: {
		properties: ["--backdrop-drop-shadow"],
		token: "shadows",
		transform: require_utils.pipe(require_config.transforms.token("shadows"), require_config.transforms.function("drop-shadow"), require_config.transforms.filter("backdropFilter"))
	},
	backdropFilter: true,
	backdropGrayscale: {
		properties: ["--backdrop-grayscale"],
		transform: require_utils.pipe(require_config.transforms.function("grayscale"), require_config.transforms.filter("backdropFilter"))
	},
	backdropHueRotate: {
		properties: ["--backdrop-hue-rotate"],
		transform: require_utils.pipe(require_config.transforms.deg, require_config.transforms.function("hue-rotate"), require_config.transforms.filter("backdropFilter"))
	},
	backdropInvert: {
		properties: ["--backdrop-invert"],
		transform: require_utils.pipe(require_config.transforms.function("invert"), require_config.transforms.filter("backdropFilter"))
	},
	backdropSaturate: {
		properties: ["--backdrop-saturate"],
		transform: require_utils.pipe(require_config.transforms.function("saturate"), require_config.transforms.filter("backdropFilter"))
	},
	backdropSepia: {
		properties: ["--backdrop-sepia"],
		transform: require_utils.pipe(require_config.transforms.function("sepia"), require_config.transforms.filter("backdropFilter"))
	},
	backfaceVisibility: {
		properties: ["backfaceVisibility"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	background: {
		properties: ["background"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	backgroundAttachment: true,
	backgroundBlendMode: true,
	backgroundClip: {
		properties: ["backgroundClip"],
		transform: require_config.transforms.bgClip
	},
	backgroundColor: {
		properties: ["backgroundColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	backgroundImage: {
		properties: ["backgroundImage"],
		token: "gradients",
		transform: require_utils.pipe(require_config.transforms.token("gradients"), require_config.transforms.gradient)
	},
	backgroundOrigin: true,
	backgroundPosition: true,
	backgroundPositionX: true,
	backgroundPositionY: true,
	backgroundRepeat: true,
	backgroundRepeatX: true,
	backgroundRepeatY: true,
	backgroundSize: true,
	baselineShift: true,
	baselineSource: true,
	blockSize: {
		properties: ["blockSize"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	blur: {
		properties: ["--blur"],
		token: "blurs",
		transform: require_utils.pipe(require_config.transforms.token("blurs"), require_config.transforms.function("blur"), require_config.transforms.filter())
	},
	border: {
		properties: ["border"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderBlock: {
		properties: ["borderBlock"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderBlockColor: {
		properties: ["borderBlockColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderBlockEnd: {
		properties: ["borderBlockEnd"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderBlockEndColor: {
		properties: ["borderBlockEndColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderBlockEndStyle: true,
	borderBlockEndWidth: {
		properties: ["borderBlockEndWidth"],
		transform: require_config.transforms.px
	},
	borderBlockStart: {
		properties: ["borderBlockStart"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderBlockStartColor: {
		properties: ["borderBlockStartColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderBlockStartStyle: true,
	borderBlockStartWidth: {
		properties: ["borderBlockStartWidth"],
		transform: require_config.transforms.px
	},
	borderBlockStyle: true,
	borderBlockWidth: {
		properties: ["borderBlockWidth"],
		transform: require_config.transforms.px
	},
	borderBottom: {
		properties: ["borderBottom"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderBottomColor: {
		properties: ["borderBottomColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderBottomLeftRadius: {
		properties: ["borderBottomLeftRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderBottomRadius: {
		properties: ["borderBottomLeftRadius", "borderBottomRightRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderBottomRightRadius: {
		properties: ["borderBottomRightRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderBottomStyle: true,
	borderBottomWidth: {
		properties: ["borderBottomWidth"],
		transform: require_config.transforms.px
	},
	borderCollapse: true,
	borderColor: {
		properties: ["borderColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderEndEndRadius: {
		properties: ["borderEndEndRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderEndStartRadius: {
		properties: ["borderEndStartRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderImage: {
		properties: ["borderImage"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderImageOutset: true,
	borderImageRepeat: true,
	borderImageSlice: true,
	borderImageSource: {
		properties: ["borderImageSource"],
		token: "gradients",
		transform: require_utils.pipe(require_config.transforms.token("gradients"), require_config.transforms.gradient)
	},
	borderImageWidth: {
		properties: ["borderImageWidth"],
		transform: require_config.transforms.px
	},
	borderInline: {
		properties: ["borderInline"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderInlineColor: {
		properties: ["borderInlineColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderInlineEnd: {
		properties: ["borderInlineEnd"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderInlineEndColor: {
		properties: ["borderInlineEndColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderInlineEndRadius: {
		properties: ["borderEndStartRadius", "borderEndEndRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderInlineEndStyle: true,
	borderInlineEndWidth: {
		properties: ["borderInlineEndWidth"],
		transform: require_config.transforms.px
	},
	borderInlineStart: {
		properties: ["borderInlineStart"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderInlineStartColor: {
		properties: ["borderInlineStartColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderInlineStartRadius: {
		properties: ["borderStartStartRadius", "borderStartEndRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderInlineStartStyle: true,
	borderInlineStartWidth: {
		properties: ["borderInlineStartWidth"],
		transform: require_config.transforms.px
	},
	borderInlineStyle: true,
	borderInlineWidth: {
		properties: ["borderInlineWidth"],
		transform: require_config.transforms.px
	},
	borderLeft: {
		properties: ["borderLeft"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderLeftColor: {
		properties: ["borderLeftColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderLeftRadius: {
		properties: ["borderTopLeftRadius", "borderBottomLeftRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderLeftStyle: true,
	borderLeftWidth: {
		properties: ["borderLeftWidth"],
		transform: require_config.transforms.px
	},
	borderRadius: {
		properties: ["borderRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderRight: {
		properties: ["borderRight"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderRightColor: {
		properties: ["borderRightColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderRightRadius: {
		properties: ["borderTopRightRadius", "borderBottomRightRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderRightStyle: true,
	borderRightWidth: {
		properties: ["borderRightWidth"],
		transform: require_config.transforms.px
	},
	borderSpacing: true,
	borderStartEndRadius: {
		properties: ["borderStartEndRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderStartStartRadius: {
		properties: ["borderStartStartRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderStyle: true,
	borderTop: {
		properties: ["borderTop"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderTopColor: {
		properties: ["borderTopColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	borderTopLeftRadius: {
		properties: ["borderTopLeftRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderTopRadius: {
		properties: ["borderTopLeftRadius", "borderTopRightRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderTopRightRadius: {
		properties: ["borderTopRightRadius"],
		token: "radii",
		transform: require_utils.pipe(require_config.transforms.token("radii"), require_config.transforms.px, require_config.transforms.calc("radii"))
	},
	borderTopStyle: true,
	borderTopWidth: {
		properties: ["borderTopWidth"],
		transform: require_config.transforms.px
	},
	borderWidth: {
		properties: ["borderWidth"],
		transform: require_config.transforms.px
	},
	borderX: {
		properties: ["borderLeft", "borderRight"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	borderY: {
		properties: ["borderTop", "borderBottom"],
		token: "borders",
		transform: require_utils.pipe(require_config.transforms.token("borders"), require_config.transforms.px)
	},
	bottom: {
		properties: ["bottom"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	boxAlign: true,
	boxDecorationBreak: true,
	boxDirection: true,
	boxFlex: true,
	boxFlexGroup: true,
	boxLines: true,
	boxOrdinalGroup: true,
	boxOrient: true,
	boxPack: true,
	boxShadow: {
		properties: ["boxShadow"],
		token: "shadows",
		transform: require_config.transforms.token("shadows")
	},
	boxSize: {
		properties: ["width", "height"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	boxSizing: true,
	breakAfter: true,
	breakBefore: true,
	breakInside: true,
	brightness: {
		properties: ["--brightness"],
		transform: require_utils.pipe(require_config.transforms.function("brightness"), require_config.transforms.filter())
	},
	captionSide: true,
	caretAnimation: true,
	caretColor: {
		properties: ["caretColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	caretShape: true,
	clear: true,
	clip: true,
	clipPath: true,
	clipRule: true,
	color: {
		properties: ["color"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	colorAdjust: true,
	colorInterpolation: true,
	colorInterpolationFilters: true,
	colorMode: { properties: ["colorScheme"] },
	columnCount: true,
	columnFill: true,
	columnGap: {
		properties: ["columnGap"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	columnRule: {
		properties: ["columnRule"],
		transform: require_config.transforms.px
	},
	columnRuleColor: {
		properties: ["columnRuleColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	columnRuleStyle: true,
	columnRuleWidth: {
		properties: ["columnRuleWidth"],
		transform: require_config.transforms.px
	},
	columns: true,
	columnSpan: true,
	columnWidth: {
		properties: ["columnWidth"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	contain: true,
	container: true,
	containerName: true,
	containerType: true,
	containIntrinsicBlockSize: true,
	containIntrinsicHeight: true,
	containIntrinsicInlineSize: true,
	containIntrinsicSize: true,
	containIntrinsicWidth: {
		properties: ["containIntrinsicWidth"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	content: true,
	contentVisibility: true,
	contrast: {
		properties: ["--contrast"],
		transform: require_utils.pipe(require_config.transforms.function("contrast"), require_config.transforms.filter())
	},
	cornerBlockEndShape: true,
	cornerBlockStartShape: true,
	cornerBottomLeftShape: true,
	cornerBottomRightShape: true,
	cornerBottomShape: true,
	cornerEndEndShape: true,
	cornerEndStartShape: true,
	cornerInlineEndShape: true,
	cornerInlineStartShape: true,
	cornerLeftShape: true,
	cornerRightShape: true,
	cornerShape: true,
	cornerStartEndShape: true,
	cornerStartStartShape: true,
	cornerTopLeftShape: true,
	cornerTopRightShape: true,
	cornerTopShape: true,
	counterIncrement: true,
	counterReset: true,
	counterSet: true,
	cursor: true,
	cx: true,
	cy: true,
	d: true,
	direction: true,
	display: { transform: require_config.transforms.display },
	dominantBaseline: true,
	dropShadow: {
		properties: ["--drop-shadow"],
		token: "shadows",
		transform: require_utils.pipe(require_config.transforms.token("shadows"), require_config.transforms.function("drop-shadow"), require_config.transforms.filter())
	},
	dynamicRangeLimit: true,
	emptyCells: true,
	fieldSizing: true,
	fill: {
		properties: ["fill"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	fillOpacity: true,
	fillRule: true,
	filter: true,
	flex: true,
	flexBasis: {
		properties: ["flexBasis"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	flexDirection: true,
	flexFlow: true,
	flexGrow: true,
	flexShrink: true,
	flexWrap: true,
	float: true,
	floodColor: {
		properties: ["floodColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	floodOpacity: true,
	focusRing: { transform: require_config.transforms.focusRing("&:is(:focus, [data-focus])") },
	focusRingColor: {
		properties: ["--focus-ring-color"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	focusRingOffset: {
		properties: ["--focus-ring-offset"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	focusRingStyle: { properties: ["--focus-ring-style"] },
	focusRingWidth: { properties: ["--focus-ring-width"] },
	focusVisibleRing: { transform: require_config.transforms.focusRing("&:is(:focus-visible, [data-focus-visible])") },
	font: true,
	fontFamily: {
		properties: ["fontFamily"],
		token: "fonts",
		transform: require_config.transforms.token("fonts")
	},
	fontFeatureSettings: true,
	fontKerning: true,
	fontLanguageOverride: true,
	fontOpticalSizing: true,
	fontPalette: true,
	fontSize: {
		properties: ["fontSize"],
		token: "fontSizes",
		transform: require_utils.pipe(require_config.transforms.token("fontSizes"), require_config.transforms.px, require_config.transforms.calc("fontSizes"))
	},
	fontSizeAdjust: true,
	fontSmooth: true,
	fontStretch: true,
	fontStyle: true,
	fontSynthesis: true,
	fontSynthesisPosition: true,
	fontSynthesisSmallCaps: true,
	fontSynthesisStyle: true,
	fontSynthesisWeight: true,
	fontVariant: true,
	fontVariantAlternates: true,
	fontVariantCaps: true,
	fontVariantEastAsian: true,
	fontVariantEmoji: true,
	fontVariantLigatures: true,
	fontVariantNumeric: true,
	fontVariantPosition: true,
	fontVariationSettings: true,
	fontWeight: {
		properties: ["fontWeight"],
		token: "fontWeights",
		transform: require_config.transforms.token("fontWeights")
	},
	fontWidth: true,
	forcedColorAdjust: true,
	gap: {
		properties: ["gap"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	glyphOrientationHorizontal: true,
	glyphOrientationVertical: true,
	grayscale: {
		properties: ["--grayscale"],
		transform: require_utils.pipe(require_config.transforms.function("grayscale"), require_config.transforms.filter())
	},
	grid: true,
	gridArea: true,
	gridAutoColumns: {
		properties: ["gridAutoColumns"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.grid)
	},
	gridAutoFlow: true,
	gridAutoRows: {
		properties: ["gridAutoRows"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.grid)
	},
	gridColumn: true,
	gridColumnEnd: true,
	gridColumnStart: true,
	gridRow: true,
	gridRowEnd: true,
	gridRowStart: true,
	gridTemplate: true,
	gridTemplateAreas: true,
	gridTemplateColumns: {
		properties: ["gridTemplateColumns"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.grid)
	},
	gridTemplateRows: {
		properties: ["gridTemplateRows"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.grid)
	},
	hangingPunctuation: true,
	height: {
		properties: ["height"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	hueRotate: {
		properties: ["--hue-rotate"],
		transform: require_utils.pipe(require_config.transforms.deg, require_config.transforms.function("hue-rotate"), require_config.transforms.filter())
	},
	hyphenateCharacter: true,
	hyphenateLimitChars: true,
	hyphens: true,
	imageOrientation: true,
	imageRendering: true,
	imeMode: true,
	initialLetter: true,
	inlineSize: {
		properties: ["inlineSize"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	inset: {
		properties: ["inset"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	insetBlock: {
		properties: ["insetBlock"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	insetBlockEnd: {
		properties: ["insetBlockEnd"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	insetBlockStart: {
		properties: ["insetBlockStart"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	insetInline: {
		properties: ["insetInline"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	insetInlineEnd: {
		properties: ["insetInlineEnd"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	insetInlineStart: {
		properties: ["insetInlineStart"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	insetX: {
		properties: ["left", "right"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	insetY: {
		properties: ["top", "bottom"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	interactivity: true,
	interestDelay: true,
	interestDelayEnd: true,
	interestDelayStart: true,
	interpolateSize: true,
	invert: {
		properties: ["--invert"],
		transform: require_utils.pipe(require_config.transforms.function("invert"), require_config.transforms.filter())
	},
	isolation: true,
	justifyContent: true,
	justifyItems: true,
	justifySelf: true,
	left: {
		properties: ["left"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	letterSpacing: {
		properties: ["letterSpacing"],
		token: "letterSpacings",
		transform: require_config.transforms.token("letterSpacings")
	},
	lightingColor: {
		properties: ["lightingColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	lineBreak: true,
	lineHeight: {
		properties: ["lineHeight"],
		token: "lineHeights",
		transform: require_config.transforms.token("lineHeights")
	},
	listStyle: true,
	listStyleImage: {
		properties: ["listStyleImage"],
		token: "gradients",
		transform: require_utils.pipe(require_config.transforms.token("gradients"), require_config.transforms.gradient)
	},
	listStylePosition: true,
	listStyleType: true,
	margin: {
		properties: ["margin"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginBlock: {
		properties: ["marginBlock"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginBlockEnd: {
		properties: ["marginBlockEnd"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginBlockStart: {
		properties: ["marginBlockStart"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginBottom: {
		properties: ["marginBottom"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginInline: {
		properties: ["marginInline"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginInlineEnd: {
		properties: ["marginInlineEnd"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginInlineStart: {
		properties: ["marginInlineStart"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginLeft: {
		properties: ["marginLeft"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginRight: {
		properties: ["marginRight"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginTop: {
		properties: ["marginTop"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginTrim: true,
	marginX: {
		properties: ["marginInlineStart", "marginInlineEnd"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marginY: {
		properties: ["marginTop", "marginBottom"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	marker: true,
	markerEnd: true,
	markerMid: true,
	markerStart: true,
	mask: true,
	maskBorder: true,
	maskBorderOutset: true,
	maskBorderRepeat: true,
	maskBorderSlice: true,
	maskBorderSource: true,
	maskBorderWidth: {
		properties: ["maskBorderWidth"],
		transform: require_config.transforms.px
	},
	maskClip: true,
	maskComposite: true,
	maskImage: {
		properties: ["maskImage"],
		token: "gradients",
		transform: require_utils.pipe(require_config.transforms.token("gradients"), require_config.transforms.gradient)
	},
	maskMode: true,
	maskOrigin: true,
	maskPosition: true,
	maskRepeat: true,
	maskSize: true,
	maskType: true,
	mathDepth: true,
	mathShift: true,
	mathStyle: true,
	maxBlockSize: {
		properties: ["maxBlockSize"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	maxBoxSize: {
		properties: ["maxWidth", "maxHeight"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	maxHeight: {
		properties: ["maxHeight"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	maxInlineSize: {
		properties: ["maxInlineSize"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	maxWidth: {
		properties: ["maxWidth"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	minBlockSize: {
		properties: ["minBlockSize"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	minBoxSize: {
		properties: ["minWidth", "minHeight"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	minHeight: {
		properties: ["minHeight"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	minInlineSize: {
		properties: ["minInlineSize"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	minWidth: {
		properties: ["minWidth"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	mixBlendMode: true,
	objectFit: true,
	objectPosition: true,
	objectViewBox: true,
	offset: true,
	offsetAnchor: true,
	offsetDistance: true,
	offsetPath: true,
	offsetPosition: true,
	offsetRotate: true,
	opacity: true,
	order: true,
	orphans: true,
	outline: true,
	outlineColor: {
		properties: ["outlineColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	outlineOffset: true,
	outlineStyle: true,
	outlineWidth: {
		properties: ["outlineWidth"],
		transform: require_config.transforms.px
	},
	overflow: true,
	overflowAnchor: true,
	overflowBlock: true,
	overflowClipMargin: true,
	overflowInline: true,
	overflowWrap: true,
	overflowX: true,
	overflowY: true,
	overlay: true,
	overscrollBehavior: true,
	overscrollBehaviorBlock: true,
	overscrollBehaviorInline: true,
	overscrollBehaviorX: true,
	overscrollBehaviorY: true,
	padding: {
		properties: ["padding"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingBlock: {
		properties: ["paddingBlock"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingBlockEnd: {
		properties: ["paddingBlockEnd"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingBlockStart: {
		properties: ["paddingBlockStart"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingBottom: {
		properties: ["paddingBottom"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingInline: {
		properties: ["paddingInline"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingInlineEnd: {
		properties: ["paddingInlineEnd"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingInlineStart: {
		properties: ["paddingInlineStart"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingLeft: {
		properties: ["paddingLeft"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingRight: {
		properties: ["paddingRight"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingTop: {
		properties: ["paddingTop"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingX: {
		properties: ["paddingInlineStart", "paddingInlineEnd"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	paddingY: {
		properties: ["paddingTop", "paddingBottom"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	page: true,
	pageBreakAfter: true,
	pageBreakBefore: true,
	pageBreakInside: true,
	paintOrder: true,
	perspective: true,
	perspectiveOrigin: true,
	placeContent: true,
	placeItems: true,
	placeSelf: true,
	pointerEvents: true,
	position: true,
	positionAnchor: true,
	positionArea: true,
	positionTry: true,
	positionTryFallbacks: true,
	positionTryOrder: true,
	positionVisibility: true,
	printColorAdjust: true,
	quotes: true,
	r: true,
	readingFlow: true,
	readingOrder: true,
	resize: true,
	right: {
		properties: ["right"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	rotate: {
		properties: ["rotate"],
		transform: require_config.transforms.deg
	},
	rotateX: {
		properties: ["--rotate-x"],
		transform: require_utils.pipe(require_config.transforms.deg, require_config.transforms.function("rotateX"), require_config.transforms.transform)
	},
	rotateY: {
		properties: ["--rotate-y"],
		transform: require_utils.pipe(require_config.transforms.deg, require_config.transforms.function("rotateY"), require_config.transforms.transform)
	},
	rotateZ: {
		properties: ["--rotate-z"],
		transform: require_utils.pipe(require_config.transforms.deg, require_config.transforms.function("rotateZ"), require_config.transforms.transform)
	},
	rowGap: {
		properties: ["rowGap"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	rubyAlign: true,
	rubyOverhang: true,
	rubyPosition: true,
	rx: true,
	ry: true,
	saturate: {
		properties: ["--saturate"],
		transform: require_utils.pipe(require_config.transforms.function("saturate"), require_config.transforms.filter())
	},
	scale: true,
	scaleX: {
		properties: ["--scale-x"],
		transform: require_utils.pipe(require_config.transforms.function("scaleX"), require_config.transforms.transform)
	},
	scaleY: {
		properties: ["--scale-y"],
		transform: require_utils.pipe(require_config.transforms.function("scaleY"), require_config.transforms.transform)
	},
	scaleZ: {
		properties: ["--scale-z"],
		transform: require_utils.pipe(require_config.transforms.function("scaleZ"), require_config.transforms.transform)
	},
	scrollbarColor: {
		properties: ["scrollbarColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	scrollbarGutter: true,
	scrollbarWidth: {
		properties: ["scrollbarWidth"],
		transform: require_config.transforms.px
	},
	scrollBehavior: true,
	scrollInitialTarget: true,
	scrollMargin: {
		properties: ["scrollMargin"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollMarginBlock: true,
	scrollMarginBlockEnd: true,
	scrollMarginBlockStart: true,
	scrollMarginBottom: {
		properties: ["scrollMarginBottom"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollMarginInline: true,
	scrollMarginInlineEnd: true,
	scrollMarginInlineStart: true,
	scrollMarginLeft: {
		properties: ["scrollMarginLeft"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollMarginRight: {
		properties: ["scrollMarginRight"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollMarginTop: {
		properties: ["scrollMarginTop"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollMarginX: {
		properties: ["scrollMarginLeft", "scrollMarginRight"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollMarginY: {
		properties: ["scrollMarginTop", "scrollMarginBottom"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollMarkerGroup: true,
	scrollPadding: {
		properties: ["scrollPadding"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollPaddingBlock: true,
	scrollPaddingBlockEnd: true,
	scrollPaddingBlockStart: true,
	scrollPaddingBottom: {
		properties: ["scrollPaddingBottom"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollPaddingInline: true,
	scrollPaddingInlineEnd: true,
	scrollPaddingInlineStart: true,
	scrollPaddingLeft: {
		properties: ["scrollPaddingLeft"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollPaddingRight: {
		properties: ["scrollPaddingRight"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollPaddingTop: {
		properties: ["scrollPaddingTop"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollPaddingX: {
		properties: ["scrollPaddingLeft", "scrollPaddingRight"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollPaddingY: {
		properties: ["scrollPaddingTop", "scrollPaddingBottom"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	scrollSnapAlign: true,
	scrollSnapStop: true,
	scrollSnapType: true,
	scrollTargetGroup: true,
	scrollTimeline: true,
	scrollTimelineAxis: true,
	scrollTimelineName: true,
	sepia: {
		properties: ["--sepia"],
		transform: require_utils.pipe(require_config.transforms.function("sepia"), require_config.transforms.filter())
	},
	shapeImageThreshold: true,
	shapeMargin: true,
	shapeOutside: true,
	shapeRendering: true,
	skewX: {
		properties: ["--skew-x"],
		transform: require_utils.pipe(require_config.transforms.deg, require_config.transforms.function("skewX"), require_config.transforms.transform)
	},
	skewY: {
		properties: ["--skew-y"],
		transform: require_utils.pipe(require_config.transforms.deg, require_config.transforms.function("skewY"), require_config.transforms.transform)
	},
	speak: true,
	speakAs: true,
	stopColor: true,
	stopOpacity: true,
	stroke: {
		properties: ["stroke"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	strokeColor: true,
	strokeDasharray: true,
	strokeDashoffset: true,
	strokeLinecap: true,
	strokeLinejoin: true,
	strokeMiterlimit: true,
	strokeOpacity: true,
	strokeWidth: {
		properties: ["strokeWidth"],
		transform: require_config.transforms.px
	},
	tableLayout: true,
	tabSize: true,
	textAlign: true,
	textAlignLast: true,
	textAnchor: true,
	textAutospace: true,
	textBox: true,
	textBoxEdge: true,
	textBoxTrim: true,
	textCombineUpright: true,
	textDecoration: true,
	textDecorationColor: {
		properties: ["textDecorationColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	textDecorationInset: true,
	textDecorationLine: true,
	textDecorationSkip: true,
	textDecorationSkipInk: true,
	textDecorationStyle: true,
	textDecorationThickness: true,
	textEmphasis: true,
	textEmphasisColor: {
		properties: ["textEmphasisColor"],
		token: "colors",
		transform: require_utils.pipe(require_config.transforms.token("colors"), require_config.transforms.colorMix)
	},
	textEmphasisPosition: true,
	textEmphasisStyle: true,
	textIndent: true,
	textJustify: true,
	textOrientation: true,
	textOverflow: true,
	textRendering: true,
	textShadow: {
		properties: ["textShadow"],
		token: "shadows",
		transform: require_config.transforms.token("shadows")
	},
	textSizeAdjust: true,
	textSpacingTrim: true,
	textTransform: true,
	textUnderlineOffset: true,
	textUnderlinePosition: true,
	textWrap: true,
	textWrapMode: true,
	textWrapStyle: true,
	timelineScope: true,
	top: {
		properties: ["top"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.calc("spaces"))
	},
	touchAction: true,
	transform: true,
	transformBox: true,
	transformOrigin: true,
	transformStyle: true,
	transition: { transform: require_config.transforms.transition() },
	transitionBehavior: true,
	transitionDelay: true,
	transitionDuration: {
		properties: ["transitionDuration"],
		token: "durations",
		transform: require_config.transforms.token("durations")
	},
	transitionProperty: { transform: require_config.transforms.transition("property") },
	transitionTimingFunction: {
		properties: ["transitionTimingFunction"],
		token: "easings",
		transform: require_config.transforms.token("easings")
	},
	translateX: {
		properties: ["--translate-x"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.function("translateX"), require_config.transforms.calc("spaces"), require_config.transforms.transform)
	},
	translateY: {
		properties: ["--translate-y"],
		token: "spaces",
		transform: require_utils.pipe(require_config.transforms.token("spaces"), require_config.transforms.px, require_config.transforms.function("translateY"), require_config.transforms.calc("spaces"), require_config.transforms.transform)
	},
	translateZ: {
		properties: ["--translate-z"],
		transform: require_utils.pipe(require_config.transforms.function("translateZ"), require_config.transforms.transform)
	},
	unicodeBidi: true,
	userModify: true,
	userSelect: true,
	vectorEffect: true,
	verticalAlign: true,
	viewTimeline: true,
	viewTimelineAxis: true,
	viewTimelineInset: true,
	viewTimelineName: true,
	viewTransitionClass: true,
	viewTransitionGroup: true,
	viewTransitionName: true,
	visibility: true,
	whiteSpace: true,
	whiteSpaceCollapse: true,
	widows: true,
	width: {
		properties: ["width"],
		token: "sizes",
		transform: require_utils.pipe(require_config.transforms.token("sizes"), require_config.transforms.fraction, require_config.transforms.px, require_config.transforms.calc("sizes"))
	},
	willChange: true,
	wordBreak: true,
	wordSpacing: true,
	writingMode: true,
	x: true,
	y: true,
	zIndex: {
		properties: ["zIndex"],
		token: "zIndices",
		transform: require_config.transforms.token("zIndices")
	},
	zoom: true
};
const shorthandStyles = {
	accent: standardStyles.accentColor,
	bg: standardStyles.background,
	bgAttachment: { properties: ["backgroundAttachment"] },
	bgBlendMode: { properties: ["backgroundBlendMode"] },
	bgClip: standardStyles.backgroundClip,
	bgColor: standardStyles.backgroundColor,
	bgGradient: standardStyles.backgroundImage,
	bgImage: standardStyles.backgroundImage,
	bgImg: standardStyles.backgroundImage,
	bgOrigin: { properties: ["backgroundOrigin"] },
	bgPosition: { properties: ["backgroundPosition"] },
	bgPositionX: { properties: ["backgroundPositionX"] },
	bgPositionY: { properties: ["backgroundPositionY"] },
	bgPosX: { properties: ["backgroundPositionX"] },
	bgPosY: { properties: ["backgroundPositionY"] },
	bgRepeat: { properties: ["backgroundRepeat"] },
	bgSize: { properties: ["backgroundSize"] },
	blendMode: { properties: ["mixBlendM