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-primeuiversion. - 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 |