Style Props

Style Props is a feature that allows you to customize the style of a component.

Here's a list of all the Style Props available in the library.

Prop	CSS Property	Theme Token
`accent`	accent-color	colors
`accentColor`	accent-color	colors
`alignContent`	align-content	-
`alignItems`	align-items	-
`alignmentBaseline`	alignment-baseline	-
`alignSelf`	align-self	-
`all`	all	-
`anchorName`	anchor-name	-
`anchorScope`	anchor-scope	-
`animation`	animation	animations
`animationComposition`	animation-composition	-
`animationDelay`	animation-delay	-
`animationDirection`	animation-direction	-
`animationDuration`	animation-duration	durations
`animationFillMode`	animation-fill-mode	-
`animationIterationCount`	animation-iteration-count	-
`animationName`	animation-name	keyframes
`animationPlayState`	animation-play-state	-
`animationRange`	animation-range	-
`animationRangeEnd`	animation-range-end	-
`animationRangeStart`	animation-range-start	-
`animationTimeline`	animation-timeline	-
`animationTimingFunction`	animation-timing-function	easings
`appearance`	appearance	-
`apply`	-	-
`aspectRatio`	aspect-ratio	aspectRatios
`backdropBlur`	`--backdrop-blur`	blurs
`backdropBrightness`	`--backdrop-brightness`	-
`backdropContrast`	`--backdrop-contrast`	-
`backdropDropShadow`	`--backdrop-drop-shadow`	shadows
`backdropFilter`	backdrop-filter	-
`backdropGrayscale`	`--backdrop-grayscale`	-
`backdropHueRotate`	`--backdrop-hue-rotate`	-
`backdropInvert`	`--backdrop-invert`	-
`backdropSaturate`	`--backdrop-saturate`	-
`backdropSepia`	`--backdrop-sepia`	-
`backfaceVisibility`	backface-visibility	sizes
`background`	background	colors
`backgroundAttachment`	background-attachment	-
`backgroundBlendMode`	background-blend-mode	-
`backgroundClip`	background-clip	-
`backgroundColor`	background-color	colors
`backgroundImage`	background-image	gradients
`backgroundOrigin`	background-origin	-
`backgroundPosition`	background-position	-
`backgroundPositionX`	background-position-x	-
`backgroundPositionY`	background-position-y	-
`backgroundRepeat`	background-repeat	-
`backgroundRepeatX`	background-repeat-x	-
`backgroundRepeatY`	background-repeat-y	-
`backgroundSize`	background-size	-
`baselineShift`	baseline-shift	-
`baselineSource`	baseline-source	-
`bg`	background	colors
`bgAttachment`	background-attachment	-
`bgBlendMode`	background-blend-mode	-
`bgClip`	background-clip	-
`bgColor`	background-color	colors
`bgGradient`	background-image	gradients
`bgImage`	background-image	gradients
`bgImg`	background-image	gradients
`bgOrigin`	background-origin	-
`bgPosition`	background-position	-
`bgPositionX`	background-position-x	-
`bgPositionY`	background-position-y	-
`bgPosX`	background-position-x	-
`bgPosY`	background-position-y	-
`bgRepeat`	background-repeat	-
`bgSize`	background-size	-
`blendMode`	mix-blend-mode	-
`blockSize`	block-size	sizes
`blur`	`--blur`	blurs
`border`	border	borders
`borderBlock`	border-block	borders
`borderBlockColor`	border-block-color	colors
`borderBlockEnd`	border-block-end	borders
`borderBlockEndColor`	border-block-end-color	colors
`borderBlockEndStyle`	border-block-end-style	-
`borderBlockEndWidth`	border-block-end-width	-
`borderBlockStart`	border-block-start	borders
`borderBlockStartColor`	border-block-start-color	colors
`borderBlockStartStyle`	border-block-start-style	-
`borderBlockStartWidth`	border-block-start-width	-
`borderBlockStyle`	border-block-style	-
`borderBlockWidth`	border-block-width	-
`borderBottom`	border-bottom	borders
`borderBottomColor`	border-bottom-color	colors
`borderBottomEndRadius`	border-end-end-radius	radii
`borderBottomLeftRadius`	border-bottom-left-radius	radii
`borderBottomRadius`	border-bottom-left-radius border-bottom-right-radius	radii
`borderBottomRightRadius`	border-bottom-right-radius	radii
`borderBottomStartRadius`	border-end-start-radius	radii
`borderBottomStyle`	border-bottom-style	-
`borderBottomWidth`	border-bottom-width	-
`borderCollapse`	border-collapse	-
`borderColor`	border-color	colors
`borderEnd`	border-inline-end	borders
`borderEndColor`	border-inline-end-color	colors
`borderEndEndRadius`	border-end-end-radius	radii
`borderEndRadius`	border-end-start-radius border-end-end-radius	radii
`borderEndStartRadius`	border-end-start-radius	radii
`borderEndStyle`	border-inline-end-style	-
`borderEndWidth`	border-inline-end-width	-
`borderImage`	border-image	borders
`borderImageOutset`	border-image-outset	-
`borderImageRepeat`	border-image-repeat	-
`borderImageSlice`	border-image-slice	-
`borderImageSource`	border-image-source	gradients
`borderImageWidth`	border-image-width	-
`borderInline`	border-inline	borders
`borderInlineColor`	border-inline-color	colors
`borderInlineEnd`	border-inline-end	borders
`borderInlineEndColor`	border-inline-end-color	colors
`borderInlineEndRadius`	border-end-start-radius border-end-end-radius	radii
`borderInlineEndStyle`	border-inline-end-style	-
`borderInlineEndWidth`	border-inline-end-width	-
`borderInlineStart`	border-inline-start	borders
`borderInlineStartColor`	border-inline-start-color	colors
`borderInlineStartRadius`	border-start-start-radius border-start-end-radius	radii
`borderInlineStartStyle`	border-inline-start-style	-
`borderInlineStartWidth`	border-inline-start-width	-
`borderInlineStyle`	border-inline-style	-
`borderInlineWidth`	border-inline-width	-
`borderLeft`	border-left	borders
`borderLeftColor`	border-left-color	colors
`borderLeftRadius`	border-top-left-radius border-bottom-left-radius	radii
`borderLeftStyle`	border-left-style	-
`borderLeftWidth`	border-left-width	-
`borderRadius`	border-radius	radii
`borderRight`	border-right	borders
`borderRightColor`	border-right-color	colors
`borderRightRadius`	border-top-right-radius border-bottom-right-radius	radii
`borderRightStyle`	border-right-style	-
`borderRightWidth`	border-right-width	-
`borderSpacing`	border-spacing	-
`borderStart`	border-inline-start	borders
`borderStartColor`	border-inline-start-color	colors
`borderStartEndRadius`	border-start-end-radius	radii
`borderStartRadius`	border-start-start-radius border-start-end-radius	radii
`borderStartStartRadius`	border-start-start-radius	radii
`borderStartStyle`	border-inline-start-style	-
`borderStartWidth`	border-inline-start-width	-
`borderStyle`	border-style	-
`borderTop`	border-top	borders
`borderTopColor`	border-top-color	colors
`borderTopEndRadius`	border-start-end-radius	radii
`borderTopLeftRadius`	border-top-left-radius	radii
`borderTopRadius`	border-top-left-radius border-top-right-radius	radii
`borderTopRightRadius`	border-top-right-radius	radii
`borderTopStartRadius`	border-start-start-radius	radii
`borderTopStyle`	border-top-style	-
`borderTopWidth`	border-top-width	-
`borderWidth`	border-width	-
`borderX`	border-left border-right	borders
`borderY`	border-top border-bottom	borders
`bottom`	bottom	spaces
`boxAlign`	box-align	-
`boxDecorationBreak`	box-decoration-break	-
`boxDirection`	box-direction	-
`boxFlex`	box-flex	-
`boxFlexGroup`	box-flex-group	-
`boxLines`	box-lines	-
`boxOrdinalGroup`	box-ordinal-group	-
`boxOrient`	box-orient	-
`boxPack`	box-pack	-
`boxShadow`	box-shadow	shadows
`boxSize`	width height	sizes
`boxSizing`	box-sizing	-
`breakAfter`	break-after	-
`breakBefore`	break-before	-
`breakInside`	break-inside	-
`brightness`	`--brightness`	-
`captionSide`	caption-side	-
`caret`	caret-color	colors
`caretAnimation`	caret-animation	-
`caretColor`	caret-color	colors
`caretShape`	caret-shape	-
`clear`	clear	-
`clip`	clip	-
`clipPath`	clip-path	-
`clipRule`	clip-rule	-
`color`	color	colors
`colorAdjust`	color-adjust	-
`colorInterpolation`	color-interpolation	-
`colorInterpolationFilters`	color-interpolation-filters	-
`colorMode`	color-scheme	-
`colorScheme`	-	-
`columnCount`	column-count	-
`columnFill`	column-fill	-
`columnGap`	column-gap	spaces
`columnRule`	column-rule	-
`columnRuleColor`	column-rule-color	colors
`columnRuleStyle`	column-rule-style	-
`columnRuleWidth`	column-rule-width	-
`columns`	columns	-
`columnSpan`	column-span	-
`columnWidth`	column-width	sizes
`contain`	contain	-
`container`	container	-
`containerName`	container-name	-
`containerType`	container-type	-
`containIntrinsicBlockSize`	contain-intrinsic-block-size	-
`containIntrinsicHeight`	contain-intrinsic-height	-
`containIntrinsicInlineSize`	contain-intrinsic-inline-size	-
`containIntrinsicSize`	contain-intrinsic-size	-
`containIntrinsicWidth`	contain-intrinsic-width	sizes
`content`	content	-
`contentVisibility`	content-visibility	-
`contrast`	`--contrast`	-
`cornerBlockEndShape`	corner-block-end-shape	-
`cornerBlockStartShape`	corner-block-start-shape	-
`cornerBottomLeftShape`	corner-bottom-left-shape	-
`cornerBottomRightShape`	corner-bottom-right-shape	-
`cornerBottomShape`	corner-bottom-shape	-
`cornerEndEndShape`	corner-end-end-shape	-
`cornerEndStartShape`	corner-end-start-shape	-
`cornerInlineEndShape`	corner-inline-end-shape	-
`cornerInlineStartShape`	corner-inline-start-shape	-
`cornerLeftShape`	corner-left-shape	-
`cornerRightShape`	corner-right-shape	-
`cornerShape`	corner-shape	-
`cornerStartEndShape`	corner-start-end-shape	-
`cornerStartStartShape`	corner-start-start-shape	-
`cornerTopLeftShape`	corner-top-left-shape	-
`cornerTopRightShape`	corner-top-right-shape	-
`cornerTopShape`	corner-top-shape	-
`counterIncrement`	counter-increment	-
`counterReset`	counter-reset	-
`counterSet`	counter-set	-
`cursor`	cursor	-
`cx`	cx	-
`cy`	cy	-
`d`	d	-
`direction`	direction	-
`display`	-	-
`dominantBaseline`	dominant-baseline	-
`dropShadow`	`--drop-shadow`	shadows
`dynamicRangeLimit`	dynamic-range-limit	-
`emptyCells`	empty-cells	-
`fieldSizing`	field-sizing	-
`fill`	fill	colors
`fillOpacity`	fill-opacity	-
`fillRule`	fill-rule	-
`filter`	filter	-
`flex`	flex	-
`flexBasis`	flex-basis	sizes
`flexDir`	flex-direction	-
`flexDirection`	flex-direction	-
`flexFlow`	flex-flow	-
`flexGrow`	flex-grow	-
`flexShrink`	flex-shrink	-
`flexWrap`	flex-wrap	-
`float`	float	-
`floodColor`	flood-color	colors
`floodOpacity`	flood-opacity	-
`focusRing`	-	-
`focusRingColor`	`--focus-ring-color`	colors
`focusRingOffset`	`--focus-ring-offset`	spaces
`focusRingStyle`	`--focus-ring-style`	-
`focusRingWidth`	`--focus-ring-width`	-
`focusVisibleRing`	-	-
`font`	font	-
`fontFamily`	font-family	fonts
`fontFeatureSettings`	font-feature-settings	-
`fontKerning`	font-kerning	-
`fontLanguageOverride`	font-language-override	-
`fontOpticalSizing`	font-optical-sizing	-
`fontPalette`	font-palette	-
`fontSize`	font-size	fontSizes
`fontSizeAdjust`	font-size-adjust	-
`fontSmooth`	font-smooth	-
`fontStretch`	font-stretch	-
`fontStyle`	font-style	-
`fontSynthesis`	font-synthesis	-
`fontSynthesisPosition`	font-synthesis-position	-
`fontSynthesisSmallCaps`	font-synthesis-small-caps	-
`fontSynthesisStyle`	font-synthesis-style	-
`fontSynthesisWeight`	font-synthesis-weight	-
`fontVariant`	font-variant	-
`fontVariantAlternates`	font-variant-alternates	-
`fontVariantCaps`	font-variant-caps	-
`fontVariantEastAsian`	font-variant-east-asian	-
`fontVariantEmoji`	font-variant-emoji	-
`fontVariantLigatures`	font-variant-ligatures	-
`fontVariantNumeric`	font-variant-numeric	-
`fontVariantPosition`	font-variant-position	-
`fontVariationSettings`	font-variation-settings	-
`fontWeight`	font-weight	fontWeights
`fontWidth`	font-width	-
`forcedColorAdjust`	forced-color-adjust	-
`g`	gap	spaces
`gap`	gap	spaces
`gapX`	column-gap	spaces
`gapY`	row-gap	spaces
`glyphOrientationHorizontal`	glyph-orientation-horizontal	-
`glyphOrientationVertical`	glyph-orientation-vertical	-
`grayscale`	`--grayscale`	-
`grid`	grid	-
`gridArea`	grid-area	-
`gridAutoColumns`	grid-auto-columns	sizes
`gridAutoFlow`	grid-auto-flow	-
`gridAutoRows`	grid-auto-rows	sizes
`gridColumn`	grid-column	-
`gridColumnEnd`	grid-column-end	-
`gridColumnStart`	grid-column-start	-
`gridRow`	grid-row	-
`gridRowEnd`	grid-row-end	-
`gridRowStart`	grid-row-start	-
`gridTemplate`	grid-template	-
`gridTemplateAreas`	grid-template-areas	-
`gridTemplateColumns`	grid-template-columns	sizes
`gridTemplateRows`	grid-template-rows	sizes
`gx`	column-gap	spaces
`gy`	row-gap	spaces
`h`	height	sizes
`hangingPunctuation`	hanging-punctuation	-
`height`	height	sizes
`hueRotate`	`--hue-rotate`	-
`hyphenateCharacter`	hyphenate-character	-
`hyphenateLimitChars`	hyphenate-limit-chars	-
`hyphens`	hyphens	-
`imageOrientation`	image-orientation	-
`imageRendering`	image-rendering	-
`imeMode`	ime-mode	-
`initialLetter`	initial-letter	-
`inlineSize`	inline-size	sizes
`inset`	inset	spaces
`insetBlock`	inset-block	spaces
`insetBlockEnd`	inset-block-end	spaces
`insetBlockStart`	inset-block-start	spaces
`insetEnd`	inset-inline-end	spaces
`insetInline`	inset-inline	spaces
`insetInlineEnd`	inset-inline-end	spaces
`insetInlineStart`	inset-inline-start	spaces
`insetStart`	inset-inline-start	spaces
`insetX`	left right	spaces
`insetY`	top bottom	spaces
`interactivity`	interactivity	-
`interestDelay`	interest-delay	-
`interestDelayEnd`	interest-delay-end	-
`interestDelayStart`	interest-delay-start	-
`interpolateSize`	interpolate-size	-
`invert`	`--invert`	-
`isolation`	isolation	-
`justifyContent`	justify-content	-
`justifyItems`	justify-items	-
`justifySelf`	justify-self	-
`layerStyle`	-	-
`leading`	line-height	lineHeights
`left`	left	spaces
`letterSpacing`	letter-spacing	letterSpacings
`lightingColor`	lighting-color	colors
`lineBreak`	line-break	-
`lineClamp`	`--line-clamp`	-
`lineHeight`	line-height	lineHeights
`listStyle`	list-style	-
`listStyleImage`	list-style-image	gradients
`listStyleImg`	list-style-image	gradients
`listStylePos`	list-style-position	-
`listStylePosition`	list-style-position	-
`listStyleType`	list-style-type	-
`m`	margin	spaces
`margin`	margin	spaces
`marginBlock`	margin-block	spaces
`marginBlockEnd`	margin-block-end	spaces
`marginBlockStart`	margin-block-start	spaces
`marginBottom`	margin-bottom	spaces
`marginEnd`	margin-inline-end	spaces
`marginInline`	margin-inline	spaces
`marginInlineEnd`	margin-inline-end	spaces
`marginInlineStart`	margin-inline-start	spaces
`marginLeft`	margin-left	spaces
`marginRight`	margin-right	spaces
`marginStart`	margin-inline-start	spaces
`marginTop`	margin-top	spaces
`marginTrim`	margin-trim	-
`marginX`	margin-inline-start margin-inline-end	spaces
`marginY`	margin-top margin-bottom	spaces
`marker`	marker	-
`markerEnd`	marker-end	-
`markerMid`	marker-mid	-
`markerStart`	marker-start	-
`mask`	mask	-
`maskBorder`	mask-border	-
`maskBorderOutset`	mask-border-outset	-
`maskBorderRepeat`	mask-border-repeat	-
`maskBorderSlice`	mask-border-slice	-
`maskBorderSource`	mask-border-source	-
`maskBorderWidth`	mask-border-width	-
`maskClip`	mask-clip	-
`maskComposite`	mask-composite	-
`maskImage`	mask-image	gradients
`maskMode`	mask-mode	-
`maskOrigin`	mask-origin	-
`maskPosition`	mask-position	-
`maskRepeat`	mask-repeat	-
`maskSize`	mask-size	-
`maskType`	mask-type	-
`mathDepth`	math-depth	-
`mathShift`	math-shift	-
`mathStyle`	math-style	-
`maxBlockSize`	max-block-size	sizes
`maxBoxSize`	max-width max-height	sizes
`maxH`	max-height	sizes
`maxHeight`	max-height	sizes
`maxInlineSize`	max-inline-size	sizes
`maxW`	max-width	sizes
`maxWidth`	max-width	sizes
`mb`	margin-bottom	spaces
`me`	margin-inline-end	spaces
`minBlockSize`	min-block-size	sizes
`minBoxSize`	min-width min-height	sizes
`minH`	min-height	sizes
`minHeight`	min-height	sizes
`minInlineSize`	min-inline-size	sizes
`minW`	min-width	sizes
`minWidth`	min-width	sizes
`mixBlendMode`	mix-blend-mode	-
`ml`	margin-left	spaces
`mr`	margin-right	spaces
`ms`	margin-inline-start	spaces
`mt`	margin-top	spaces
`mx`	margin-inline-start margin-inline-end	spaces
`my`	margin-top margin-bottom	spaces
`objectFit`	object-fit	-
`objectPosition`	object-position	-
`objectViewBox`	object-view-box	-
`offset`	offset	-
`offsetAnchor`	offset-anchor	-
`offsetDistance`	offset-distance	-
`offsetPath`	offset-path	-
`offsetPosition`	offset-position	-
`offsetRotate`	offset-rotate	-
`opacity`	opacity	-
`order`	order	-
`orphans`	orphans	-
`outline`	outline	-
`outlineColor`	outline-color	colors
`outlineOffset`	outline-offset	-
`outlineStyle`	outline-style	-
`outlineWidth`	outline-width	-
`overflow`	overflow	-
`overflowAnchor`	overflow-anchor	-
`overflowBlock`	overflow-block	-
`overflowClipMargin`	overflow-clip-margin	-
`overflowInline`	overflow-inline	-
`overflowWrap`	overflow-wrap	-
`overflowX`	overflow-x	-
`overflowY`	overflow-y	-
`overlay`	overlay	-
`overscroll`	overscroll-behavior	-
`overscrollBehavior`	overscroll-behavior	-
`overscrollBehaviorBlock`	overscroll-behavior-block	-
`overscrollBehaviorInline`	overscroll-behavior-inline	-
`overscrollBehaviorX`	overscroll-behavior-x	-
`overscrollBehaviorY`	overscroll-behavior-y	-
`overscrollX`	overscroll-behavior-x	-
`overscrollY`	overscroll-behavior-y	-
`p`	padding	spaces
`padding`	padding	spaces
`paddingBlock`	padding-block	spaces
`paddingBlockEnd`	padding-block-end	spaces
`paddingBlockStart`	padding-block-start	spaces
`paddingBottom`	padding-bottom	spaces
`paddingEnd`	padding-inline-end	spaces
`paddingInline`	padding-inline	spaces
`paddingInlineEnd`	padding-inline-end	spaces
`paddingInlineStart`	padding-inline-start	spaces
`paddingLeft`	padding-left	spaces
`paddingRight`	padding-right	spaces
`paddingStart`	padding-inline-start	spaces
`paddingTop`	padding-top	spaces
`paddingX`	padding-inline-start padding-inline-end	spaces
`paddingY`	padding-top padding-bottom	spaces
`page`	page	-
`pageBreakAfter`	page-break-after	-
`pageBreakBefore`	page-break-before	-
`pageBreakInside`	page-break-inside	-
`paintOrder`	paint-order	-
`pb`	padding-bottom	spaces
`pe`	padding-inline-end	spaces
`perspective`	perspective	-
`perspectiveOrigin`	perspective-origin	-
`pl`	padding-left	spaces
`placeContent`	place-content	-
`placeItems`	place-items	-
`placeSelf`	place-self	-
`pointerEvents`	pointer-events	-
`pos`	position	-
`position`	position	-
`positionAnchor`	position-anchor	-
`positionArea`	position-area	-
`positionTry`	position-try	-
`positionTryFallbacks`	position-try-fallbacks	-
`positionTryOrder`	position-try-order	-
`positionVisibility`	position-visibility	-
`pr`	padding-right	spaces
`printColorAdjust`	print-color-adjust	-
`ps`	padding-inline-start	spaces
`pt`	padding-top	spaces
`px`	padding-inline-start padding-inline-end	spaces
`py`	padding-top padding-bottom	spaces
`quotes`	quotes	-
`r`	r	-
`readingFlow`	reading-flow	-
`readingOrder`	reading-order	-
`resize`	resize	-
`right`	right	spaces
`rotate`	rotate	-
`rotateX`	`--rotate-x`	-
`rotateY`	`--rotate-y`	-
`rotateZ`	`--rotate-z`	-
`rounded`	border-radius	radii
`roundedBottom`	border-bottom-left-radius border-bottom-right-radius	radii
`roundedBottomEnd`	border-end-end-radius	radii
`roundedBottomLeft`	border-bottom-left-radius	radii
`roundedBottomRight`	border-bottom-right-radius	radii
`roundedBottomStart`	border-end-start-radius	radii
`roundedEnd`	border-end-start-radius border-end-end-radius	radii
`roundedLeft`	border-top-left-radius border-bottom-left-radius	radii
`roundedRight`	border-top-right-radius border-bottom-right-radius	radii
`roundedStart`	border-start-start-radius border-start-end-radius	radii
`roundedTop`	border-top-left-radius border-top-right-radius	radii
`roundedTopEnd`	border-start-end-radius	radii
`roundedTopLeft`	border-top-left-radius	radii
`roundedTopRight`	border-top-right-radius	radii
`roundedTopStart`	border-start-start-radius	radii
`rowGap`	row-gap	spaces
`rubyAlign`	ruby-align	-
`rubyOverhang`	ruby-overhang	-
`rubyPosition`	ruby-position	-
`rx`	rx	-
`ry`	ry	-
`saturate`	`--saturate`	-
`scale`	scale	-
`scaleX`	`--scale-x`	-
`scaleY`	`--scale-y`	-
`scaleZ`	`--scale-z`	-
`scrollbarColor`	scrollbar-color	colors
`scrollbarGutter`	scrollbar-gutter	-
`scrollbarWidth`	scrollbar-width	-
`scrollBehavior`	scroll-behavior	-
`scrollInitialTarget`	scroll-initial-target	-
`scrollMargin`	scroll-margin	spaces
`scrollMarginBlock`	scroll-margin-block	-
`scrollMarginBlockEnd`	scroll-margin-block-end	-
`scrollMarginBlockStart`	scroll-margin-block-start	-
`scrollMarginBottom`	scroll-margin-bottom	spaces
`scrollMarginInline`	scroll-margin-inline	-
`scrollMarginInlineEnd`	scroll-margin-inline-end	-
`scrollMarginInlineStart`	scroll-margin-inline-start	-
`scrollMarginLeft`	scroll-margin-left	spaces
`scrollMarginRight`	scroll-margin-right	spaces
`scrollMarginTop`	scroll-margin-top	spaces
`scrollMarginX`	scroll-margin-left scroll-margin-right	spaces
`scrollMarginY`	scroll-margin-top scroll-margin-bottom	spaces
`scrollMarkerGroup`	scroll-marker-group	-
`scrollPadding`	scroll-padding	spaces
`scrollPaddingBlock`	scroll-padding-block	-
`scrollPaddingBlockEnd`	scroll-padding-block-end	-
`scrollPaddingBlockStart`	scroll-padding-block-start	-
`scrollPaddingBottom`	scroll-padding-bottom	spaces
`scrollPaddingInline`	scroll-padding-inline	-
`scrollPaddingInlineEnd`	scroll-padding-inline-end	-
`scrollPaddingInlineStart`	scroll-padding-inline-start	-
`scrollPaddingLeft`	scroll-padding-left	spaces
`scrollPaddingRight`	scroll-padding-right	spaces
`scrollPaddingTop`	scroll-padding-top	spaces
`scrollPaddingX`	scroll-padding-left scroll-padding-right	spaces
`scrollPaddingY`	scroll-padding-top scroll-padding-bottom	spaces
`scrollSnapAlign`	scroll-snap-align	-
`scrollSnapStop`	scroll-snap-stop	-
`scrollSnapType`	scroll-snap-type	-
`scrollTargetGroup`	scroll-target-group	-
`scrollTimeline`	scroll-timeline	-
`scrollTimelineAxis`	scroll-timeline-axis	-
`scrollTimelineName`	scroll-timeline-name	-
`sepia`	`--sepia`	-
`shadow`	box-shadow	shadows
`shapeImageThreshold`	shape-image-threshold	-
`shapeMargin`	shape-margin	-
`shapeOutside`	shape-outside	-
`shapeRendering`	shape-rendering	-
`skewX`	`--skew-x`	-
`skewY`	`--skew-y`	-
`speak`	speak	-
`speakAs`	speak-as	-
`stopColor`	stop-color	-
`stopOpacity`	stop-opacity	-
`stroke`	stroke	colors
`strokeColor`	stroke-color	-
`strokeDasharray`	stroke-dasharray	-
`strokeDashoffset`	stroke-dashoffset	-
`strokeLinecap`	stroke-linecap	-
`strokeLinejoin`	stroke-linejoin	-
`strokeMiterlimit`	stroke-miterlimit	-
`strokeOpacity`	stroke-opacity	-
`strokeWidth`	stroke-width	-
`tableLayout`	table-layout	-
`tabSize`	tab-size	-
`text`	font-size	fontSizes
`textAlign`	text-align	-
`textAlignLast`	text-align-last	-
`textAnchor`	text-anchor	-
`textAutospace`	text-autospace	-
`textBox`	text-box	-
`textBoxEdge`	text-box-edge	-
`textBoxTrim`	text-box-trim	-
`textColor`	color	colors
`textCombineUpright`	text-combine-upright	-
`textDecor`	text-decoration	-
`textDecoration`	text-decoration	-
`textDecorationColor`	text-decoration-color	colors
`textDecorationInset`	text-decoration-inset	-
`textDecorationLine`	text-decoration-line	-
`textDecorationSkip`	text-decoration-skip	-
`textDecorationSkipInk`	text-decoration-skip-ink	-
`textDecorationStyle`	text-decoration-style	-
`textDecorationThickness`	text-decoration-thickness	-
`textEmphasis`	text-emphasis	-
`textEmphasisColor`	text-emphasis-color	colors
`textEmphasisPosition`	text-emphasis-position	-
`textEmphasisStyle`	text-emphasis-style	-
`textIndent`	text-indent	-
`textJustify`	text-justify	-
`textOrientation`	text-orientation	-
`textOverflow`	text-overflow	-
`textRendering`	text-rendering	-
`textShadow`	text-shadow	shadows
`textSizeAdjust`	text-size-adjust	-
`textSpacingTrim`	text-spacing-trim	-
`textStyle`	-	-
`textTransform`	text-transform	-
`textUnderlineOffset`	text-underline-offset	-
`textUnderlinePosition`	text-underline-position	-
`textWrap`	text-wrap	-
`textWrapMode`	text-wrap-mode	-
`textWrapStyle`	text-wrap-style	-
`timelineScope`	timeline-scope	-
`top`	top	spaces
`touchAction`	touch-action	-
`tracking`	letter-spacing	letterSpacings
`transform`	transform	-
`transformBox`	transform-box	-
`transformOrigin`	transform-origin	-
`transformStyle`	transform-style	-
`transition`	-	-
`transitionBehavior`	transition-behavior	-
`transitionDelay`	transition-delay	-
`transitionDuration`	transition-duration	durations
`transitionProperty`	-	-
`transitionTimingFunction`	transition-timing-function	easings
`translateX`	`--translate-x`	spaces
`translateY`	`--translate-y`	spaces
`translateZ`	`--translate-z`	-
`truncated`	-	-
`unicodeBidi`	unicode-bidi	-
`userModify`	user-modify	-
`userSelect`	user-select	-
`vectorEffect`	vector-effect	-
`verticalAlign`	vertical-align	-
`viewTimeline`	view-timeline	-
`viewTimelineAxis`	view-timeline-axis	-
`viewTimelineInset`	view-timeline-inset	-
`viewTimelineName`	view-timeline-name	-
`viewTransitionClass`	view-transition-class	-
`viewTransitionGroup`	view-transition-group	-
`viewTransitionName`	view-transition-name	-
`visibility`	visibility	-
`w`	width	sizes
`whiteSpace`	white-space	-
`whiteSpaceCollapse`	white-space-collapse	-
`widows`	widows	-
`width`	width	sizes
`willChange`	will-change	-
`wordBreak`	word-break	-
`wordSpacing`	word-spacing	-
`writingMode`	writing-mode	-
`x`	x	-
`y`	y	-
`z`	z-index	zIndices
`zIndex`	z-index	zIndices
`zoom`	zoom	-

