Tailwind Contract

“Tailwind token” is ambiguous. Use these four terms instead.

Layer Example Theme behavior
Utility name px-3, rounded-md, bg-primary Source vocabulary only
Compile-time Tailwind value px-3 emits a fixed spacing value Embedded in the module bundle
Runtime-backed utility bg-primary emits a reference to a public --p-* variable Responds to facade runtime theme changes
Public portable contract A deliberately documented Wippy token or semantic utility Stable for supported portable consumers

Tailwind 3 is a zero-runtime compiler. Do not infer runtime behavior from a utility name; inspect the emitted declaration.

Runtime semantic utilities

The generated utility catalogue is the authority for exact mappings. It classifies current primary, surface, severity, text, content, highlight, and radius utilities by their emitted CSS and public variable dependency.

Examples of the intended categories include semantic colors, content borders, muted text, and rounded-border when the generated source confirms its mapping. An entry appears here only when generated from the selected preset and package versions.

Compile-time baseline

The generated catalogue separately records spacing, sizing, default radii, font sizes, shadows, transition durations, and timing functions that compile to constants.

Build-time baseline. This value is embedded in the module bundle and does not react to a facade theme change.

Compile-time values are valid for properties classified platform-invariant. They are insufficient for a property required to track a PrimeVue sibling under another facade theme.

rounded-md and rounded-border are not equivalent contracts even if they currently resolve to the same number: one is a compiled default and the other is runtime-backed. Equal current values also do not prove equal semantic roles.

Protected mappings

Modules may extend the shared preset. They must not redefine protected Wippy meanings for:

  • Primary and surface families.
  • Severity families.
  • Text, content, and highlight semantics.
  • Published portable-control semantics.

Compliance resolves the actual module Tailwind configuration and rejects incompatible replacement of protected mappings.

Custom siblings

A portable custom sibling may use:

  • Runtime-backed semantic utilities listed in the generated catalogue.
  • Direct public variables listed in the selected token manifest.
  • Compile-time utilities for properties explicitly classified platform-invariant.
  • Module-local utilities for genuinely novel structure.

It may not copy fixed dimensions, radii, or durations for properties expected to track its PrimeVue sibling. If no public runtime semantic exists, record a theme-contract gap; do not invent a utility or token.

Generated utility catalogue

The checked-in snapshot is generated from:

  • The exact Tailwind version selected by @wippy-fe/theme.
  • The exact tailwindcss-primeui version.
  • Wippy’s shared tailwind.config.ts.
  • Wippy extensions.

Each generated row contains the utility, emitted property, resolved value, runtime dependency, intended use, allowed consumer, stability, package compatibility tuple, and source hashes.

Generated from @wippy-fe/theme 0.0.46. Every representative mapping below is checked against CSS compiled by Tailwind 3.4.19 with tailwindcss-primeui 0.6.1.

Source hashes: theme contract 853a01257988861e208b6f7523de25cd329717763d064e4f2c5920cff7f7778a; theme config 129f1591fd657416b75e913f554329924bade319c38e62f5b72dcc5f72bd8295; Tailwind config f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d; reference theme sources aura/index.mjs=d1a1a574cf1a15aad8aee4cb3fa169aa97bf4029e9f858b84245e7f0b933d5ca; aura/base/index.mjs=9fec80a7ffbd5fb0229da666c1472c27c9a0a6a7ef3bb0a84bd7b070601e4198; aura/inputtext/index.mjs=5c5a4af9bacf0d585120b119bb7bfb02c7deedd9714b131d7009ff6e95f818e8; aura/toggleswitch/index.mjs=1e068fd0ede48eeeca4d10571940d65dadb3450b2ee51a39d09b33dda9da6e66; aura/button/index.mjs=44d8fd7f7ae163ce2653de8c6eb8af097fc453b4c60f702fcf76845be6ec9393.

Runtime-backed semantic utilities

