text: // https://tailwindcss.com/docs/font-variant-numeric
  // This feature uses var+comment hacks to get around property stripping:
  // https://github.com/tailwindlabs/tailwindcss.com/issues/522#issuecomment-687667238
  const fontVariants = {
    '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',
    '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',
    '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',
    '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',
    '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',
    fontVariantNumeric:
      'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',
  }
  
  export default {
    /**
     * ===========================================
     * Layout
     */
  
    // https://tailwindcss.com/docs/container
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/box-decoration-break
    'decoration-slice': { output: { boxDecorationBreak: 'slice' } },
    'decoration-clone': { output: { boxDecorationBreak: 'clone' } },
  
    // https://tailwindcss.com/docs/box-sizing
    'box-border': { output: { boxSizing: 'border-box' } },
    'box-content': { output: { boxSizing: 'content-box' } },
  
    // https://tailwindcss.com/docs/display
    hidden: { output: { display: 'none' } },
    block: { output: { display: 'block' } },
    contents: { output: { display: 'contents' } },
    'list-item': { output: { display: 'list-item' } },
    'inline-block': { output: { display: 'inline-block' } },
    inline: { output: { display: 'inline' } },
    'flow-root': { output: { display: 'flow-root' } },
    flex: { output: { display: 'flex' } },
    'inline-flex': { output: { display: 'inline-flex' } },
    grid: { output: { display: 'grid' } },
    'inline-grid': { output: { display: 'inline-grid' } },
    table: { output: { display: 'table' } },
    'inline-table': { output: { display: 'inline-table' } },
    'table-caption': { output: { display: 'table-caption' } },
    'table-cell': { output: { display: 'table-cell' } },
    'table-column': { output: { display: 'table-column' } },
    'table-column-group': { output: { display: 'table-column-group' } },
    'table-footer-group': { output: { display: 'table-footer-group' } },
    'table-header-group': { output: { display: 'table-header-group' } },
    'table-row-group': { output: { display: 'table-row-group' } },
    'table-row': { output: { display: 'table-row' } },
  
    // https://tailwindcss.com/docs/float
    'float-right': { output: { float: 'right' } },
    'float-left': { output: { float: 'left' } },
    'float-none': { output: { float: 'none' } },
  
    // https://tailwindcss.com/docs/clear
    'clear-left': { output: { clear: 'left' } },
    'clear-right': { output: { clear: 'right' } },
    'clear-both': { output: { clear: 'both' } },
    'clear-none': { output: { clear: 'none' } },
  
    // https://tailwindcss.com/docs/isolation
    isolate: { output: { isolation: 'isolate' } },
    'isolation-auto': { output: { isolation: 'auto' } },
  
    // https://tailwindcss.com/docs/object-fit
    'object-contain': { output: { objectFit: 'contain' } },
    'object-cover': { output: { objectFit: 'cover' } },
    'object-fill': { output: { objectFit: 'fill' } },
    'object-none': { output: { objectFit: 'none' } },
    'object-scale-down': { output: { objectFit: 'scale-down' } },
  
    // https://tailwindcss.com/docs/object-position
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/overflow
    'overflow-auto': { output: { overflow: 'auto' }, config: 'overflow' },
    'overflow-hidden': { output: { overflow: 'hidden' }, config: 'overflow' },
    'overflow-visible': { output: { overflow: 'visible' }, config: 'overflow' },
    'overflow-scroll': { output: { overflow: 'scroll' }, config: 'overflow' },
    'overflow-x-auto': { output: { overflowX: 'auto' }, config: 'overflow' },
    'overflow-y-auto': { output: { overflowY: 'auto' }, config: 'overflow' },
    'overflow-x-hidden': { output: { overflowX: 'hidden' }, config: 'overflow' },
    'overflow-y-hidden': { output: { overflowY: 'hidden' }, config: 'overflow' },
    'overflow-x-visible': {
      output: { overflowX: 'visible' },
      config: 'overflow',
    },
    'overflow-y-visible': {
      output: { overflowY: 'visible' },
      config: 'overflow',
    },
    'overflow-x-scroll': { output: { overflowX: 'scroll' }, config: 'overflow' },
    'overflow-y-scroll': { output: { overflowY: 'scroll' }, config: 'overflow' },
  
    // https://tailwindcss.com/docs/position
    static: { output: { position: 'static' } },
    fixed: { output: { position: 'fixed' } },
    absolute: { output: { position: 'absolute' } },
    relative: { output: { position: 'relative' } },
    sticky: { output: { position: 'sticky' } },
  
    // https://tailwindcss.com/docs/top-right-bottom-left
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/visibility
    visible: { output: { visibility: 'visible' } },
    invisible: { output: { visibility: 'hidden' } },
  
    // https://tailwindcss.com/docs/z-index
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/space
    // See dynamicStyles.js for the rest
    'space-x-reverse': {
      output: {
        '> :not([hidden]) ~ :not([hidden])': {
          '--tw-space-x-reverse': '1',
        },
      },
    },
    'space-y-reverse': {
      output: {
        '> :not([hidden]) ~ :not([hidden])': {
          '--tw-space-y-reverse': '1',
        },
      },
    },
  
    // https://tailwindcss.com/docs/divide-width
    // See dynamicStyles.js for the rest
    'divide-x-reverse': {
      output: {
        '> :not([hidden]) ~ :not([hidden])': {
          '--tw-divide-x-reverse': '1',
        },
      },
    },
    'divide-y-reverse': {
      output: {
        '> :not([hidden]) ~ :not([hidden])': {
          '--tw-divide-y-reverse': '1',
        },
      },
    },
  
    // https://tailwindcss.com/docs/divide-style
    'divide-solid': {
      output: {
        '> :not([hidden]) ~ :not([hidden])': {
          borderStyle: 'solid',
        },
      },
    },
    'divide-dashed': {
      output: {
        '> :not([hidden]) ~ :not([hidden])': {
          borderStyle: 'dashed',
        },
      },
    },
    'divide-dotted': {
      output: {
        '> :not([hidden]) ~ :not([hidden])': {
          borderStyle: 'dotted',
        },
      },
    },
    'divide-double': {
      output: {
        '> :not([hidden]) ~ :not([hidden])': {
          borderStyle: 'double',
        },
      },
    },
    'divide-none': {
      output: {
        '> :not([hidden]) ~ :not([hidden])': {
          borderStyle: 'none',
        },
      },
    },
  
    /**
     * ===========================================
     * Flexbox
     */
  
    // https://tailwindcss.com/docs/flexbox-direction
    'flex-row': { output: { flexDirection: 'row' } },
    'flex-row-reverse': { output: { flexDirection: 'row-reverse' } },
    'flex-col': { output: { flexDirection: 'column' } },
    'flex-col-reverse': {
      output: { flexDirection: 'column-reverse' },
    },
  
    // https://tailwindcss.com/docs/flex-wrap
    'flex-nowrap': { output: { flexWrap: 'nowrap' } },
    'flex-wrap': { output: { flexWrap: 'wrap' } },
    'flex-wrap-reverse': { output: { flexWrap: 'wrap-reverse' } },
  
    // https://tailwindcss.com/docs/align-items
    'items-stretch': { output: { alignItems: 'stretch' } },
    'items-start': { output: { alignItems: 'flex-start' } },
    'items-center': { output: { alignItems: 'center' } },
    'items-end': { output: { alignItems: 'flex-end' } },
    'items-baseline': { output: { alignItems: 'baseline' } },
  
    // https://tailwindcss.com/docs/align-content
    'content-start': {
      output: { alignContent: 'flex-start' },
    },
    'content-center': {
      output: { alignContent: 'center' },
    },
    'content-end': {
      output: { alignContent: 'flex-end' },
    },
    'content-between': {
      output: { alignContent: 'space-between' },
    },
    'content-around': {
      output: { alignContent: 'space-around' },
    },
  
    // https://tailwindcss.com/docs/align-self
    'self-auto': { output: { alignSelf: 'auto' } },
    'self-baseline': { output: { alignSelf: 'baseline' } },
    'self-start': { output: { alignSelf: 'flex-start' } },
    'self-center': { output: { alignSelf: 'center' } },
    'self-end': { output: { alignSelf: 'flex-end' } },
    'self-stretch': { output: { alignSelf: 'stretch' } },
  
    // https://tailwindcss.com/docs/justify-content
    'justify-start': {
      output: { justifyContent: 'flex-start' },
    },
    'justify-center': {
      output: { justifyContent: 'center' },
    },
    'justify-end': {
      output: { justifyContent: 'flex-end' },
    },
    'justify-between': {
      output: { justifyContent: 'space-between' },
    },
    'justify-around': {
      output: { justifyContent: 'space-around' },
    },
    'justify-evenly': {
      output: { justifyContent: 'space-evenly' },
    },
  
    // https://tailwindcss.com/docs/flex
    // https://tailwindcss.com/docs/flex-grow
    // https://tailwindcss.com/docs/flex-shrink
    // https://tailwindcss.com/docs/order
    // See dynamicStyles.js
  
    /**
     * ===========================================
     * Grid
     */
  
    // https://tailwindcss.com/docs/grid-template-columns
    // https://tailwindcss.com/docs/grid-column
    // https://tailwindcss.com/docs/grid-template-rows
    // https://tailwindcss.com/docs/grid-row
    // https://tailwindcss.com/docs/gap
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/grid-auto-flow
    'grid-flow-row': { output: { gridAutoFlow: 'row' } },
    'grid-flow-col': { output: { gridAutoFlow: 'column' } },
    'grid-flow-row-dense': { output: { gridAutoFlow: 'row dense' } },
    'grid-flow-col-dense': { output: { gridAutoFlow: 'column dense' } },
  
    // https://tailwindcss.com/docs/grid-auto-columns
    // https://tailwindcss.com/docs/grid-auto-rows#app
    // See dynamicStyles.js
  
    /**
     * ===========================================
     * Spacing
     */
  
    // https://tailwindcss.com/docs/padding
    // https://tailwindcss.com/docs/margin
    // See dynamicStyles.js
  
    /**
     * ===========================================
     * Sizing
     */
  
    // https://tailwindcss.com/docs/width
    // https://tailwindcss.com/docs/min-width
    // https://tailwindcss.com/docs/max-width
    // https://tailwindcss.com/docs/height
    // https://tailwindcss.com/docs/min-height
    // https://tailwindcss.com/docs/max-height
    // See dynamicStyles.js
  
    /**
     * ===========================================
     * Typography
     */
  
    // https://tailwindcss.com/docs/font-family
    // https://tailwindcss.com/docs/font-size
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/font-smoothing
    antialiased: {
      output: {
        WebkitFontSmoothing: 'antialiased',
        MozOsxFontSmoothing: 'grayscale',
      },
    },
    'subpixel-antialiased': {
      output: {
        WebkitFontSmoothing: 'auto',
        MozOsxFontSmoothing: 'auto',
      },
    },
  
    // https://tailwindcss.com/docs/font-style
    italic: { output: { fontStyle: 'italic' } },
    'not-italic': { output: { fontStyle: 'normal' } },
  
    // https://tailwindcss.com/docs/font-weight
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/font-variant-numeric
    ordinal: {
      output: { ...fontVariants, '--tw-ordinal': 'ordinal' },
    },
    'slashed-zero': {
      output: {
        ...fontVariants,
        '--tw-slashed-zero': 'slashed-zero',
      },
    },
    'lining-nums': {
      output: { ...fontVariants, '--tw-numeric-figure': 'lining-nums' },
    },
    'oldstyle-nums': {
      output: {
        ...fontVariants,
        '--tw-numeric-figure': 'oldstyle-nums',
      },
    },
    'proportional-nums': {
      output: {
        ...fontVariants,
        '--tw-numeric-spacing': 'proportional-nums',
      },
    },
    'tabular-nums': {
      output: {
        ...fontVariants,
        '--tw-numeric-spacing': 'tabular-nums',
      },
    },
    'diagonal-fractions': {
      output: {
        ...fontVariants,
        '--tw-numeric-fraction': 'diagonal-fractions',
      },
    },
    'stacked-fractions': {
      output: {
        ...fontVariants,
        '--tw-numeric-fraction': 'stacked-fractions',
      },
    },
    'normal-nums': {
      output: {
        fontVariantNumeric: 'normal',
      },
    },
  
    // https://tailwindcss.com/docs/letter-spacing
    // https://tailwindcss.com/docs/line-height
    // https://tailwindcss.com/docs/list-style-type
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/list-style-position
    'list-inside': { output: { listStylePosition: 'inside' } },
    'list-outside': { output: { listStylePosition: 'outside' } },
  
    // https://tailwindcss.com/docs/placeholder-color
    // https://tailwindcss.com/docs/placeholder-opacity
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/text-align
    'text-left': { output: { textAlign: 'left' } },
    'text-center': { output: { textAlign: 'center' } },
    'text-right': { output: { textAlign: 'right' } },
    'text-justify': { output: { textAlign: 'justify' } },
  
    // https://tailwindcss.com/docs/text-color
    // https://tailwindcss.com/docs/text-opacity
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/text-decoration
    underline: { output: { textDecoration: 'underline' } },
    'line-through': { output: { textDecoration: 'line-through' } },
    'no-underline': { output: { textDecoration: 'none' } },
  
    // https://tailwindcss.com/docs/text-transform
    uppercase: { output: { textTransform: 'uppercase' } },
    lowercase: { output: { textTransform: 'lowercase' } },
    capitalize: { output: { textTransform: 'capitalize' } },
    'normal-case': { output: { textTransform: 'none' } },
  
    // https://tailwindcss.com/docs/vertical-align
    'align-baseline': { output: { verticalAlign: 'baseline' } },
    'align-top': { output: { verticalAlign: 'top' } },
    'align-middle': { output: { verticalAlign: 'middle' } },
    'align-bottom': { output: { verticalAlign: 'bottom' } },
    'align-text-top': { output: { verticalAlign: 'text-top' } },
    'align-text-bottom': { output: { verticalAlign: 'text-bottom' } },
  
    // https://tailwindcss.com/docs/whitespace
    'whitespace-normal': { output: { whiteSpace: 'normal' } },
    'whitespace-nowrap': { output: { whiteSpace: 'nowrap' } },
    'whitespace-pre': { output: { whiteSpace: 'pre' } },
    'whitespace-pre-line': { output: { whiteSpace: 'pre-line' } },
    'whitespace-pre-wrap': { output: { whiteSpace: 'pre-wrap' } },
  
    // https://tailwindcss.com/docs/word-break
    'break-normal': {
      output: { wordBreak: 'normal', overflowWrap: 'normal' },
      config: 'wordbreak',
    },
    'break-words': {
      output: { overflowWrap: 'break-word' },
      config: 'wordbreak',
    },
    'break-all': { output: { wordBreak: 'break-all' }, config: 'wordbreak' },
  
    // https://tailwindcss.com/docs/text-overflow
    truncate: {
      output: {
        overflow: 'hidden',
        textOverflow: 'ellipsis',
        whiteSpace: 'nowrap',
      },
    },
    'overflow-ellipsis': { output: { textOverflow: 'ellipsis' } },
    'overflow-clip': { output: { textOverflow: 'clip' } },
  
    /**
     * ===========================================
     * Backgrounds
     */
  
    // https://tailwindcss.com/docs/background-attachment
    'bg-fixed': { output: { backgroundAttachment: 'fixed' } },
    'bg-local': { output: { backgroundAttachment: 'local' } },
    'bg-scroll': { output: { backgroundAttachment: 'scroll' } },
  
    // https://tailwindcss.com/docs/background-clip
    'bg-clip-border': {
      output: {
        WebkitBackgroundClip: 'border-box',
        backgroundClip: 'border-box',
      },
    },
    'bg-clip-padding': {
      output: {
        WebkitBackgroundClip: 'padding-box',
        backgroundClip: 'padding-box',
      },
    },
    'bg-clip-content': {
      output: {
        WebkitBackgroundClip: 'content-box',
        backgroundClip: 'content-box',
      },
    },
    'bg-clip-text': {
      output: {
        WebkitBackgroundClip: 'text',
        backgroundClip: 'text',
      },
    },
  
    // https://tailwindcss.com/docs/background-origin
    'bg-origin-border': {
      output: { backgroundOrigin: 'border-box' },
    },
    'bg-origin-padding': {
      output: { backgroundOrigin: 'padding-box' },
    },
    'bg-origin-content': {
      output: { backgroundOrigin: 'content-box' },
    },
  
    // https://tailwindcss.com/docs/background-color
    // https://tailwindcss.com/docs/background-size
    // https://tailwindcss.com/docs/background-position
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/background-repeat
    'bg-repeat': { output: { backgroundRepeat: 'repeat' } },
    'bg-no-repeat': { output: { backgroundRepeat: 'no-repeat' } },
    'bg-repeat-x': { output: { backgroundRepeat: 'repeat-x' } },
    'bg-repeat-y': { output: { backgroundRepeat: 'repeat-y' } },
    'bg-repeat-round': { output: { backgroundRepeat: 'round' } },
    'bg-repeat-space': { output: { backgroundRepeat: 'space' } },
  
    // https://tailwindcss.com/docs/background-size
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/gradient-color-stops
    // See dynamicStyles.js
  
    /**
     * ===========================================
     * Borders
     */
  
    // https://tailwindcss.com/docs/border-radius
    // https://tailwindcss.com/docs/border-width
    // https://tailwindcss.com/docs/border-color
    // https://tailwindcss.com/docs/border-opacity
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/border-style
    'border-solid': { output: { borderStyle: 'solid' } },
    'border-dashed': { output: { borderStyle: 'dashed' } },
    'border-dotted': { output: { borderStyle: 'dotted' } },
    'border-double': { output: { borderStyle: 'double' } },
    'border-none': { output: { borderStyle: 'none' } },
  
    /**
     * ===========================================
     * Effects
     */
  
    // https://tailwindcss.com/docs/box-shadow/
    // https://tailwindcss.com/docs/opacity
    // See dynamicStyles.js
  
    /**
     * ===========================================
     * Filters
     */
  
    // https://tailwindcss.com/docs/filter
    'filter-none': { output: { filter: 'none' } },
    filter: { output: { filter: 'var(--tw-filter)' } },
  
    // https://tailwindcss.com/docs/blur
    // https://tailwindcss.com/docs/brightness
    // https://tailwindcss.com/docs/contrast
    // https://tailwindcss.com/docs/drop-shadow
    // https://tailwindcss.com/docs/grayscale
    // https://tailwindcss.com/docs/hue-rotate
    // https://tailwindcss.com/docs/invert
    // https://tailwindcss.com/docs/saturate
    // https://tailwindcss.com/docs/sepia
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/backdrop-filter
    'backdrop-filter-none': { output: { backdropFilter: 'none' } },
    'backdrop-filter': {
      output: { backdropFilter: 'var(--tw-backdrop-filter)' },
    },
  
    // https://tailwindcss.com/docs/backdrop-blur
    // https://tailwindcss.com/docs/backdrop-brightness
    // https://tailwindcss.com/docs/backdrop-contrast
    // https://tailwindcss.com/docs/backdrop-grayscale
    // https://tailwindcss.com/docs/backdrop-hue-rotate
    // https://tailwindcss.com/docs/backdrop-invert
    // https://tailwindcss.com/docs/backdrop-opacity
    // https://tailwindcss.com/docs/backdrop-saturate
    // https://tailwindcss.com/docs/backdrop-sepia
    // See dynamicStyles.js
  
    /**
     * ===========================================
     * Tables
     */
  
    // https://tailwindcss.com/docs/border-collapse
    'border-collapse': { output: { borderCollapse: 'collapse' } },
    'border-separate': { output: { borderCollapse: 'separate' } },
  
    // https://tailwindcss.com/docs/table-layout
    'table-auto': { output: { tableLayout: 'auto' } },
    'table-fixed': { output: { tableLayout: 'fixed' } },
  
    /**
     * ===========================================
     * Effects
     */
  
    // https://tailwindcss.com/docs/box-shadow/
    // https://tailwindcss.com/docs/opacity
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/mix-blend-mode
    'mix-blend-normal': { output: { mixBlendMode: 'normal' } },
    'mix-blend-multiply': { output: { mixBlendMode: 'multiply' } },
    'mix-blend-screen': { output: { mixBlendMode: 'screen' } },
    'mix-blend-overlay': { output: { mixBlendMode: 'overlay' } },
    'mix-blend-darken': { output: { mixBlendMode: 'darken' } },
    'mix-blend-lighten': { output: { mixBlendMode: 'lighten' } },
    'mix-blend-color-dodge': { output: { mixBlendMode: 'color-dodge' } },
    'mix-blend-color-burn': { output: { mixBlendMode: 'color-burn' } },
    'mix-blend-hard-light': { output: { mixBlendMode: 'hard-light' } },
    'mix-blend-soft-light': { output: { mixBlendMode: 'soft-light' } },
    'mix-blend-difference': { output: { mixBlendMode: 'difference' } },
    'mix-blend-exclusion': { output: { mixBlendMode: 'exclusion' } },
    'mix-blend-hue': { output: { mixBlendMode: 'hue' } },
    'mix-blend-saturation': { output: { mixBlendMode: 'saturation' } },
    'mix-blend-color': { output: { mixBlendMode: 'color' } },
    'mix-blend-luminosity': { output: { mixBlendMode: 'luminosity' } },
  
    // https://tailwindcss.com/docs/background-blend-mode
    'bg-blend-normal': { output: { backgroundBlendMode: 'normal' } },
    'bg-blend-multiply': { output: { backgroundBlendMode: 'multiply' } },
    'bg-blend-screen': { output: { backgroundBlendMode: 'screen' } },
    'bg-blend-overlay': { output: { backgroundBlendMode: 'overlay' } },
    'bg-blend-darken': { output: { backgroundBlendMode: 'darken' } },
    'bg-blend-lighten': { output: { backgroundBlendMode: 'lighten' } },
    'bg-blend-color-dodge': { output: { backgroundBlendMode: 'color-dodge' } },
    'bg-blend-color-burn': { output: { backgroundBlendMode: 'color-burn' } },
    'bg-blend-hard-light': { output: { backgroundBlendMode: 'hard-light' } },
    'bg-blend-soft-light': { output: { backgroundBlendMode: 'soft-light' } },
    'bg-blend-difference': { output: { backgroundBlendMode: 'difference' } },
    'bg-blend-exclusion': { output: { backgroundBlendMode: 'exclusion' } },
    'bg-blend-hue': { output: { backgroundBlendMode: 'hue' } },
    'bg-blend-saturation': { output: { backgroundBlendMode: 'saturation' } },
    'bg-blend-color': { output: { backgroundBlendMode: 'color' } },
    'bg-blend-luminosity': { output: { backgroundBlendMode: 'luminosity' } },
  
    /**
     * ===========================================
     * Transitions
     */
  
    // https://tailwindcss.com/docs/transition-property
    // https://tailwindcss.com/docs/transition-duration
    // https://tailwindcss.com/docs/transition-timing-function
    // See dynamicStyles.js
  
    /**
     * ===========================================
     * Transforms
     */
  
    // https://tailwindcss.com/docs/scale
    // https://tailwindcss.com/docs/rotate
    // https://tailwindcss.com/docs/translate
    // https://tailwindcss.com/docs/skew
    // https://tailwindcss.com/docs/transform-origin
    // See dynamicStyles.js
  
    /**
     * ===========================================
     * Interactivity
     */
  
    // https://tailwindcss.com/docs/appearance
    'appearance-none': { output: { appearance: 'none' } },
  
    // https://tailwindcss.com/docs/cursor
    // https://tailwindcss.com/docs/outline
    // See dynamicStyles.js
  
    // https://tailwindcss.com/docs/pointer-events
    'pointer-events-none': { output: { pointerEvents: 'none' } },
    'pointer-events-auto': { output: { pointerEvents: 'auto' } },
  
    // https://tailwindcss.com/docs/resize
    'resize-none': { output: { resize: 'none' } },
    'resize-y': { output: { resize: 'vertical' } },
    'resize-x': { output: { resize: 'horizontal' } },
    resize: { output: { resize: 'both' } },
  
    // https://tailwindcss.com/docs/user-select
    'select-none': { output: { userSelect: 'none' } },
    'select-text': { output: { userSelect: 'text' } },
    'select-all': { output: { userSelect: 'all' } },
    'select-auto': { output: { userSelect: 'auto' } },
  
    /**
     * ===========================================
     * Svg
     */
  
    // https://tailwindcss.com/docs/fill
    // https://tailwindcss.com/docs/stroke
    // https://tailwindcss.com/docs/stroke
    // See dynamicStyles.js
  
    /**
     * ===========================================
     * Accessibility
     */
  
    // https://tailwindcss.com/docs/screen-readers
    'sr-only': {
      output: {
        position: 'absolute',
        width: '1px',
        height: '1px',
        padding: '0',
        margin: '-1px',
        overflow: 'hidden',
        clip: 'rect(0, 0, 0, 0)',
        whiteSpace: 'nowrap',
        borderWidth: '0',
      },
      config: 'accessibility',
    },
    'not-sr-only': {
      output: {
        position: 'static',
        width: 'auto',
        height: 'auto',
        padding: '0',
        margin: '0',
        overflow: 'visible',
        clip: 'auto',
        whiteSpace: 'normal',
      },
      config: 'accessibility',
    },
  
    // Overscroll
    'overscroll-auto': { output: { overscrollBehavior: 'auto' } },
    'overscroll-contain': { output: { overscrollBehavior: 'contain' } },
    'overscroll-none': { output: { overscrollBehavior: 'none' } },
    'overscroll-y-auto': { output: { overscrollBehaviorY: 'auto' } },
    'overscroll-y-contain': { output: { overscrollBehaviorY: 'contain' } },
    'overscroll-y-none': { output: { overscrollBehaviorY: 'none' } },
    'overscroll-x-auto': { output: { overscrollBehaviorX: 'auto' } },
    'overscroll-x-contain': { output: { overscrollBehaviorX: 'contain' } },
    'overscroll-x-none': { output: { overscrollBehaviorX: 'none' } },
  
    // Grid alignment utilities
    // https://github.com/tailwindlabs/tailwindcss/pull/2306
    'justify-items-auto': { output: { justifyItems: 'auto' } },
    'justify-items-start': { output: { justifyItems: 'start' } },
    'justify-items-end': { output: { justifyItems: 'end' } },
    'justify-items-center': { output: { justifyItems: 'center' } },
    'justify-items-stretch': { output: { justifyItems: 'stretch' } },
    'justify-self-auto': { output: { justifySelf: 'auto' } },
    'justify-self-start': { output: { justifySelf: 'start' } },
    'justify-self-end': { output: { justifySelf: 'end' } },
    'justify-self-center': { output: { justifySelf: 'center' } },
    'justify-self-stretch': { output: { justifySelf: 'stretch' } },
    'place-content-center': { output: { placeContent: 'center' } },
    'place-content-start': { output: { placeContent: 'start' } },
    'place-content-end': { output: { placeContent: 'end' } },
    'place-content-between': { output: { placeContent: 'space-between' } },
    'place-content-around': { output: { placeContent: 'space-around' } },
    'place-content-evenly': { output: { placeContent: 'space-evenly' } },
    'place-content-stretch': { output: { placeContent: 'stretch' } },
    'place-items-auto': { output: { placeItems: 'auto' } },
    'place-items-start': { output: { placeItems: 'start' } },
    'place-items-end': { output: { placeItems: 'end' } },
    'place-items-center': { output: { placeItems: 'center' } },
    'place-items-stretch': { output: { placeItems: 'stretch' } },
    'place-self-auto': { output: { placeSelf: 'auto' } },
    'place-self-start': { output: { placeSelf: 'start' } },
    'place-self-end': { output: { placeSelf: 'end' } },
    'place-self-center': { output: { placeSelf: 'center' } },
    'place-self-stretch': { output: { placeSelf: 'stretch' } },
  
    /**
     * ===========================================
     * Special classes
     */
  
    transform: { output: { transform: 'var(--tw-transform)' } },
  
    'transform-gpu': {
      output: {
        '--tw-transform':
          'translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',
      },
    },
  
    'transform-cpu': {
      output: {
        '--tw-transform':
          'translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',
      },
    },
  
    'transform-none': { output: { transform: 'none' } },
  
    /**
     * ===========================================
     * Extras
     * Extra styles that aren't part of Tailwind
     */
  
    content: { output: { content: '""' } },
  }
  