At-Rules

Prop	CSS Property	Theme Token
`_container`	@container	-
`_keyframes`	@keyframes	keyframes
`_landscape`	@media	-
`_media`	@media	-
`_mediaDark`	@media	-
`_mediaLight`	@media	-
`_mediaReduceMotion`	@media	-
`_portrait`	@media	-
`_print`	@media	-
`_supports`	@supports	-

Pseudo Elements

Prop	CSS Property
`_after`	`&::after`
`_backdrop`	`&::backdrop`
`_before`	`&::before`
`_cue`	`&::cue`
`_cueRegion`	`&::cue-region`
`_fileSelector`	`&::file-selector-button`
`_firstLetter`	`&::first-letter`
`_firstLine`	`&::first-line`
`_marker`	`&::marker`
`_placeholder`	`&::placeholder, &[data-placeholder]`
`_scrollbar`	`&::-webkit-scrollbar, &[data-scrollbar]`
`_scrollbarButton`	`&::-webkit-scrollbar-button`
`_scrollbarCorner`	`&::-webkit-scrollbar-corner`
`_scrollbarThumb`	`&::-webkit-scrollbar-thumb`
`_scrollbarTrack`	`&::-webkit-scrollbar-track`
`_scrollbarTrackPiece`	`&::-webkit-scrollbar-track-piece`
`_selection`	`&::selection`