Utility CSS property Resolved value Runtime dependency Classification Allowed consumer Stability Intended use
bg-danger-500 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-danger-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-emphasis background / color var(--p-content-hover-background) / var(--p-content-hover-color) --p-content-hover-background, --p-content-hover-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Hovered or emphasized content
bg-help-500 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-help-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-highlight background / color var(--p-highlight-background) / var(--p-highlight-color) --p-highlight-background, --p-highlight-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Selected or highlighted content
bg-highlight-emphasis background / color var(--p-highlight-focus-background) / var(--p-highlight-focus-color) --p-highlight-focus-background, --p-highlight-focus-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Focused highlighted content
bg-info-500 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-info-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-primary --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Default primary action and emphasis color
bg-primary-emphasis --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-primary-hover-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Primary hover or emphasis state
bg-success-500 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-success-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-surface-0 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-0 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-surface-100 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-surface-200 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-surface-300 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-surface-400 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-surface-50 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-50 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-surface-700 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-surface-950 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-warn-500 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-warn-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-danger-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-danger-400 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-danger-500 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-help-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-help-500 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-info-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-info-500 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-primary --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-primary-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-success-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-success-500 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-surface border-color var(--p-content-border-color) --p-content-border-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Shared content and control borders
border-surface-100 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-surface-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-surface-300 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-surface-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-surface-950 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-warn-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-warn-500 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-danger-400 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-danger-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-help-400 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-help-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-info-400 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-info-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-success-400 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-success-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-surface-0 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-0 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-surface-300 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-surface-400 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-surface-600 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-surface-700 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-surface-800 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-800 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-surface-900 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-900 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-warn-400 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-warn-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-danger-300 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-danger-400 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-danger-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-help-400 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-help-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-info-400 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-info-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-primary-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-success-400 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-success-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-surface-100 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-surface-500 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-surface-600 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-surface-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-surface-800 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-800 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-warn-400 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-warn-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:disabled:bg-surface-700 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:disabled:text-surface-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-danger-200 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-danger-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-danger-400/15 background-color color-mix(in srgb, var(--p-danger-400) calc(100% * 0.15), transparent) --p-danger-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-help-200 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-help-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-help-400/15 background-color color-mix(in srgb, var(--p-help-400) calc(100% * 0.15), transparent) --p-help-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-info-200 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-info-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-info-400/15 background-color color-mix(in srgb, var(--p-info-400) calc(100% * 0.15), transparent) --p-info-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-primary/15 background-color color-mix(in srgb, var(--p-primary-color) calc(100% * 0.15), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-success-200 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-success-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-success-400/15 background-color color-mix(in srgb, var(--p-success-400) calc(100% * 0.15), transparent) --p-success-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-surface-200 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-surface-600 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-surface-700 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-warn-200 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-warn-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-warn-400/15 background-color color-mix(in srgb, var(--p-warn-400) calc(100% * 0.15), transparent) --p-warn-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-danger-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-danger-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-help-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-help-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-info-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-info-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-primary-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-success-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-success-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-surface-300 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-surface-500 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-surface-600 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-surface-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-warn-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-warn-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-danger-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-danger-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-danger-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-danger-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-help-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-help-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-help-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-help-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-info-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-info-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-info-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-info-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-primary --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-success-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-success-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-success-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-success-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-surface-0 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-0 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-surface-100 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-surface-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-surface-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-warn-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-warn-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:text-warn-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-warn-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:focus:border-primary --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-danger-300 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-danger-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-danger-400/5 background-color color-mix(in srgb, var(--p-danger-400) calc(100% * 0.05), transparent) --p-danger-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-help-300 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-help-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-help-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-help-400/5 background-color color-mix(in srgb, var(--p-help-400) calc(100% * 0.05), transparent) --p-help-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-info-300 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-info-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-info-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-info-400/5 background-color color-mix(in srgb, var(--p-info-400) calc(100% * 0.05), transparent) --p-info-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-primary/5 background-color color-mix(in srgb, var(--p-primary-color) calc(100% * 0.05), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-success-300 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-success-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-success-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-success-400/5 background-color color-mix(in srgb, var(--p-success-400) calc(100% * 0.05), transparent) --p-success-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-surface-100 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-surface-700 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-surface-800 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-800 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-warn-300 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-warn-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-warn-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-warn-400/5 background-color color-mix(in srgb, var(--p-warn-400) calc(100% * 0.05), transparent) --p-warn-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-danger-300 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-danger-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-help-300 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-300) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-help-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-info-300 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-300) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-info-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-primary-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-success-300 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-300) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-success-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-surface-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-surface-500 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-surface-600 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-surface-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-warn-300 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-300) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-warn-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-danger-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-danger-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-danger-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-danger-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-help-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-help-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-help-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-help-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-info-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-info-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-info-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-info-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-primary --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-success-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-success-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-success-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-success-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-surface-0 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-0 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-surface-200 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-surface-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-surface-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-warn-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-warn-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:text-warn-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-warn-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:focus-visible:outline-danger-400 outline-color color-mix(in srgb, var(--p-danger-400) calc(100% * 1), transparent) --p-danger-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:focus-visible:outline-help-400 outline-color color-mix(in srgb, var(--p-help-400) calc(100% * 1), transparent) --p-help-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:focus-visible:outline-info-400 outline-color color-mix(in srgb, var(--p-info-400) calc(100% * 1), transparent) --p-info-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:focus-visible:outline-success-400 outline-color color-mix(in srgb, var(--p-success-400) calc(100% * 1), transparent) --p-success-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:focus-visible:outline-surface-0 outline-color color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent) --p-surface-0 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:focus-visible:outline-surface-300 outline-color color-mix(in srgb, var(--p-surface-300) calc(100% * 1), transparent) --p-surface-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:focus-visible:outline-warn-400 outline-color color-mix(in srgb, var(--p-warn-400) calc(100% * 1), transparent) --p-warn-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:placeholder:text-surface-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-danger-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-danger-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-danger-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-danger-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-help-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-help-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-help-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-help-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-info-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-info-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-info-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-info-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-primary --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-success-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-success-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-success-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-success-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-surface-0 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-0 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-surface-300 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-surface-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-surface-800 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-800 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-surface-900 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-900 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-surface-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-warn-400 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-warn-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:text-warn-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-warn-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
disabled:bg-surface-200 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
disabled:text-surface-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-danger-100 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-danger-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-danger-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-danger-700 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-danger-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-help-100 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-help-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-help-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-help-700 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-help-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-info-100 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-info-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-info-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-info-700 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-info-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-primary-100 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-primary-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-primary-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-primary-emphasis-alt --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-primary-active-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-primary-active-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-success-100 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-success-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-success-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-success-700 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-success-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-surface-100 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-surface-300 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-surface-800 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-800 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-warn-100 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-warn-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-warn-100 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:bg-warn-700 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-warn-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-danger-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-danger-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-help-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-help-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-info-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-info-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-primary-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-primary-emphasis-alt --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-active-color) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-active-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-success-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-success-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-surface-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-surface-300 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-300 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-surface-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-surface-800 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-800 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-warn-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-warn-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-danger-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-danger-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-help-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-help-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-info-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-info-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-primary --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-success-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-success-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-surface-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-surface-700 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-surface-800 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-800 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-surface-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-warn-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-warn-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:focus:border-primary --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-danger-50 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-danger-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-danger-50 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-danger-600 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-danger-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-danger-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-help-50 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-help-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-help-50 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-help-600 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-help-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-help-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-info-50 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-info-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-info-50 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-info-600 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-info-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-info-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-primary-50 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-primary-50 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-primary-emphasis --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-primary-hover-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-success-50 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-success-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-success-50 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-success-600 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-success-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-success-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-surface-200 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-surface-50 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-50 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-surface-900 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-surface-900 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-warn-50 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-warn-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-warn-50 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-warn-600 --tw-bg-opacity / background-color 1 / color-mix(in srgb, var(--p-warn-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) --p-warn-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-danger-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-danger-600 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-danger-600) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-danger-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-help-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-help-600 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-help-600) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-help-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-info-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-info-600 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-info-600) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-info-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-primary-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-primary-emphasis --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-primary-hover-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-success-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-success-600 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-success-600) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-success-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-surface-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-surface-400 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-400 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-surface-700 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-surface-900 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-surface-900 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-warn-200 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-200 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-warn-600 --tw-border-opacity / border-color 1 / color-mix(in srgb, var(--p-warn-600) calc(100% * var(--tw-border-opacity, 1)), transparent) --p-warn-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:text-danger-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-danger-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:text-help-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-help-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:text-info-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-info-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:text-primary --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:text-success-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-success-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:text-surface-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:text-surface-700 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:text-surface-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:text-warn-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-warn-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline-danger-500 outline-color color-mix(in srgb, var(--p-danger-500) calc(100% * 1), transparent) --p-danger-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline-help-500 outline-color color-mix(in srgb, var(--p-help-500) calc(100% * 1), transparent) --p-help-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline-info-500 outline-color color-mix(in srgb, var(--p-info-500) calc(100% * 1), transparent) --p-info-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline-primary outline-color color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline-success-500 outline-color color-mix(in srgb, var(--p-success-500) calc(100% * 1), transparent) --p-success-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline-surface-600 outline-color color-mix(in srgb, var(--p-surface-600) calc(100% * 1), transparent) --p-surface-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline-surface-950 outline-color color-mix(in srgb, var(--p-surface-950) calc(100% * 1), transparent) --p-surface-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline-warn-500 outline-color color-mix(in srgb, var(--p-warn-500) calc(100% * 1), transparent) --p-warn-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
placeholder:text-surface-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
rounded-border border-radius var(--p-content-border-radius) --p-content-border-radius runtime-variable portable module when semantic use matches; fixed values only after invariant review public Generic content radius, not an automatic form-control radius
text-color color var(--p-text-color) --p-text-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Primary content text
text-color-emphasis color var(--p-text-hover-color) --p-text-hover-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Emphasized content text
text-danger-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-danger-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-help-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-help-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-info-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-info-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-muted-color color var(--p-text-muted-color) --p-text-muted-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Secondary content text
text-muted-color-emphasis color var(--p-text-hover-muted-color) --p-text-hover-muted-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Emphasized secondary text
text-primary --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-primary-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Default primary action and emphasis color
text-primary-contrast --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-primary-contrast-color) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-primary-contrast-color runtime-variable portable module when semantic use matches; fixed values only after invariant review public Foreground paired with the primary background
text-primary-emphasis --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-primary-hover-color runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-success-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-success-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-surface-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-surface-600 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-600 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-surface-700 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-700 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-surface-950 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-surface-950 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-warn-500 --tw-text-opacity / color 1 / color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent) --p-warn-500 runtime-variable portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer

Compile-time baselines

Build-time baseline. This value is embedded in the module bundle and does not react to a facade theme change.

Utility CSS property Resolved value Runtime dependency Classification Allowed consumer Stability Intended use
absolute position absolute none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
appearance-none appearance none none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
bg-transparent background-color transparent none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border border-width 1px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
border-transparent border-color transparent none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
cursor-pointer cursor pointer none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:bg-transparent background-color transparent none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:border-transparent border-color transparent none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:bg-white/15 background-color rgb(255 255 255 / 0.15) none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:active:border-transparent border-color transparent none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:bg-white/5 background-color rgb(255 255 255 / 0.05) none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
dark:enabled:hover:border-transparent border-color transparent none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
disabled:cursor-default cursor default none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
disabled:opacity-100 opacity 1 none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
duration-200 transition-duration 200ms none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind motion baseline
ease-in-out transition-timing-function cubic-bezier(0.4, 0, 0.2, 1) none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind timing baseline
enabled:active:bg-transparent background-color transparent none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:border-transparent border-color transparent none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:active:text-white --tw-text-opacity / color 1 / rgb(255 255 255 / var(--tw-text-opacity, 1)) none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:bg-transparent background-color transparent none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:border-transparent border-color transparent none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
enabled:hover:text-white --tw-text-opacity / color 1 / rgb(255 255 255 / var(--tw-text-opacity, 1)) none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
flex display flex none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
flex-col flex-direction column none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline outline-style solid none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline-1 outline-width 1px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
focus-visible:outline-offset-2 outline-offset 2px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
font-medium font-weight 500 none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
gap-0 gap 0px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
gap-2 gap 0.5rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind spacing baseline
h-10 height 2.5rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
h-4 height 1rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
h-6 height 1.5rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind sizing baseline
h-full height 100% none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
inline-block display inline-block none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
inline-flex display inline-flex none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
invisible visibility hidden none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
items-center align-items center none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
justify-center justify-content center none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
leading-4 line-height 1rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
m-0 margin 0px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
min-w-4 min-width 1rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
opacity-0 opacity 0 none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
opacity-100 opacity 1 none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
order-1 order 1 none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
order-2 order 2 none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
order-[-1] order -1 none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
outline-1 outline-width 1px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind focus geometry baseline
outline-none outline / outline-offset 2px solid transparent / 2px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
outline-offset-2 outline-offset 2px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind focus geometry baseline
overflow-hidden overflow hidden none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
p-0 padding 0px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
px-0 padding-left / padding-right 0px / 0px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
px-2 padding-left / padding-right 0.5rem / 0.5rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
px-3 padding-left / padding-right 0.75rem / 0.75rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind spacing baseline
px-[0.625rem] padding-left / padding-right 0.625rem / 0.625rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
px-[0.875rem] padding-left / padding-right 0.875rem / 0.875rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
py-1 padding-top / padding-bottom 0.25rem / 0.25rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
py-2 padding-top / padding-bottom 0.5rem / 0.5rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind spacing baseline
py-[0.375rem] padding-top / padding-bottom 0.375rem / 0.375rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
py-[0.625rem] padding-top / padding-bottom 0.625rem / 0.625rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
relative position relative none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
rounded-[2rem] border-radius 2rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
rounded-full border-radius 9999px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
rounded-md border-radius 0.375rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind radius baseline
select-none user-select none none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),0_2px_2px_0_rgba(0,0,0,0.14),0_1px_5px_0_rgba(0,0,0,0.12)] --tw-shadow / --tw-shadow-colored / box-shadow 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12) / 0 3px 1px -2px var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color), 0 1px 5px 0 var(--tw-shadow-color) / var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
start-0 inset-inline-start 0px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-[1.125rem] font-size 1.125rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-lg font-size / line-height 1.125rem / 1.75rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-sm font-size / line-height 0.875rem / 1.25rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind typography baseline
text-white --tw-text-opacity / color 1 / rgb(255 255 255 / var(--tw-text-opacity, 1)) none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
text-xs font-size / line-height 0.75rem / 1rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
top-0 top 0px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
top-1/2 top 50% none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
transition-[background,color,left] transition-property / transition-timing-function / transition-duration background,color,left / cubic-bezier(0.4, 0, 0.2, 1) / 150ms none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
transition-colors transition-property / transition-timing-function / transition-duration color, background-color, border-color, text-decoration-color, fill, stroke / cubic-bezier(0.4, 0, 0.2, 1) / 150ms none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
underline text-decoration-line underline none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
w-0 width 0px none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
w-10 width 2.5rem none compile-time-constant portable module when semantic use matches; fixed values only after invariant review platform-invariant-only Static Tailwind sizing baseline
w-full width 100% none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer
z-10 z-index 10 none compile-time-constant portable module when semantic use matches; fixed values only after invariant review generated-representative Representative utility; review semantic use at the consumer