Pseudo Classes

Prop	CSS Property
`_active`	`&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])`
`_activedescendant`	`&:is([data-activedescendant])`
`_anyLink`	`&:is(:any-link, [data-any-link])`
`_autofill`	`&:autofill`
`_blank`	`&:is(:blank, [data-blank])`
`_checked`	`&:is(:checked, [data-checked], [aria-checked=true])`
`_child`	`& > *`
`_default`	`&:default`
`_disabled`	`&:is(:disabled, [disabled], [data-disabled])`
`_empty`	`&:empty`
`_enabled`	`&:is(:enabled, [data-enabled])`
`_even`	`&:nth-of-type(even)`
`_first`	`&:first-of-type`
`_firstChild`	`& > *:first-child`
`_focus`	`&:is(:focus, [data-focus])`
`_focusVisible`	`&:is(:focus-visible, [data-focus-visible])`
`_focusWithin`	`&:not(:focus-within, [data-focus-within])`
`_fullScreen`	`&:fullscreen`
`_horizontal`	`&:is([data-orientation=horizontal], [aria-orientation=horizontal])`
`_hover`	`&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])`
`_icon`	`&:where(svg:not([data-loading])), & > [data-icon]`
`_indeterminate`	`&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])`
`_inRange`	`&:is(:in-range, [data-in-range])`
`_invalid`	`&:is([data-invalid], [aria-invalid=true])`
`_last`	`&:last-of-type`
`_lastChild`	`& > *:last-child`
`_link`	`&:is(:link, [data-link])`
`_modal`	`&:modal`
`_nativeActive`	`&:active`
`_nativeChecked`	`&:checked`
`_nativeDisabled`	`&:is(disabled, [disabled])`
`_nativeFocus`	`&:focus`
`_nativeFocusVisible`	`&:focus-visible`
`_nativeFocusWithin`	`&:focus-within`
`_nativeHover`	`&:hover`
`_nativeReadOnly`	`&:is([readonly], [aria-readonly=true])`
`_nativeTarget`	`&:target`
`_nativeValid`	`&:valid`
`_notChecked`	`&:not(:checked):not([data-checked]):not([aria-checked=true])`
`_notEmpty`	`&:not(:empty)`
`_notFirst`	`&:not(:first-of-type)`
`_notFirstChild`	`& > *:not(:first-child)`
`_notLast`	`&:not(:last-of-type)`
`_notLastChild`	`& > *:not(:last-child)`
`_notTarget`	`&:not(:target)`
`_odd`	`&:nth-of-type(odd)`
`_only`	`&:only-of-type`
`_onlyChild`	`&:only-child`
`_optional`	`&:is(:optional, [data-optional])`
`_outRange`	`&:is(:out-of-range, [data-out-of-range])`
`_paused`	`&:is(:paused, [data-paused])`
`_picture`	`&:picture-in-picture`
`_placeholderShown`	`&:placeholder-shown`
`_playing`	`&:is(:playing, [data-playing])`
`_readOnly`	`&:is([readonly], [data-readonly], [aria-readonly=true])`
`_readWrite`	`&:is(:read-write, [data-read-write])`
`_required`	`&:is(:required, [required])`
`_target`	`&:is(:target, [data-target])`
`_userInvalid`	`&:is(:user-invalid, [data-user-invalid])`
`_valid`	`&:is(:valid, [data-valid])`
`_vertical`	`&:is([data-orientation=vertical], [aria-orientation=vertical])`
`_visited`	`&:visited`