Internal or transient utilities

Utility CSS property Resolved value Runtime dependency Classification Allowed consumer Stability Intended use

Compiled representative probes

Utility Emitted declarations
absolute position: absolute
appearance-none appearance: none
bg-danger-500 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-emphasis background: var(--p-content-hover-background); color: var(--p-content-hover-color)
bg-help-500 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-highlight background: var(--p-highlight-background); color: var(--p-highlight-color)
bg-highlight-emphasis background: var(--p-highlight-focus-background); color: var(--p-highlight-focus-color)
bg-info-500 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-primary --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-primary-emphasis --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-success-500 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-surface-0 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-surface-100 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-surface-200 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-surface-300 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-surface-400 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-surface-50 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-surface-700 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-surface-950 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-bg-opacity, 1)), transparent)
bg-transparent background-color: transparent
bg-warn-500 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-bg-opacity, 1)), transparent)
border border-width: 1px
border-danger-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-danger-400 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-danger-500 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-help-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-help-500 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-info-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-info-500 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-primary --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-primary-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-success-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-success-500 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-surface border-color: var(--p-content-border-color)
border-surface-100 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-surface-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-surface-300 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-surface-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-surface-950 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-transparent border-color: transparent
border-warn-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
border-warn-500 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-border-opacity, 1)), transparent)
cursor-pointer cursor: pointer
dark:bg-danger-400 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-help-400 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-info-400 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-success-400 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-surface-0 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-surface-300 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-surface-400 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-surface-600 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-surface-700 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-surface-800 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-surface-900 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:bg-transparent background-color: transparent
dark:bg-warn-400 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:border-danger-300 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-danger-400 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-danger-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-help-400 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-help-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-info-400 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-info-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-primary-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-success-400 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-success-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-surface-100 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-surface-500 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-surface-600 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-surface-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-surface-800 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-transparent border-color: transparent
dark:border-warn-400 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:border-warn-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:disabled:bg-surface-700 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:disabled:text-surface-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:bg-danger-200 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:active:bg-danger-400/15 background-color: color-mix(in srgb, var(--p-danger-400) calc(100% * 0.15), transparent)
dark:enabled:active:bg-help-200 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:active:bg-help-400/15 background-color: color-mix(in srgb, var(--p-help-400) calc(100% * 0.15), transparent)
dark:enabled:active:bg-info-200 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:active:bg-info-400/15 background-color: color-mix(in srgb, var(--p-info-400) calc(100% * 0.15), transparent)
dark:enabled:active:bg-primary/15 background-color: color-mix(in srgb, var(--p-primary-color) calc(100% * 0.15), transparent)
dark:enabled:active:bg-success-200 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:active:bg-success-400/15 background-color: color-mix(in srgb, var(--p-success-400) calc(100% * 0.15), transparent)
dark:enabled:active:bg-surface-200 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:active:bg-surface-600 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:active:bg-surface-700 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:active:bg-warn-200 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:active:bg-warn-400/15 background-color: color-mix(in srgb, var(--p-warn-400) calc(100% * 0.15), transparent)
dark:enabled:active:bg-white/15 background-color: rgb(255 255 255 / 0.15)
dark:enabled:active:border-danger-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-danger-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-help-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-help-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-info-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-info-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-primary-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-success-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-success-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-surface-300 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-surface-500 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-surface-600 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-surface-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-transparent border-color: transparent
dark:enabled:active:border-warn-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:border-warn-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:active:text-danger-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-danger-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-help-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-help-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-info-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-info-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-primary --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-success-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-success-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-surface-0 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-surface-100 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-surface-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-surface-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-warn-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:active:text-warn-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:focus:border-primary --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:bg-danger-300 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:hover:bg-danger-400/5 background-color: color-mix(in srgb, var(--p-danger-400) calc(100% * 0.05), transparent)
dark:enabled:hover:bg-help-300 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-300) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:hover:bg-help-400/5 background-color: color-mix(in srgb, var(--p-help-400) calc(100% * 0.05), transparent)
dark:enabled:hover:bg-info-300 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-300) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:hover:bg-info-400/5 background-color: color-mix(in srgb, var(--p-info-400) calc(100% * 0.05), transparent)
dark:enabled:hover:bg-primary/5 background-color: color-mix(in srgb, var(--p-primary-color) calc(100% * 0.05), transparent)
dark:enabled:hover:bg-success-300 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-300) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:hover:bg-success-400/5 background-color: color-mix(in srgb, var(--p-success-400) calc(100% * 0.05), transparent)
dark:enabled:hover:bg-surface-100 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:hover:bg-surface-700 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:hover:bg-surface-800 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:hover:bg-warn-300 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-300) calc(100% * var(--tw-bg-opacity, 1)), transparent)
dark:enabled:hover:bg-warn-400/5 background-color: color-mix(in srgb, var(--p-warn-400) calc(100% * 0.05), transparent)
dark:enabled:hover:bg-white/5 background-color: rgb(255 255 255 / 0.05)
dark:enabled:hover:border-danger-300 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-danger-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-help-300 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-300) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-help-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-info-300 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-300) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-info-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-primary-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-success-300 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-300) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-success-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-surface-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-surface-500 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-surface-600 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-surface-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-transparent border-color: transparent
dark:enabled:hover:border-warn-300 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-300) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:border-warn-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
dark:enabled:hover:text-danger-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-danger-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-help-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-help-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-info-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-info-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-primary --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-success-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-success-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-surface-0 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-surface-200 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-surface-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-surface-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-warn-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:enabled:hover:text-warn-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:focus-visible:outline-danger-400 outline-color: color-mix(in srgb, var(--p-danger-400) calc(100% * 1), transparent)
dark:focus-visible:outline-help-400 outline-color: color-mix(in srgb, var(--p-help-400) calc(100% * 1), transparent)
dark:focus-visible:outline-info-400 outline-color: color-mix(in srgb, var(--p-info-400) calc(100% * 1), transparent)
dark:focus-visible:outline-success-400 outline-color: color-mix(in srgb, var(--p-success-400) calc(100% * 1), transparent)
dark:focus-visible:outline-surface-0 outline-color: color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent)
dark:focus-visible:outline-surface-300 outline-color: color-mix(in srgb, var(--p-surface-300) calc(100% * 1), transparent)
dark:focus-visible:outline-warn-400 outline-color: color-mix(in srgb, var(--p-warn-400) calc(100% * 1), transparent)
dark:placeholder:text-surface-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-danger-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-danger-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-help-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-help-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-info-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-info-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-primary --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-success-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-success-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-surface-0 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-surface-300 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-surface-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-surface-800 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-surface-900 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-surface-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-warn-400 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent)
dark:text-warn-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
disabled:bg-surface-200 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent)
disabled:cursor-default cursor: default
disabled:opacity-100 opacity: 1
disabled:text-surface-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
duration-200 transition-duration: 200ms
ease-in-out transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
enabled:active:bg-danger-100 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-100) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-danger-700 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-help-100 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-100) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-help-700 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-info-100 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-100) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-info-700 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-primary-100 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-100) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-primary-emphasis-alt --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-active-color) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-success-100 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-100) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-success-700 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-surface-100 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-surface-300 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-surface-800 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-transparent background-color: transparent
enabled:active:bg-warn-100 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-100) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:bg-warn-700 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:active:border-danger-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-danger-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-help-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-help-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-info-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-info-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-primary-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-primary-emphasis-alt --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-active-color) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-success-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-success-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-surface-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-surface-300 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-surface-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-surface-800 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-transparent border-color: transparent
enabled:active:border-warn-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:border-warn-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:active:text-danger-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:active:text-help-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:active:text-info-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:active:text-primary --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:active:text-success-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:active:text-surface-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:active:text-surface-700 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:active:text-surface-800 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:active:text-surface-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:active:text-warn-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:active:text-white --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1))
enabled:focus:border-primary --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:bg-danger-50 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-50) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-danger-600 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-600) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-help-50 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-50) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-help-600 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-600) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-info-50 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-50) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-info-600 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-600) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-primary-50 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-primary-emphasis --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-success-50 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-50) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-success-600 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-600) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-surface-200 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-surface-50 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-surface-900 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-transparent background-color: transparent
enabled:hover:bg-warn-50 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-50) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:bg-warn-600 --tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-600) calc(100% * var(--tw-bg-opacity, 1)), transparent)
enabled:hover:border-danger-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-danger-600 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-600) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-help-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-help-600 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-600) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-info-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-info-600 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-600) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-primary-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-primary-emphasis --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-success-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-success-600 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-600) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-surface-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-surface-400 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-surface-700 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-surface-900 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-transparent border-color: transparent
enabled:hover:border-warn-200 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:border-warn-600 --tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-600) calc(100% * var(--tw-border-opacity, 1)), transparent)
enabled:hover:text-danger-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:hover:text-help-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:hover:text-info-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:hover:text-primary --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:hover:text-success-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:hover:text-surface-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:hover:text-surface-700 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:hover:text-surface-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:hover:text-warn-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
enabled:hover:text-white --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1))
flex display: flex
flex-col flex-direction: column
focus-visible:outline outline-style: solid
focus-visible:outline-1 outline-width: 1px
focus-visible:outline-danger-500 outline-color: color-mix(in srgb, var(--p-danger-500) calc(100% * 1), transparent)
focus-visible:outline-help-500 outline-color: color-mix(in srgb, var(--p-help-500) calc(100% * 1), transparent)
focus-visible:outline-info-500 outline-color: color-mix(in srgb, var(--p-info-500) calc(100% * 1), transparent)
focus-visible:outline-offset-2 outline-offset: 2px
focus-visible:outline-primary outline-color: color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent)
focus-visible:outline-success-500 outline-color: color-mix(in srgb, var(--p-success-500) calc(100% * 1), transparent)
focus-visible:outline-surface-600 outline-color: color-mix(in srgb, var(--p-surface-600) calc(100% * 1), transparent)
focus-visible:outline-surface-950 outline-color: color-mix(in srgb, var(--p-surface-950) calc(100% * 1), transparent)
focus-visible:outline-warn-500 outline-color: color-mix(in srgb, var(--p-warn-500) calc(100% * 1), transparent)
font-medium font-weight: 500
gap-0 gap: 0px
gap-2 gap: 0.5rem
h-10 height: 2.5rem
h-4 height: 1rem
h-6 height: 1.5rem
h-full height: 100%
inline-block display: inline-block
inline-flex display: inline-flex
invisible visibility: hidden
items-center align-items: center
justify-center justify-content: center
leading-4 line-height: 1rem
m-0 margin: 0px
min-w-4 min-width: 1rem
opacity-0 opacity: 0
opacity-100 opacity: 1
order-1 order: 1
order-2 order: 2
order-[-1] order: -1
outline-1 outline-width: 1px
outline-none outline: 2px solid transparent; outline-offset: 2px
outline-offset-2 outline-offset: 2px
overflow-hidden overflow: hidden
p-0 padding: 0px
placeholder:text-surface-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
px-0 padding-left: 0px; padding-right: 0px
px-2 padding-left: 0.5rem; padding-right: 0.5rem
px-3 padding-left: 0.75rem; padding-right: 0.75rem
px-[0.625rem] padding-left: 0.625rem; padding-right: 0.625rem
px-[0.875rem] padding-left: 0.875rem; padding-right: 0.875rem
py-1 padding-top: 0.25rem; padding-bottom: 0.25rem
py-2 padding-top: 0.5rem; padding-bottom: 0.5rem
py-[0.375rem] padding-top: 0.375rem; padding-bottom: 0.375rem
py-[0.625rem] padding-top: 0.625rem; padding-bottom: 0.625rem
relative position: relative
rounded-[2rem] border-radius: 2rem
rounded-border border-radius: var(--p-content-border-radius)
rounded-full border-radius: 9999px
rounded-md border-radius: 0.375rem
select-none user-select: none
shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),0_2px_2px_0_rgba(0,0,0,0.14),0_1px_5px_0_rgba(0,0,0,0.12)] --tw-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12); --tw-shadow-colored: 0 3px 1px -2px var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color), 0 1px 5px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
start-0 inset-inline-start: 0px
text-[1.125rem] font-size: 1.125rem
text-color color: var(--p-text-color)
text-color-emphasis color: var(--p-text-hover-color)
text-danger-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-help-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-info-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-lg font-size: 1.125rem; line-height: 1.75rem
text-muted-color color: var(--p-text-muted-color)
text-muted-color-emphasis color: var(--p-text-hover-muted-color)
text-primary --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-primary-contrast --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-contrast-color) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-primary-emphasis --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-sm font-size: 0.875rem; line-height: 1.25rem
text-success-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-surface-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-surface-600 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-surface-700 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-surface-950 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-warn-500 --tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent)
text-white --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1))
text-xs font-size: 0.75rem; line-height: 1rem
top-0 top: 0px
top-1/2 top: 50%
transition-[background,color,left] transition-property: background,color,left; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms
transition-colors transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms
underline text-decoration-line: underline
w-0 width: 0px
w-10 width: 2.5rem
w-full width: 100%
z-10 z-index: 10