Selectors

Prop	CSS Property
`_accept`	`&[data-accept]`
`_between`	`&[data-between]`
`_complete`	`&[data-complete]`
`_current`	`&:is([aria-current], [data-current]):not([aria-current='false'])`
`_dark`	`.dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]`
`_end`	`&:is([data-end], [data-group-end])`
`_expanded`	`&:is([data-expanded], [aria-expanded=true])`
`_fallback`	`&[data-fallback]`
`_filled`	`&[data-filled]`
`_grabbed`	`&:is([data-grabbed], [aria-grabbed=true])`
`_grid`	`&:is([role=grid], [data-grid])`
`_groupAccept`	`[role=group][data-accept] &, [data-group][data-accept] &, .group[data-accept] &`
`_groupActive`	`[role=group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &`
`_groupActivedescendant`	`[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &`
`_groupBlank`	`[role=group]:is(:blank, [data-blank]) &, [data-group]:is(:blank, [data-blank]) &, .group:is(:blank, [data-blank]) &`
`_groupChecked`	`[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &`
`_groupComplete`	`[role=group][data-complete] &, [data-group][data-complete] &, .group[data-complete] &`
`_groupCurrent`	`[role=group]:is([aria-current], [data-current]):not([aria-current='false']) &, [data-group]:is([aria-current], [data-current]):not([aria-current='false']) &, .group:is([aria-current], [data-current]):not([aria-current='false']) &`
`_groupDisabled`	`[role=group]:is(:disabled, [disabled], [data-disabled]) &, [data-group]:is(:disabled, [disabled], [data-disabled]) &, .group:is(:disabled, [disabled], [data-disabled]) &`
`_groupEnabled`	`[role=group]:is(:enabled, [data-enabled]) &, [data-group]:is(:enabled, [data-enabled]) &, .group:is(:enabled, [data-enabled]) &`
`_groupExpanded`	`[role=group]:is([data-expanded], [aria-expanded=true]) &, [data-group]:is([data-expanded], [aria-expanded=true]) &, .group:is([data-expanded], [aria-expanded=true]) &`
`_groupFocus`	`[role=group]:is(:focus, [data-focus]) &, [data-group]:is(:focus, [data-focus]) &, .group:is(:focus, [data-focus]) &`
`_groupFocusVisible`	`[role=group]:is(:focus-visible, [data-focus-visible]) &, [data-group]:is(:focus-visible, [data-focus-visible]) &, .group:is(:focus-visible, [data-focus-visible]) &`
`_groupFocusWithin`	`[role=group]:not(:focus-within, [data-focus-within]) &, [data-group]:not(:focus-within, [data-focus-within]) &, .group:not(:focus-within, [data-focus-within]) &`
`_groupGrabbed`	`[role=group]:is([data-grabbed], [aria-grabbed=true]) &, [data-group]:is([data-grabbed], [aria-grabbed=true]) &, .group:is([data-grabbed], [aria-grabbed=true]) &`
`_groupHorizontal`	`[role=group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, [data-group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, .group:is([data-orientation=horizontal], [aria-orientation=horizontal]) &`
`_groupHover`	`[role=group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &`
`_groupIdle`	`[role=group][data-idle] &, [data-group][data-idle] &, .group[data-idle] &`
`_groupIncomplete`	`[role=group][data-incomplete] &, [data-group][data-incomplete] &, .group[data-incomplete] &`
`_groupInvalid`	`[role=group]:is([data-invalid], [aria-invalid=true]) &, [data-group]:is([data-invalid], [aria-invalid=true]) &, .group:is([data-invalid], [aria-invalid=true]) &`
`_groupLoaded`	`[role=group][data-loaded] &, [data-group][data-loaded] &, .group[data-loaded] &`
`_groupLoading`	`[role=group]:is([data-loading], [aria-busy=true]) &, [data-group]:is([data-loading], [aria-busy=true]) &, .group:is([data-loading], [aria-busy=true]) &`
`_groupOptional`	`[role=group]:is(:optional, [data-optional]) &, [data-group]:is(:optional, [data-optional]) &, .group:is(:optional, [data-optional]) &`
`_groupPlaceholderShown`	`[role=group]:placeholder-shown &, [data-group]:placeholder-shown &, .group:placeholder-shown &`
`_groupPressed`	`[role=group]:is([data-pressed], [aria-pressed=true]) &, [data-group]:is([data-pressed], [aria-pressed=true]) &, .group:is([data-pressed], [aria-pressed=true]) &`
`_groupRange`	`[role=group]:is([data-range]) &, [data-group]:is([data-range]) &, .group:is([data-range]) &`
`_groupReadOnly`	`[role=group]:is([readonly], [data-readonly], [aria-readonly=true]) &, [data-group]:is([readonly], [data-readonly], [aria-readonly=true]) &, .group:is([readonly], [data-readonly], [aria-readonly=true]) &`
`_groupReadWrite`	`[role=group]:is(:read-write, [data-read-write]) &, [data-group]:is(:read-write, [data-read-write]) &, .group:is(:read-write, [data-read-write]) &`
`_groupReject`	`[role=group][data-reject] &, [data-group][data-reject] &, .group[data-reject] &`
`_groupRequired`	`[role=group]:is(:required, [required]) &, [data-group]:is(:required, [required]) &, .group:is(:required, [required]) &`
`_groupSelected`	`[role=group]:is([data-selected], [aria-selected=true]) &, [data-group]:is([data-selected], [aria-selected=true]) &, .group:is([data-selected], [aria-selected=true]) &`
`_groupUserInvalid`	`[role=group]:is(:user-invalid, [data-user-invalid]) &, [data-group]:is(:user-invalid, [data-user-invalid]) &, .group:is(:user-invalid, [data-user-invalid]) &`
`_groupValid`	`[role=group]:is(:valid, [data-valid]) &, [data-group]:is(:valid, [data-valid]) &, .group:is(:valid, [data-valid]) &`
`_groupVertical`	`[role=group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, [data-group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, .group:is([data-orientation=vertical], [aria-orientation=vertical]) &`
`_hasIcon`	`&:has(> [data-icon])`
`_hidden`	`&:is([hidden], [data-hidden])`
`_idle`	`&[data-idle]`
`_incomplete`	`&[data-incomplete]`
`_light`	`.light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]`
`_loaded`	`&[data-loaded]`
`_loading`	`&:is([data-loading], [aria-busy=true])`
`_ltr`	`[dir=ltr] &`
`_nativeHidden`	`&[hidden]`
`_never`	`&[data-never]`
`_notAllowed`	`&[data-not-allowed]`
`_notCurrent`	`&:not([aria-current], [data-current]), &[aria-current='false']`
`_notFallback`	`&:not([data-fallback])`
`_notSelected`	`&:not([data-selected]):not([aria-selected=true])`
`_numeric`	`&[data-numeric]`
`_peerAccept`	`&:has(~ [data-peer][data-accept]), [data-peer][data-accept] ~ &, &:has(~ .peer[data-accept]), .peer[data-accept] ~ &, &:has(~ [data-peer] [data-accept]), [data-peer]:has([data-accept]) ~ &, &:has(~ .peer [data-accept]), .peer:has([data-accept]) ~ &`
`_peerActive`	&:has(~ [data-peer]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])), [data-peer]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, &:has(~ .peer:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])), .peer:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, &:has(~ [data-peer] :is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])), [data-peer]:has(:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])) ~ &, &:has(~ .peer :is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])), .peer:has(:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])) ~ &
`_peerBlank`	`&:has(~ [data-peer]:is(:blank, [data-blank])), [data-peer]:is(:blank, [data-blank]) ~ &, &:has(~ .peer:is(:blank, [data-blank])), .peer:is(:blank, [data-blank]) ~ &, &:has(~ [data-peer] :is(:blank, [data-blank])), [data-peer]:has(:is(:blank, [data-blank])) ~ &, &:has(~ .peer :is(:blank, [data-blank])), .peer:has(:is(:blank, [data-blank])) ~ &`
`_peerChecked`	&:has(~ [data-peer]:is(:checked, [data-checked], [aria-checked=true])), [data-peer]:is(:checked, [data-checked], [aria-checked=true]) ~ &, &:has(~ .peer:is(:checked, [data-checked], [aria-checked=true])), .peer:is(:checked, [data-checked], [aria-checked=true]) ~ &, &:has(~ [data-peer] :is(:checked, [data-checked], [aria-checked=true])), [data-peer]:has(:is(:checked, [data-checked], [aria-checked=true])) ~ &, &:has(~ .peer :is(:checked, [data-checked], [aria-checked=true])), .peer:has(:is(:checked, [data-checked], [aria-checked=true])) ~ &
`_peerComplete`	`&:has(~ [data-peer][data-complete]), [data-peer][data-complete] ~ &, &:has(~ .peer[data-complete]), .peer[data-complete] ~ &, &:has(~ [data-peer] [data-complete]), [data-peer]:has([data-complete]) ~ &, &:has(~ .peer [data-complete]), .peer:has([data-complete]) ~ &`
`_peerCurrent`	&:has(~ [data-peer]:is([aria-current], [data-current]):not([aria-current='false'])), [data-peer]:is([aria-current], [data-current]):not([aria-current='false']) ~ &, &:has(~ .peer:is([aria-current], [data-current]):not([aria-current='false'])), .peer:is([aria-current], [data-current]):not([aria-current='false']) ~ &, &:has(~ [data-peer] :is([aria-current], [data-current]):not([aria-current='false'])), [data-peer]:has(:is([aria-current], [data-current]):not([aria-current='false'])) ~ &, &:has(~ .peer :is([aria-current], [data-current]):not([aria-current='false'])), .peer:has(:is([aria-current], [data-current]):not([aria-current='false'])) ~ &
`_peerDisabled`	`&:has(~ [data-peer]:is(:disabled, [disabled], [data-disabled])), [data-peer]:is(:disabled, [disabled], [data-disabled]) ~ &, &:has(~ .peer:is(:disabled, [disabled], [data-disabled])), .peer:is(:disabled, [disabled], [data-disabled]) ~ &, &:has(~ [data-peer] :is(:disabled, [disabled], [data-disabled])), [data-peer]:has(:is(:disabled, [disabled], [data-disabled])) ~ &, &:has(~ .peer :is(:disabled, [disabled], [data-disabled])), .peer:has(:is(:disabled, [disabled], [data-disabled])) ~ &`
`_peerEnabled`	`&:has(~ [data-peer]:is(:enabled, [data-enabled])), [data-peer]:is(:enabled, [data-enabled]) ~ &, &:has(~ .peer:is(:enabled, [data-enabled])), .peer:is(:enabled, [data-enabled]) ~ &, &:has(~ [data-peer] :is(:enabled, [data-enabled])), [data-peer]:has(:is(:enabled, [data-enabled])) ~ &, &:has(~ .peer :is(:enabled, [data-enabled])), .peer:has(:is(:enabled, [data-enabled])) ~ &`
`_peerExpanded`	`&:has(~ [data-peer]:is([data-expanded], [aria-expanded=true])), [data-peer]:is([data-expanded], [aria-expanded=true]) ~ &, &:has(~ .peer:is([data-expanded], [aria-expanded=true])), .peer:is([data-expanded], [aria-expanded=true]) ~ &, &:has(~ [data-peer] :is([data-expanded], [aria-expanded=true])), [data-peer]:has(:is([data-expanded], [aria-expanded=true])) ~ &, &:has(~ .peer :is([data-expanded], [aria-expanded=true])), .peer:has(:is([data-expanded], [aria-expanded=true])) ~ &`
`_peerFocus`	`&:has(~ [data-peer]:is(:focus, [data-focus])), [data-peer]:is(:focus, [data-focus]) ~ &, &:has(~ .peer:is(:focus, [data-focus])), .peer:is(:focus, [data-focus]) ~ &, &:has(~ [data-peer] :is(:focus, [data-focus])), [data-peer]:has(:is(:focus, [data-focus])) ~ &, &:has(~ .peer :is(:focus, [data-focus])), .peer:has(:is(:focus, [data-focus])) ~ &`
`_peerFocusVisible`	`&:has(~ [data-peer]:is(:focus-visible, [data-focus-visible])), [data-peer]:is(:focus-visible, [data-focus-visible]) ~ &, &:has(~ .peer:is(:focus-visible, [data-focus-visible])), .peer:is(:focus-visible, [data-focus-visible]) ~ &, &:has(~ [data-peer] :is(:focus-visible, [data-focus-visible])), [data-peer]:has(:is(:focus-visible, [data-focus-visible])) ~ &, &:has(~ .peer :is(:focus-visible, [data-focus-visible])), .peer:has(:is(:focus-visible, [data-focus-visible])) ~ &`
`_peerFocusWithin`	`&:has(~ [data-peer]:not(:focus-within, [data-focus-within])), [data-peer]:not(:focus-within, [data-focus-within]) ~ &, &:has(~ .peer:not(:focus-within, [data-focus-within])), .peer:not(:focus-within, [data-focus-within]) ~ &, &:has(~ [data-peer] :not(:focus-within, [data-focus-within])), [data-peer]:has(:not(:focus-within, [data-focus-within])) ~ &, &:has(~ .peer :not(:focus-within, [data-focus-within])), .peer:has(:not(:focus-within, [data-focus-within])) ~ &`
`_peerGrabbed`	`&:has(~ [data-peer]:is([data-grabbed], [aria-grabbed=true])), [data-peer]:is([data-grabbed], [aria-grabbed=true]) ~ &, &:has(~ .peer:is([data-grabbed], [aria-grabbed=true])), .peer:is([data-grabbed], [aria-grabbed=true]) ~ &, &:has(~ [data-peer] :is([data-grabbed], [aria-grabbed=true])), [data-peer]:has(:is([data-grabbed], [aria-grabbed=true])) ~ &, &:has(~ .peer :is([data-grabbed], [aria-grabbed=true])), .peer:has(:is([data-grabbed], [aria-grabbed=true])) ~ &`
`_peerHorizontal`	&:has(~ [data-peer]:is([data-orientation=horizontal], [aria-orientation=horizontal])), [data-peer]:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &, &:has(~ .peer:is([data-orientation=horizontal], [aria-orientation=horizontal])), .peer:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &, &:has(~ [data-peer] :is([data-orientation=horizontal], [aria-orientation=horizontal])), [data-peer]:has(:is([data-orientation=horizontal], [aria-orientation=horizontal])) ~ &, &:has(~ .peer :is([data-orientation=horizontal], [aria-orientation=horizontal])), .peer:has(:is([data-orientation=horizontal], [aria-orientation=horizontal])) ~ &
`_peerHover`	&:has(~ [data-peer]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])), [data-peer]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, &:has(~ .peer:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])), .peer:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, &:has(~ [data-peer] :is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])), [data-peer]:has(:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])) ~ &, &:has(~ .peer :is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])), .peer:has(:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])) ~ &
`_peerIdle`	`&:has(~ [data-peer][data-idle]), [data-peer][data-idle] ~ &, &:has(~ .peer[data-idle]), .peer[data-idle] ~ &, &:has(~ [data-peer] [data-idle]), [data-peer]:has([data-idle]) ~ &, &:has(~ .peer [data-idle]), .peer:has([data-idle]) ~ &`
`_peerIncomplete`	`&:has(~ [data-peer][data-incomplete]), [data-peer][data-incomplete] ~ &, &:has(~ .peer[data-incomplete]), .peer[data-incomplete] ~ &, &:has(~ [data-peer] [data-incomplete]), [data-peer]:has([data-incomplete]) ~ &, &:has(~ .peer [data-incomplete]), .peer:has([data-incomplete]) ~ &`
`_peerInvalid`	`&:has(~ [data-peer]:is([data-invalid], [aria-invalid=true])), [data-peer]:is([data-invalid], [aria-invalid=true]) ~ &, &:has(~ .peer:is([data-invalid], [aria-invalid=true])), .peer:is([data-invalid], [aria-invalid=true]) ~ &, &:has(~ [data-peer] :is([data-invalid], [aria-invalid=true])), [data-peer]:has(:is([data-invalid], [aria-invalid=true])) ~ &, &:has(~ .peer :is([data-invalid], [aria-invalid=true])), .peer:has(:is([data-invalid], [aria-invalid=true])) ~ &`
`_peerLoaded`	`&:has(~ [data-peer][data-loaded]), [data-peer][data-loaded] ~ &, &:has(~ .peer[data-loaded]), .peer[data-loaded] ~ &, &:has(~ [data-peer] [data-loaded]), [data-peer]:has([data-loaded]) ~ &, &:has(~ .peer [data-loaded]), .peer:has([data-loaded]) ~ &`
`_peerLoading`	`&:has(~ [data-peer]:is([data-loading], [aria-busy=true])), [data-peer]:is([data-loading], [aria-busy=true]) ~ &, &:has(~ .peer:is([data-loading], [aria-busy=true])), .peer:is([data-loading], [aria-busy=true]) ~ &, &:has(~ [data-peer] :is([data-loading], [aria-busy=true])), [data-peer]:has(:is([data-loading], [aria-busy=true])) ~ &, &:has(~ .peer :is([data-loading], [aria-busy=true])), .peer:has(:is([data-loading], [aria-busy=true])) ~ &`
`_peerOptional`	`&:has(~ [data-peer]:is(:optional, [data-optional])), [data-peer]:is(:optional, [data-optional]) ~ &, &:has(~ .peer:is(:optional, [data-optional])), .peer:is(:optional, [data-optional]) ~ &, &:has(~ [data-peer] :is(:optional, [data-optional])), [data-peer]:has(:is(:optional, [data-optional])) ~ &, &:has(~ .peer :is(:optional, [data-optional])), .peer:has(:is(:optional, [data-optional])) ~ &`
`_peerPlaceholderShown`	`&:has(~ [data-peer]:placeholder-shown), [data-peer]:placeholder-shown ~ &, &:has(~ .peer:placeholder-shown), .peer:placeholder-shown ~ &, &:has(~ [data-peer] :placeholder-shown), [data-peer]:has(:placeholder-shown) ~ &, &:has(~ .peer :placeholder-shown), .peer:has(:placeholder-shown) ~ &`
`_peerPressed`	`&:has(~ [data-peer]:is([data-pressed], [aria-pressed=true])), [data-peer]:is([data-pressed], [aria-pressed=true]) ~ &, &:has(~ .peer:is([data-pressed], [aria-pressed=true])), .peer:is([data-pressed], [aria-pressed=true]) ~ &, &:has(~ [data-peer] :is([data-pressed], [aria-pressed=true])), [data-peer]:has(:is([data-pressed], [aria-pressed=true])) ~ &, &:has(~ .peer :is([data-pressed], [aria-pressed=true])), .peer:has(:is([data-pressed], [aria-pressed=true])) ~ &`
`_peerRange`	`&:has(~ [data-peer]:is([data-range])), [data-peer]:is([data-range]) ~ &, &:has(~ .peer:is([data-range])), .peer:is([data-range]) ~ &, &:has(~ [data-peer] :is([data-range])), [data-peer]:has(:is([data-range])) ~ &, &:has(~ .peer :is([data-range])), .peer:has(:is([data-range])) ~ &`
`_peerReadOnly`	&:has(~ [data-peer]:is([readonly], [data-readonly], [aria-readonly=true])), [data-peer]:is([readonly], [data-readonly], [aria-readonly=true]) ~ &, &:has(~ .peer:is([readonly], [data-readonly], [aria-readonly=true])), .peer:is([readonly], [data-readonly], [aria-readonly=true]) ~ &, &:has(~ [data-peer] :is([readonly], [data-readonly], [aria-readonly=true])), [data-peer]:has(:is([readonly], [data-readonly], [aria-readonly=true])) ~ &, &:has(~ .peer :is([readonly], [data-readonly], [aria-readonly=true])), .peer:has(:is([readonly], [data-readonly], [aria-readonly=true])) ~ &
`_peerReadWrite`	`&:has(~ [data-peer]:is(:read-write, [data-read-write])), [data-peer]:is(:read-write, [data-read-write]) ~ &, &:has(~ .peer:is(:read-write, [data-read-write])), .peer:is(:read-write, [data-read-write]) ~ &, &:has(~ [data-peer] :is(:read-write, [data-read-write])), [data-peer]:has(:is(:read-write, [data-read-write])) ~ &, &:has(~ .peer :is(:read-write, [data-read-write])), .peer:has(:is(:read-write, [data-read-write])) ~ &`
`_peerReject`	`&:has(~ [data-peer][data-reject]), [data-peer][data-reject] ~ &, &:has(~ .peer[data-reject]), .peer[data-reject] ~ &, &:has(~ [data-peer] [data-reject]), [data-peer]:has([data-reject]) ~ &, &:has(~ .peer [data-reject]), .peer:has([data-reject]) ~ &`
`_peerRequired`	`&:has(~ [data-peer]:is(:required, [required])), [data-peer]:is(:required, [required]) ~ &, &:has(~ .peer:is(:required, [required])), .peer:is(:required, [required]) ~ &, &:has(~ [data-peer] :is(:required, [required])), [data-peer]:has(:is(:required, [required])) ~ &, &:has(~ .peer :is(:required, [required])), .peer:has(:is(:required, [required])) ~ &`
`_peerSelected`	`&:has(~ [data-peer]:is([data-selected], [aria-selected=true])), [data-peer]:is([data-selected], [aria-selected=true]) ~ &, &:has(~ .peer:is([data-selected], [aria-selected=true])), .peer:is([data-selected], [aria-selected=true]) ~ &, &:has(~ [data-peer] :is([data-selected], [aria-selected=true])), [data-peer]:has(:is([data-selected], [aria-selected=true])) ~ &, &:has(~ .peer :is([data-selected], [aria-selected=true])), .peer:has(:is([data-selected], [aria-selected=true])) ~ &`
`_peerUserInvalid`	`&:has(~ [data-peer]:is(:user-invalid, [data-user-invalid])), [data-peer]:is(:user-invalid, [data-user-invalid]) ~ &, &:has(~ .peer:is(:user-invalid, [data-user-invalid])), .peer:is(:user-invalid, [data-user-invalid]) ~ &, &:has(~ [data-peer] :is(:user-invalid, [data-user-invalid])), [data-peer]:has(:is(:user-invalid, [data-user-invalid])) ~ &, &:has(~ .peer :is(:user-invalid, [data-user-invalid])), .peer:has(:is(:user-invalid, [data-user-invalid])) ~ &`
`_peerValid`	`&:has(~ [data-peer]:is(:valid, [data-valid])), [data-peer]:is(:valid, [data-valid]) ~ &, &:has(~ .peer:is(:valid, [data-valid])), .peer:is(:valid, [data-valid]) ~ &, &:has(~ [data-peer] :is(:valid, [data-valid])), [data-peer]:has(:is(:valid, [data-valid])) ~ &, &:has(~ .peer :is(:valid, [data-valid])), .peer:has(:is(:valid, [data-valid])) ~ &`
`_peerVertical`	&:has(~ [data-peer]:is([data-orientation=vertical], [aria-orientation=vertical])), [data-peer]:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &, &:has(~ .peer:is([data-orientation=vertical], [aria-orientation=vertical])), .peer:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &, &:has(~ [data-peer] :is([data-orientation=vertical], [aria-orientation=vertical])), [data-peer]:has(:is([data-orientation=vertical], [aria-orientation=vertical])) ~ &, &:has(~ .peer :is([data-orientation=vertical], [aria-orientation=vertical])), .peer:has(:is([data-orientation=vertical], [aria-orientation=vertical])) ~ &
`_pressed`	`&:is([data-pressed], [aria-pressed=true])`
`_range`	`&:is([data-range])`
`_reject`	`&[data-reject]`
`_ripple`	`& .ui-ripple`
`_rtl`	`[dir=rtl] &`
`_selected`	`&:is([data-selected], [aria-selected=true])`
`_start`	`&:is([data-start], [data-group-start])`